@CHARSET "UTF-8";
/* =======================================================================
   Code by timoo.net
   Vision : v1.0
*/

/*IE ScrollBar*/
html,body { -ms-overflow-style: scrollbar; }

/*Font Style*/
body,button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: rgba(102,102,102,1); font-family: Microsoft YaHei, simsun, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}

/*Form Default Style*/
input:focus, textarea:focus { outline: none; }
a { color: rgba(102,102,102,1); outline: none; }
a:hover { color: rgba(95,164,242,1); }

/*Conmon Style*/
.padding-none { padding: 0; }
.border-title { border: 1px dashed rgba(255,255,255,1); }
.bg-white { background: rgba(255,255,255,1); }
.page-body { margin-top: 30px; margin-bottom: 30px; }

/*Bootstrap Style*/
.modal-content , .btn { border-radius: 0; }
.btn-primary { background: rgba(243,124,126,1); border-color: rgba(243,124,126,1); }
.btn-primary:hover { background: rgba(74,188,215,1); border-color: rgba(74,188,215,1); }

/*Top Style*/
.top-bg { height: 140px; background: url(../images/bg_top.jpg) no-repeat center center; }
.top-bg img { display: inline; }
.top-logo { line-height: 140px; }
.top-right { margin-top: 50px; text-align: right; }
.top-right-img { margin-bottom: 10px; }
.top-right span { font-size: 12pt; color: #333; }
.top-right a { margin: 0 5px; color: #333; }
.top-code { position: relative; top: 15px; margin-left: 15px; }
.top-code img { max-width: 110px; }

/*Nav Style*/
.nav-bg { height: 42px; background: #61C3D0; }
.nav-box a { display: block; padding: 0 65px; float: left; height: 42px; text-align: center; line-height: 42px; font-size: 12pt; color: #FFF; }
.nav-box a:hover { background: url(../images/bg_nav.jpg) no-repeat #B62340;  text-decoration: none; }

/*Banner Style*/
.banner { width: 100%; height: 450px; position: relative; overflow: hidden; background: #FFF; }
.banner .bd { position: relative; overflow: hidden; margin: 0 auto; }
.banner .bd ul { width: 100% !important; }
.banner .bd li { width: 100% !important; height: 450px; overflow: hidden; text-align: center; }
.banner .bd li a { display: block; height: 550px; }
.banner .hd { width: 100%; height: 30px; position: absolute; z-index: 6; top: 405px; bottom: 0; left: 0; line-height: 30px; }
.banner .hd ul { text-align:center; }
.banner .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 66px; height: 8px; overflow: hidden; margin: 2px; 
                    background: rgba(0,0,0,1); filter: alpha(opacity=50); opacity: 0.5; line-height: 999px; }
.banner .hd ul .on { background: rgba(240,24,24,1); }
.banner-about-img { height: 215px; }

/*Index Style*/
.index-content { margin-top: 30px; margin-bottom: 30px; }
.index-content-title { height: 35px; width: 165px; background: #B6B6B6; padding-right: 0; padding-left: 50px; }
.index-content-title a { display: block; height: 35px; background: url(../images/bg_title.jpg) no-repeat; line-height: 35px; text-align: center; letter-spacing: 3px; font-size: 14pt; color: #FFF; }
.index-content-about { margin-top: 12px; line-height: 22px; text-indent: 2em; }
.index-content-newstitle { height: 35px; line-height: 35px; font-size: 14pt; color: #333; }
.index-news-list { margin-top: 15px; }
.index-news-list a { display: block; line-height: 35px; border-bottom: 1px solid #C0C0C0; margin-top: 5px; }
.index-news-list span { margin: 0 5px; font-size: 24pt; color: #A3214D; }
.index-pro-img { padding: 0 1px; }
.index-pro { margin-top: 20px;}
.index-pro-img a { display: block; width: 100%; height: 107px; }
.index-pro-img-01 { background: url(../images/index_pro_1.jpg) no-repeat center center; }
.index-pro-img-02 { background: url(../images/index_pro_2.jpg) no-repeat center center; }
.index-pro-img-03 { background: url(../images/index_pro_3.jpg) no-repeat center center; }
.index-pro-img-01:hover { background: url(../images/index_pro_1_1.jpg) no-repeat center center; }
.index-pro-img-02:hover { background: url(../images/index_pro_2_1.jpg) no-repeat center center; }
.index-pro-img-03:hover { background: url(../images/index_pro_3_1.jpg) no-repeat center center; }

/*Foot Style*/
.foot-bg { background: #747474; padding: 30px 0; }
.foot-img { text-align: center; }
.foot-img img { display: inline; }
.foot-text { margin-top: 15px; text-align: center; font-size: 12pt; color: #FFF; }
.foot-text span { margin-right: 15px; }
.foot-text a { color: #FFF; }

/*Left Style*/
.left-body { padding: 0; }
.left-title { height: 42px; background: url(../images/bg_nav.jpg) no-repeat #B62340; line-height: 42px; text-align: center; letter-spacing: 3px; font-size: 14pt; font-weight: 700; color: #FFF; }
.left-menu-about-sub a { display: block; background: #EEE; padding: 10px 15px 10px 50px; font-size: 14pt; color: #333; text-decoration: none; }
.left-menu-about-sub a:hover { color: #FFF; background: #61C3D0; }
.left-submenu a { font-size: 10pt !important; }
.left-submenu a span { margin-left: 5px; margin-right: 5px; }
.left-menu-about a { display: block; background: #EEE; padding: 10px 15px 10px 50px; font-size: 14pt; color: #333; margin-top: 1px; }
.left-menu-about a:hover { color: #FFF; background: #61C3D0; text-decoration: none; }
.left-submenu-out { display: none; }
.left-menu-contact a { padding: 10px 15px 10px 50px; }
.left-menu-contact a:hover { background: #61C3CD; color: #FFF; text-decoration: none; }

/*Right Style*/
.right-body { padding: 0 0 5px 30px; }
.right-body-about { padding: 0 0 5px 30px; }
.right-body-about img { display: inline; width:100%; }

/*Job Style*/
.job-box { padding: 0 60px; }
.job-body { margin-bottom: 15px; }
.job-title { background: #61C3D0; text-align: center; }
.job-line { padding: 15px; border: 1px solid #333; font-size: 12pt; color: #333; }
.job-nr { line-height: 30px; border-left: none; }
.job-border-center { border-bottom: none; border-left: none; }
.job-border-right { border-bottom: none; border-left: none; }
.job-border-left { border-bottom: none; }

/*Paging Style*/
.pages { text-align: center; }
.paging { display: block; margin-top: 30px; margin-bottom: 25px; padding: 5px 15px; text-align: center; color: #666; }
.paging a { color: #666; padding: 0 5px; }
.paging a:hover { color: rgba(74,188,215,1); }
.paging-first { padding-right: 30px; }
.paging-last { padding-left: 30px; }
.paging-prev { padding-right: 15px; }
.paging-next { padding-left: 15px; }
.paging-num { color: rgba(74,188,215,1); padding: 0 5px; }
.lang-page-on { color: rgba(74,188,215,1); }
.pages-list { text-align: center; margin-bottom: 30px; }

/*News Style*/
.news-top { padding-left: 15px; padding-right: 15px; }
.news-bottom { margin-top: 30px; }
.news-top-title { position: relative; right: 45px; top: 45px; }
.news-right { margin-bottom: 30px; }
.news-right a { display: block; margin-top: 5px; padding: 5px 0 0 0; border-bottom: 1px solid #989898; font-size: 12pt; color: #333; }
.news-right a:hover { color: #61C3D0; }
.news-list-date { color: #8F8F8F; }
.news-right-more a { display: block; background: #61C3D0; margin-top: 15px; padding: 1px 5px; border: none; font-size: 9pt; color: #FFF; }
.news-right-more a:hover { color: #FFF; text-decoration: none; }
.news-title { margin: 15px; text-align: center; line-height: 40px; font-size: 14pt; color: rgba(91,161,171,1); }
.news-date { margin: 15px 0; padding: 10px; background: rgba(238,238,238,1); text-align: center; }
.news-prve { margin-top: 30px; }
.news-info { padding: 10px 30px; }

/*Photo Style*/
.photo-list { margin-bottom: 30px; cursor : pointer; }
.photo-list-title { margin-top: 15px; text-align: center; cursor : default;} 
.photo-list-info { margin-top: 15px; text-indent: 2em; }

.gongshang { text-align: center; }