html{ padding:0px;margin:0px;font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;font-size:15px;}
body{ -webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;padding:0;background:#fff;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;}
header,article,aside,div,span,p,ul,li,ol,h1,h2,h3,h4,h5{ list-style:none;margin:0;padding:0;}
img{ border:0;font-size:0;margin:0;vertical-align:bottom;}
a{ background-color:transparent; text-decoration:none; color:#333333}
a:active,a:hover{ outline:0;}
b,strong{font-weight:bold;}
hr{ height:1px;border:0;border-top:1px solid #dadada;margin:1em 0;padding:0;-webkit-box-sizing:new-content-box;-moz-box-sizing:new-content-box;box-sizing:new-content-box;height:0}

/*导航栏*/ 
.header{ background:#fff;overflow: hidden;}
.header-box{ width:1200px;margin:0 auto;height:100px;padding:10px 0;}
.header .logo{ float:left;height:72px;margin-top:10px;}
.header .logo img{ height:72px;}

.top-desc{ margin-top:23px;float:left;margin-left:20px;padding-left:26px;border-left:solid 1px #ccc;}
.top-desc p.small{ font-size:15px;color:#999;line-height:20px;letter-spacing:1.5px;}
.top-desc p.big{ font-size:27px;line-height:34px;color:#555;}

.header .call{ background:url(../images/call-huise.svg) no-repeat left center;padding-left:52px;background-size:42px;float:right;margin-top:23px;}
.header .call p.small{ line-height:24px;color:#333;font-size:16px;}
.header .call p.big{ line-height:30px;color:#3366CC;font-size:28px;font-weight:bold;}

#menu{background-color:#3366CC;height:55px;}
.nav{width: 1328px;margin:0 auto;display: flex;justify-content:center;}
.nav li{text-align:center;position:relative;z-index:999;width:160px;}
.nav li a{display:block;font:16px/55px "微软雅黑";color: #fff;background: url(../images/navR.png) right center no-repeat;padding:0;transition: all .8s;}
.nav li a:hover{color:#fff;background: url(../images/navOn.png)center no-repeat;transition: all .8s;background-size: 100% 100%;}
.nav .sec li{width:201px;}
.nav .sec{ overflow: visible !important;height:0;color:#fff;z-index:9999;position:absolute;top:46px;left:-27px;}
.nav .sec a{ background:#3366CC;color:#fff;height:38px;line-height:38px;width:201px;}
.nav .sec a:hover{background:#042d3f;}
.sec > li > a:hover {background:#103294;color:#fff;}
.sec {z-index:9999;top:56px;max-height:0;position:absolute;-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px;margin-top:10px !important;}
.sec li {opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transition:opacity 0.4s,-webkit-transform 0.5s;-moz-transition:opacity 0.4s,-moz-transform 0.5s;-ms-transition:opacity 0.4s,-ms-transform 0.5s;-o-transition:opacity 0.4s,-o-transform 0.5s;transition:opacity 0.4s,transform 0.5s;background:#fff;}
.nav .sec li:hover a {border-left:0px solid #454545;border-radius:0;color:#fff;background:#3366CC;}
.nav > li:hover .sec,.nav > li:focus .sec {max-height:2000px;z-index:10;}
.nav > li:hover .sec li,.nav > li:focus .sec li {opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.nav li:hover .sec li:nth-child(1) {-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;}
.nav li:hover .sec li:nth-child(2) {-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms;}
.nav li:hover .sec li:nth-child(3) {-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms;}
.nav li:hover .sec li:nth-child(4) {-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms;}
.nav li:hover .sec li:nth-child(5) {-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms;}
.nav li:hover .sec li:nth-child(6) {-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms;}
.nav li:hover .sec li:nth-child(7) {-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms;}
.nav li:hover .sec li:nth-child(8) {-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms;}
.sec li:nth-child(1) {-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms;}
.sec li:nth-child(2) {-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms;}
.sec li:nth-child(3) {-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms;}
.sec li:nth-child(4) {-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms;}
.sec li:nth-child(5) {-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms;}
.sec li:nth-child(6) {-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms;}
.sec li:nth-child(7) {-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms;}
.sec li:nth-child(8) {-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;}
.fixed-hd{ position:fixed;width:100%;top:0;z-index:99;}

/*三级导航*/
.nav li .sec li ul{ display:none;position: absolute;width:201px;top:0;left:201px;padding-left:1px;}
.nav li .sec li:hover ul{ display:block;}
.nav li .sec li ul li a{ background:#3366CC !important;color:#fff !important;height:38px;line-height:38px;width:201px;}
.nav li .sec li ul li a:hover{ background: #3366CC !important;}
.nav li .sec li ul li{ }

/*轮播图*/
.slideBox{ overflow:hidden;position:relative;background:#999; }
.slideBox .hd{ overflow:hidden; position:absolute; width:100%; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; margin:0 auto; width:100%;text-align:center; }
.slideBox .hd ul li{ cursor: pointer;display:inline-block; width:36px; height:2px;background:rgba(0, 0, 0, 0.4);margin:0 6px;}
.slideBox .hd ul li.on{ background:#3366CC;}
.slideBox .bd{ position:relative; z-index:0;width: 100%;/*height: 600px;*/overflow: hidden}
.slideBox .bd li{ overflow:hidden;margin:0;position:relative; vertical-align:top;text-align:center;/*height: 600px;*/}
/*.slideBox .bd li .banner-bg{ height:600px;}*/
.banner-bg > img {width: 100%;display: inline-block;}
.slideBox .prev{ display:inline-block;position:absolute; left:0px; top:50%; margin-top:-32px;  width:30px; height:65px; background:url(../images/slide_btn.png) no-repeat left -100px; filter:alpha(opacity=0);opacity:0;}
.slideBox .next{ display:inline-block;position:absolute; right:0px; top:50%; margin-top:-32px;  width:30px; height:65px; background:url(../images/slide_btn.png) no-repeat left -170px; filter:alpha(opacity=0);opacity:0; }
.slideBox:hover .prev,.slideBox:hover .next{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }

/*首页通用*/
.home-page{ background:#fff;padding:70px 0;}
.home-page2{ background:#f5f5f5;padding:70px 0;}
.home-page-box{ width:1200px;margin:0 auto;}
.home-page-box:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}

.head-title{ text-align:center;margin-bottom:50px;}
.head-title h2{ display:inline-block;Position: relative;font-weight:800;font-size:32px;color:#3366CC;line-height:42px;height:44px;}
.head-title h2:before{ content:'';position:absolute;height:1px;width:50px;background:#999;left:-90px;top:50%;}
.head-title h2:after{ content:'';position:absolute;height:1px;width:50px;background:#999;right:-90px;top:50%;}
.head-title p.en{ font-size:16px;color:#999;line-height:26px;margin-top:5px;}

.head-title2{ height:44px;border-bottom:solid 1px #ddd;margin-bottom:30px;}
.head-title2:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}
.head-title2 h2{ float:left;Position: relative;color:#3366CC;font-size:24px;line-height:30px;height:44px;border-bottom:solid 1px #3366CC;}
.head-title2 span{ float:right;line-height:34px;}
.head-title2 span a{ color:#999;}
.head-title2 span a:hover{ color:#3366CC;}

/*首页案例*/
.home-chanpin{ overflow: hidden;}

.home-chanpin .left{ float:left;width:240px;padding:0;overflow: hidden;background:#fff;}
.home-chanpin .left-head{ text-align:center;background:#3366CC;padding:26px 0;}
.home-chanpin .left-head h2{ font-weight:500;font-size:24px;color:#fff;line-height:34px;}
.home-chanpin .left-head p{ color:rgba(255,255,255,0.5);font-size:14px;line-height:22px;}

.home-chanpin .left-nav{ padding:10px;background:#fff;border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
.home-chanpin .left-nav ul{}
.home-chanpin .left-nav ul li .top-nav{ display:block;background:#f5f5f5;color:#3366CC;height:39px;line-height:39px;text-align:center;}
.home-chanpin .left-nav ul li span{ display:block;/* background: url(../images/nav.png) no-repeat 20px center;background-size:24px; */}
.home-chanpin .left-nav ul li a{ display:block;}
.home-chanpin .left-nav ul li ul{ background:#fff;overflow: hidden;padding:15px 10px;}
.home-chanpin .left-nav ul li ul li{ Position: relative;width:50%;float:left;height:28px;line-height:28px;font-size:15px;}
.home-chanpin .left-nav ul li ul li:before{ content:'';Position: absolute;left:0;top:50%;margin-top:-4px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #666;}
.home-chanpin .left-nav ul li ul li a{ display:block;padding-left:12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.home-chanpin .left-nav ul li ul li:hover a{ color:#3366CC;}
.home-chanpin .left-nav ul li ul li:hover:before{ border-left:4px solid #3366CC;}

.home-chanpin .left-lx{ background:#3366CC;padding:26px 20px;color:#fff;}
.home-chanpin .left-call{ background: url(../images/white-call.png) no-repeat left center;padding-left: 52px;background-size:36px;}
.home-chanpin .left-call p.small{ font-size:12px;line-height:22px;}
.home-chanpin .left-call p.big{ font-size:22px;}

.home-chanpin .right{ width:930px;float:right;}
.list-home-chanpin{ overflow: hidden;}
.list-home-chanpin ul{ margin-left:-20px;margin-top:-20px;}
.list-home-chanpin ul li{ width:33.33%;float:left;margin-top:20px;}
.list-home-chanpin ul li .box{ margin-left:20px;}
.list-home-chanpin ul li .img{ margin-bottom:10px;}
.list-home-chanpin ul li .img img{ width:100%;height:218px;border:solid 1px #ddd;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-home-chanpin ul li p{ font-size:16px;height:26px;line-height:26px;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-home-chanpin ul li .box:hover p{ color:#3366CC;}

/*应用范围*/
.home-yingyong{ overflow:hidden;}
.home-yingyong .left{ width:590px;float:left;overflow:hidden;}
.home-yingyong .left .box{ position:relative;background:#fff;}
.home-yingyong .left .img img{ width:100%;height:442px;}
.home-yingyong .left .desc{ background:#fff;padding:10px 20px;}
.home-yingyong .left .desc h2{ font-weight:500;color:#333;font-size:16px;line-height:26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.home-yingyong .left:hover .desc h2{ color:#fff;}
.home-yingyong .left:hover .desc{ background:#3366CC;}

.home-yingyong .right{ width:590px;float:right;overflow:hidden;}
.home-yingyong .right ul{ margin-left:-20px;margin-top:-20px;}
.home-yingyong .right ul li{ width:50%;float:left;margin-top:20px;}
.home-yingyong .right ul li .box{ margin-left:20px;position:relative;}
.home-yingyong .right ul li .img img{ width:100%;height:187.5px;}
.home-yingyong .right ul li .desc{background:#fff;padding:10px 20px;}
.home-yingyong .right ul li .desc h2{ font-weight:500;color:#333;font-size:16px;line-height:26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.home-yingyong .right ul li .box:hover .desc h2{ color:#fff;}
.home-yingyong .right ul li .box:hover .desc{ background:#3366CC;}

/*设备展示*/
.list-home-shebei{ overflow:hidden;margin-bottom:50px;}
.list-home-shebei .bd{ overflow:hidden;}
.list-home-shebei .bd ul{ }
.list-home-shebei .bd ul li{ width:285px;float:left;margin-right:20px;}
.list-home-shebei .bd ul li .img{ overflow:hidden;}
.list-home-shebei .bd ul li .img img{ width:100%;height:190px;}
.list-home-shebei .bd ul li p{ height:26px;line-height:26px;text-align:center;margin-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-home-shebei .bd ul li:hover p{ color:#3366CC;}

/*实力展示*/
.zhanshi-pic{ overflow: hidden;position:relative;}
.zhanshi-pic .bd{ overflow:hidden;}
.zhanshi-pic .bd ul{ }
.zhanshi-pic .bd ul li{ width:283px;border:solid 1px #ddd;float:left;margin-right:20px;}
.zhanshi-pic .bd ul li .img{ overflow:hidden;}
.zhanshi-pic .bd ul li .img img{ width:100%;height:190px;}
.zhanshi-pic .bd ul li p{ padding:10px 10px;height:26px;line-height:26px;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zhanshi-pic .bd ul li:hover p{ color:#3366CC;}
.zhanshi-pic .prev{ display:none;cursor: pointer;position:absolute;z-index:2; left:1px; top:50%; margin-top:-32px;  width:30px; height:65px; background:url(../images/slide_btn.png) no-repeat left -100px;}
.zhanshi-pic .next{ display:none;cursor: pointer;position:absolute;z-index:2; right:1px; top:50%; margin-top:-32px;  width:30px; height:65px; background:url(../images/slide_btn.png) no-repeat left -170px; }
.zhanshi-pic:hover .prev, .zhanshi-pic:hover .next{ display:block;}

/*关于我们*/
.home-about{ overflow: hidden;background:#fff;margin-bottom:30px;}
.home-about .left-img{ float:left;}
.home-about .left-img img{ width:580px;height:414px;}

.home-about .right-desc{ width:580px;float:right;}
.home-about .right-desc .box{ height:354px;display: table-cell;vertical-align: middle;padding:30px 30px 30px 0;text-align:justify;}
.home-about .right-desc .box h2{ font-size: 22px;line-height: 2;margin-bottom: 20px;}
.home-about .right-desc .box p{ line-height: 2;font-size: 15px;}

.zizhi-tab .parhd{ margin-bottom:30px;height:50px;line-height:50px;border-bottom:solid 1px #ddd;}
.zizhi-tab .parhd:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}
.zizhi-tab .parhd ul li{ cursor: pointer;float:left;font-size:18px;margin-right:30px;}
.zizhi-tab .parhd ul li.on{ font-weight:bold;Position: relative;z-index:2;height:50px;border-bottom:solid 1px #3366CC;color:#3366CC;}
.zizhi-tab .parhd ul li.on a{ color:#3366CC;}

/*品牌滚动*/
.picScroll-pinpai{ overflow: hidden;padding:0 60px;Position: relative;}
.picScroll-pinpai .pinpai-bd{ overflow: hidden;}
.picScroll-pinpai .pinpai-bd ul{}
.picScroll-pinpai .pinpai-bd ul li{ float:left;margin-right:15px;width:204px;}
.picScroll-pinpai .pinpai-bd ul li p{ border:solid 1px #ddd;margin-bottom:15px;}
.picScroll-pinpai .pinpai-bd ul li p:last-child{ margin-bottom:0;}
.picScroll-pinpai .pinpai-bd ul li img{ border:solid 4px #ddd;padding:10px;background:#fff;width:100%;height:114px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.picScroll-pinpai .pinpai-hd .pprev{ cursor: pointer;display:block;Position: absolute;top:50%;margin-top:-25px;left:0;background:url("../images/left.png") no-repeat center center;width:50px;height:50px;}
.picScroll-pinpai .pinpai-hd .pnext{ cursor: pointer;display:block;Position: absolute;top:50%;margin-top:-25px;right:0;background:url("../images/right.png") no-repeat center center;width:50px;height:50px;}

/*资质滚动*/
.picScroll-zizhi{ overflow: hidden;padding:0 60px;Position: relative;}
.picScroll-zizhi .zizhi-bd{ overflow: hidden;}
.picScroll-zizhi .zizhi-bd ul li{ width:204px;float:left;margin-right:15px;}
.picScroll-zizhi .zizhi-bd ul li .pic-box{ padding:6px;Position: relative;border:solid 3px #ddd;background:#fff;}
.picScroll-zizhi .zizhi-bd ul li .pic-box .pic{ height:234px;padding:15px;border:solid 1px #ddd;background:#fff;Position: relative;}
.picScroll-zizhi .zizhi-bd ul li .pic-box .pic img{ Position: absolute;left:15px;right:15px;top:50%;transform:translateY(-50%);width:154px;max-height:226px;}
.picScroll-zizhi .zizhi-bd ul li p{ margin-top:10px;text-align:center;font-size:16px;height:26px;line-height:26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.picScroll-zizhi .zizhi-hd .zprev{ cursor: pointer;display:block;Position: absolute;top:117px;left:0;background:url("../images/left.png") no-repeat center center;width:50px;height:50px;}
.picScroll-zizhi .zizhi-hd .znext{ cursor: pointer;display:block;Position: absolute;top:117px;right:0;background:url("../images/right.png") no-repeat center center;width:50px;height:50px;}

/*首页新闻*/
.index-news{ overflow: hidden;}

.qiye-news{ width:380px;float:left;overflow: hidden;}
.qiye-news .news-title{ margin-bottom:30px;height:50px;line-height:50px;border-bottom:solid 1px #ddd;}
.qiye-news .news-title:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}
.qiye-news .news-title h2{ color:#3366CC;float:left;font-size:18px;border-bottom:solid 1px #3366CC;height:50px;}
.qiye-news .news-title span{ float:right;color:#999;display:block;}
.qiye-news .news-title span a{ color:#999;}
.qiye-news .news-title span a:hover{ color:#3366CC;}

.flag-t{ overflow: hidden;border-bottom:solid 1px #ddd;margin-bottom:12px;padding-bottom:16px;}
.flag-t .img{ margin-bottom:10px;}
.flag-t .img img{ width:100%;height:254px;}
.flag-t .desc{ }
.flag-t .desc h2{ text-align:justify;margin-bottom:5px;font-size:16px;height:26px;line-height:26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.flag-t .desc p.data{ line-height:22px;font-size:12px;color:#999;margin-bottom:5px;}
.flag-t .desc p.miaoshu{ text-align:justify;line-height:22px;height:22px;font-size:12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.flag-t:hover .desc h2{ color:#3366CC;}

.list-text-news{ }
.list-text-news ul{}
.list-text-news ul li{ height:34px;line-height:34px;overflow: hidden;Position: relative;}
.list-text-news ul li a{ text-align:justify;font-size:16px;display:block;Position: absolute;left:0;right:90px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-text-news ul li span{ display:block;Position: absolute;right:0;color:#999;font-size:12px;}
.list-text-news ul li a:hover{ color:#3366CC;}

.home-news-tab{ width:750px;float:right;}
.home-news-tab .hd{ margin-bottom:30px;height:50px;line-height:50px;border-bottom:solid 1px #ddd;}
.home-news-tab .hd:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}
.home-news-tab .hd ul li{ float:left;font-size:18px;margin-right:30px;}
.home-news-tab .hd ul li.on{ font-weight:bold;Position: relative;z-index:2;height:50px;border-bottom:solid 1px #3366CC;color:#3366CC;}
.home-news-tab .hd ul li.on a{ color:#3366CC;}

.list-index-news{ overflow: hidden;}
.list-index-news ul{ }
.list-index-news ul li{ height:110px;Position: relative;overflow: hidden;margin-bottom:20px;}
.list-index-news ul li img{ height:110px;width:165px;Position: absolute;top:0;left:0;}
.list-index-news ul li .desc{ padding:2px 0 0 185px;}
.list-index-news ul li .desc h2{ text-align:justify;margin-bottom:5px;font-size:16px;height:26px;line-height:26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-index-news ul li .desc p.data{ line-height:22px;font-size:12px;color:#999;margin-bottom:5px;}
.list-index-news ul li .desc p.miaoshu{ text-align:justify;line-height:24px;height:48px;font-size:14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-index-news ul li:hover .desc h2{ color:#3366CC;}

/*产品列表*/
.chanpin-content{ width:1200px;margin:20px auto;overflow: hidden;}
.chanpin-side{ width:300px;float:left;overflow: hidden;}
.chanpin-main{ width:860px;float:right;overflow: hidden;}
.now{ margin-bottom:20px;height:50px;line-height:50px;border-bottom:solid 1px #ddd;}
.now:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}
.now h2{ color:#3366CC;font-size:18px;float:left;height:50px;line-height:50px;border-bottom:solid 1px #3366CC;}
.now span{ display:block;float:right;font-size:14px;color:#999;}
.now span a{ color:#999;}
.now span a:hover{ color:#3366CC;}

.chanpin-side-nav{ margin-bottom:20px;}
.chanpin-side-head{ text-align:center;background:#3366CC;padding:26px 0;}
.chanpin-side-head h4{ font-weight:500;font-size:24px;color:#fff;line-height:34px;}
.chanpin-side-head p{ color:rgba(255,255,255,0.5);font-size:14px;line-height:22px;}

.chanpin-nav-box{ padding:10px;border:solid 1px #ddd;border-top:0;}
.chanpin-son-nav{ margin:10px;background:#fff;}
.chanpin-son-nav ul{}
.chanpin-son-nav ul li .top-nav{ display:block;background:#f5f5f5;color:#3366CC;height:39px;line-height:39px;text-align:center;}
.chanpin-son-nav ul li span{ display:block;}
.chanpin-son-nav ul li a{ display:block;}
.chanpin-son-nav ul li ul{ overflow: hidden;padding:15px 0px;}
.chanpin-son-nav ul li ul li{ Position: relative;width:50%;float:left;height:28px;line-height:28px;font-size:15px;}
.chanpin-son-nav ul li ul li:before{ content:'';Position: absolute;left:0;top:50%;margin-top:-4px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #666;}
.chanpin-son-nav ul li ul li a{ display:block;padding-left:12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.chanpin-son-nav ul li ul li:hover a, .chanpin-son-nav ul li ul li.hover a{ color:#3366CC;}
.chanpin-son-nav ul li ul li:hover:before, .chanpin-son-nav ul li ul li.hover:before{ border-left:4px solid #3366CC;}

.side-new{ padding:20px 20px;overflow:hidden;border:solid 1px #ddd;border-top:0;}
.side-new ul{ }
.side-new ul li{ Position: relative;font-size:14px;margin-bottom:10px; height:20px;line-height:20px;padding-left:16px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;color:#999;}
.side-new ul li:before{ content: "";position: absolute;top: 8px;left: 0px;width: 4px;height: 4px;background-color: #3366CC;}
.side-new ul li a{ color:#444;}
.side-new ul li a:hover{ color:#3366CC;}
.side-new ul li:last-child{ margin-bottom:0;}

.side-message{ padding:20px 20px;overflow:hidden;border:solid 1px #ddd;border-top:0;}
.side-message ul{}
.side-message ul li{ line-height:24px;padding:8px 0;border-bottom:solid 1px #ddd;}
.side-message ul li b{ display:block;text-align:center;font-size:18px;}
.side-message ul li:last-child{ border:0;}

.list-chanpin{ overflow: hidden;}
.list-chanpin ul{ margin-left:-20px;margin-top:-20px;}
.list-chanpin ul li{ width:33.33%;float:left;margin-top:20px;}
.list-chanpin ul li .box{ margin-left:20px;}
.list-chanpin ul li .img{ margin-bottom:10px;}
.list-chanpin ul li .img img{ width:100%;height:200px;border:solid 1px #ddd;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-chanpin ul li p{ font-size:16px;height:26px;line-height:26px;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-chanpin ul li .box:hover p{ color:#3366CC;}

/*分页样式*/
.pages{ margin:30px 0;height:32px;line-height:32px;overflow: hidden;text-align:center;}
.pages ul{}
.pages ul li{ display:inline-block;margin:0 5px;}
.pages ul a{ display:inline-block;padding:0 12px;color:#333;-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
.pages ul a:hover{ background:#3366CC;color:#fff;}
.pages ul li.active{ background:#3366CC;padding:0 0px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; color:#fff;}
.pages ul li.active a{ color:#fff;}
.pages ul li span.pageinfo{ color:#999;}
.pages span input{ height:24px;line-height:24px;border:1px solid #ccc; width:30px; margin:0 2px 0 2px; text-align:center; padding-top:-1px ;font-size:14px;}

/*产品详情页*/
.chanpin-head{ overflow: hidden;margin-bottom:30px;}
.chanpin-pic{ overflow: hidden;width:400px;float:left;}
.chanpin-pic .bd{ width:398px;overflow: hidden;border:solid 1px #ddd;}
.chanpin-pic .bd ul li{ }
.chanpin-pic .bd ul li img{ width:100%;vertical-align:top;}

.chanpin-pic .hd{ overflow: hidden;margin-top:10px;}
.chanpin-pic .hd ul{ }
.chanpin-pic .hd ul li{ cursor: pointer;width:74px;float:left;margin-right:5px;overflow: hidden;border:solid 1px #ddd;}
.chanpin-pic .hd ul li img{ width:100%;height:54px;}
.chanpin-pic .hd ul li:last-child{ margin-right:0;}
.chanpin-pic .hd ul li.on{ border:solid 1px #3366CC;}

.chanpin-info{ float:right;width:420px;padding:0px 0;}
.chanpin-info h1{ font-size:28px;line-height:38px;margin-bottom:20px;}
.chanpin-canshu{ overflow: hidden;}
.chanpin-canshu ul{ }
.chanpin-canshu ul li{ border-bottom:solid 1px #eee;padding:10px 0;font-size:15px;color:#666;line-height:26px;}
.chanpin-canshu ul li:last-child{ border-bottom:0;}

.item-zx{ overflow: hidden;margin-top:25px;}
.item-zx .zaixian{ cursor:pointer;margin-right:5px;text-align:center;display:block;font-size:16px;padding:0 30px;float:left;outline: none;border-radius:3px;height:42px;line-height:42px;background:#3366CC;color:#fff;border:0;}
.item-zx .boda{ cursor:pointer;text-align:center;display:block;font-size:16px;padding:0 30px;float:left;outline: none;border-radius:3px;height:42px;line-height:42px;background:#3366CC;color:#fff;border:0;}
.item-zx span.line{ display:inline-block;background: url(../images/line.png) no-repeat left center;background-size: 22px;padding-left: 30px;}
.item-zx span.call{ display:inline-block;background: url(../images/white-call.png) no-repeat left center;background-size: 18px;padding-left: 26px;}


.chanpin-con{ overflow: hidden;padding:10px 20px;margin-bottom: 30px;border: solid 1px #ddd;}
.chanpin-head-title{ margin-bottom:20px;height:50px;line-height:50px;border-bottom:solid 1px #ddd;}
.chanpin-head-title:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}
.chanpin-head-title h2{ color:#3366CC;font-size:18px;float:left;height:50px;line-height:50px;border-bottom:solid 1px #3366CC;}

.chanpin-body{ overflow: hidden;line-height:26px;font-size:15px;text-align:justify;}
.chanpin-body p{ margin-bottom:26px;}
.chanpin-body img{ max-width:100% !important;height:auto !important;}
.chanpin-body iframe{ margin:0 auto;width:620px !important;height:380px !important;} 

.sxp{ overflow: hidden;margin-bottom:30px;}
.sxp p.prev{ font-size:13px;color:#999;padding:0 10px;height:38px;line-height:38px;border:solid 1px #ddd;margin-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sxp p.next{ font-size:13px;color:#999;padding:0 10px;height:38px;line-height:38px;border:solid 1px #ddd;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sxp a:hover{ color:#3366CC;}

.about-chanpin{ margin-bottom:30px;}

/*新闻列表*/
.news-son-nav{ overflow: hidden;padding:20px 20px;border:solid 1px #ddd;border-top:0;}
.news-son-nav ul li{ padding:0 20px;Position: relative;font-size:14px;height:40px;line-height:40px;background:#f5f5f5;margin-bottom:5px;}
.news-son-nav ul li:before{ content:'';Position: absolute;left:20px;top:50%;margin-top:-4px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #666;}
.news-son-nav ul li a{ display:block;padding-left:12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-son-nav ul li:hover a, .news-son-nav ul li.hover a{ color:#3366CC;}
.news-son-nav ul li:hover:before, .news-son-nav ul li.hover:before{ border-left:4px solid #3366CC;}
.news-son-nav ul li:last-child{ margin-bottom:0;}

.list-article{ overflow: hidden;}
.list-article ul{ }
.list-article ul li{ height:140px;Position: relative;overflow: hidden;margin-bottom:20px;padding-bottom:20px;border-bottom: dashed 1px #ddd;}
.list-article ul li img{ height:140px;width:210px;Position: absolute;top:0;left:0;}
.list-article ul li .desc{ padding:10px 0 0 230px;}
.list-article ul li .desc h2{ text-align:justify;margin-bottom:10px;font-size:18px;height:28px;line-height:28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-article ul li .desc p.data{ line-height:22px;font-size:12px;color:#999;margin-bottom:10px;}
.list-article ul li .desc p.miaoshu{ color:#999;text-align:justify;line-height:24px;height:48px;font-size:14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-article ul li:hover .desc h2{ color:#3366CC;}

/*新闻详情*/
.arc-head{ overflow: hidden;padding:20px 0;margin-bottom:30px;border-bottom:solid 1px #ddd;}
.arc-head h1{ font-size:28px;line-height:38px;margin-bottom:10px;}
.arc-head .arc-info{ overflow: hidden;}
.arc-head .arc-info span{ display:block;float:left;margin-right:20px;font-size:12px;color:#999;}

.arc-body{ margin-bottom:30px;overflow: hidden;line-height:26px;font-size:15px;text-align:justify;}
.arc-body p{ margin-bottom:26px;}
.arc-body img{ max-width:100% !important;height:auto !important;}
.arc-body iframe{ margin:0 auto;width:620px !important;height:380px !important;} 

.list-about-article{ overflow: hidden;}
.list-about-article ul{ margin-left:-50px;}
.list-about-article ul li{ width:33.33%;float:left;}
.list-about-article ul li .box{ margin-left:50px;Position: relative;font-size:14px;margin-bottom:10px;height:28px;line-height:28px;padding-left:16px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;color:#999;}
.list-about-article ul li .box:before{ content: "";position: absolute;top:50%;margin-top:-2px;left: 0px;width: 4px;height: 4px;background-color: #3366CC;}
.list-about-article ul li a{ color:#444;}
.list-about-article ul li a:hover{ color:#3366CC;}

/*品牌列表*/
.list-pinpai{ overflow: hidden;}
.list-pinpai ul{ margin-left:-20px;margin-top:-20px;}
.list-pinpai ul li{ width:25%;float:left;margin-top:20px;}
.list-pinpai ul li .box{ margin-left:20px;}
.list-pinpai ul li .box img{ margin-bottom:10px;border:solid 1px #ddd; width:100%;height:100px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-pinpai ul li p{ font-size:14px;text-align:center;height:24px;line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-pinpai ul li .box:hover p{ color:#3366CC;}

/*资质列表*/
.list-zizhi{ overflow: hidden;}
.list-zizhi ul{ margin-left:-20px;margin-top:-20px;}
.list-zizhi ul li{ width:33.33%;float:left;margin-top:20px;}
.list-zizhi ul li .box{ margin-left:20px;}
.list-zizhi ul li .img{ padding:8px;Position: relative;border: solid 3px #ddd;background: #fff;}
.list-zizhi ul li .img img{ padding:20px;border:solid 1px #ddd; width:100%;height:338px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-zizhi ul li p{ margin-top:5px;font-size:14px;text-align:center;height:24px;line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-zizhi ul li .box:hover p{ color:#3366CC;}














/*页脚*/
.footer-bg{ background:#292b2f;padding:60px 0;border-bottom: #3a3c3f 1px solid;}
.footer{ width:1200px;margin:0 auto;overflow:hidden;}
.footer .left{ float:left;}
.footer-dh{ overflow:hidden;line-height:30px;margin-bottom:20px;}
.footer-dh ul{}
.footer-dh ul li{ float:left;font-size:15px;margin-right:30px;}
.footer-dh ul li a{ color:#f0f0f1;}
.footer-message{ line-height:30px;font-size:13px;color:#9c9ca2;}
.footer .right{ float:right;}
.footer .right .ewm{ float:left;margin-left:20px;text-align:center;}
.footer .right .ewm img{ margin-bottom:10px;width:108px;}
.footer .right .ewm p{ line-height:15px;font-size:13px;color:#9c9ca2;}

.footer-copy{ font-size:12px;background:#292b2f;padding:20px 0;text-align:center;color:#747475;}
.footer-copy a{ color:#747475;}

/*客服*/
.kefu{ position:fixed;z-index:98;right:0;bottom:100px;width:60px;background:#3366CC;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.kefu ul{}
.kefu ul li{ cursor: pointer;Position: relative;/* border-bottom:solid 1px rgba(255,255,255,0.1); */padding:10px 0;}
.kefu ul li i{ Opacity:0.8;display:block;height:28px;width:28px;margin:0 auto;margin-bottom:5px;}
.kefu ul li i.icon-kefu-1{ background:url(../images/kefu-1.svg) no-repeat center center;background-size: 100%;}
.kefu ul li i.icon-kefu-2{ background:url(../images/kefu-2.svg) no-repeat center center;background-size: 90%;}
.kefu ul li i.icon-kefu-3{ background:url(../images/kefu-3.svg) no-repeat center center;background-size: 100%;}
.kefu ul li i.icon-kefu-4{ background:url(../images/kefu-4.svg) no-repeat center center;background-size: 100%;}

.kefu ul li p{ color:rgba(255,255,255,0.8);font-size:12px;line-height:20px;text-align:center;}
.kefu ul li a{ display:block;}
.kefu ul li .kefu-call{ display:none;Position: absolute;right:60px;top:0;background:#fff;height:52px;padding:10px 20px;border:solid 1px #eee;}
.kefu ul li .kefu-call p{ color:#333 !important;font-size:14px;line-height:20px;text-align:left;}
.kefu ul li .kefu-call strong{ display:block;font-size:24px;line-height:34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#3366CC;}
.kefu ul li:hover .kefu-call{ display:block;}
.kefu ul li .kefu-img{ display:none;Position: absolute;left:-162px;top:0;width:140px;background:#fff;padding:10px;border:solid 1px #eee;}
.kefu ul li .kefu-img img{ width:100%;}
.kefu ul li .kefu-img p{ line-height:20px;font-size:12px;text-align:center;color:#666 !important;}
.kefu ul li .kefu-img p.red{ color:#d6000f !important;}
.kefu ul li:hover{ background:#599b8b;}
.kefu ul li:hover p{ color:#fff;}
.kefu ul li:hover i{ Opacity:1;}
.kefu ul li:last-child{ border-bottom:0;}
.kefu ul li:hover .kefu-img{ display:block;}
.fixed-center{ top:50%;bottom:auto;transform:translateY(-50%);}

.link-bg{ background:#fff;overflow:hidden;}
.link{ width:1200px;margin:0 auto;overflow:hidden;padding:20px 0;line-height:24px;}
.link span{ display:block;float:left;width:80px;color:#333;}
.links{ width:1120px;float:right;}
.links a{ display:inline-block;margin-right:15px;color:#666;}
.links a:hover{ color:#3366CC;}