/*å…¨å±€æ ·å¼*/

.wrapper{width:1200px;}
.wrap-white{width:100%; padding:40px 0; background:#fff;}
.wrap-gray{width:100%; padding:40px 0; background:#eee;}

/*å¤´éƒ¨æ ·å¼*/

#top{width:100%; height:42px; background:#eee;}
.top-text{float:left; height:42px; line-height:42px; font-size:14px; color:#666; overflow:hidden;}
#top-icon{float:left; height:30px; margin:6px 20px; padding:0 5px; background:#fff; border-radius:4px; overflow:hidden;}
#top-icon dl dd{float:left; height:30px; line-height:30px; margin:0 5px; background-repeat:no-repeat; background-position:left center; font-size:14px; color:#666; overflow:hidden;}
#top-icon dl dd.t-icon1{padding-left:24px; background-image:url(img/t-icon1.png);}
#top-icon dl dd.t-icon2{padding-left:24px; background-image:url(img/t-icon2.png);}
#top-search{float:left; width:200px; height:30px; margin:6px 0; padding:0 10px; background:#fff; border-radius:4px; overflow:hidden;}
#top-search input{float:left; width:174px; height:32px; line-height:32px; padding:0; border:none; font-size:14px; color:#666;}
#top-search button{float:left; width:16px; height:32px; margin-left:10px; padding:0; background:url(img/search.png) no-repeat center;}
#top-hide{float:left; height:42px; line-height:42px; margin-left:20px; padding-right:20px; background:url(img/arrow-t.png) no-repeat right center; font-size:14px; color:#666; cursor:pointer; overflow:hidden;}

#header{height:129px;}
#logo{left:0; top:30px;}
#logo img{height:69px;}
#tel{right:0; top:40px; height:50px; line-height:49px; padding-left:50px; background:url(/images/tel.jpg) no-repeat left center; color:#666; overflow:hidden;}
#tel h3{height:18px; line-height:18px; font-size:16px; overflow:hidden;}
#tel h2{height:26px; line-height:26px; margin-top:5px; font-size:24px; overflow:hidden;}

#nav{width:100%; height:68px; background:#eee; overflow:hidden;}
#nav ul li{float:left; width:120px; height:68px; line-height:68px; font-size:18px; text-align:center; overflow:hidden;}
#nav ul li a{display:block;}
#nav ul li:hover a{color:#e6212a;}
#nav ul li.current{background:#e6212a;}
#nav ul li.current a{color:#fff;}

/*é¦–é¡µæ ·å¼*/

#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:500px;}
#banner-img ul li{float:left;}
#banner-img ul li a{display:block;}
#prev,#next{top:222px; width:30px; height:56px; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:.3;}
#prev{left:100px; background-image:url(img/honor-prev.png);}
#next{right:100px; background-image:url(img/honor-next.png);}
#prev:hover,#next:hover{opacity:.7;}

#service{height:190px; margin:-135px auto 40px auto; background:#fff; box-shadow:0px 0px 10px #e1e1e1; z-index:999;}
#service dl dd{float:left; width:171px; height:110px; padding:40px 0; overflow:hidden;}
#service dl dd:first-child{width:172px;}
#service dl dd:last-child{width:173px;}
#service dl dd em{display:block; width:100%; height:65px; background-repeat:no-repeat; background-position:center;}
#service dl dd em.s-icon1{background-image:url(img/s-icon1.png);}
#service dl dd em.s-icon2{background-image:url(img/s-icon2.png);}
#service dl dd em.s-icon3{background-image:url(img/s-icon3.png);}
#service dl dd em.s-icon4{background-image:url(img/s-icon4.png);}
#service dl dd em.s-icon5{background-image:url(img/s-icon5.png);}
#service dl dd em.s-icon6{background-image:url(img/s-icon6.png);}
#service dl dd em.s-icon7{background-image:url(img/s-icon7.png);}
#service dl dd h3{height:18px; line-height:18px; margin-top:27px; font-size:16px; text-align:center; overflow:hidden;}
#service dl dd.current{background:#e6212a;}
#service dl dd.current em.s-icon1{background-image:url(img/s-icon1-h.png);}
#service dl dd.current em.s-icon2{background-image:url(img/s-icon2-h.png);}
#service dl dd.current em.s-icon3{background-image:url(img/s-icon3-h.png);}
#service dl dd.current em.s-icon4{background-image:url(img/s-icon4-h.png);}
#service dl dd.current em.s-icon5{background-image:url(img/s-icon5-h.png);}
#service dl dd.current em.s-icon6{background-image:url(img/s-icon6-h.png);}
#service dl dd.current em.s-icon7{background-image:url(img/s-icon7-h.png);}
#service dl dd.current h3{color:#fff;}

.title{padding-top:60px; background:url(img/bt-logo.png) no-repeat top center;}
.title h2{height:26px; line-height:26px; font-size:24px; overflow:hidden;}
.title h3{height:18px; line-height:18px; margin-top:12px; font-size:16px; color:#666;}

#about-text{line-height:35px; margin-top:30px; padding:0 100px; font-size:16px; text-align:center; color:#666; text-indent:2em;}
#about-num{margin-top:40px;}
#about-num dl dd{float:left; width:25%; height:68px; text-align:center; cursor:pointer; overflow:hidden;}
#about-num dl dd em{display:block; height:38px; line-height:38px; font-size:36px; color:#e6212a; overflow:hidden;}
#about-num dl dd h3{height:18px; line-height:18px; margin-top:12px; font-size:16px; color:#666; overflow:hidden;}

#history-text{width:550px; height:370px; overflow:hidden;}
#history-text h2{height:46px; padding-left:14px; border-left:3px solid #e6212a; overflow:hidden;}
#history-text h2 em{display:block; height:26px; line-height:26px; font-size:24px; overflow:hidden;}
#history-text h2 span{display:block; height:14px; line-height:14px; margin-top:6px; font-size:12px; text-transform:uppercase; color:#999; overflow:hidden;}
#history-text-item{height:270px; line-height:30px; margin-top:24px; padding-right:220px; font-size:16px; color:#666; overflow:hidden;}
#history-text-item section{display:none;}

#history-img{width:620px; height:370px; overflow:hidden;}
#history-img-box{width:620px; height:340px; overflow:hidden;}
#history-img-box ul li{position:relative; float:left; width:620px; height:340px; cursor:pointer; overflow:hidden;}
#history-img-box ul li img{position:absolute; left:0; top:0; width:620px; max-width:none; height:340px;}
#history-btn{height:16px; margin-top:14px; font-size:0; text-align:center; overflow:hidden;}
#history-num{display:inline-block; margin:0 20px;}
#history-num dl dd{height:16px; line-height:16px; font-size:14px; color:#666; display:none;}
#history-num dl dd.on{display:block;}
#history-prev,#history-next{display:inline-block; width:15px; height:10px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
#history-prev{background-image:url(img/history-prev.png);}
#history-next{background-image:url(img/history-next.png);}

#history-time{right:590px; top:100px; width:220px; height:240px; padding:15px; background:#787878; border-radius:4px; overflow:hidden;}
#history-time section{width:205px; height:240px; padding-right:15px; background:url(img/history-line.png) repeat-y; background-position:6px top; overflow-x:hidden; overflow-y:auto;}
#history-time section::-webkit-scrollbar{width:2px;}
#history-time section::-webkit-scrollbar-thumb{border-radius:2px; background:#bbb;}
#history-time section::-webkit-scrollbar-track{border-radius:2px; background:#888;}
#history-time dl dd{margin-bottom:15px; cursor:pointer;}
#history-time dl dd:last-child{margin-bottom:0;}
#history-time dl dd h3{height:24px; line-height:24px; padding-left:28px; background:url(img/history-dot.png) no-repeat left center; font-size:16px; color:#fff;}
#history-time dl dd p{line-height:24px; margin-top:6px; padding-left:28px; font-size:14px; color:#ddd;}
#history-time dl dd:hover p{color:#fff;}

#honor{height:162px; margin-top:40px;}
#honor-img{height:162px; overflow:hidden;}
#honor-img ul li{position:relative; float:left; width:228px; height:162px; margin-right:15px; overflow:hidden;}
#honor-img ul li img{position:absolute; left:0; top:0; width:228px; max-width:none; height:162px;}
#honor-prev,#honor-next{top:45px; width:39px; height:72px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
#honor-prev{left:-59px; background-image:url(img/honor-prev.png);}
#honor-next{right:-59px; background-image:url(img/honor-next.png);}
#honor-prev:hover{background-image:url(img/honor-prev-h.png);}
#honor-next:hover{background-image:url(img/honor-next-h.png);}

#project-menu{width:280px; margin-top:40px; overflow:hidden;}
#project-menu dl dd{height:54px; line-height:54px; margin-bottom:1px; background:#e6212a; font-size:16px; padding-left:50px;}
#project-menu dl dd:last-child{margin-bottom:0;}
#project-menu dl dd a{display:block; color:#fff;}
#project-menu dl dd em{display:inline-block; padding-left:18px; background:url(img/dot.png) no-repeat left center;}
#project-menu dl dd.current{background:#eee;}
#project-menu dl dd.current a{color:#333;}
#project-menu dl dd.current em{background-image:url(img/dot-h.png);}

#project-item{width:890px; margin-top:40px; overflow:hidden;}
#project-item > section{display:none;}
.project-text{height:94px; overflow:hidden;}
.project-text section{height:90px; line-height:30px; font-size:14px; color:#666; overflow:hidden;}
.project-text h4{float:right; width:98px; height:38px; line-height:38px; margin-top:19px; border:1px solid #e1e1e1; font-size:14px; text-align:center; overflow:hidden;}
.project-text h4 a{display:block; color:#e6212a;}
.project-text h4:hover{border-color:#e6212a;}
.project-img{height:260px; margin-top:30px; overflow:hidden;}
.project-img dl{margin-left:-30px;}
.project-img dl dd{position:relative; float:left; width:430px; height:260px; margin-left:30px; cursor:pointer; overflow:hidden;}
.project-img dl dd img{position:absolute; left:0; top:0; width:430px; max-width:none; height:260px;}

#advantage{position:relative; height:358px; margin-top:40px; background:url(img/advantage.png) no-repeat center; overflow:hidden;}
#advantage dl dd{position:absolute; height:80px; cursor:pointer; overflow:hidden;}
#advantage dl dd:nth-child(1){left:0; top:20px; width:336px;}
#advantage dl dd:nth-child(2){left:0; top:144px; width:282px;}
#advantage dl dd:nth-child(3){left:0; top:259px; width:336px;}
#advantage dl dd:nth-child(4){right:0; top:20px; width:344px;}
#advantage dl dd:nth-child(5){right:0; top:144px; width:291px;}
#advantage dl dd:nth-child(6){right:0; top:259px; width:344px;}
#advantage dl dd h3{height:20px; line-height:20px; font-size:18px; overflow:hidden;}
#advantage dl dd:nth-child(1) h3,#advantage dl dd:nth-child(2) h3,#advantage dl dd:nth-child(3) h3{text-align:right;}
#advantage dl dd:hover h3{color:#f2890c;}
#advantage dl dd p{height:50px; line-height:25px; margin-top:10px; font-size:15px; color:#999; overflow:hidden;}

#news{margin-top:40px;}
#news ul{margin-left:-30px;}
#news ul li{position:relative; float:left; width:380px; height:390px; margin-left:30px; overflow:hidden;}
#news ul li section{position:relative; width:380px; height:256px; overflow:hidden;}
#news ul li img{position:absolute; left:0; top:0; width:380px; max-width:none; height:256px;}
#news ul li h2{height:50px; line-height:50px; padding-left:84px; font-size:16px; overflow:hidden;}
#news ul li:hover h2{color:#e6212a;}
#news ul li h3{position:absolute; left:0; top:226px; width:70px; height:48px; padding:16px 0; background:#e6212a; text-align:center; color:#fff; overflow:hidden;}
#news ul li h3 em{display:block; height:26px; line-height:26px; font-size:24px; overflow:hidden;}
#news ul li h3 span{display:block; height:16px; line-height:16px; margin-top:6px; font-size:14px; overflow:hidden;}
#news ul li p{height:56px; line-height:28px; margin-top:17px; padding-top:10px; border-top:1px solid #e1e1e1; font-size:14px; color:#999; overflow:hidden;}

#partner-bg{width:100%; max-height:420px; padding:40px 0; background:url(img/partner-bg.jpg) no-repeat center;}
#partner-bg .title h2,#partner-bg .title h3{color:#fff;}
#partner{margin-top:40px;}
#partner ul{margin:-18px 0 0 -18px;}
#partner ul li{float:left; width:185px; height:115px; margin:18px 0 0 18px; overflow:hidden;}
#partner ul li img{width:185px; height:115px;}

/*å†…é¡µæ ·å¼*/

#main{padding:30px 0;}

#left{width:270px;}
#menu dl dt{padding:30px; background:url(img/menu-logo.png) no-repeat 196px center #e6212a; color:#fff;}
#menu dl dt em{display:block; height:30px; line-height:30px; font-family:'Georgia'; font-size:28px; text-transform:uppercase; overflow:hidden;}
#menu dl dt span{display:block; height:26px; line-height:26px; margin-top:8px; font-size:24px; overflow:hidden;}
#menu dl dd{height:54px; line-height:54px; margin-top:1px; background:#eee; font-size:16px; padding-left:50px; overflow:hidden;}
#menu dl dd a{display:block;}
#menu dl dd em{display:inline-block; padding-left:18px; background:url(img/dot-h.png) no-repeat left center;}
#menu dl dd.current a,#menu dl dd:hover a{color:#e6212a;}

#hmenu{margin-top:20px;}
#hmenu dl dt{padding:10px; background:#e6212a; color:#fff;}
#hmenu dl dt em{display:block; height:30px; line-height:30px; font-family:'Georgia'; font-size:28px; text-transform:uppercase; overflow:hidden;}
#hmenu dl dt span{display:block; height:26px; line-height:26px; font-size:18px; overflow:hidden;padding-left:10px;}
#hmenu dl dd{height:40px; line-height:40px; background:#eee; font-size:14px; padding:0 15px; margin-top:1px; overflow:hidden;}
#hmenu dl dd a{display:block;}
#hmenu dl dd em{display:inline-block; padding-left:18px; background:url(img/dot-h.png) no-repeat left center;}
#hmenu dl dd.current a,#hmenu dl dd:hover a{color:#e6212a;}

#right{width:900px;}
#position{height:16px; line-height:16px; padding:0 0 19px 26px; background:url(img/position.png) no-repeat left top; border-bottom:1px solid #e1e1e1; font-size:14px; color:#999; overflow:hidden;}
#position a{color:#999;}
#position a:hover{color:#e6212a;}

#single{line-height:200%; margin-top:20px; font-size:14px;}
#single img{display:inline-block;}
#article-title{font-size:18px; font-weight:bold; text-align:center; color:#333;}
#article-info{margin:10px 0; font-size:14px; text-align:center; color:#999;}

#news-list{margin-top:10px;}
#news-list ul li{height:50px; line-height:50px; border-bottom:1px dashed #e1e1e1; font-size:15px; overflow:hidden;}
#news-list ul li a{display:block;}
#news-list ul li a:hover{color:#e6212a;}
#news-list ul li span{float:right; color:#999;}

#honor-list{margin-top:30px;}
#honor-list ul{margin:-30px 0 0 -30px; }
#honor-list ul li{float:left; width:280px; height:230px; margin:30px 0 0 30px; overflow:hidden;}
#honor-list ul li span{position:relative; display:block; width:280px; height:200px; overflow:hidden;}
#honor-list ul li img{position:absolute; left:0; top:0; width:280px; max-width:none; height:200px;}
#honor-list ul li h3{height:18px; line-height:18px; margin-top:12px; font-size:15px; text-align:center; overflow:hidden;}
#honor-list ul li:hover h3{color:#e6212a;}

#pageinfo{margin-top:30px; font-size:0;}
#pageinfo a{display:inline-block; min-width:14px; height:38px; line-height:38px; margin:0 4px; padding:0 12px; background:#fff; border:1px solid #e1e1e1; font-size:13px;}
#pageinfo a.info{color:#999;}
#pageinfo a.current{background:#e6212a; border-color:#e6212a; color:#fff;}

/*åº•éƒ¨æ ·å¼*/

#footer{width:100%; padding:40px 0; background:#30343d;}
#f-contact{padding-right:80px; border-right:1px solid #fff;}
#f-contact h2{height:46px; padding-left:14px; border-left:3px solid #fff; font-size:16px; color:#fff; overflow:hidden;}
#f-contact h2 span{height:20px; line-height:20px; display:block;}
#f-contact h2 em{height:20px; line-height:20px; margin-top:6px; display:block; font-size:18px;}
#f-contact h3{height:18px; line-height:18px; margin-top:24px; font-size:16px; color:#fff; overflow:hidden;}
#f-contact section{line-height:30px; margin-top:20px; font-size:14px; color:#c4c3c3;}
#f-menu dl{float:left; margin-left:50px;}
#f-menu dl dt{height:30px; line-height:30px; margin-bottom:12px; font-size:16px; color:#fff; overflow:hidden;}
#f-menu dl dd{height:30px; line-height:30px; font-size:14px; overflow:hidden;}
#f-menu dl dd a{display:block; color:#c4c3c3;}
#f-menu dl dd a:hover{color:#fff;}

#copyright{width:100%; height:52px; line-height:52px; background:#292c33; font-size:12px; color:#e1e1e1;}
#copyright a{color:#e1e1e1;}
#copyright a:hover{color:#fff;}