@charset "utf-8";

/* banner */
#banner{ position:relative; overflow:hidden; line-height:0; background:#ededed; min-height:50px;}
#subBanner{ position:relative; left:0; top:0; width:1920px; left:50%; margin-left:-960px; text-align:center;background:url(../images/loading.gif) center center no-repeat;}
#bannerBlank{ display:none; height:0;}

/*内页框架*/
#box{ position:relative; padding-bottom:1px; font-size:15px; line-height:2em; color:#606060;}
#subl{ width:200px; float:left; position: relative;}
#subl.floatR{ float:right; background:#eef2f4; border-bottom:#dae2e7 2px solid; width: 260px;}
#subr{ width:940px; float:right;}#subr.floatL{ float:left;}
#subr.subr2,#subr.floatL{ width:890px;}
#subr img{ max-width:100%; height:auto;}
.content,#content{ font-size:14px; line-height:28px;}

#posi{ margin:20px auto 60px auto; border-bottom:#e6e6e6 1px solid; padding:0 0 10px 0; text-align: right;}
#posi,#posi a{ color:#606060;}#posi a:hover{ color:#ce000c;}
#position{ margin:0;padding: 0; float: right; text-align: right; display: inline-block;}
.pageTit{ color:#000; font-size:30px; line-height: 32px; padding-left:20px; float:left;position: relative;}
.pageTit:before{content:""; background:#181818; width: 6px; height: 32px; position: absolute; left: 0; top: 0;  overflow: hidden; border-radius: 3px;}
.pageTit i{ font-weight:normal; font-style:normal; color:#606060; font-size:12px;}

/*产品系列*/
#indexSeries{ padding:0; margin-top: -20px;}

/*产品列表*/
#product{ float:left; position:relative; margin:-20px -30px 0 0;}
#product dl{ position:relative; width:380px; float:left; margin:0 30px 30px 0; overflow: hidden;}
#product dt{width:100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative;}
#product dt img{width:100%; height: auto;}
#product .dd1{ background:#dfbf88;color:#fff; font-size:16px; height: 48px; line-height: 48px; width: 100%; padding:0 16px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;position: relative; z-index: 2;}
#product .dd1.color1{ background:#f56891;}
#product .dd1.color2{ background:#606060;}
a.proBtn{display: inline-block; width:32px; height: 32px; float:right; margin:8px 0 0 8px;background: url(../images/ico_more.png) center center no-repeat;cursor: hand; cursor: pointer;}
#product .dd2{width: 380px; height: 380px; overflow: hidden; background: rgba(0,0,0,0.85); background: url(../images/tran2.png)\9; padding:24px 24px 0 24px;color:#fff; line-height: 26px; position: absolute; z-index: 1; left: 0; top:100%; -webkit-transition: top 0.5s; -moz-transition: top 0.5s; -o-transition: top 0.5s; transition: top 0.5s;}
#product .dd2.show{top:0;}

/*带图文章列表*/
#news{ float:left; position:relative; margin-right:-20px;}
#news dl{ position:relative; width:590px; float:left; margin:0 20px 30px 0;border:#d7e0e7 1px solid; padding:5px 10px 5px 5px; }
a.link_pic{ position:absolute; width:100%; height:100%; top:0; left:0; display:inline-block; z-index:100; background:url(../images/blank.gif);}
#news dl dt{ position:absolute; left:5px; top:5px; width:180px; height:135px; overflow:hidden;}
#news dl dt img{ max-width:100%; max-height:100%; }
#news dl dd{ margin-left:195px; height:135px; overflow:hidden; line-height:0;}
#news dl dd b{ display:inline-block; width:100%; height:30px; line-height:30px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; font-size:16px; margin:5px 0 0 0;}
#news dl dd span{ font-size:12px; color:#919191;height:20px; line-height:20px; overflow:hidden; margin:4px 0; display:inline-block; width:100%;}
#news dl dd p{ margin:0; padding:0; height:60px; line-height:20px; overflow:hidden;color:#919191;}
#news dl:hover{ border-color:#abd4e5;}
#news dl:hover dd b{ color:#2bb1e8;}

/*新闻详细*/
.c_tit{ font-size:24px; font-weight:bold; margin:0; padding:5px 0 10px 0; text-align:left; color:#181818;}
.c_info{ font-size:12px; color:#888; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:#b0c3d2 1px dotted; text-align:left;}
.c_tit.textLeft,.c_info.textLeft{ text-align:left;}
/*按钮*/
#btns{ float:right; margin:10px 0 0 45px;}
#btns a{ display:inline-block; width:34px; height:34px; overflow:hidden; background:url(../images/btns.png) left top no-repeat; margin-left:10px; cursor:hand; cursor:pointer;}
#btns a.prevone:hover{ background-position:left -40px;}
#btns a.prevone.disable{ background-position:left -80px;}
#btns a.nextone{ background-position:-50px top;}
#btns a.nextone.disable{ background-position:-50px -80px;}
#btns a.nextone:hover{ background-position:-50px -40px;}
#btns a.back{background-position:-100px top;}
#btns a.back:hover{ background-position:-100px -40px;}
#btns a.linkTo{background-position:-150px top;}
#btns a.linkTo:hover{ background-position:-150px -40px;}

/*相关新闻*/
#relatedNews{ padding-bottom:30px;}
#relatedNews h3{ padding:18px 0 12px 12px; margin:0; font-size:15px;}
#relatedNews li{ margin-bottom:5px;}
#relatedNews li a{position:relative; display:block;border-top:#e1e1e1 1px dotted; height:26px; width:100%; line-height:26px; overflow:hidden; padding-left:24px;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#relatedNews li a:before{ content:"+"; font-size:11px; display:inline-block; height:26px; line-height:26px; width:12px; text-align:center; position:absolute; left:8px; top:0; color:#999;}
.newsTime{ font-size:11px; color:#667d8f; margin-left:24px; }



/*相册*/
#album{ position:relative; overflow:hidden;}
#album ul{ width:105%; position:relative;}
#album li{ position:relative; width:288px; border:#bfced8 1px solid; background:#fff; float:left; margin:0 16px 16px 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.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/Element.png) left top 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:8px 15px 10px 0;  line-height:20px; overflow:hidden; color:#92a0ac; font-size:12px; text-align:center;}
#album li:Hover{ border-color:#63cff6;}
#album li:Hover a.albumBtn{opacity:1;-moz-opacity:1;-khtml-opacity:1; display:block\9;}
#album li:Hover p{ color:#004386;}

/*产品分类*/
.list_Tit{ position:absolute; z-index:100; left:0; top:-80px; height:80px; width:100%; background:url(../images/subBox.png) left top no-repeat;}
.list_Tit a{ display:block; width:100%; height:60px; background:url(../images/Tit_cn.png) left -90px no-repeat; margin:8px 0 0 18px;}
#list2{ background:url(../images/subBox.png) -205px bottom no-repeat #fff; height:auto !important; height:190px; *height:190px; min-height:190px; padding:16px 0; border-radius: 0 0 0 16px;}
#list2 dt{ position:relative; height:30px; margin:2px 0;}
#list2 dt a{ position:relative;color:#032241; height:34px; line-height:34px; display:block; padding:0 15px 0 38px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#list2 dt a i{ position:absolute; left:-9px; top:auto; bottom:-9px; font-size:30px; color:#fff; height:32px; line-height:32px;}
#list2 dt a:hover,#list2 dt.hover a{ background:#cff0fc;}
#list2 dd{ padding:0.5em 1em 1em 2.5em;border-bottom:#e1e1e1 1px dotted; display: none;}
#list2 dd a{ display:inline-block; color:#687281; line-height: 18px; padding:0.5em 1em 0.5em 0; }
#list2 dd a:hover{ color:#00a4ea;}

/*内页联系方式*/
#subContact{ margin-top: 16px; background: url(../images/bg3.jpg) #63cff6; border-radius: 0 16px 0 16px; padding:10px 1em 20px 1em;}
#contatc_top{ height:60px;}
#contatc_top a{ position:relative; display:block; height:60px; background:url(../images/Tit_cn.png) left -150px no-repeat; margin:0 0 10px 0;}
#contatc_cont{ padding:6px 0 0 0; color:#143e5b; border-top:rgba(0,0,0,0.1) 1px solid;}
#contatc_cont p{ margin:0; padding:0;}



/*搜索结果*/
.searchResult{ border-top: #eee 1px dotted;}
.searchResult a{ display: inline-block; width: 100%; font-size: 14px; line-height:3em;}

/*英文版*/
#product.product_en li{ width:168px; margin:0 5px 8px 0;}
#product.product_en a.proPic{ position:relative; display:inline-block; width:166px; height:166px; overflow:hidden; text-align:center;}
#product li em{ margin:2px 0 0 0; padding:0 10px; height:60px; line-height:20px; overflow:hidden; color:#323f4e; font-size:12px; display:inline-block; font-style:normal; text-align:center;width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}

/*产品详细页*/
#porductShow{ border:#ebebeb 1px solid\9; box-shadow:rgba(40,40,40,0.2) 0 0 15px; margin-top:-30px; background: #63cff6;/* border-radius:24px 0 24px 0; overflow: hidden;*/}
#product_pic{ position:relative; float:left; width:430px; min-height:320px; text-align:center; line-height:0; border-right:#e1e1e1 1px solid;}
#product_pic a{position:relative; display:inline-block; width:430px; overflow:hidden;}
#product_pic a 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:left; margin-left:40px;word-break:break-all; width:370px;}
.product_Title{ line-height:34px; font-size:26px; font-weight: bold; margin:0; padding:35px 0 20px 0;}
.product_Param li{ line-height:22px; margin-bottom:4px; padding:4px 0;}
.product_Param li span:before{ content:"●"; display:inline-block; font-size:11px; width:16px; text-align:left; vertical-align:middle; margin-top:-2px;}
#showTit{line-height:40px; letter-spacing:2px; margin:16px 0 0 0; padding:0; border-bottom:#e0e1e3 1px solid; }
#showTit span{ display:inline-block; margin-bottom:-1px; font-size:18px; background:#2bb1e8; color:#fff; font-weight: bold; padding:0 48px 0 16px;border-radius: 0 12px 0 0;}

#videoBox{ background:#000; width:100%; text-align:center; overflow:hidden;}
#proContent{ background:#fff; padding:1em 1.5em; }
#proContent img{ max-width: 100%; height: auto;}

#porductShow_en{ text-align:left; width:100%; min-width:880px; max-width:1000px; box-sizing:border-box; margin:0 auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
#porductShow_en #porductShow{border:#ebebeb 1px solid; box-shadow:none;}


/*翻页*/
#pageshow{margin:35px 0 0 0; height:35px; line-height:35px;  text-align:center;}
#pageshow a,#pageshow a:visited{ padding:0 20px; height:35px; font-size:14px; margin:0 2px; display:inline-block; text-align:center; background:#fff;color:#92a0ac;font-family:"宋体","Times New Roman", Times, serif; border:#ebebeb 1px solid; border-radius: 4px;}
#pageshow a:hover{ background:#181818; color:#fff;}
#pageshow span{ margin:0 2px; font-family:"宋体","Times New Roman", Times, serif; color:#999; display:inline-block; padding:0 20px; height:35px;text-align:center; border:#ebebeb 1px solid; box-sizing:border-box; background:#f5f5f5;border-radius: 4px;}
#pageshow #thisp{background:#181818; border-color:#181818; color:#fff; display:inline-block; padding:0 20px; height:35px; font-weight:bold;}
#pageshow a.disabled,#pageshow a[disabled~="disabled"]{ color:#a0a0a0; display:inline-block; }
#pageshow a.disabled:hover{ background:#fff;}

/*地图*/
.my-map { z-index:1; margin:0 auto 40px auto; height:400px; box-shadow:0 0 10px #e1e1e1; }
.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%;}
/*留言中心 */
.Message td{padding:10px 0; color:#a6a6a6;}
.Message td div{ float:left; margin-right:-10px}
.Message input,.Message textarea{border:#cdd2d4 1px solid; color:#a6a6a6; text-indent:5px; margin:0 10px 0 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; *display:inline-block;}
.Message input{ height:32px; line-height:32px}
.Message input.Row3{ width:32%; float:left; margin:0 0 0 2%; padding:0;}
.Message input.Row3:first-child{ margin-left:0;}
.Message textarea.Row1{ width:100%;  float:left;}
input.btn_form{ height:36px; line-height:36px; background:#004286; border:none; text-align:center; color:#fff; font-size:18px; padding:0 3em; letter-spacing:1px; border-radius:3px;cursor:pointer; cursor:hand}
input.btn_form:hover{ background:#e60012}