@charset "utf-8";
/*banner*/
#banner{ overflow:hidden; background:url(../images/loading.gif) center center no-repeat #ccc; line-height:0;}
#subbanner{ position:relative; width:1920px; left:50%; margin-left:-960px;}

/*框架*/
#posi{ float:left; color:#141414; font-size:24px; line-height:32px; padding:17px 0;}
#posi a{color:#141414; font-size:24px;}#posi a:hover{ color:#c01a23;}
#posi em{ display:inline-block; height:32px; width:1px; overflow:hidden; background:#e1e1e1; margin:0 0.5em; vertical-align:middle;}
.ico_index{ display:inline-block; width:32px; height:32px; background:url(../images/icos.png) -60px top no-repeat; vertical-align:middle; margin-top:-2px;}

#list{ float:right; padding:17px 0;}
#list li{ display:inline-block;}
#list li a{ display:inline-block; color:#b0b0b0; height:32px; line-height:32px; padding:0 1.5em;}
#list li.curr a,#list li a:hover{ background:#e50012; color:#fff;}
.line{ height:1px; background:#ebebeb; font-size:0; line-height:0; clear:both; margin-bottom:50px;}

#box{ font-size:14px; line-height:200%;}
#box img{ max-width:100%; height:auto; vertical-align:bottom;}

/*公用*/
.Titl{ margin:-10px auto 30px auto; text-align:center; width:100%;}
.Titl span{ position:relative; font-size:44px; line-height:150%;color:#181818; display:inline-block; padding:0 1em;}
.Titl span:before,.Titl span:after{ content:""; display:inline-block; width:80px; background:#838383; height:2px; position:absolute; left:100%; top:49%; opacity:0.6;}
.Titl span:before{ left:auto; right:100%;}

/*生产基地*/
#base{ position:relative; text-align:center;}
#base a{ display:inline-block; position:absolute; text-align:left;}
#base a span{ position:absolute; left:0; top:auto; bottom:0; color:#fff; background:url(../images/tran.png); width:100%; line-height:20px; padding:5px 10px;}
#base1{ left:0; top:auto; bottom:35px;}
#base2{ left:0; top:125px;}
#base3{ left:auto; right:0; top:75px;}

/*荣誉*/
#honors{ margin:0 0 0 14px; padding:0;}
#honors li{ position:relative; float:left; width:300px;  margin:0 0 3em -14px; line-height:0; text-align:center; border-bottom:#d9e7f3 22px solid;}
#honors li a{ position:relative; display:inline-block; width:250px; height:230px; margin:0 30px 0 20px; text-align:center;}
#honors li a img{ position:absolute; left:0; right:0; bottom:0; top:auto; margin:0 auto; max-width:100%; max-height:100%;}
#honors li:after{ content:""; position:absolute; left:0; bottom:-29px; display:inline-block; width:100%; height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #b2cde6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}

/*新闻列表*/
#newsBox{ overflow:hidden; border-top:#303030 1px solid; padding-top:60px;}
#news{ width:105%;}
#news dl{ width:585px; margin:0 30px 70px 0; float:left; position:relative; height:152px; padding-left:260px;}
#news dl a{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:url(../images/blank.gif);}
#news dl dt{ width:240px; height:182px; position:absolute; z-index:1; left:0; top:0; border:#e1e1e1 1px solid; background:#fff; text-align:center; padding:4px;}
#news dl dt img{ max-width:100%; max-height:100%;}
#news dl dd p{ margin:5px 0; padding:0; height:132px; line-height:22px; overflow:hidden; color:#a4a4a4;}
#news dl dd p b{ display:inline-block; width:100%; line-height:26px; font-size:16px; color:#181818; margin-bottom:14px;}
#ico_news1,#ico_news2{ display:inline-block; color:#9da1a4; font-size:12px; background:url(../images/ico_news.png) left top no-repeat; height:32px; line-height:32px; padding:0 20px 0 28px;}
#ico_news2{ background-position:left -32px; padding:0 0 0 32px;}
#news dl:hover dt{ border-color:#bd1c21;}
#news dl:hover dd p{ color:#949494;}
#news dl:hover dd p b{ color:#c01a23;}

/*新闻详细*/
.c_tit{ font-size:28px; margin:0 auto 20px auto; color:#000; font-weight:bold;}
.c_info{ font-size:12px; color:#979fba; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:#979fba 1px dotted; color:#979fba;}
#content{overflow:hidden; padding-bottom:50px; font-size:14px; line-height:28px;}
#content img{ max-width:100%; height:auto; vertical-align:bottom;}
/*新闻按钮*/
#btns{ position:absolute; left:-70px; width:40px;}
#btns.fixed_this{ position:fixed; top:130px; margin-top:0; z-index:999;}
#btns a{ display:inline-block; width:40px; height:40px; overflow:hidden; background:url(../images/btn.png) left top no-repeat; cursor:hand; cursor:pointer; margin-bottom:5px;}
#btns a.prevone:hover{ background-position:left -40px;}
#btns a.nextone{ background-position:-50px top;}
#btns a.nextone:hover{ background-position:-50px -40px;}
#btns a.back{background-position:-100px top;}
#btns a.back:hover{ background-position:-100px -40px;}
/*相关新闻*/
#subl{width:920px; float:left; padding-right:49px; border-right:#d6d9e3 1px solid; min-height:520px;}
#subr{ float:right;width:255px;}
#relatedNews.fixed_this{ position:fixed; top:130px; margin-top:0;}
#relatedNews h3{ padding:0 0 12px 0; margin:0; font-size:18px;}
#relatedNews li{ margin-bottom:5px;border-top:#979fba 1px dotted; padding-top:5px;}
#relatedNews li a{ display:block; width:100%; line-height:20px; padding:4px 0 4px 10px; position:relative;}
#relatedNews li a:before{ content:"·"; display:inline-block; position:absolute; left:0; top:5px; height:20px;}
.newsTime{ font-size:11px; color:#979fba; margin-left:12px;}

/*产品列表*/
#product { margin-top:-30px;}
#product dl{ position:relative; width:100%; float:left; margin-top:25px; padding-top:25px; border-top:#e1e1e1 1px dotted;}
#product dl:first-child{margin-top:0; border-top:none;}
#product dl:after{ content:""; display:inline-block; width:40px; height:40px; background:url(../images/btn.png) -50px top no-repeat; position:absolute; left:auto; right:0; top:55px; z-index:1;}
#product dl .proA{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:url(../images/blank.gif);}
#product dt{width:432px; float:left; border:#e6e6e6 1px solid; padding:6px;}
#product dt img{ max-width:100%; height:auto; vertical-align:bottom;}
#product dd{ width:730px; float:right; padding-right:100px; color:#8e9195;}
#product dd.productTit{ font-size:24px; color:#181818; padding:0.5em 0;}
#product dl:hover dt{ border-color:#c01a23;}
#product dl:hover dd.productTit{ color:#c01a23;}
#product dl:hover:after{ background-position:-50px -40px;}

/*产品详细*/
#proPic{ position:relative; float:left; width:550px; min-height:210px; text-align:center; line-height:0; background:#f0f0f0;display:inline-block; margin:0 2em 0 0; padding:6px; border:#e1e1e1 1px solid;}
#proPic img{ max-width:100%; height:auto;}
#product_pic a i{ display:inline-block; position:absolute; left:auto; right:12px; top:auto; bottom:12px; width:30px; height:30px; background:url(../images/Element.png) -120px -30px no-repeat;}
#product_Info{ float:right; word-break:break-all; width:390px;}
.product_Title{ line-height:34px; font-size:26px; word-break:break-all; margin:0 0 5px 0; padding:0; color:#c01a23;}
#showTit{line-height:30px; margin:35px 0 10px 0; padding:0; border-bottom:#e0e1e3 1px solid;}
#showTit span{ display:inline-block; margin-bottom:-1px; font-size:15px; background:#c01a23; color:#fff; padding:0 58px 0 18px;}

/*相关产品*/
#relatedPro{ padding-left:15px;}
#relatedPro.fixed_this{ position:fixed; top:130px; margin-top:0;}
#relatedPro h3{ padding:0 0 12px 0; margin:0; font-size:18px;}
#relatedPro li{ margin-bottom:15px;border-top:#979fba 1px dotted; padding-top:10px;}
#relatedPro li a{ display:block; width:100%; line-height:20px; position:relative;}

/*相册*/
#album{ position:relative; overflow:hidden;}
#album ul{ width:105%; position:relative;}
#album li{ position:relative; width:285px; border:#bfced8 1px solid; background:#fff; float:left; margin:0 20px 20px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden;}
.subr2 #album li{ margin:0 13px 13px 0;}
a.proLink{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:url(../images/blank.gif);}
a.albumBtn{position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:url(../images/tran.png); text-align:center;opacity:0;-moz-opacity:0;-khtml-opacity:0; display:none\9;}
a.albumBtn i{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; display:inline-block;width:90px; height:90px; line-height:90px; background:url(../images/focus.png) center center no-repeat; color:#fff;font-style:normal; font-size:0;}
a.albumPic{ position:relative; display:inline-block; width:286px; overflow:hidden; text-align:center;}
a.albumPic img{ width:100%;}
#album li p{ margin:0; padding:0 15px 10px 0;  line-height:20px; overflow:hidden; color:#92a0ac; font-size:12px; text-align:center;}
#album li:Hover{ border-color:#c01a23;}
#album li:Hover a.albumBtn{opacity:1;-moz-opacity:1;-khtml-opacity:1; display:block\9;}
#album li:Hover p{ color:#004386;}

/*案例*/
#caseTit{ color:#c01a23; margin-top:0; padding-top:0; font-size:24px;}
#caseInfo{ color:#808080;}
#caseInfo span{ display:inline-block; margin-right:2em;}
#wrapper{ position:relative; margin-bottom:15px; height:590px; width:100%; border:#e7e7e7 1px solid; padding:10px; text-align:center;}
#wrapper img{ max-height:570px; max-width:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
#wrapper.loading{ background:url(../images/loading.gif) center center no-repeat;}
/*缩略图*/
#thumbs{ position:relative; background:#e7e7e7; padding:8px 0; overflow:hidden; width:750px; height:122px; float:left;}
#thumbs ul{ position:absolute; white-space:nowrap;left:0; top:0; height:106px; overflow:hidden; font-size:0;}
#thumbs li{ position:relative; background:#fff; margin-right:5px; height:104px; border:#e7e7e7 1px solid; cursor:hand; cursor:pointer; display:inline-block; white-space:normal;}
#thumbs li a{ height:104px; float:left;}
#thumbs li a img{ height:104px;}
#thumbs li span{ width:170px; line-height:18px; height:75px; overflow:hidden; margin:18px 10px 0 10px; display:none;}
#thumbs li span b{ font-size:15px; width:100%; display:inline-block; max-height:36px; margin-bottom:3px; overflow:hidden; color:#000;}
#thumbs li.active{ border-color:#ddd6cd;}
#thumbs li.active span{display:inline-block; }
a#prev,a#next{ width:60px; height:122px; float:left; background:url(../images/arrow.png) left center no-repeat #e7e7e7; cursor:hand; cursor:pointer;}
a#prev:hover{ background-position:-120px center;}
a#next{ background-position:-60px center;}a#next:hover{ background-position:-180px center;}

/*地图*/
.my-map { margin: 0 auto; height: 400px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

/*翻页*/
.pages{margin:30px 0 0 0; clear:both; line-height:36px;  text-align:center; padding:55px 0 10px 0; border-top:#e1e1e1 1px dotted;}
.pages a,.pages a:visited{ vertical-align:middle; height:38px; width:38px; font-size:13px; margin:0 3px; display:inline-block; text-align:center;color:#e50012; border:#bfd6ea 1px solid; border-radius:50%;}
.pages a:hover{ background:#e50012; color:#fff; border-color:#e50012;}
.pages span{ vertical-align:middle; margin:0 3px; color:#aeaeae; display:inline-block; height:38px; width:38px; text-align:center; background:url(../images/pageshow_bg.png) left -35px no-repeat;}
.pages .thisp{display:inline-block;width:38px; height:38px; background:#e50012; border-color:#e50012; border-radius:50%; color:#fff;}
.pages a.disabled,.pages a[disabled~="disabled"]{ color:#484848; border-color:#e1e1e1;}
.pages a.disabled:hover,.pages a[disabled~="disabled"]:hover{ background:none;}

a.turnPage{font-size:12px; letter-spacing:-0.3em; font-family:"宋体",serif; text-indent:-0.4em;}
a.turnPage.disabled,a.turnPage[disabled~="disabled"]{ color:#bebebe;}