@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,figure,form,fieldset,legend,button,input,textarea,th,td{font-family:Microsoft Yahei,Avenir, tahoma,Arial,'Hiragino Sans GB',"\5FAE\8F6F\96C5\9ED1","\5b8b\4f53",sans-serif;margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:400}button,input,select,textarea{font-size:100%;outline:0}body{margin:0;overflow-x:hidden}a{color:#369;text-decoration:none}.clearfix:after{content:'\0020';display:block;height:0;clear:both;font-size:0;visibility:hidden}.clearfix{ zoom: 1;}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}.fl{float:left;display: inline;}.fr{float:right;display: inline;}em,i{font-style:normal}.none{display:none}.block{display:block}img{border:0}table{border-collapse:collapse;border:0;}.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}a, input,.featured-post .byline {-webkit-transition: all 0.5s ease-out;	-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;	-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}.btn{}html, body { width: 100%; height: 100%; position: relative;  }h1,h2,h3,h4,h5,h6{ text-transform:capitalize}.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}
.zoomimg img{ -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; }.zoomimg img:hover { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; -webkit-transform: scale(1.1); /* Safari and Chrome */ -moz-transform: scale(1.1); /* Firefox */ -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); /* Opera */ transform: scale(1.1); }
body{font-size:16px; font-weight: 400;}
/*超出的文字省略，要定义宽度*/
span.spanleft { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; }
/*间隔*/
.mr20{ margin-right:20px;}
.mt10{ margin-top:10px;}
/*页面*/
body{ font-size:14px; line-height:1.5em; background:#fff;}
#header{ width:100%; height:80px; border-bottom:solid 2px #eee; margin-bottom:10px;}
.wrapper{ width:1160px; margin:0 auto;}
#header .wrapper{ position:relative; height:100%; display:flex; justify-content: space-between; align-items: center;}
.logo{ background:url(images/logo.png) no-repeat; width:280px; height:80px; float:left; margin-top:-10px;}
.nav{ position:relative;flex:1; padding-left: 46px;}
.nav ul{position:relative;display:flex;}
.nav .nLi{flex:auto; line-height:20px; position:relative; z-index: 10;}
.nav .nLi:not(:last-child){border-right:solid 1px #ccc;  }
.nav .nLi h3{width: 100%;}
.nav .nLi h3 a{ display:block; font-size:16px; color: #333; height:20px; text-transform:uppercase; width: 100%; text-align:center; border-bottom:solid 1px #fff; overflow:hidden;}
.nav .on h3 a{ color:#c10b0b}
.nav .sub{ display:none; position:absolute; top:20px;left: 0; margin-left: -1px; width: 100%; border:solid 1px #ccc; border-top:0; background:#fff; padding-top:15px;}
.nav .sub li{ zoom:1; display:block; text-align: center; }
.nav .nLi .sub a{box-sizing: border-box; padding:8px 12px; width:100%;display:block; color:#333; font-size:14px; line-height:20px; height:auto; text-transform:capitalize; font-weight:400;}
.nav .nLi .sub a:hover{ background:#f0f0f0; color:#c10b0b;  }

.title{ height:60px; width:100%; position:relative; margin-top:10px; margin-bottom:10px;}
.title .title_line{ width:100%; height:2px; position:absolute; background:#999; left:0px; top:28px;}
.title h1{ position:relative; display:table; margin:0 auto; background:#fff; padding:0 30px; line-height:60px; color:#555;}
.more { margin:10px auto 20px auto; font-size:12px; font-weight:400; overflow:hidden;  display:table; text-transform:capitalize}
.more a { color:#000; display:table-cell; padding:2px 45px; border-radius:3px; background:#f5f5f5; border: solid 1px #ccc;}
.more a:hover { background:#c10b0b; border-color:#c10b0b; color:#fff; }
.more .iconfont{ margin-left:15px; font-size:12px;}
.place{margin-bottom:15px; color:#333; padding-top:15px; text-transform:capitalize; margin-top: -24px;}
.place a{ color:#333; text-decoration:underline;}
.place a:hover{ color:#e0081c; text-decoration:none;}
.place .iconfont{ margin:0 15px; font-size:14px;}
.text{ padding:20px;}
.text p{ color:#444; font-size:15px; line-height:1.8em;font-family: Microsoft Yahei}
.text img{ margin:10px; max-width:1000px;}
#footer{ background:#2a2a2a; padding:15px 0 40px 0; color:#999;}
#footer p{ font-size:14px; line-height:1.8;}
#footer a{ color:#999; text-decoration:underline;}
#footer a:hover{ color:#fff; text-decoration:none;}
.footerCo{ float:left; width:720px;}
.footerCo h4{ font-size:15px; line-height:2rem; margin-bottom:5px;}
.footerCo p{ line-height:1.5rem;}
.footerCo p span{ display:inline-block; text-align:left; width:65px; padding-right:10px;}
.copyright{ float:right; width:440px; padding-top:10px;}
.copyright p{ text-align:center; }
.footerIcon{ width:320px; margin:0px auto}
.footerIcon ul{ padding-top:50px;}
.footerIcon ul li{ width:80px; float:left; text-align:center;}
.footerIcon ul li a{ text-decoration:none !important; position:relative;}
.footerIcon ul li a .iconfont{ display:block; font-size:2.5rem; text-decoration:none; border-radius:2rem;}
.wechatPop{ width:200px; height:40px; border-radius:20px; background:rgba(255,255,255,.6);box-shadow: 0 1px 20px 0 rgba(0,0,0,.9); position:absolute; top:0; margin-top:-90px; margin-left:-60px; display:none; color:#222; line-height:40px; font-weight:bold; font-size:17px;}
.wechatPop em.arrow{ border: 10px solid transparent; border-top:10px solid rgba(255,255,255,.6); width: 0; height: 0; margin:0px 8px 0 90px; display:block;}
.wrapper h2.title_s{ border:solid 1px #ddd; border-bottom:solid 2px #fff; padding:10px 30px; display:inline-block; border-radius:8px 8px 0 0; margin:0px; color:#0e97c3; font-size:18px; font-weight:600; margin-left:20px;}
.top_line{border-top:solid 1px #ddd; margin-top:-1px;}
.banner{ width:1160px; height:240px; overflow:hidden;}
.wrapper#main{ margin:24px auto 0 auto; position:relative;}
.side{ width:185px; position:absolute; left:0px; top:0}
.sidenav{ background:#fff; width:185px;}
.sidenav h2{ color:#fff; font-size:16px; font-weight:600; padding:10px 0 10px 20px; background:#0b799c}
.sidenav ul{ padding:0}
.sidenav ul li{ border-bottom:solid 1px #6ec1db; background-color:#0e97c3; text-transform:capitalize}
.sidenav ul li a{ color:#fff; padding:8px 10px; font-size:12px; display:block;}
.sidenav ul li a .iconfont{ margin-right:10px;}
.sidenav ul li a:hover{ background:#0b799c}
.sidenav ul li a.cur,.sidenav ul li a.cur:hover{ background:#cfeaf3; color:#c10b0b; padding:8px 8px 8px 20px;}
.sidenav ul li a.cur .iconfont{ float:right; margin-right:0;}
.content{ width:955px; padding:0 0 0 205px; min-height:400px}
.content .text img{ max-width:880px; margin:15px auto}

#Contact{ padding:10px 0}
#Contact h2{ font-size:20px; padding:15px; color:#b00a31; border-bottom:solid 1px #ccc; margin-bottom:10px;}
#Contact .text{ float:left; padding:10px; width:400px;}
#Contact .text p{}
#Contact .text table{ width:100%;}
#Contact .text table th{ vertical-align:top; font-weight:400;padding:5px 0}
#Contact .text table td{ padding:5px; line-height:1.2rem;}
#Contact .map{ width:700px; float:right}
#Contact .map #gaodi-map{ width:700px; height:350px; border:solid 1px #ccc;}
.map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.map .icon-cir { height: 31px; width: 28px; }
.map .icon-cir-red { background-position: -11px -5px; }
.amap-info-content h5{ font-size:18px; line-height:20px; margin-bottom:10px; color:#1667a1; font-weight:600;}
.amap-info-content div{ font-size:14px; line-height:1.6em; color:#444}
.Qrcode{ width:110px; margin-top:20px;}
.Qrcode ul li{ width:110px; float:left;}
.Qrcode ul li img{ width:110px; height:110px; margin:0}
.Qrcode ul li p{ font-size:14px; line-height:20px; color:#111; text-align:center; text-transform:capitalize}
/*banner*/
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; left:0; bottom:10px; width:100%; z-index:1; }
.slideBox .hd ul{ float:left; position:relative; left:50%; }
.slideBox .hd ul li{ float:left;position:relative; right:50%; margin-right:10px;  width:10px; height:10px; border-radius:10px; cursor:pointer; text-indent:-990em; overflow:hidden; background:#fff;filter:alpha(opacity=80);opacity:0.8;transition: all 0.5s ease-out;}
.slideBox .hd ul li.on{ background:#c61225;filter:alpha(opacity=100);opacity:1; width:40px; height:10px;}
.slideBox .bd{ position:relative;  z-index:0; width:100%;height:auto;  }
.slideBox .bd li{ zoom:1; width:100%;height:auto;display:block; text-align:center;}
.slideBox .bd li img{width:100%; height:auto}
.slideBox#indBanner .bd,.slideBox#indBanner .bd li{ height:500px;}
/*图片列表*/
.imgList li { float: left; overflow: hidden; padding:0px;border:1px solid #eee; overflow:hidden; position:relative;transition: all .2s ease-out; border-radius:3px;}
.imgList ul li .imgName { width:100%; font-size: 16px; text-align: center; color: #333; margin-top:8px; display:inline-block; text-transform:uppercase}
.imgList li a { float: left; overflow: hidden; text-align: center; position: relative; }
.imgList li a img { position: relative; vertical-align: text-top;  background:url(js/fancybox_loading.gif) center center no-repeat}
.imgList ul li:hover{box-shadow: 0 1px 20px 0 rgba(0,0,0,.19);  border-color:#ccc; background:#fff; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px) }
.Images { width:1160px;}
.Images ul {display:flex; flex-flow: row wrap;}
.content .Images{ width:100%; }
.content .Images ul{margin: 0; margin:12px -12px; box-sizing: border-box;}
.Prolist ul li{ width: calc(25% - 26px);margin: 12px; text-align: center }
.Prolist ul li a{ width: 100%; box-sizing: border-box;  }
.Prolist ul li{ height:240px}
.Prolist ul li a{ height:200px}
.Prolist ul li img{ max-width: 225px; max-height: 200px;vertical-align: middle; text-align:left; }
/*产品详细*/
.pro-detail{ padding-bottom:20px;}
.pro-detail-img{ float:left; width:500px; background:#fff; padding-bottom:20px;border:solid 1px #ddd;}
.picDetail-box{width:400px;margin:0px auto;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-booth.tb-pic.tb-s310 img{ }
.tb-s310, .tb-s310 a{height:400px;width:400px; padding:10px}
.tb-s310, .tb-s310 img{max-height:400px;max-width:400px;width: 100%; height: 100%; object-fit: contain;}
.tb-thumb{overflow:hidden; padding-top:20px!important;; display:table}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;margin:0 10px 0px 0;overflow:hidden;text-align:center;padding:1px; border:solid 1px #ddd; display:table-cell; vertical-align:middle; width:68px !important;height:68px;}
.tb-booth{border:0;position:relative;z-index:1;}
.tb-thumb .tb-selected{ border:solid 2px #000; padding:0}
.tb-s40, .tb-s40 a,.tb-s40{ text-align:center; margin:0 auto}
.tb-s40, .tb-s40 a,.tb-s40 img{ max-height:68px;max-width:68px; margin:0 auto; display:inline-block; }
.tb-s40 a,.tb-s40 img{vertical-align: middle;display:inline-block; text-align:left }
.tb-s40 .verticalAlign{ height:68px;}
.tb-thumb .tb-selected{ text-align:center;}
.tb-thumb li div{ text-align:center}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:660px !important;height:532px !important;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden; margin-top:-11px;}
div.zoomMask{position:absolute;background:url("js/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:2;}
.pro-detail-img .hd{ width:450px; margin:0 auto}
.pro-detail-img .hd a{ background:url(js/arrow.png) no-repeat; width:15px; height:20px; margin-top:-55px; display:block; cursor:pointer; text-indent:-990em;}
.pro-detail-img .hd a.prev{ background-position:0px 10px; float:left; margin-left:0px;}
.pro-detail-img .hd a.next{ background-position:10px -40px; float:right; margin-right:0px;}
.pro-detail-text{ float:right; width:630px; padding:0px}
.pro-detail-text .info{ width:100%;}
.pro-detail-text .info th{ font-weight: 400; color: #0E97C3; width: 100px; text-align: left;padding: 10px; vertical-align:top; text-transform:capitalize }
.pro-detail-text .info td {padding: 5px 10px; color:#555;  text-transform:capitalize}
.pro-detail-text .info td span.red { color: #f00; }
.pro-detail-text .info tr{ border-bottom: solid 1px #ccc; }
a.alibaba{ display:block; margin:15px 20px;}
.pro_category{margin-top:15px;}
.pro_category table{ margin:10px auto; width:90%;}
.pro_category td{ font-size:14px; font-weight:600; text-align:center; width:30%;}
.pro_category a{ color:#333; background:#fff; display:block; line-height:25px; padding:5px 15px;margin:0px; border:solid 1px #ccc; margin-left:-1px;text-transform:capitalize}
.pro_category a:hover{ background:#992939; color:#fff; border-color:#992939;}
span.child{ text-transform:uppercase}
.pro-detail h3{ border:solid 1px #ddd; border-bottom:solid 2px #fff; padding:10px 20px; display:inline-block; margin-top:20px; border-radius:8px 8px 0 0}
.pro-detail .text{border:solid 1px #ddd; margin-top:-1px;}
.pro-detail .text img{ max-width:1000px;}
/*页码*/
.Mpage{ padding:15px 0px;}
.Mpage table { border:0; font-size:12px; line-height:20px; font-weight:400; margin:15px auto; }
.Mpage table td {font-family:Microsoft Yahei, tahoma;}
.Mpage table td .iconfont{ font-size:14px;}
.Mpage table td input{padding:2px 4px; width:30px; height:20px; font-size:14px; line-height:15px; border:solid 1px ccc;}
.Mpage table td a { background:#fff; color:#222; border:solid 1px #ccc; margin-left:-1px; text-decoration:none; display:block; padding:5px 12px; }
.Mpage table td a.current,.Mpage table td a.current:hover { color:#fff; background:#666; border-color:#666; cursor:default }
.Mpage table td a:hover { color:#fff; background:#222; }
/*滑动联系*/
.backtop{ margin-left:1180px; bottom: 10px; position: fixed; _position: absolute;  width:50px; height:50px; display:block; text-indent:-990em; z-index:999;}
.backtop a { display:block; width:50px; height:50px; background:url(images/Arrow.png) -100px 0; }
.backtop a:hover {background-position:-100px -50px;}
/*首页*/
#indPro{ margin-bottom:20px;}
#indPro .hd {}
.indPro-btn{position:relative; margin-top:75px;display: block; width: 30px; height: 80px;overflow: hidden; cursor: pointer; background:#0e97c3; text-align:center;}
.indPro-btn .iconfont{ font-size:2rem; line-height:80px; color:#fff;}
.indPro-btn:hover{ background:#0e97c3; border-color:#0e97c3;}
.indPro-btn:hover .iconfont{ color:#fff;}
#indPro .hd .prev {float:left; margin-left:-60px;}
#indPro .hd .next {float:right; margin-right:-60px;}
/*#indPro.indPro_cn .hd .prev {margin-left:430px;}
#indPro.indPro_cn .hd .next {margin-right:430px;}*/
#indPro .title{ margin-top:30px; margin-bottom:15px;}
#indPro .title h1{ padding:0 60px;}
.indPro ul li{ width: 220px; height: 260px; }
.indPro ul li a { width: 220px; height: 220px; }

.imgList.Images.indPro li{    margin: 9px 13px 9px 0;}
.lang_en,.lang_chs {display:none}