/*全局样式*/

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

/*头部样式*/

#top{width:100%; height:36px; background:#333; font-size:12px; color:#fff;}
#top a{color:#fff;}
#top a:hover{color:#fd7c07;}
#welcome{height:36px; line-height:36px;}
#set-add dl dd{float:left; height:36px; line-height:36px;}
#set-add dl dd span{margin:0 10px;}
#set-add dl dd a{display:block;}

#header{height:94px;}
#logo{left:0; top:15px;}
#tel{right:0; top:20px; height:26px; line-height:26px; padding-left:40px; background:url(img/tel.png) no-repeat left center; font-size:24px; font-weight:bold; color:#fd7c07;}

#nav{width:100%; height:56px; background:#fd7c07;}
#nav ul li{float:left; width:150px; height:56px; line-height:56px; font-size:16px; text-align:center; overflow:hidden;}
#nav ul li a{display:block; color:#fff;}
#nav ul li.current{background:#333;}
#nav ul li.default{background:#fd7c07;}
#nav ul li:hover{background:#333;}

/*首页样式*/

#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:640px;}
#banner-img ul li{float:left;}
#banner-img ul li a{display:block;}
#banner-btn{left:0; bottom:40px; width:100%; height:8px; line-height:8px; text-align:center; font-size:0; z-index:99;} 
#banner-btn dl dd{display:inline-block; width:8px; height:8px; margin:0 8px; background:#fff; border-radius:50%; cursor:pointer;}
#banner-btn dl dd.on{background:#fd7c07;}

