@charset "utf-8";
#banner{height:300px;background:url(../images/banner.jpg) no-repeat center;background-size:cover;font-family:黑体}
#banner h2{position:absolute;left:20px;top:95px;font-size:36px;font-weight:normal;color:#fff}
#banner p{position:absolute;left:20px;top:158px;font-size:14px;color:#fff;width:470px;line-height:150%}
#banner .wrap{ display:none}

/* container */
.container{width:100%;margin:0px auto;min-width:1200px;}
.container .title{width:100%;height:56px;text-align:center; overflow:hidden;background:#fff;border-bottom:1px solid #ddd}
.container .title ul li{display:inline-block;mar gin:4px 0px; float:left;border-left:1px solid #f2f2f2}
.container .title ul li:last-child{border-right:none}
.container .title ul li a{display:block;padding:14px 0px 17px;width:170px;font-size:17px;color:#666}
.container .title ul li a:hover{color:#008CD6}
.container .title ul li a._on{background:#008CD6; color:#fff; font-weight:bold}
.container .title span{color:#333;padding-top:17px; display:none}
.container>h1{font-size:35px;backgr ound:url(../images/tit_sub.png) no-repeat bottom center;padding-bottom:0px;margin:55px auto 0px; background-size:70px; text-align:center; color:#005BAF;font-family:黑体; display:none}

#news.container .title ul li a,#technical.container .title ul li a,#contact.container .title ul li a,#newsdetail.container .title ul li a{width:180px}

.content{padding:62px 0px 90px;text-align:left;width:1200px;margin:0px auto; font-size:15px; line-height:180%;min-height:360px; overflow:hidden; color:#222;}
.content p{margin-bottom:24px;}
.content img{max-width:100%}
.content hr{margin-bottom:32px;border:0px;border-bottom:1px solid #e5e5e5;padding-top:12px}
.honor{width:100%; overflow:hidden; background:url(../images/honor_bg.jpg) no-repeat center top #1E2832;background-size:100% auto;min-height:867px}

/* news */
#news{padding:0px;min-height:620px;}
#news .newslist{overflow:hidden;width:100%;margin:22px auto 30px; display:block; position:relative;}
#news .newslist li{margin:30px auto 0px;padding:0px 0px 30px 2px;border-bottom:1px dotted #d6d6d6;overflow:hidden;}
#news .newslist li .ibox{overflow:hidden;width:208px;padding:0px;text-align:center}
#news .newslist li .ibox img{width:100%;-webkit-transition: all 0.3s  ease-out 0s;-moz-transition: all 0.3s  ease-out 0s;  /* FF4+ */-o-transition: all 0.3s  ease-out 0s;transition: all 0.3s  ease-out 0s;}
#news .newslist li .right{width:906px;padding-top:3px;text-align:left;padding-right:50px;overflow:hidden;}
#news .newslist li .right h3{width:100%;height:26px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;margin:0px;}
#news .newslist li .right:hover h3{color:#005BAF;}
#news .newslist li .right p{margin-top:18px;color:#999;font-size:13px;}
#news .newslist li .right .more{margin-top:20px;color:#005BAF; font-size:15px}
#news .newslist li .ibox img:hover{-webkit-transform: scale(1.07);-moz-transform: scale(1.07);-ms-transform: scale(1.07);-o-transform: scale(1.07);transform: scale(1.07);}
#newsdetail{padding:0px;min-height:460px;}
#newsdetail .content{width:100%%;color:#333!important;padding-bottom:90px;}
#newsdetail .content p{margin-top:0px;color:#555!important}
#newsdetail .tit{text-align:center;margin:60px 120px 16px; line-height:140%}
#newsdetail .label{text-align:center; display:block; color:#999;margin-bottom:10px;}

/* products */
#products{min-height:690px}
#products h1{background:none;padding-bottom:17px;}
#products .content{width:1140px;min-height:auto;padding-bottom:0px}
#products .category{margin:0px auto;width:100%;padding:45px 0px 25px; text-align:center}
#products .category li{display:inline-block;margin:0px 0px 0px 3px;height:52px;}
#products .category li a{padding:10px 17px;border:1px solid #e5e5e5;font-size:14px;min-width:60px; color:#787878; border-radius:2px}
#products .category li a._on,#products .category li a:hover{background:#005BAF;color:#fff;border-color:#005BAF}

#products .prolist{width:100%;padding:10px 0px 20px;display:block; overflow:hidden; text-align:center;}
#products .prolist li{width:279px;display:block; float:left;text-align:center;border:1px solid #F1F1F1;margin:0px 12px 28px 13px; border-radius:2px;background:#FAFAFA; overflow:hidden}
#products .prolist li:nth-child(4n-3){margin-left:0px;}
#products .prolist li:nth-child(4n){margin-right:0px;}
#products .prolist li .ibox{overflow:hidden;height:213px;width:279px;text-align:center;background:#E2E2E2; position:relative;}
#products .prolist li .ibox img{width:100%;}
#products .prolist li .ibox span{position:absolute;height:213px;width:279px;top:0px;left:0px;background:url(../images/icon_logo.png) no-repeat center;background-color: rgba(255,255,255,0.9);background-size:110px;opacity:0}
#products .prolist li .pcont h3 a{padding:10px 0px; display:block;font-size:15px;color:#333; font-weight:normal; text-align:center}
#products .prolist li .pcont:hover h3 a{background:#005BAF;color:#fff}
#products .prolist li .ibox:hover span{opacity:1}
#products ul li .ibox img,#products ul li .ibox span{-webkit-transition: all 0.3s  ease-out 0s;-moz-transition: all 0.3s  ease-out 0s;  /* FF4+ */-o-transition: all 0.3s  ease-out 0s;transition: all 0.3s  ease-out 0s;}

#prodetail .pcont{width:100%;padding:30px 0px; overflow:hidden}
#prodetail .pcont .ibox{margin-top:20px;width:50%;text-align:center;padding:0px; background:#e2e2e2}
#prodetail .pcont .ibox img{width:100%;margin:0px auto}
#prodetail .protitle{width:46.8%;margin-top:25px;}
#prodetail .protitle h2{color:#005BAF;font-size:22px; font-weight:normal}
#prodetail .protitle h3{margin-top:20px; font-size:17px; font-weight:bold; color:#555}
#prodetail .protitle p{margin-top:18px; font-size:15px; color:#999; line-height:170%}
#prodetail .protitle p.other{margin:30px 0px}

#prodetail .dttit{padding:0px;}
#prodetail .dttit h3{padding:0px 0px 13px; text-align:left;width:100%;font-size:22px;border-bottom:1px solid #e5e5e5;color:#005BAF; font-weight:normal}
#prodetail .pdetail{margin:24px 0px 52px;min-height:20px; font-size:16px; min-height:300px}
#prodetail .pdetail p{margin-top:20px;}

/* contact */
#contact .content{margin-top:6px}
/*#contact .content .left{width:100%; line-height:220%;border-bottom:1px solid #eee;padding-bottom:8px; position:relative;}
#contact .content .right{width:100%;margin-top:30px}
#contact .content .right h3{ font-weight:normal; font-size:22px}
#contact #baiduMap{line-height:190%;width:100%;height:430px;margin-top:2px;font-size:13px;overflow:hidden;}
#contact #baiduMap b{ font-size:15px}
#contact .anchorBL{display:none}
#contact .sharebox{width:280px; position:absolute;right:0px;top:140px}
#contact .sharebox p{margin-top:8px;}
#contact .sharebox img{width:45px;margin:0px 7px 0px 0px;}
*/
#contact .content .left{width:49%; line-height:200%}
#contact .content .right{width:47%;}
#contact #baiduMap{line-height:190%;width:100%;height:370px;margin-top:2px;font-size:13px;overflow:hidden;}
#contact #baiduMap b{ font-size:15px}
#contact .anchorBL{display:none}
#contact .sharebox{width:280px;}
#contact .sharebox img{width:45px;margin:0px 7px 0px 0px;}
#contact .sharebox a div{ position:absolute;left:-54px;bottom:158px;width:140px;height:140px;padding:7px 7px 14px;background:url(../images/icon_arr_.png) no-repeat 66px 143px;z-index:100; display:none}
#contact .sharebox a div img{width:134px; opacity:1;border:1px solid #ddd;}
#contact .sharebox a:hover div{ display:block}


.feedback{width:100%;padding:15px 0px 100px; background:url(../images/mes.png) no-repeat left center; display:block; overflow:hidden;margin:0px auto; }
.feedback .fbform{width:540px;margin:0px auto;float:right}
.feedback label{display: block;font-weight: normal;font-size: 15px;letter-spacing: 1px;margin-bottom:8px}
.feedback form{width: 100%;margin-top:16px;}
.feedback input{width: 100%;height: 38px; border:1px solid #ddd;padding-left: 10px;font-size: 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;box-shadow: inset 1px 1px 1px #f2f2f2;}
.fbox .left,.fbox .right{width:48%;}
.fbox textarea{width: 100%;max-width: 100%;border:1px solid #ddd;height: 122px;max-height:122px;padding: 15px 10px;font-size: 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;box-shadow: inset 1px 1px 1px #f2f2f2;}
.fbox {margin-bottom: 12px;}
.check_box label{display: inline-block;padding-left:10px;}
.feedback .fsbtn{display:block;border:0px; cursor:pointer;background: #008CD6;color: #fff;text-align: center;font-size:16px;margin-top: 0px;padding:12px 0px 14px;height:auto!important; outline:none}
.feedback .fsbtn:active{background:#0072AE}
.feedback h1{ font-size:26px; font-weight:normal;}

/* page */
.page{position:relative;padding:0px 0px 52px;width:100%;text-align:center;height:40px; font-size:15px;}
.page li{display:inline-block;margin:0px 4px;}
.page a,.page span{color:#666;border:1px solid #ddd;padding:3px 10px;display:block}
.page span{color:#bbb;border:1px solid #ddd;}
.page a.pcurr,.page a:hover{color:#005BAF;border-color:#005BAF}