*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.clear {line-height:0;height: 0;font-size: 0;clear:both; zoom: 1;}
a{color:#333;text-decoration: none !important;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
a:hover{color: #0060b7;}
img{max-width:100%;}
button{cursor:pointer;}
body{min-width:1280px;height:auto; max-width:1920px; margin:0 auto; font-size:14px;line-height: 24px;min-height: 100%;}
.wl-1200{width: 1200px;margin: 0 auto;}
h1,h2,h3,h4,h5{font-weight: 500;}
h2{font-size: 30px;color: #333;}
p{color: #333;}
.wl-L{float: left;}
.wl-R{float: right;}

.wl-header{width: 100%;background: #fff;z-index: 1000;}
.wl-header.on{position: fixed;top: 0;left: 0;box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.15);}
.header-layer{width: 100%;height: 171px;display: none;}
.header-layer.on{display: block;}
.wl-header .top{width: 100%;height: 100px;border-bottom: 1px solid #e5e5e5;}
.wl-header .top .logo{width: 240px;height: 100px;float: left;}
.wl-header .top .logo a{width: 240px;height: 100px;display: table-cell;text-align: center;vertical-align: middle;}
.wl-header .top .logo img{max-width: 240px;max-height: 100px;}
.wl-header .top .list{float: left;margin-left: 150px;}
.wl-header .top .list li{float: left;padding: 23px 0;padding-left: 40px;background: url(../images/index-01.png) no-repeat left 45px;background-size: 24px 24px;margin-left: 90px;}
.wl-header .top .list li.yx{background: url(../images/index-02.png) no-repeat left 45px;}
.wl-header .top .list li p{font-size: 16px;line-height: 26px;}
.wl-header .top .list li strong{display: block;font-size: 18px;line-height: 28px;}
.wl-header .top .selet{float: right;padding: 20px 0;width:130px;position: relative;}
.wl-header .top .selet .box{width: 100%;}
.wl-header .top .selet dd{width: 100%;font-size: 16px;line-height: 24px;padding: 16px 40px 16px 56px;display: none;}
.wl-header .top .selet dd.zw{background: url(../images/index-03.png) no-repeat 16px center;background-size: 31px 21px;}
.wl-header .top .selet dd.us{background: url(../images/index-04.png) no-repeat 16px center;background-size: 31px 21px;}
.wl-header .top .selet .box.on{background: #e8eaef;}
.wl-header .top .selet .box.on dd{display: block;border-bottom: 1px solid #d6dae4;}
.wl-header .top .selet .box.on dd.us{border: none;}
.wl-header .top .selet dd a{display: block;}
.wl-header .top .selet dd.on{display: block;}
.wl-header .top .selet dd.on a{color: #ff6700;}
.wl-header .top .selet .box.on a{color: #333;}
.wl-header .top .selet i{display: block;width: 20px;height: 24px;background: url(../images/index-icon.png) no-repeat right center;background-size: 14px 7px;position: absolute;right: 20px;top: 38px;}
.wl-header .top .selet i.on{background: url(../images/index-icon1.png) no-repeat right center;top: 35px;}
.wl-header .wl-nav{width: 100%;}
.wl-header .wl-nav ul{padding-left: 10px;}
.wl-header .wl-nav li{float: left;font-size: 16px;}
.wl-header .wl-nav li .nava{display: inline-block;line-height: 70px;padding: 0 30px;}
.wl-header .wl-nav li.on .nava{color: #0060b7;}
.wl-header .nav-son{width: 1920px;height: auto;background: #f8f8f8;position: absolute;left: 0;top: 170px;z-index: 999;display: none;}
.wl-header .nav-son .cont{padding: 25px 0;padding-right: 140px;padding-left: 60px;position: relative;}
.wl-header .nav-son .cont:after{display: block;content: '';width: 1px;height: 100px;background: #e5e5e5;position: absolute;left: 580px;top: 45px;}
.wl-header .nav-son .wl-L{width: 510px;}
.wl-header .nav-son .wl-L h2{font-size: 20px;color: #0060b7;line-height: 20px;padding: 15px 0;font-weight: 500;}
.wl-header .nav-son .wl-L dl{padding-top: 30px;}
.wl-header .nav-son .wl-L dd{float: left;width: 50%;font-size: 16px;line-height: 30px;}
.wl-header .nav-son .wl-L dd span{display: inline-block;float: left;}
.wl-header .nav-son .wl-L dd a{display: inline-block;float: left;color: #666;}
.wl-header .nav-son .wl-L dd:hover a,
.wl-header .nav-son .wl-L dd:hover span{color: #0060b7;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-header .nav-son .wl-R{width: 300px;height: 142px;}
.wl-header .nav-son .wl-R img{width: 300px;height: 142px;}
.wl-header .wl-nav li:hover .nav-son{display: block;}


.wl-index{width: 100%;}
.wl-index .wl-module1{background: url(../images/index-bg.jpg) no-repeat left top;background-size: 100%;}
.wl-index .wl-module1 .wl-1200{padding-top: 80px;padding-bottom: 100px;}
.wl-index .wl-module1 .wl-L{width: 770px;background: #fff;}
.module-title{width: 100%;background: #fff;padding-left: 20px;height: 70px;line-height: 70px;overflow: hidden;font-size: 26px;}
.module-title h2{color: #0060b7;height: 70px;line-height: 70px;display: block;}
.module-title span{font-size: 14px;color: #888;padding-left: 10px;}
.wl-index .wl-module1 .slideBox1{width: 100%;height: 450px;overflow: hidden;position: relative;}
.wl-index .wl-module1 .slideBox1 .hd{width: 100%;height: 10px;overflow: hidden;position: absolute;left: 0;bottom: 30px;z-index: 1;}
.wl-index .wl-module1 .slideBox1 .hd ul{overflow: hidden;zoom: 1;width: 100%;text-align: center;}
.wl-index .wl-module1 .slideBox1 .hd ul li{display: inline-block;margin:0 5px;width: 10px;height: 10px;text-align:center;background: #fff;cursor:pointer;border-radius: 100%;}
.wl-index .wl-module1 .slideBox1 .hd ul li.on{background: #ff6700;}
.wl-index .wl-module1 .slideBox1 .bd{position: relative;height: 100%;z-index: 0;}
.wl-index .wl-module1 .slideBox1 .bd li{width: 770px;height: 450px;}
.wl-index .wl-module1 .slideBox1 .bd img{width: 100%;height: 100%;display: block;}
.wl-index .wl-module1 .wl-R{width: 390px;background: #fff;}
.wl-index .wl-module1 .wl-R .list{width: 100%;position: relative;}
.wl-index .wl-module1 .wl-R .list:after{display: block;content: '';width: 100%;height: 1px;background: #f0f0f0;position: absolute;left: 0;top: 0;}
.wl-index .wl-module1 .wl-R .list li{float: left;width: 50%;text-align: center;padding: 30px 0;}
.wl-index .wl-module1 .wl-R .list li .img{width: 100px;height: 100px;margin: 20px auto;text-align: center;background: #7184a2;border-radius: 100%;}
.wl-index .wl-module1 .wl-R .list li .img img{width: 100px;height: 100px;}
.wl-index .wl-module1 .wl-R .list li p{font-size: 16px;line-height: 25px;}
.wl-index .wl-module1 .wl-R .list li:hover{background: #e0e0e0;}
.wl-index .wl-module1 .wl-R .list li:hover p{color: #222;}
.wl-index .wl-module1 .wl-R .list li:hover .img{background: #2571e9;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.wl-index .wl-module2{background: #fff;}
.wl-index .wl-module2 .wl-1200{padding: 80px 0;}
.wl-index .wl-module2 .wl-L{width: 650px;}
.wl-index .wl-module2 .wl-L .top{width: 100%;border-bottom: 1px solid #f0f0f0;}
.wl-index .wl-module2 .wl-L .more{display: inline-block;float: right;font-size: 16px;line-height: 54px;color: #ff6700;}
.wl-index .wl-module2 .wl-L .more:hover{letter-spacing: 1px;}
.wl-index .wl-module2 .wl-L .nav li{float: left;display: inline-block; font-size: 18px;line-height: 54px;color: #444;text-align: center;padding: 0 20px;background: #efefef;cursor: pointer;}
.wl-index .wl-module2 .wl-L .nav li.on{background: #0060b7;color: #fff;}
.wl-index .wl-module2 .wl-L .bottom{height: 470px;overflow: hidden;}
.wl-index .wl-module2 .wl-L .list{}
.wl-index .wl-module2 .wl-L .list li{margin-top: 30px;background: #fff;}
.wl-index .wl-module2 .wl-L .list li .box{padding: 20px;background: #f6f6f6;}
.wl-index .wl-module2 .wl-L .list .img{width: 220px;height: 160px;float: left;}
.wl-index .wl-module2 .wl-L .list .img a{width: 220px;height: 160px;display: table-cell;text-align: center;vertical-align: middle;}
.wl-index .wl-module2 .wl-L .list .img img{max-width: 220px;max-height: 160px;}
.wl-index .wl-module2 .wl-L .list .cont{float: right;width: 370px;}
.wl-index .wl-module2 .wl-L .list h2{font-size: 20px;line-height: 52px;padding-bottom: 10px;height: 52px;max-height: 52px;overflow: hidden;}
.wl-index .wl-module2 .wl-L .list p{font-size: 14px;line-height: 28px;color: #888;height: 84px;max-height: 84px;overflow: hidden;}
.wl-index .wl-module2 .wl-L .list li:hover h2{color: #0060b7;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-index .wl-module2 .wl-L .list li:hover p{color: #888;}
.wl-index .wl-module2 .wl-L .list li:hover .box{box-shadow: 0px 5px 10px 0px #ccc;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.wl-index .wl-module2 .wl-R{width: 490px;}
.wl-index .wl-module2 .wl-R .top{line-height: 54px;}
.wl-index .wl-module2 .wl-R .top h2{font-size: 26px;float: left;padding-left: 20px;color: #0060b7;position: relative;}
.wl-index .wl-module2 .wl-R .top h2:after{display: block;content: '';width: 4px;height: 20px;background: #d9d8d8;position: absolute;left: 0;top: 17px;}
.wl-index .wl-module2 .wl-R .top .more{display: inline-block;float: right;font-size: 16px;line-height: 54px;color: #ff6700;}
.wl-index .wl-module2 .wl-R .list{padding-top: 10px;}
.wl-index .wl-module2 .wl-R .list li{border-bottom: 1px dashed #e5e5e5;}
.wl-index .wl-module2 .wl-R .list .box{}
.wl-index .wl-module2 .wl-R .list .title{line-height: 58px;}
.wl-index .wl-module2 .wl-R .list p{float: left;width: 300px;height: 58px;line-height: 58px;overflow: hidden;}
.wl-index .wl-module2 .wl-R .list span{display: inline-block;float: right;color: #777;}
.wl-index .wl-module2 .wl-R .list .des{font-size: 14px;line-height: 26px;color: #0060b7;padding: 20px 0;display: none;}
.wl-index .wl-module2 .wl-R .list li.on .des{display: block;border-top: 1px dashed #e5e5e5;}
.wl-index .wl-module2 .wl-R .list li.on{background: #f9f9f9;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-footer{width: 100%;}
.footer-t{width: 100%;background: #1586de;} 
.footer-t .list{padding: 40px 0;}
.footer-t .list li{float: left;color: #fff;}
.footer-t .list li.on2{margin-left: 140px;}
.footer-t .list li.on3{float: right;}
.footer-t .list li .img{width: 50px;height: 50px;float: left;text-align: center;margin-right: 20px;}
.footer-t .list li .img img{width: 50px;height: 50px;}
.footer-t .list li .cont{float: left;}
.footer-t .list li .cont p{line-height: 26px;color: #fff;}
.footer-t .list li .cont strong{font-size: 20px;line-height: 32px;}
.wl-footer .link{}
.wl-footer .link .wl-1200{border-bottom: 1px solid #e2e2e2;padding-bottom: 20px;padding-top: 15px;}
.wl-footer .link h2{font-size: 20px;line-height: 28px;}
.wl-footer .link .list{padding-top: 5px;}
.wl-footer .link .list li{float: left;}
.wl-footer .link .list li a{display: inline-block;font-size: 14px;line-height: 28px;color: #999;padding: 0 10px;position: relative;}
.wl-footer .link .list li.on a{padding-left: 0;}
.wl-footer .link .list li a:after{display: block;content: '';width: 1px;height: 14px;background: #999;position: absolute;left   : 0;top: 7px;}
.wl-footer .link .list li.on a:after{width: 0;}
.wl-footer .link .list li:hover a{color: #0060b7;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.footer-b{padding: 20px 0;text-align: center;}
.footer-b .list{text-align: center;padding: 10px 0 20px;}
.footer-b .list li{display: inline-block;font-size: 16px;line-height: 18px;}
.footer-b .list li a{display: inline-block;padding: 0 10px;position: relative;color: #777;}
.footer-b .list li a:after{display: block;content: '';width: 2px;height: 16px;background: #d4d4d4;position: absolute;left: 0;top: 2px;}
.footer-b .list li.on a:after{width: 0;}
.footer-b .list li:hover a{color: #0060b7;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.wl-qq{width: 70px;height: 70px;cursor: pointer;position: fixed;right: 30px;top: 50%;margin-top: -70px;}
.wl-qq a{display: block;width: 70px;height: 70px;background: url(../images/qq.png)  no-repeat center center;background-size: 100%;}
#goTopBtn{line-height: 70px;width: 70px;height: 70px;cursor: pointer;display: none;background: url(../images/goTopBtn.png)  no-repeat center center;background-size: 100%;position: fixed;top: 50%;right: 30px;margin-top: 20px;}

/*新闻列表*/
.article-nav{width: 100%;text-align: center;}
.article-nav li{display: inline-block;}
.article-nav li a{display: inline-block;font-size: 24px;line-height: 80px;padding: 0 50px;}
.article-nav li.on a{color: #0060b7;border-bottom: 2px solid #0060b7;}
.wl-content{width: 100%;background: #f8f8f8;padding-top: 50px;}
.wl-content-L{width: 900px;padding-bottom: 60px;}
.article-list{width: 100%;}
.article-list .list{padding-bottom: 50px;}
.article-list .list li{width: 100%;float: left;background: #fff;margin-bottom: 30px;}
.article-list .list li .box{float: left;padding: 20px;width: 100%;}
.article-list .list li .img{width: 220px;height: 160px;}
.article-list .list li .img a{width: 220px;height: 160px;display: table-cell;text-align: center;vertical-align: middle;}
.article-list .list li .img img{max-width: 220px;max-height: 160px;}
.article-list .list li .cont{width: 620px;}
.article-list .list li .cont h2{font-size: 20px;line-height: 40px;height: 40px;overflow: hidden;}
.article-list .list li .cont .des{font-size: 14px;line-height: 26px;color: #777;height: 62px;max-height: 62px;overflow: hidden;padding-top: 10px;}
.article-list .list li .cont .time{font-size: 14px;color: #999;padding-top: 30px;}
.article-list .list li .cont .time span{padding-left: 90px;}
.article-list .list li:hover .box{box-shadow: 2px 2px 5px 2px #dfdfdf;}
.page{width: 100%;}
.page ul{text-align: center;}
.page ul li{display: inline-block;border: 1px solid #dcdcdc;margin: 0 5px;}
.page ul li a{display: inline-block;font-size: 14px;color: #777;line-height: 40px;padding: 0 15px;}
.page ul li:hover a,.page ul li.on a{background: #ff6700;color: #fff;}
.wl-content-R{width: 260px;}
.wl-content-R .recommend{}
.wl-content-R .recommend h2.title{width: 100%;line-height: 70px;background: #298ce5;font-size: 26px;padding: 0 20px;color: #fff;}
.wl-content-R .recommend .list{width: 100%;background: #fff;padding-top: 10px;padding-bottom: 30px;}
.wl-content-R .recommend .list li{width: 100%;position: relative;}
.wl-content-R .recommend .list li a{display: block;padding-left: 40px;padding-right: 20px;font-size: 16px;line-height: 36px;height: 36px;max-height: 36px;overflow: hidden;}
.wl-content-R .recommend .list li i{display: block;width: 4px;height: 4px;background: #666;border-radius: 100%;position: absolute;left: 20px;top: 18px;}
.wl-content-R .recommend .list li:hover a{background: #e9e9e9;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.wl-content-R .recommend .list li:hover i{background: #0060b7;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}

/*新闻详情*/
.article-show{width: 100%;background: #fff;padding: 0 30px;padding-top: 30px;}
.article-title{font-size: 22px;line-height: 48px;font-weight: 600;text-align: center;}
.article-etitle{width: 100%;padding: 10px 160px;text-align: center;}
.article-etitle .etitles{float: left; font-size: 14px; line-height: 36px; color: #bec1c3; padding-left: 20px; background-size: 14px 14px; margin-left: 30px;}
.article-etitle .time{background: url(../images/time.png) no-repeat left 10px;}
.article-etitle .look{background: url(../images/look.png) no-repeat left 10px;}
.fenxiang{height: 30px; overflow: hidden;}
.fenxiang .span{float:left; font-size: 14px; line-height: 36px; color: #bec1c3; padding-left: 30px; padding-right: 10px;}
.articlel-conts{font-size: 14px;line-height: 34px; color: #777;text-align: left;text-indent: 2em;padding: 40px 0 30px;}
.nextpage{border-top: 1px solid #f0f0f0;padding: 43px 0;}
.nextpage ul li{width: 100%;text-align: left;font-size: 16px;line-height: 34px;}
.nextpage ul li a{font-size: 16px;line-height: 34px;transition: color 0.3s;-moz-transition: color 0.3s;-webkit-transition: color 0.3s;-o-transition: color 0.3s;}
.nextpage ul li a:hover{color: #ff6700;}
.articlel-recommend{padding-bottom: 60px;}
.articlel-recommend .wl-1200{background: #fff;padding: 0 30px;}
.articlel-recommend .module-title{position: relative;padding-left: 0;}
.articlel-recommend .module-title .more{display: inline-block;font-size: 16px;line-height: 70px;color: #ff6700;position: absolute;right: 30px;top: 0;}
.articlel-recommend .module-title .more:hover{letter-spacing: 1px;}
.articlel-recommend .list{}
.articlel-recommend .list li{float: left;width: 100%;border-top: 1px dashed #e5e5e5;position: relative;}
.articlel-recommend .list li.on{border-top: 1px dashed #fff;}
.articlel-recommend .list li a{display: block;width: 800px;float: left;font-size: 16px;line-height: 70px;}
.articlel-recommend .list li span{display: inline-block;float: right;font-size: 14px;color: #777;line-height: 70px;}
.articlel-recommend .list li i{display: block;width: 0;height: 1px;background: #0060b7;position: absolute;left: 0;bottom: 0;}
.articlel-recommend .list li:hover{border-top: 1px dashed #fff;}
.articlel-recommend .list li:hover i{width: 100%;transition: all 500ms linear 0s;}
.articlel-recommend .list li:hover a{padding-left: 5px;transition: all 150ms linear 0s;}

/*代理品牌*/
.brand-title{text-align: center;padding: 35px 0;}
.brand-title h2{font-size: 30px;line-height: 30px;color: #0060b7;}
.brand-title p{font-size: 20px;color: #cacaca;line-height: 40px;}
.brand-list{width: 100%;}
.brand-list .list li{float: left;width: 280px;margin-left: 26px;text-align: center;padding-bottom: 30px;}
.brand-list .list li.on{margin-left: 0;}
.brand-list .list li .img{width: 280px;height: 190px;background: #fff;border: 1px solid #ccc;}
.brand-list .list li .img span{width: 280px;height: 190px;display: table-cell;text-align: center;vertical-align: middle;}
.brand-list .list li .img img{max-width: 280px;max-height: 190px;}
.brand-list .list li p{font-size: 18px;line-height: 18px;padding: 20px 0;}
.brand-list .list li:hover .img{border: 1px solid #0060b7;transition: all 150ms linear 0s;}
.brand-list .list li:hover p{color: #0060b7;transition: all 150ms linear 0s;}

/*产品中心*/
.product-list .list li{width: 286px;float: left;margin-left: 21px;padding-bottom: 25px;text-align: center;}
.product-list .list li.on{margin-left: 0;}
.product-list .list li .pic{width: 100%;position: relative;}
.product-list .list li .img{width: 286px;height: 200px;background: #fff;}
.product-list .list li .img a{width: 286px;height: 200px;display: table-cell;text-align: center;vertical-align: middle;}
.product-list .list li img{max-width: 286px;max-height: 200px;}
.product-list .list li .pic .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;background: rgba(0,0,0,0.7);filter:Alpha(opacity=70);z-index: 10;text-align: center;padding: 0 20px;overflow: hidden;opacity: 0;}
.product-list .list li .pic .bg h2{font-size: 18px;color: #fff;height: 50px;line-height: 50px;overflow: hidden;margin-top: 35px;}
.product-list .list li .pic .bg .more{display: inline-block;font-size: 16px;line-height: 40px;color: #fff;border-top: 1px solid #fff;border-bottom: 1px solid #fff;margin-top: 25px;padding: 0 25px;}
.product-list .list li .cont{width: 100%;padding: 20px 15px;}
.product-list .list li .cont h2{font-size: 18px;line-height: 20px;height: 20px;max-height: 20px;overflow: hidden;}
.product-list .list li:hover .pic .bg{opacity: 1;transition: all 300ms linear 0s;}
.product-list .list li .pic .bg .more:hover{letter-spacing: 2px;transition: all 300ms linear 0s;}
.wl-nav2 ul li{width: 100%;border-bottom: 1px solid #f8f8f8;}
.wl-nav2 ul li .aurl2{font-size: 20px;line-height: 60px;display: block;padding-left: 20px;padding-right: 16px;background: #bdbdbd;cursor: pointer;color: #fff;position: relative;}
.wl-nav2 ul li .aurl2 i{display: block;display: block;width: 30px;height: 60px;background: url(../images/product-icon2.png) no-repeat center center;background-size: 22px 22px;cursor: pointer;position: absolute;right: 20px;top: 0px;}
.wl-nav2 ul li.on .aurl2{background: #298ce5;}
.wl-nav2 ul li.on .aurl2 i{background: url(../images/product-icon1.png) no-repeat center center;background-size: 22px 22px;}
.wl-nav2 ul li dl{background: #fff;display: none;}
.wl-nav2 ul li.on dl{display: block;}
.wl-nav2 ul li dl dd{width: 100%;border-bottom: 2px solid #eee;}
.wl-nav2 ul li dl dd.on{border-bottom: 2px solid #e0f0fe;}
.wl-nav2 ul li dl dd a{display: block;font-size: 16px;line-height: 60px;padding: 0 20px;color: #888; position: relative;}
.wl-nav2 ul li dl dd.on a{background: #e0f0fe;color: #298ce5;}
.wl-nav2 ul li.on1 dl{display: block;}
.wl-nav2 ul li.on1 .aurl2{background: #298ce5;}
.wl-nav2 ul li.on1 .aurl2 i{background: url(../images/product-icon1.png) no-repeat center center;background-size: 22px 22px;}

/*产品详情*/
.product-top{width: 100%;margin-bottom: 30px;}
.product-top .wl-1200{background: #fff;padding: 30px;}
.product-top .wl-L{width: 500px;height: 340px;}
.product-top .wl-L img{display: block;width: 100%;height: 100%;}
.product-top .wl-R{width: 600px;}
.product-top .wl-R h2{font-size: 24px;line-height: 26px;}
.product-top .wl-R p{min-height: 260px;font-size: 14px;line-height: 30px;color: #777;padding-top: 20px;}
.product-top .wl-R .box{height: 50px;overflow: hidden;}
.product-top .wl-R .box .boxs{float: left;width: 160px;border-radius: 50px;overflow: hidden;}
.product-top .wl-R .box .boxs.on{margin-left: 40px;}
.product-top .wl-R .set_4_button1{position: relative; font-weight: normal; text-align: center; width: auto; float: none; padding: 0; line-height: 50px; border: none; overflow: hidden; position: relative; z-index: 0; cursor: pointer; color: #fff; margin-right: 0;}
.product-top .wl-R .box a{display: block;line-height: 50px;font-size: 16px;text-align: center;border-radius: 50px;}
.product-top .wl-R .box a.lx{background: #ff6700;color: #fff;cursor: pointer;}
.product-top .wl-R .box a.pdf{border: 1px solid #0060b7;color: #0060b7;line-height: 48px;cursor: pointer;}
.product-top .wl-R .box a.lx:hover{background: #da5e0a;}

.body{height: 100%;overflow: hidden;}
.boss{width: 100%;height: 100%;background: #000;background: rgba(0,0,0,0.3);filter: Alpaha(opacity=30);position: fixed;left: 0;top: 0;z-index: 999;display: none;}
.boss.on{display: block;}
.tc-content{background: #fff;position: fixed;left: 50%;margin-left: -600px;top: 50px;overflow-y: scroll;z-index: 99999999;display: none;padding: 20px 0;}
.tc-content.on{display: block;}

.product-show{width: 100%;background: #fff;}
.product-title{border-bottom: 1px solid #e5e5e5;}
.product-title h2{display: inline-block;font-size: 24px;color: #0060b7;line-height: 70px;padding: 0 30px;border-bottom: 2px solid #0060b7;}
.product-conts{font-size: 14px;line-height: 30px;color: #888;text-align: left;text-indent: 2em;padding: 40px 0 30px;}

/*技术服务*/
.service-list{background: #fff;padding-bottom: 50px;}
.service-list .list{padding-bottom: 50px;}
.service-list .list li{float: left;width: 100%;padding: 0 30px;}
.service-list .list li .box{float: left;width: 100%;height: 100%;border-bottom: 1px dashed #d1d1d1;padding: 30px 0;}
.service-list .list li .img{float: left;width: 80px;height: 90px;text-align: center;}
.service-list .list li .cont{float: right;width: 1010px;}
.service-list .list li .cont h2{font-size: 18px;color: #555;display: block;line-height: 20px;height: 20px;overflow: hidden;font-weight: 600;}
.service-list .list li .cont p{color: #777;max-height: 48px;overflow: hidden;margin-top: 20px;}
.service-list .list li:hover{background: #f0f0f0;transition: all 150ms linear 0s;}
.service-list .list li:hover .cont h2{color: #0060b7;transition: all 150ms linear 0s;}

/*联系我们*/
.wl-contact{background: #fff;padding: 0 40px;}
.wl-contact .list{padding: 30px 0;}
.wl-contact .list li{float: left;width: 33.3%;padding: 30px 0;}
.wl-contact .list li.on{float: right;}
.wl-contact .list li .img{width: 50px;height: 50px;float: left;margin-right: 10px;}
.wl-contact .list li .cont{float: left;}
.wl-contact .list li .cont p{color: #333;}
.wl-contact .list li .cont p.on{color: #666;}
.wl-contact .list li:hover{background: #f8f8f8;transition: all 150ms linear 0s;}
.wl-contact .list li:hover .cont p.on{color: #222;transition: all 150ms linear 0s;}
.wl-contact .map{padding-top: 10px;padding-bottom: 50px;}

/*招贤纳士*/
.wl-careers .list{padding-bottom: 30px;}
.wl-careers .list li{float: left;width: 100%;background: #fff;margin-bottom: 20px;}
.wl-careers .list li .box{float: left;width: 100%;padding: 20px;}
.wl-careers .list li .img{width: 300px;height: 200px;float: left;}
.wl-careers .list li .img span{width: 300px;height: 200px;display: table-cell;text-align: center;vertical-align: middle;}
.wl-careers .list li .img img{max-width: 300px;max-height: 200px;}
.wl-careers .list li .cont{float: right;width: 820px;}
.wl-careers .list li .cont h2{font-size: 22px;height: 24px;height: 24px;overflow: hidden;font-weight: 600;}
.wl-careers .list li .cont p{color: #777;margin-top: 20px;height: 72px;max-height: 72px;overflow: hidden;}
.wl-careers .list li .cont .more{display: inline-block;font-size: 16px;color: #008cd3;border: 1px solid #008cd3;border-radius: 50px;padding: 0 30px;line-height: 46px;margin-top: 30px;position: relative;overflow: hidden;}
.wl-careers .list li .cont .more i{display: block;width: 0;height: 100%;background: #008cd3;opacity: 0.2;position: absolute;left: 0;top: 0;}
.wl-careers .list li:hover .box{box-shadow: 0px 5px 5px 5px #ccc;}
.wl-careers .list li:hover .cont h2{color: #008cd3;transition: all 150ms linear 0s;}
.wl-careers .list li .cont .more:hover{color: #333;}
.wl-careers .list li .cont .more:hover i{width: 100%;transition: all 150ms linear 0s;}

/*企业文化*/
.wl-about{padding-bottom: 60px;}
.culture-t{width: 100%;background: #fff;padding-right: 30px;}
.culture-t .wl-L{width: 620px;height: 410px;}
.culture-t .wl-R{width: 520px;height: 410px;text-align: center;position: relative;}
.culture-t .wl-R:after{display: block;content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 50%;border-bottom: 1px dashed #d5d5d5;}
.culture-t .wl-R .box{width: 100%;height: 50%;padding-top: 10px;}
.culture-t .wl-R .box h2{font-size: 26px;color: #0060b7;line-height: 26px;padding: 35px 0;}
.culture-t .wl-R .box p{font-size: 16px;line-height: 30px;}
.culture-t .wl-R .box:hover{background: #f0f0f0;}
.culture-c{margin-top: 30px;background: #fff;padding-top: 30px;}
/*.culture-c .wl-L{width: 500px;padding-left: 80px;padding-top: 50px;line-height: 40px;}
.culture-c .wl-R{width: 700px;height: 320px;}*/
.culture-c .img{width: 100%;overflow: hidden;text-align: center;}
.culture-c .cont{padding: 30px 50px;}
.culture-b{background: #fff;width: 100%;margin-top: 30px;}
.culture-b li{float: left;width: 384px;margin-left: 24px;position: relative;}
.culture-b li.on{margin-left: 0;}
.culture-b li .img{width: 100%;height: 270px;}
.culture-b li .img img{display: block;width: 100%;height: 100%;}
.culture-b li .cont{width: 100%;height: 270px;background: #000;background: rgba(0,0,0,0.5);filter:Alpah(opacity=50);position: absolute;left: 0;top: 0;opacity: 0;}
.culture-b li .cont .box{display: block;width: 384px;height: 270px;max-height: 270px;display: table-cell;text-align: center;vertical-align: middle;overflow: hidden;}
.culture-b li .cont h2{font-size: 26px;font-weight: 600;color: #fff;}
.culture-b li .cont p{font-size: 16px;line-height: 30px;padding-top: 30px;color: #fff;}
.culture-b li:hover .cont{opacity: 1;transition: all 300ms linear 0s;}

/*公司介绍*/
.wl-about .introduction{background: #fff;min-height: 720px;width: 100%;padding-left: 30px;}
.wl-about .introduction .wl-L{width: 560px;font-size: 14px;line-height: 30px;color: #888;padding: 30px 0;}
.wl-about .introduction .wl-R{width: 580px;}

/*发展历程*/
.wl-course{width: 100%;background: #fff;padding: 40px 45px 80px;}
.wl-course ul{width: 100%;height: auto;position: relative;}
.wl-course ul .rings{width: 16px;height: 16px;border: 1px solid #d9d9d9;border-radius: 100%;background: #fff;position: absolute;left: 50%;top: 0;z-index: 11;margin-left: -7px;}
.wl-course ul li{float: left;width: 100%;position: relative;padding: 0 20px;}
.wl-course ul li:after{display: block;content: '';width: 1px;height: 100%;background: #d9d9d9;position: absolute;left: 50%;top: 0;}
.wl-course ul li .box{float: left;width: 100%;padding: 40px 0;}
.wl-course ul li .img{width: 120px;height: 120px;float: left;}
.wl-course ul li .img img{width: 120px;height: 120px;}
.wl-course ul li .cont{width: 340px;float: left;margin: 0 40px;text-align: right;}
.wl-course ul li .cont h2{font-size: 26px;line-height: 48px;font-weight: 600;}
.wl-course ul li .cont p{font-size: 16px;color: #777;}
.wl-course ul li .ring{width: 16px;height: 16px;border: 1px solid #d9d9d9;border-radius: 100%;background: #fff;position: absolute;left: 50%;top: 50%;margin-top: -8px;margin-left: -7px;z-index: 10;padding: 3px;}
.wl-course ul li .ring i{display: block;width: 100%;height: 100%;background: #388fdf;border-radius: 100%;}
.wl-course ul li.on .img{float: right;}
.wl-course ul li.on .cont{float: right;text-align: left;}
.wl-course ul li:hover{background: #f0f0f0;}
.wl-course ul li:hover h2{color: #388fdf;}

.wl-indexs{width: 100%;height: 100%;overflow: hidden;position: relative;}
.wl-indexs img{height: 100%;width: 100%;}
.wl-indexs .list{width: 100%;position: absolute;left: 0;bottom: 33.3%;text-align: center;}
.wl-indexs .list dd{display: inline-block;margin: 0 5px;width: 200px;font-size: 18px;line-height: 58px;background: #8fbfff;border-radius: 4px;}
.wl-indexs .list dd a{color: #fff;display: block;}
.wl-indexs .list dd.on{background: #f5995b;}
.wl-indexs .list dd:hover{letter-spacing: 1px;background: #7cb1f8;}
.wl-indexs .list dd.on:hover{background: #f68f4a;}
.wl-count{width: 100%;position: absolute;left: 0;bottom: 40px;text-align: right;padding-right: 70px;}
.wl-count ul{float: right;}
.wl-count li{float: left;width: 30px;height: 30px;border-top: 1px solid #fff;border-right: 1px solid #fff;border-bottom: 1px solid #fff;font-size: 22px;line-height: 30px;text-align: center;color: #a6d4fe;}
.wl-count li.on{border-left: 1px solid #fff;}

@media only screen and  (max-width: 1440px) {
	.wl-header .nav-son{width: 1440px;}
}
@media only screen and  (max-width: 1280px) {
	.wl-header .nav-son{width: 1280px;}
}

@media screen and (max-width:760px){
	body{
		min-width:auto;
	}
	.wl-1200{
		width:100%;
	}
	.wl-header .top .list{
		display:none;
	}
	.wl-header .top .selet{
		float:none;
		position:absolute;
		right:0px;
	}
	.wl-header .wl-nav ul{
		padding-left:0px;
	}
	.wl-header .wl-nav li{
		width:25%;
		text-align:center;
	}
	.wl-header .wl-nav li .nava{
		padding:0px;
		line-height:40px;
	}
	.wl-header .nav-son{
		width:100%;
	}
	.wl-header .wl-nav li:hover .nav-son{display:none;}
	.flex-control-nav{
		bottom:5px;
	}
	.wl-index .wl-module1 .wl-1200
	{
		padding-top:20px;
		padding-bottom:20px;
	}
	.wl-index .wl-module1 .wl-L
	{
		width:100%;
	}

	.wl-index .wl-module1 .slideBox1{
		height:auto;
	}
	.wl-index .wl-module1 .slideBox1 .bd li{
		width:100%;
		height:auto;
	}
	.wl-index .wl-module2 .wl-1200{
		padding:20px 0;
	}
	.wl-index .wl-module1 .wl-R{
		width:100%;
	}
	.wl-index .wl-module2 .wl-L
	{
		width:100%;
	}
	.wl-index .wl-module2 .wl-R{
		width:100%;
	}
	.wl-index .wl-module2 .wl-L .list .cont{
		width: calc(100% - 240px);
	}
	.wl-index .wl-module2 .wl-R .list{
		padding:0 20px;
	}
	.footer-t .list li{
		width:100%;
		margin-left:0px;
	}
	.footer-t .list li.on2{
		margin-left:0px;
	}
	.footer-t .list li .cont strong{
		font-size:10px;
	}
	
	.article-nav li{
		width:33.333%;
		float: left;
		background: #f8f8f8;
	}
	.article-nav li a{
		padding:0px;
	}
	.wl-content-L{
		width:100%;
	}
	.article-list .list li .cont{
		width: calc(100% - 240px);
	}
	.article-list .list li .cont .time span
	{
		padding-left:0px;
		float:right;
	}
	.wl-content-R{
		width:100%;
	}
	.wl-content-R .recommend .list li{
		width:50%;
		float:left;
	}
	
	.brand-list .list{
		padding:0 20px;
	}
	.brand-list .list li{
		margin-left:0px;
		width:45%;
	}
	.brand-list .list li:nth-child(2n){
		float:right;
	}
	.brand-list .list li .img{
		width:100%;
		height:auto;
	}
	.brand-list .list li .img span{
		width:100%;
		height:auto;
	}
	.brand-list .list li img{
		width:100%;
		height:auto;
	}
	
	.product-list .list li{
		width:48%;
		margin-left:0px;
	}
	.product-list .list li:nth-child(2n){
		float:right;
	}
	.product-list .list li .img{
		width:100%;
		height:auto;
	}
	.product-list .list li .img a{
		width:100%;
		height:auto;
	}
	.product-list .list li img{
		width:100%;
		height:auto;
	}
	
	.service-list .list{
		padding:0 20px;
	}
	.service-list .list li .cont
	{
		width:100%;
	}
	.service-list .list li .img{
		text-align:left;
		width:100%;
		height:auto;
	}
	.service-list .list li .img img{
		width:80px;
		height:90px;
	}
	.service-list .list li .cont h2{
		margin-top:20px;
	}
	
	.culture-t .wl-L{
		width:100%;
		height:auto;
	}
	.culture-t .wl-L img{
		width:100%;
		height:auto;
	}
	.culture-t{
		padding-right:0px;
	}
	.culture-t .wl-R{
		width:100%;
	}
	.culture-b li{
		margin:auto;
		margin-left:0px;
		width:100%;
		padding:20px;
		text-align:center;
	}
	.wl-about .introduction{
		padding:0 20px;
	}
	.wl-about .introduction .wl-L{
		width:100%;
	}
	.wl-about .introduction .wl-R{
		width:100%;
	}
	.wl-about .wl-course{
		padding: 20px 0px 20px;
	}
	.wl-course ul li .cont{
		width:90%;
	}
	.wl-careers .list li .img{
		width:100%;
		height:auto;
	}
	.wl-careers .list li .img span{
		width:100%;
		height:auto;
		text-align:center;	
		display:inline-block;		
	}
	.wl-careers .list li .img img{
		width:100%;
		height:auto;
		max-width: 300px;
		max-height: 200px;
	}
	.wl-careers .list li .cont{
		width:100%;
		margin-top:20px;
	}
	.wl-contact{
		padding:0 20px;
	}
	.wl-contact .list li{
		width:50%;
	}
	.article-show{
		padding:0 20px;
	}
	.article-etitle{
		padding:0px;
	}
	.articlel-conts{
		text-indent:0px;
	}
	
	.product-top .wl-L{
		width:100%;
		height:auto;
	}
	.product-top .wl-R{
		width:100%;
	}
	.articlel-recommend .list li a{
		width:100%;
	}
	.articlel-recommend .list li a{
		height:70px;
		width: calc(100% - 86px);
		overflow:hidden;
	}

	.wl-qq{
		display:none;
	}
}

@media screen and (max-width:480px){	
	.wl-index .wl-module2 .wl-L .list .img{
		width:100%;
		height:auto;
	}
	.wl-index .wl-module2 .wl-L .list .img a{
		width:100%;
		height:auto;
	}
	.wl-index .wl-module2 .wl-L .list .img img{
		width:100%;
		height:auto;
		max-width:100%;
		max-height:auto;
	}
	.wl-index .wl-module2 .wl-L .list .cont{
		width:100%;
	}
	.wl-index .wl-module2 .wl-L .bottom{
		height:auto;
	}
}
@media screen and (max-width:440px){
	.product-top .wl-R .box .boxs
	{
		width:120px;
		border-radius: 30px;
	}
	
}
@media screen and (max-width:430px){	
	.wl-index .wl-module2 .wl-R .list span{
		display:none;
	}
	.wl-index .wl-module2 .wl-R .list p{
		width:100%;
	}
	.article-list .list li .img{
		width:100%;
		height:auto;
	}
	.article-list .list li .img a{
		width:100%;
		height:auto;
	}
	.article-list .list li .img img{
		width:100%;
		height:auto;
		max-width: 100%;
		max-height: auto;
	}
	.article-list .list li .cont{
		width:100%;
	}
}