.title h2{height:24px; line-height:24px; font-size:22px; overflow:hidden;}
.title h3{height:14px; line-height:14px; margin-top:12px; font-size:14px; color:#888; overflow:hidden;}

#product{margin-top:30px;}
#product ul{margin:0 0 0 -20px;}
#product ul li{float:left; width:285px; height:342px; margin:10px 0 0 20px; text-align:center; overflow:hidden;}
#product ul li img{width:265px; height:265px; padding:9px; border:1px solid #e1e1e1;}
#product ul li h3{height:16px; line-height:16px; margin-top:20px; font-size:14px; overflow:hidden;}
#product ul li h4{height:14px; line-height:14px; margin-top:7px; font-size:12px; color:#888; overflow:hidden;}
#product ul li:hover img{border-color:#fd7c07;}
#product ul li:hover h3{color:#fd7c07;}

#testing{height:240px; margin-top:30px;}
#testing-item{width:1020px; height:240px; margin:0 auto; overflow:hidden;}
#testing-item ul li{position:relative; float:left; width:320px; height:240px; margin-right:30px; overflow:hidden;}
#testing-item ul li img{width:320px; height:240px;}
#testing-item ul li h3{position:absolute; left:0; bottom:0; width:300px; height:56px; line-height:56px; padding:0 10px; background:rgba(0,0,0,.7); font-size:14px; text-align:center; color:#fff; overflow:hidden;}
#testing-item ul li:hover h3{color:#fd7c07;}
#testing-prev,#testing-next{top:95px; width:48px; height:48px; background-color:#fff; background-repeat:no-repeat; background-position:center; border:1px solid #e1e1e1; border-radius:4px; cursor:pointer;}
#testing-prev:hover,#testing-next:hover{border-color:#fd7c07;}
#testing-prev{left:0; background-image:url(img/prev.png);}
#testing-prev:hover{background-image:url(img/prev-h.png);}
#testing-next{right:0; background-image:url(img/next.png);}
#testing-next:hover{background-image:url(img/next-h.png);}

#about-text{width:580px; margin-top:30px; overflow:hidden;}
#about-text section{line-height:30px; font-size:14px;}
#about-text h4{width:150px; height:50px; line-height:50px; margin-top:20px; background:#fd7c07; border-radius:4px; font-size:14px; text-align:center; overflow:hidden;}
#about-text h4 a{display:block; color:#fff;}
#about-video{width:580px; height:400px; margin-top:30px; overflow:hidden;}
#about-video video{display:block; width:580px; height:400px;}

#advantage{margin-top:30px;}
#advantage dl{margin:-30px 0 0 -30px;}
#advantage dl dd{float:left; width:338px; height:72px; margin:30px 0 0 30px; padding:19px; background:#fff; border:1px solid #e1e1e1; border-radius:4px; cursor:pointer; overflow:hidden;}
#advantage dl dd section{height:72px; padding-left:74px; background-repeat:no-repeat; background-position:left center; overflow:hidden;}
#advantage dl dd.a-icon1 section{background-image:url(img/a-icon1.png);}
#advantage dl dd.a-icon2 section{background-image:url(img/a-icon2.png);}
#advantage dl dd.a-icon3 section{background-image:url(img/a-icon3.png);}
#advantage dl dd.a-icon4 section{background-image:url(img/a-icon4.png);}
#advantage dl dd.a-icon5 section{background-image:url(img/a-icon5.png);}
#advantage dl dd.a-icon6 section{background-image:url(img/a-icon6.png);}
#advantage dl dd section h3{height:24px; line-height:24px; font-size:16px; font-weight:bold; overflow:hidden;}
#advantage dl dd section p{height:48px; line-height:24px; font-size:14px; color:#888; overflow:hidden;}
#advantage dl dd:hover{border-color:#fd7c07;}
#advantage dl dd:hover section h3{color:#fd7c07;}

#team{width:100%; padding:60px 0; background:#333;}
#team .title h2{color:#fd7c07;}
#team .title h3{color:#ccc;}
#team-item{margin-top:30px;}
#team-item ul{margin:-20px 0 0 -20px;}
#team-item ul li{float:left; width:285px; height:366px; margin:20px 0 0 20px; overflow:hidden;}
#team-item ul li img{width:285px; height:285px;}
#team-item ul li section{height:41px; background:#fd7c07; padding:20px 10px; text-align:center; color:#fff; overflow:hidden;}
#team-item ul li section h3{height:16px; line-height:16px; font-size:14px; overflow:hidden;}
#team-item ul li section h4{height:17px; line-height:17px; margin-top:8px; font-size:15px; font-weight:bold; overflow:hidden;}
#team-more{width:150px; height:50px; line-height:50px; margin:30px auto 0 auto; background:#fd7c07; border-radius:4px; font-size:12px; text-align:center; overflow:hidden;}
#team-more a{display:block; color:#fff;}

#partner{margin-top:30px;}
#partner ul{margin:-20px 0 0 -20px;}
#partner ul li{float:left; width:222px; height:92px; margin:20px 0 0 20px; border:1px solid #e1e1e1; overflow:hidden;}
#partner ul li:hover{border-color:#fd7c07;}

#service{margin-top:30px;}
#service dl dd{float:left; width:400px; text-align:center; cursor:pointer; overflow:hidden;}
#service dl dd em{display:block; width:74px; height:74px; margin:0 auto; background-repeat:no-repeat; background-position:center; border:2px solid #333; border-radius:50%;}
#service dl dd:hover em{border-color:#fd7c07;}
#service dl dd em.s-icon1{background-image:url(img/s-icon1.png);}
#service dl dd:hover em.s-icon1{background-image:url(img/s-icon1-h.png);}
#service dl dd em.s-icon2{background-image:url(img/s-icon2.png);}
#service dl dd:hover em.s-icon2{background-image:url(img/s-icon2-h.png);}
#service dl dd em.s-icon3{background-image:url(img/s-icon3.png);}
#service dl dd:hover em.s-icon3{background-image:url(img/s-icon3-h.png);}
#service dl dd h3{height:17px; line-height:17px; margin-top:25px; font-size:15px; font-weight:bold; overflow:hidden;}
#service dl dd p{height:14px; line-height:14px; margin-top:10px; font-size:14px; color:#888; overflow:hidden;}

/*内页样式*/

#sub-title{width:100%; height:60px; padding:100px 0; background:url(img/sub-title.jpg) no-repeat center;}
#sub-title h2{height:24px; line-height:24px; font-size:24px; color:#f11406; overflow:hidden;    font-weight: bold;}
#sub-title h3{height:18px; line-height:18px; margin-top:18px; font-size:18px; text-transform:uppercase; color:#333; overflow:hidden;}

#menu{width:100%; height:60px; background:#f9f9f9; overflow:hidden;}
#menu dl dd{float:left; height:60px; line-height:60px; margin-right:60px; font-size:14px; font-weight:bold;}
#menu dl dd a{display:block; color:#555;}
#menu dl dd.current{height:58px; border-bottom:2px solid #fd7c07;}
#menu dl dd.current a,#menu dl dd:hover a{color:#fd7c07;}

#main{min-height:500px; padding:30px 0;}

#single{font-size:14px;}
#single img{display:inline-block;}
#article-title{font-size:18px; font-weight:bold; text-align:center;}
#article-info{margin:5px 0 15px 0; font-size:12px; text-align:center; color:#999;}

#product-list ul{margin:-30px 0 0 -20px;}
#product-list ul li{float:left; width:285px; height:342px; margin:30px 0 0 20px; text-align:center; overflow:hidden;}
#product-list ul li img{width:265px; height:265px; padding:9px; border:1px solid #e1e1e1;}
#product-list ul li h3{height:16px; line-height:16px; margin-top:20px; font-size:14px; font-weight:bold; overflow:hidden;}
#product-list ul li h4{height:14px; line-height:14px; margin-top:7px; font-size:12px; color:#888; overflow:hidden;}
#product-list ul li:hover img{border-color:#fd7c07;}
#product-list ul li:hover h3{color:#fd7c07;}

#testing-list ul{margin:-30px 0 0 -20px;}
#testing-list ul li{float:left; width:285px; height:244px; margin:30px 0 0 20px; overflow:hidden;}
#testing-list ul li img{width:285px; height:215px;}
#testing-list ul li h3{height:14px; line-height:14px; margin-top:15px; font-size:12px; text-align:center; overflow:hidden;}
#testing-list ul li:hover h3{color:#fd7c07;}

#team-list ul{margin:-20px 0 0 -20px;}
#team-list ul li{float:left; width:285px; height:366px; margin:20px 0 0 20px; overflow:hidden;}
#team-list ul li img{width:285px; height:285px;}
#team-list ul li section{height:41px; background:#fd7c07; padding:20px 10px; text-align:center; color:#fff; overflow:hidden;}
#team-list ul li section h3{height:16px; line-height:16px; font-size:14px; overflow:hidden;}
#team-list ul li section h4{height:17px; line-height:17px; margin-top:8px; font-size:15px; font-weight:bold; overflow:hidden;}

#hr-list ul li{height:50px; line-height:50px; border-bottom:1px dashed #e1e1e1; font-size:12px; overflow:hidden;}
#hr-list ul li span{float:right; color:#888;}
#hr-list ul li a{display:block;}
#hr-list ul li:hover a{color:#fd7c07;}

#news-list ul{margin-top:-20px;}
#news-list ul li{height:170px; margin-top:20px; padding:14px; border:1px solid #e1e1e1; overflow:hidden;}
#news-list ul li:hover{border-color:#fd7c07;}
#news-list ul li img{float:left; width:220px; height:170px;}
#news-list ul li section{float:right; width:935px; height:170px; overflow:hidden;}
#news-list ul li section h2{height:24px; line-height:24px; font-size:14px; font-weight:bold; overflow:hidden;}
#news-list ul li section h2 a{display:block;}
#news-list ul li section h2:hover a{color:#fd7c07;}
#news-list ul li section h3{height:24px; line-height:24px; margin-top:2px; font-size:12px; color:#888; overflow:hidden;}
#news-list ul li section p{height:48px; line-height:24px; margin-top:12px; font-size:12px; color:#888; overflow:hidden;}
#news-list ul li section h4{width:120px; height:40px; line-height:40px; margin-top:20px; background:#fd7c07; border-radius:4px; font-size:12px; text-align:center; overflow:hidden;}
#news-list ul li section h4 a{display:block; color:#fff;}

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

/*底部样式*/

#contact{width:100%; height:56px; padding:40px 0; background:#fd7c07;}
#contact dl{margin-left:-20px;}
#contact dl dd{float:left; width:285px; height:56px; line-height:56px; margin-left:20px; background:#fff; border-radius:4px; font-size:14px; text-align:center;}
#contact dl dd span{display:inline-block; background-repeat:no-repeat; background-position:left center;}
#contact dl dd.c-icon1 span{padding-left:26px; background-image:url(img/c-icon1.png);}
#contact dl dd.c-icon2 span{padding-left:28px; background-image:url(img/c-icon2.png);}
#contact dl dd.c-icon3 span{padding-left:26px; background-image:url(img/c-icon3.png);}
#contact dl dd.c-icon4 span{padding-left:28px; background-image:url(img/c-icon4.png);}

#footer{width:100%; padding:60px 0; background:#333; color:#fff;}
#footer a{color:#fff;}
#footer a:hover{color:#fd7c07;}
#f-contact h2{height:17px; line-height:17px; margin-bottom:15px; font-size:15px; font-weight:bold; overflow:hidden;}
#f-contact p{height:40px; line-height:40px; padding-left:26px; background-repeat:no-repeat; background-position:left center; font-size:12px; overflow:hidden;}
#f-contact p.f-icon1{background-image:url(img/f-icon1.png);}
#f-contact p.f-icon2{background-image:url(img/f-icon2.png);}
#f-contact p.f-icon3{background-image:url(img/f-icon3.png);}
#f-menu dl{float:left; width:200px; margin-left:100px;}
#f-menu dl dt{height:17px; line-height:17px; margin-bottom:25px; font-size:15px; font-weight:bold; overflow:hidden;}
#f-menu dl dd{height:40px; line-height:40px; border-top:1px dashed #fff; font-size:12px; overflow:hidden;}
#f-menu dl dd:last-child{border-bottom:1px dashed #fff;}
#f-menu dl dd a{display:block;}
#f-code,#f-code img{width:120px; height:120px;}
#f-code h3{height:14px; line-height:14px; margin-top:12px; font-size:12px; text-align:center; overflow:hidden;}

#copyright{width:100%; line-height:30px; padding:15px 0; background:#222; font-size:14px; color:#adadad;}
#copyright a{color:#adadad;}
#copyright a:hover{color:#fd7c07;}

#back-top{right:10px; bottom:10px; width:40px; height:40px; background:url(img/back-top.png) no-repeat center #fd7c07; cursor:pointer; display:none;}