@charset "utf-8";
/* CSS Document*/
body{text-align: left;padding: 0;margin: 0;font-size: 14px;font-family: 'microsoft yahei';-webkit-text-size-adjust: none;height: auto;color: #333;background: #fff;}
body{overflow-x: hidden;overflow-y: auto;}
html{min-width: 1280px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0;}
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{padding: 0;margin: 0;}
fieldset{border-top-width: 0;border-left-width: 0;border-bottom-width: 0;border-right-width: 0;}
a img{border: 0;padding: 0;margin: 0;}
i{font-style: normal;}
address,caption,cite,cite,code,dfn,em,th,var{font-weight: normal;font-style: normal;}
li{list-style-type: none;}
caption{text-align: left;}
th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
q:unknown{content: '';}
input,textarea,select{font-family: inherit;font-size: 100%;}
a:link{color: #333;text-decoration: none;}
a:visited{color: #333;text-decoration: none;}
a:hover{color: var(--colour1);text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;font-size: 0;margin: 0;padding: 0;display: block;_height: 0;overflow: hidden;}
/*清除浮动*/
.clearfix{zoom: 1;}
.clearfix:before,.clearfix:after{visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0;}
/*高光特效*/
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
/*网站公用样式表*/
.w1200{width: 1200px;margin: 0 auto;}
/*头部*/
.head_main{top: 0;width: 100%;z-index: 999;box-shadow: 0 3px 10px rgb(0 0 0 / 20%);background: linear-gradient(90deg, var(--colour5), var(--colour6), var(--colour7));}
.head_main>div{position: relative;}
.head_main .logo{float: left;padding-top: 25px;}
.head_main .logo img{display:block;}
.head_main .nav > li{float: left;position: relative;display: inline;height: 130px;}
.head_main .nav > li h3{float:left;font-weight: normal;}
.head_main .nav > li h3 a{display:block;width: 120px;text-align: center;font-size:16px;z-index: 2;position: relative;color:#313131;height: 130px;border-right: 1px solid rgba(255,255,255,.2);}
.head_main .nav > li h3 a:after{content:" ";position: absolute;top: 100%;right: -1px;width:1px;height: 0;background: var(--colour4);transition: all .5s;}
.head_main .nav > li h3 p{color: #fff;font-size: 16px;line-height: 25px;margin-top: 45px;}
.head_main .nav > li h3 p:after{content:" ";background: var(--colour4);width: 0;height: 3px;display: inherit;margin: 0 auto;position: relative;top: 25px;transition: all .5s;}
.head_main .nav > li h3 i{display:block;color:#bfbfbf;position: relative;font-size: 28px;top: 38px;}
.head_main .nav > li h3 i img{width: 32px;height: 32px;display: inline-block;}
.head_main .nav > li.on h3 a:after,.head_main .nav > li:hover h3 a:after{height: 100%;top: 0;}
.head_main .nav > li.on h3 p:after,.head_main .nav > li:hover h3 p:after{width: 100px;}
.head_main .nav > li .sub{display:none;position: absolute;left:0;top: 100%;width: 100%;background: rgba(255,255,255,.8);line-height: 35px;box-shadow: 0 3px 10px rgb(0 0 0 / 10%);}
.head_main .nav > li .sub li{ zoom:1; }
.head_main .nav > li .sub a{display:block;color: #666;font-size: 14px;text-align: center;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.head_main .nav > li .sub a:hover{color: #fff;background: var(--colour6);}
.head_main .lang{position: absolute;top: 0;right: 1px;border: 1px solid rgba(255,255,255,.2);border-top: 0;border-right: 0;padding: 5px 0;z-index: 99;}
.head_main .lang > a{display: inline-block;color: #fff;font-size: 14px;line-height: 10px;text-align: center;padding: 0 8px;}
.head_main .lang > a.active{border-right: 1px solid rgba(255,255,255,.56);}
/*网站大图*/
.banner{width:100%;max-width: 1920px;position:relative;overflow:hidden;z-index:0;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner .swiper-slide img{width: 100%;display:block;}
#banner .tip{width: 1000px;height: 10px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 40px;z-index: 3;}
#banner .tip span{width: 70px;height: 10px;margin: 0 10px;display: inline-block;cursor: pointer;background: var(--colour3);opacity: 1;border-radius: 10px;transition: all .5s;outline: none;}
#banner .tip span.swiper-pagination-bullet-active{background: var(--colour1);}
#banner #btn_prev,#banner #btn_next{width: 65px;height: 100px;position: absolute;top: 50%;margin-top: -50px;background: url(../images/slider-arrow.png) no-repeat;z-index: 5;opacity: 0;}
#banner #btn_prev{background-position: -130px center;left: 4%;}
#banner #btn_next{background-position: 0 center;right: 4%;}
#banner:hover #btn_prev,#banner:hover #btn_next{opacity: .8;}
/*******index css*******/
/*首页标题*/
.index .in_title{position: relative;height: 80px;text-align: center;margin-top: 23px;z-index: 1;}
.index .in_title div{position: relative;display: inline-block;padding: 0 132px;}
.index .in_title div:before,.index .in_title div:after{content:" ";position: absolute;top: 26px;left: 0;width: 132px;height: 1px;background: #c6c6c6;}
.index .in_title div:after{left: auto;right: 0;}
.index .in_title span{position: relative;display: inline-block;padding: 0 20px;}
.index .in_title span:before,.index .in_title span:after{content:" ";position: absolute;top: 12px;left: 0;width:1px;height: 28px;background: #c6c6c6;}
.index .in_title span:after{left: auto;right: 0;}
.index .in_title span h3{color: var(--colour1);font-size: 34px;line-height: 22px;font-weight: bold;}
.index .in_title span p{color: #a4a4a4;font-size: 14px;line-height: 50px;}
.index .in_title.whit div:before,.index .in_title.whit div:after,
.index .in_title.whit span:before,.index .in_title.whit span:after{background: #fff;}
.index .in_title.whit span h3,.index .in_title.whit span p{color: #fff;}
/*关于我们*/


/*核心技术*/
.indjs{position: relative;padding: 80px 0;background: url(../images/js_bg.jpg) no-repeat center/contain;overflow: hidden;}
.indjs *{line-height: 1.5;box-sizing: border-box;}
.indjs .in_title{margin: 0;}
.indjs-mix{width: 100%;display: flex;flex-wrap: wrap;align-items: center;flex-direction: row-reverse;margin-top: 54px;}
.indjs-menu{width: 500px;height: 500px;background: #f3f6fc;border-radius: 50%;position: relative;border: 1px solid #d6e0f2;box-shadow: 0 29px 35px 0 rgba(42, 105, 221, .05);display: flex;align-items: center;justify-content: center;}
.indjs-menu-qq{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 364px;height: 364px;border-radius: 50%;background: url(../images/js.png) no-repeat;box-shadow: 0 29px 35px 0 rgba(42, 105, 221, .05);position: relative;}
.indjs-menu-qq img{max-width:104px}
.indjs-menu-link{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;user-select: none;}
.indjs-menu-link a{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 110px;height: 110px;color: #fff;font-size: 17px;font-weight: 700;line-height: 24px;text-align: center;border-radius: 50%;overflow: hidden;position: absolute;background: #fff;}
.indjs-menu-link a p{position: relative;z-index: 3;transition: all .4s ease;line-height: inherit;transform: translate3d(0,0,0);}
.indjs-menu-link a p br{height: auto;}
.indjs-menu-link a::before, .indjs-menu-link a::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius: 50%;transition: all .6s ease;}
.indjs-menu-link a::before{background: linear-gradient(to right,#00a3ed,#237ae6);}
.indjs-menu-link a::after{background: linear-gradient(to right,#f08519,#e62229);opacity: 0;}
.indjs-menu-link a.suanfa{top: 4.5%;left: 39%;}
.indjs-menu-link a.fangan{top: 29%;left: 5%;}
.indjs-menu-link a.xinpian{top: 29%;right: 7.5%;}
.indjs-menu-link a.mozu{bottom: 11.5%;left: 19.5%;}
.indjs-menu-link a.xiangji{bottom: 11%;right: 19.5%;}
.indjs-menu-link a.active::before{opacity: 0;}
.indjs-menu-link a.active::after{opacity: 1;}
.indjs-menu-link a.suanfa, .indjs-menu-link a.mozu{animation: indjsRun 12s linear infinite;}
.indjs-menu-link a.fangan, .indjs-menu-link a.xinpian, .indjs-menu-link a.xiangji{animation: indjsRun2 12s linear infinite;}
@keyframes indjsRun {0%{transform: translate(0,0);}12.5%{transform: translate(-8px,-4px);}25%{transform: translate(-8px,-8px);}37.5%{transform: translate(-4px,-8px);}50%{transform: translate(0,0);}62.5%{transform: translate(-8px,-4px);}75%{transform: translate(-8px,8px);}87.5%{transform: translate(-4px,8px);}100%{transform: translate(0,0);}}
@keyframes indjsRun2 {0%{transform: translate(0,0);}12.5%{transform: translate(8px,4px);}25%{transform: translate(8px,8px);}37.5%{transform: translate(4px,8px);}50%{transform: translate(0,0);}62.5%{transform: translate(8px,4px);}75%{transform: translate(8px,-8px);}87.5%{transform: translate(4px,-8px);}100%{transform: translate(0,0);}}
.indjs-loop{width: calc(100% - 500px);padding-right: 60px;}
.indjs-loop-cont{width: 100%;padding: 24px;}
.indjs-loop-cont .title{width: 100%;color: #333;font-size: 24px;font-weight: 700;}
.indjs-loop-cont .list{width: 100%;margin-top: 28px;}
.indjs-loop-cont .items{width: 100%;margin-top: 20px;}
.indjs-loop-cont .items:first-child{margin-top: 0;}
.indjs-loop-cont .items .name{padding-left: 32px;position: relative;color: #333;font-size: 20px;font-weight: 700;}
.indjs-loop-cont .items .name::before, .indjs-loop-cont .items .name::after{content: "";position: absolute;top: 50%;border-radius: 50%;box-sizing: border-box;}
.indjs-loop-cont .items .name::before{width: 16px;height: 16px;border: 1px solid #237ae6;left: 0;margin-top: -8px;}
.indjs-loop-cont .items .name::after{width: 8px;height: 8px;background: #237ae6;left: 4px;margin-top: -4px;}
.indjs-loop-cont .items .text{padding-left: 32px;color: #777;font-size: 17px;font-weight: 300;margin-top: 8px;}
.indjs-loop-cont .btn{width: 100%;display: flex;flex-wrap: wrap;margin-top: 24px;}
.indjs-loop-cont .btn a{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;height: 40px;font-size: 14px;font-weight: 700;border-radius: 20px;padding: 0 24px;transition: all .4s ease;margin-right: 20px;line-height: 1;}
.indjs-loop-cont .btn a:last-child{margin-right: 0;}
.indjs-loop-cont .btn a.link{border: 1px solid #237ae6;color: #237ae6;}
.indjs-loop-cont .btn a.link:hover{border-color: #237ae6;background: #237ae6;color: #fff;box-shadow: 0 4px 16px 0 rgba(35, 122, 230, .6);}
.indjs-loop-cont .btn a.get{background: #237ae6;color: #fff;}
.indjs-loop-cont .btn a.get:hover{box-shadow: 0 4px 12px 0 rgba(35, 122, 230, .4);}
/*资质展示*/
.index .honor{position: relative;height: 800px;background: url(../images/honor_bg.jpg) no-repeat center top;background-attachment: fixed;background-size: cover;}
.index .honor:after{content:" ";position: absolute;top: 0;width: 100%;height: 100%;background: var(--colour6);}
.index .honor .w1200{position: relative;}
.index .honor .swiper-container{padding-top: 30px;padding-bottom: 50px;}
.index .honor .swiper-slide{width: 318px;box-shadow: 0 10px 20px rgba(0,0,0,.5);}
.index .honor .swiper-slide .img{height: 403px;padding: 23px 18px 20px 16px;background: #fff url(../images/ry_bg.png) no-repeat center top;}
.index .honor .swiper-slide .img img{display:block;width: 100%;height: 100%;}
.index .honor .button{position: relative;text-align: center;width: 260px;height: 48px;margin: 0 auto;background: url(../images/more-bg.png) no-repeat center;z-index: 1;}
.index .honor .button i{position: absolute;top: 50%;margin-top: -20px;left: 50%;margin-left: -20px;width: 40px;height: 40px;background-position: -52px 0;}
.index .honor .button .prev,.index .honor .button .next{position: absolute;top: 0;display: block;width:48px;height: 48px;background: #fff;cursor: pointer;}
.index .honor .button .prev{left: 0;}
.index .honor .button .next{right: 0;} 
.index .honor .button .prev:after,.index .honor .button .prev:before,
.index .honor .button .next:after,.index .honor .button .next:before{content:" ";display: block;position: absolute;left: 19px;top: 19px;width: 10px;height: 1px;background: var(--colour1);transition: all .5s;}
.index .honor .button .prev:after,.index .honor .button .next:after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.index .honor .button .prev:before,.index .honor .button .next:before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.index .honor .button .prev:after,.index .honor .button .next:before{top: 27px;}
.index .honor .button .prev:before,.index .honor .button .next:after{top: 20px;}
/*项目案例*/
.index .icase{padding-bottom: 50px;}
.index .icase .icase_fl{width:250px;height: 561px;background: var(--colour2);}
.index .icase .icase_fl .title{background: var(--colour1);height: 127px;}
.index .icase .icase_fl .title h3{color:#fff;font-size: 34px;line-height: 40px;font-weight: bold;text-align: center;padding-top: 30px;}
.index .icase .icase_fl .title p{color:#fff;font-size: 14px;line-height: 22px;text-align: center;margin-top: 5px;}
.index .icase .icase_fl li a{display: block;color: #fff;font-size: 18px;line-height: 61px;padding-left: 40px;border-top: 1px solid #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index .icase .icase_fl li:hover a{text-indent: 10px;background: var(--colour1);}
.index .icase .icase_fr{width: 925px;}
.index .icase .icase_fr li{float:left;width: 295px;position: relative;margin-right: 20px;margin-bottom: 19px;overflow: hidden;}
.index .icase .icase_fr li:nth-child(3n){margin-right:0;}
.index .icase .icase_fr li .img{position: relative;width: 295px;height: 221px;overflow: hidden;}
.index .icase .icase_fr li .img img{width:100%;height: 100%;display: block;transition: all .5s;}
.index .icase .icase_fr li .img .mask{position: absolute;top: 0;left:0;right: 0;background: var(--colour6);width: 100%;height: 100%;opacity: 0;transition: all .5s;}
.index .icase .icase_fr li .img .mask i{display: block;width: 52px;height: 52px;background-color: #fff;background-position: 0 0;border-radius: 50%;margin: 0 auto;margin-top: 50px;position: relative;top: -90px;transition: all .5s;}
.index .icase .icase_fr li .img .mask span{display: block;width:85px;border-radius: 30px;color: var(--colour1);background: #fff;line-height: 27px;text-align: center;margin: 0 auto;margin-top: 20px;position: relative;top: 90px;transition: all .5s;}
.index .icase .icase_fr li h3{position: relative;color: #424242;font-size:16px;line-height: 50px;text-align: center;padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index .icase .icase_fr li h3:after{content:" ";position: absolute;bottom: 0;left: 50%;margin-left: -50px;width: 100px;height: 2px;background: var(--colour4);transition: all .5s;}
.index .icase .icase_fr li:hover .img img{transform: scale(1.1);}
.index .icase .icase_fr li:hover .img .mask{opacity: 1;}
.index .icase .icase_fr li:hover .img .mask i{top: 0;}
.index .icase .icase_fr li:hover .img .mask span{top: 0;}
/*环境服务*/
.index .service{position: relative;height: 435px;background: url(../images/service_bg.jpg) no-repeat center top;background-attachment: fixed;background-size: cover;}
.index .service:after{content:" ";position: absolute;top: 0;width: 100%;height: 100%;background: var(--colour6);}
.index .service ul{position: relative;padding-top: 40px;z-index: 1;}
.index .service ul li{float: left;margin-right: 10px;}
.index .service ul li:last-child{margin-right: 0;}
.index .service ul li a{display: block;width: 230px;text-align: center;border: 1px solid rgba(254,254,254,.4);padding-bottom: 40px;}
.index .service ul li .img{width: 126px;height: 126px;display: inline-block;padding-top: 30px;}
.index .service ul li .img img{width: 100%;height: 100%;display: block;-webkit-filter: grayscale(100%) brightness(300%);-moz-filter: grayscale(100%) brightness(300%);-ms-filter: grayscale(100%) brightness(300%);-o-filter: grayscale(100%) brightness(300%);filter: grayscale(100%) brightness(300%);transition: all .5s;}
.index .service ul li h3{color: #fff;font-size: 20px;line-height: 23px;font-weight: bold;padding: 0 10px;padding-bottom: 30px;transition: all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index .service ul li span{position: relative;color: #fff;font-size: 14px;padding: 0 10px;display: inline-block;transition: all .5s;}
.index .service ul li span:before,.index .service ul li span:after{content:" ";position: absolute;top: 50%;left: 0;width: 5px;height: 1px;background: #fff;transition: all .5s;}
.index .service ul li span:after{left: auto;right: 0;}
.index .service ul li a:hover{background: #fff;border-color: #fff;}
.index .service ul li a:hover .img img{-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;}
.index .service ul li a:hover h3,.index .service ul li a:hover span{color: var(--colour1);}
.index .service ul li a:hover span:before,.index .service ul li a:hover span:after{background: var(--colour1);}
/*.index .service ul li:hover img{transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);transition: all .5s;}*/
/*新闻资讯*/
.index .inews{padding-bottom: 50px;}
.index .inews .box{position:relative;}
.index .inews .hd{border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; margin-top: 20px; }
.index .inews .hd ul{display:table; margin: 0 auto; height: 50px;  }
.index .inews .hd li{float:left;position: relative;cursor: pointer;}
.index .inews .hd li p{color:#313131;font-size:18px;font-weight: bold;float:left;line-height: 50px;width: 115px;padding-right: 10px;text-align: center;transition: all .5s;}
.index .inews .hd li p:after{content:" ";display: block;position: absolute;right: 0;top: 19px;width: 1px;height: 14px;background: #d5d5d5;-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-o-transform: rotate(30deg);transform: rotate(30deg);transition: all .5s;}
.index .inews .hd li p:before{content: " ";position: absolute;left: 0;bottom: 0;width: 115px;height: 4px;background: var(--colour1);opacity: 0;transition: all .5s;}
.index .inews .hd li:last-child p{padding-right: 0;}
.index .inews .hd li:last-child p:after{display: none;}
.index .inews .hd li.on p{color: var(--colour1);}
.index .inews .hd li.on p:before{opacity: 1;}
.index .inews .bd{position:relative;margin-top: 55px;z-index: 9;}
.index .inews .bd .newsBox{}
.index .inews .bd .newsBox .hot_slide li .img{width: 275px;height: 206px;overflow: hidden;}
.index .inews .bd .newsBox .hot_slide li .img img{width:100%;height: 100%;display: block;transition: all .5s;}
.index .inews .bd .newsBox .hot_slide li .img:hover img{transform: scale(1.1);}
.index .inews .bd .newsBox .hot_slide li .txt{position: relative;width: 910px;border-bottom: 1px dashed #d5d5d5;padding-bottom: 20px;}
.index .inews .bd .newsBox .hot_slide li .txt h3{color: #424242;font-size: 18px;line-height: 24px;padding-right: 90px;padding-top: 15px;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .inews .bd .newsBox .hot_slide li .txt span{position: absolute;top: 0;right: 0;width: 85px;color: #838383;font-size: 16px;line-height: 24px;display: block;padding-top: 15px;text-align: right;}
.index .inews .bd .newsBox .hot_slide li .txt p{color: #838383;font-size:14px;line-height: 32px;padding-top: 20px;text-align: justify;height: 126px;overflow: hidden;}
.index .inews .bd .newsBox .hot_slide li:hover .img img{transform: scale(1.1);}
.index .inews .bd .newsBox .hot_slide li:hover .txt h3{color: var(--colour1);}
.index .inews .bd .newsBox .title{width: 275px;height: 210px;background: var(--colour1);position: absolute;left: 0;bottom: 0;}
.index .inews .bd .newsBox .title h3{font-size: 28px;font-weight: bold;color:#fff;padding-top: 30px;padding-left: 30px;}
.index .inews .bd .newsBox .title h2{color: #fff;font-size:21px;font-weight: bold;padding-top: 20px;padding-left: 30px;}
.index .inews .bd .newsBox .title p{color: #fff;font-size:15px;font-weight: bold;padding-left: 30px;padding-top: 10px;}
.index .inews .bd .newsBox .hot_nav{position: absolute;right: 30px;bottom: 30px;z-index: 3;}
.index .inews .bd .newsBox .hot_nav li{float:left;width:10px;height: 10px;border: 3px solid #fff;border-radius: 50%;margin-left: 10px;cursor: pointer;transition: all .5s;}
.index .inews .bd .newsBox .hot_nav .on{background: #fff;}
.index .inews .bd .newsBox .list{width: 100%;padding-left: 290px;}
.index .inews .bd .newsBox .list li{float:left;width: 276px;padding: 10px;margin-top: 10px;margin-right: 10px;transition: all .5s;}
.index .inews .bd .newsBox .list li:nth-child(3n){ margin-right:0;}
.index .inews .bd .newsBox .list li h3{color: #424242;font-size: 18px;transition: all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .inews .bd .newsBox .list li p{color: #838383;font-size:14px;line-height: 22px;text-align: justify;margin-top: 7px;height: 44px;overflow: hidden;transition: all .5s;}
.index .inews .bd .newsBox .list li:hover{background: var(--colour1);}
.index .inews .bd .newsBox .list li:hover h3{ color:#fff;}
.index .inews .bd .newsBox .list li:hover p{ color:#fff;}
/*友情链接*/
.links_main{border-top: 1px solid #e5e5e5;line-height: 90px;height: 90px;overflow: hidden;}
.links_main span{color: var(--colour1);font-size: 36px;font-weight: bold;margin-right: 20px;display: block;float: left;}
.links_main a{display: inline-block;color: #666;font-size: 13px;line-height: 20px;padding: 5px 11px;margin: 29px 0;margin-right: 10px;border: 1px solid #eaeaea;border-radius: 3px;float: left;}
.links_main a:hover{color: var(--colour1);border-color: var(--colour1);}
/*底部*/
.footer{background: #282828;border-top: 4px solid var(--colour1);;}
.footer .fnav{padding-top: 90px;}
.footer .fnav ul{float:left;width: 140px;padding-right: 20px;}
.footer .fnav ul:last-child{padding-right: 0;}
.footer .fnav ul h3{color: #d8d8d8;font-size: 20px;line-height: 22px;padding-bottom: 13px;}
.footer .fnav ul h3:after{content:"";width: 63px;height: 2px;background: #636363;display: inherit;margin-top: 20px;}
.footer .fnav li a{display: block;color: #d8d8d8;font-size: 15px;line-height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.footer .fnav li a:hover{color: #fff;transform: translateX(5px);}
.footer .fewm{width: 505px;height: 330px;padding-top: 90px;padding-left: 75px;background: url(../images/foot_bg.jpg) no-repeat;background-size: cover;}
.footer .fewm h3{color: #b5b5b5;font-size: 20px;line-height: 22px;padding-bottom: 20px;float:left;}
.footer .fewm h3:after{content:"";width: 63px;height: 2px;background: #636363;display: inherit;margin-top: 20px;}
.footer .fewm hr{width: 2px;height: 20px;background: #b5b5b5;float:left;margin: 0 18px;margin-top: 3px;border: none;}
.footer .fewm p{float:left;color: #b5b5b5;font-size: 14px;line-height: 24px;}
.footer .fewm li{ float:left; }
.footer .fewm li:last-child{margin-left: 30px;}
.footer .fewm li img{display: block;width: 170px;padding: 14px;border: 1px solid rgba(249,249,249,.3);}
.footer .fewm li span{display: block;color: #fff;font-size: 14px;text-align: center;padding-top: 8px;}
.footer .fewm li span .icon{width: 18px;height: 16px;padding-right: 3px;background-position: -95px -11px;}
.footer .fewm li:last-child span .icon{background-position: -113px -11px;}
.footer .copyright{height: 70px;line-height: 70px;background: #404040;}
.footer .copyright p{color: #fff;font-size: 14px;text-align: center;}
.footer .copyright p a{color: #fff;}
.footer .copyright p a:hover{color: var(--colour1);}
/*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: var(--colour1);margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.zs i{background-position-y: 0;}
.toolbar dd.qq i{background-position-y: -30px;}
.toolbar dd.tel i{background-position-y: -63px;}
.toolbar dd.code i{background-position-y: -92px;}
.toolbar dd.top i{background-position-y: -119px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: var(--colour1);opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent var(--colour1);;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: var(--colour1);opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent var(--colour1);;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}
/*******内页样式********/
/*内页大图*/
.nybanner{position: relative;height: 400px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-image: url(../images/nybanner.jpg);}
.nybanner .w1200{height: 100%;padding-left:120px;position:relative;box-sizing: border-box;}
.nybanner .title{color:#fff;font-size:46px;line-height: 60px;font-weight:600;padding-top: 208px;text-shadow: 0 2px 3px rgb(0 0 0 / 50%);}
.nybanner .title span{position: relative;font-size:24px;margin-left:20px;border-left: 1px solid #fff;padding-left:20px;font-weight:300;text-transform: uppercase;}
.nybanner .title p{color:#fff;font-size:18px;line-height: 27px;margin-top: 5px;font-weight:300;}
.nybanner .position{position:absolute;bottom:-1px;left:0;right:0;height: 30px;padding:15px 20px;background: rgba(255,255,255,.8);border-radius:4px 4px 0 0;box-shadow:0px 0px 30px rgba(0,0,0,0.1);}
.nybanner .position s{position: relative;top: -2px;width: 15px;height: 13px;margin-right: 10px;background-position: bottom left;}
.nybanner .position a{font-size: 13px;line-height: 30px;}
.nybanner .position i:after{padding: 0 5px;content:">>";color:#999;font-size: 12px;font-family:宋体;display: inline-block;}
.nybanner .position .search{position: absolute;top: 0;right: 0;width: 300px;margin: 12px;}
.nybanner .position .search .input{width: 240px;height: 35px;border-radius: 5px 0 0 5px;line-height: 35px;border: none;border-right: none;font-size: 12px;color: #999;background: #fff;padding-left: 10px;outline: none;}
.nybanner .position .search .btn{width: 50px;height: 35px;border-radius: 0 5px 5px 0;border: none;background: var(--colour1) url(../images/sou.png) center no-repeat;cursor: pointer;outline: none;}
.submian{padding: 30px 0;}
.sobtitle{font-size: 24px;padding: 20px 30px;border-bottom: 1px solid #eaeaea;position: relative;}
.sobtitle:after{position:absolute;display:block;content:"";border-bottom: 3px solid var(--colour1);bottom:0;left:30px;width:45px;}
.sobtitle a{font-size: 14px;color: #666;}
.sobtitle a:hover{color: var(--colour1);}
/*内页左侧*/
.subleft{width: 250px;}
.subleft .title{color: #fff;font-size: 24px;font-weight: 400;padding: 20px;padding-right: 0;border-radius: 20px 0 0 0;background: linear-gradient(90deg, var(--colour3) 0%, var(--colour1) 100%);overflow: hidden;}
.subleft .title span{font-size: 14px;font-weight: 300;text-transform: uppercase;line-height: 30px;}
.subleft .box{box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);border: 1px solid #f3f3f3;background: #fff;border-radius: 20px 0 0 0;margin-bottom: 20px;}
/*栏目分类*/
.subleft .lefta .comt ul{margin: 15px 0;}
.subleft .lefta .comt ul li{position: relative;}
.subleft .lefta .comt ul li a{position: relative;display: block;color: #666;font-size: 14px;line-height: 50px;padding-left: 20px;padding-right: 50px;border-bottom: 1px solid #f3f3f3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.subleft .lefta .comt ul li:last-child a{border: 0;}
.subleft .lefta .comt ul li i{position: absolute;right: 0;top: 0;width: 40px;height: 50px;cursor: pointer;z-index: 1;}
.subleft .lefta .comt ul li i:after{content: " > ";display: block;width: 40px;height: 50px;font-family: 宋体;color: var(--colour1);font-size: 22px;font-weight: bold;line-height: 50px;text-align: center;transition: all .5s;}
.subleft .lefta .comt ul li.hover i:after{color: #fff;transform: rotate(90deg);}
.subleft .lefta .comt ul li a:hover{color: var(--colour1);padding-left: 30px;}
.subleft .lefta .comt ul li.hover a{color: #fff;background: var(--colour1);}
.subleft .lefta .comt ul li .boxlist{display: none;width: 100%;border-bottom: 1px solid #f3f3f3;margin: 0;}
.subleft .lefta .comt ul li .boxlist li a{color: #666;font-size: 13px;line-height: 40px;padding-left: 35px;padding-right: 20px;background: #fff;}
.subleft .lefta .comt ul li .boxlist li a:after{content: " ";position: absolute;top: 50%;margin-top: -5px;left: 20px;width: 8px;height: 8px;border: 1px solid var(--colour1);border-radius: 3px;transition: all .5s;}
.subleft .lefta .comt ul li .boxlist li a:hover, .subleft .lefta .comt ul li .boxlist li a.hover{color: var(--colour1);}
.subleft .lefta .comt ul li .boxlist li a:hover:after, .subleft .lefta .comt ul li .boxlist li a.hover:after{background: var(--colour1);}
.subleft .lefta .comt ul li.hover .boxlist{display: block;}
/*推荐产品*/
.subleft .leftpro ul{margin: 10px 0;}
.subleft .leftpro ul li{float: left;text-align:center;width: 110px;margin-left: 9px;}
.subleft .leftpro ul li .img{width: 100%;height: 83px;}
.subleft .leftpro ul li .img img{width: 100%;height: 100%;display: block;object-fit: cover;}
.subleft .leftpro ul li h3{color: #666;font-size: 12px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
.subleft .leftpro ul li:hover h3{color:var(--colour1);}
/*联系我们*/
.subleft .leftcont .cont{padding: 10px;}
.subleft .leftcont .cont h2{font-size: 16px;font-weight: bold;color: var(--colour1);padding-bottom: 10px;border-bottom: 1px solid #f2f2f2;text-align: center;}
.subleft .leftcont .cont p{color: #666;font-size: 12px;line-height: 26px;padding-top: 10px;display: block;}
/*内页右侧*/
.subright{width: 930px;box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);border: 1px solid #f3f3f3;background: #fff;}
.subright .box{padding: 25px 30px;word-break: break-all;min-height: 640px;}
/*默认单页*/
.Aboutpage{color: #666;font-size: 14px;line-height: 28px;text-align: justify;}
.Aboutpage img{max-width: 100%;}
.Aboutpage .t{padding: 0 0 25px;color: var(--colour1);font-size: 18px;}
.Aboutpage .t2{padding: 25px 0;color: var(--colour1);font-size: 24px;}
/*文章列表*/
.Newslist{}
.Newslist .list{padding-bottom: 20px;}
.Newslist .list li{border-bottom: 1px solid rgba(0,0,0,.06);padding: 30px 0;transition: all .5s;}
.Newslist .list li:first-child{padding-top: 0;}
.Newslist .list li a{display: flex;}
.Newslist .list li .img{position:relative;width: 160px;height: 120px;margin-right: 20px;overflow: hidden;}
.Newslist .list li .img img{width: 100%;height: 100%;display: block;transition: all .5s;}
.Newslist .list li .txt{flex: 1;overflow: hidden;padding-right: 10px;}
.Newslist .list li .txt h3{font-size: 18px;line-height: 27px;font-weight: 300;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
.Newslist .list li .txt .hits{color: #999;font-size: 12px;line-height: 21px;}
.Newslist .list li .txt p{color: #b5b5b5;font-size: 13px;line-height: 24px;text-align: justify;transition: all .5s;height: 72px;overflow: hidden;}
.Newslist .list li .date{width: 80px;padding: 24px 0 24px 25px;font-size:28px;color:#999;font-weight:300;position:relative;text-align: center;}
.Newslist .list li .date:after{display:block;content:"";width:1px;height: 100%;background:#f3f3f3;left:10px;top: 0;position:absolute;}
.Newslist .list li .date span{display: block;}
.Newslist .list li:hover .img img{transform: scale(1.1);}
.Newslist .list li:hover .txt h3{color:var(--colour1);}
.Newslist .list li:hover .txt p{color: #666;}
/*图片列表*/
.Piclist .list{float: left;width: 100%;padding-left: 0px;}
.Piclist .list li{float: left;width: 278px;border: 1px solid #eaeaea;margin-right: 15px;margin-bottom: 15px;transition: all .5s;}
.Piclist .list li:nth-child(3n){margin-right: 0;}
.Piclist .list li .img{position: relative;width: 100%;height: 209px;overflow: hidden;}
.Piclist .list li .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.Piclist .list li h3{color: #555;font-size: 16px;text-align: center;display: block;line-height: 50px;background: #fff;padding: 0 10px;transition: all .5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Piclist .list li:hover{box-shadow: 0 1px 20px rgb(0 0 0 / 10%);}
.Piclist .list li:hover .img img{transform: scale(1.1);}
.Piclist .list li:hover h3{color: #fff;background: var(--colour1);}
.Piclist.img .list li{width: 208px;margin-right: 10px;margin-bottom: 10px;}
.Piclist.img .list li:nth-child(3n){margin-right: 10px;}
.Piclist.img .list li:nth-child(4n){margin-right:0;}
.Piclist.img .list li .img{height: 295px;}
.Piclist.img .list li h3{font-size: 15px;line-height: 40px;}
/*留言表单*/
.formbook{padding-bottom: 20px;}
.formbook .item{float: left;color: #999;font-weight: normal;width: 397px;height: 45px;line-height: 45px;border: 1px solid #e4e4e4;margin-right: 75px;margin-bottom: 25px;border-radius: 5px;position: relative;box-sizing: border-box;transition: all .5s;}
.formbook .item:hover{color:#495057;background:#fff;border-color: var(--colour1);outline:0;box-shadow: 0 0 0 2px var(--colour8);}
.formbook .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 43px;line-height: 43px;font-size: 18px;color: #666;}
.formbook .item input{outline: none;line-height: 38px;height: 38px;font-size: 18px;}
.formbook .item .txt{width: 100%;height: 43px;line-height: 43px;display: block;background: none;padding-left: 70px;border: 0 none;color: #666;box-sizing: border-box;}
.formbook .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}
.formbook .item.mr0{margin-right: 0;}
.formbook .msg-box{position: absolute;left: 0;top: 0px;}
.formbook .liuyan{width: 100%;height: 260px;border: 1px solid #e4e4e4;float: left;margin-right: 0;}
.formbook .liuyan label{text-align: right;display: block;top: 7px;}
.formbook .liuyan textarea{width: 100%;height: 100%;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #666;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;box-sizing: border-box;}
.formbook .bot{width: 100%;}
.formbook .sub{width: 232px;line-height: 42px;border: 2px solid var(--colour1);margin-right: 2px;text-align: center;background: var(--colour1);color: #FFF;cursor: pointer;font-size: 18px;display: block;outline: none;transition: all .5s;}
.formbook .sub:hover{background: none;color: var(--colour1);}
.formbook .yzm .txt{padding-left: 80px;}
.formbook .yzm img{position: absolute;right: 5px;top: 0;border: 0;display: block;}
/*内容详情页*/
.conBox .ArticleTitle h1{font-size: 24px;line-height: 36px;font-weight: bold;text-align: center;}
.conBox .ArticleMessage{line-height: 50px;margin-bottom: 20px;text-align: center;border-bottom: 1px solid #f3f3f3;}
.conBox .ArticleMessage span:first-child{margin-left:0;}
.conBox .ArticleMessage span{color: #999;margin-left: 14px;}
.conBox .ArticleMessage .jiathis_style{float: left; margin-top: 5px;}
.conBox .ArticleTencont{color: #666;font-size:14px;line-height: 28px;text-align: justify;padding-bottom: 20px;overflow: hidden;}
.conBox .ArticleTencont img{max-width: 100%;}
/*产品详情*/
.pro-detail .img.fl{width: 400px;overflow: hidden;}
.pro-detail .img.fl *{box-sizing: border-box;}
.pro-detail .txt{width: 50%;}
.pro-detail .big{border: 1px solid #e1e1e1;border-radius: 10px;overflow: hidden;}
.pro-detail .big li{text-align: center;background-color: #fff;}
.pro-detail .big li .boxx{position: relative;padding-bottom: 75%;overflow: hidden;text-align: center;}
.pro-detail .big li .boxx img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.pro-detail .big .swiper-pagination-fraction{color: #fff;bottom: 6px;text-align: right;padding-right: 10px;text-shadow: 0 0 5px #000;box-sizing: border-box;}
.pro-detail .list{position: relative;padding: 0 20px;margin-top: 10px;text-align: center;}
.pro-detail .list li{width: 20%;border: 1px solid #f7f7f7;cursor: pointer;transition: all .3s;}
.pro-detail .list li .boxx{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.pro-detail .list li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;object-fit: cover;}
.pro-detail .list .swiper-slide-thumb-active{border-color: #e1e1e1;}
.pro-detail .title{color: #1e242b;font-size: 24px;border-bottom: 1px solid #ddd;}
.pro-detail .title h4{color: #1e242b;font-size: 25px;}
.pro-detail .title p{display: block;color: #666;font-size: 16px;margin: 12px 0;}
.pro-detail .txt .con{margin: 10px 0;color: #666;font-size: 14px;line-height: 30px;text-align: justify;overflow: hidden;}
.pro-detail .txt .con a{color: #666;}
.pro-detail .txt .con .zixun{display: inline-block;vertical-align: middle;height: 28px;line-height: 28px;border-radius: 4px;padding: 0 10px 0 28px;background: url(../images/qq_icon.png) no-repeat 8px center #267dc0;margin: -2px 0 0 10px;color: #fff;}
.pro-detail .txt .con .zixun:hover{background-color: #cc2222;}
.pro-detail .txt .con .download{display: inline-block;vertical-align: middle;width: 24px;height: 24px;margin: -2px 0 0 10px;background: url(../images/download_icon.png) no-repeat center;}
.pro-detail .txt .con .download:hover{-webkit-filter: brightness(140%);-moz-filter: brightness(140%);-ms-filter: brightness(140%);-o-filter: brightness(140%);filter: brightness(140%);}
.pro-detail .swiper-button-next,
.pro-detail .swiper-button-prev{top: 0;width: 15px;height: 100%;background: #e8e8e8;z-index: 99;left: 0;margin: 0;transition: all .5s;}
.pro-detail .swiper-button-next{left: auto;right: 0;}
.pro-detail .swiper-button-next:after,
.pro-detail .swiper-button-prev:after{content: "";position: absolute;left: 45%;top: 50%;width: 5px;height: 5px;border: 1px solid #9d9d9d;border-left: none;border-bottom: none;transform: translate(-50%,-50%) rotate(45deg);}
.pro-detail .swiper-button-prev:after{left: 60%;transform: translate(-50%,-50%) rotate(-135deg);}
.pro-detail .swiper-button-next:hover,
.pro-detail .swiper-button-prev:hover{background-color: var(--colour1);}
.pro-detail .swiper-button-next:hover:after,
.pro-detail .swiper-button-prev:hover:after{border-color: #fff;}
/*产品参数*/
.product-info {width: 100%;margin-top: 60px;border-top: 5px solid var(--colour1);}
.product-info .pro_hd{width:100%;margin:auto;text-align:center;padding: 30px 0;position:relative;}
.product-info .pro_hd i{position:absolute;left:0;top:68px;width:100%;height:4px;background:#ececec;}
.product-info .pro_hd ul{position:relative;z-index:1; overflow:hidden; text-align:center;}
.product-info .pro_hd ul li{margin:0 60px;display:inline-block;color: #555;font-size:18px;width: 80px;text-align: center;padding-top:90px;background: #fff url(../images/pro07.png) no-repeat center top;cursor: pointer;*display:inline; *zoom:1;transition: all 0.3s ease;}
.product-info .pro_hd ul li:hover, .product-info .pro_hd ul li.on{color: var(--colour1);background-image:url(../images/pro08.png);}
/*.product-info .pro_bd {min-height: 500px;}*/
.product-info .pro_bd .row .item {padding-bottom: 30px;}
.product-info .pro_bd .row .item h4.h {width: 100%;height: 41px;line-height: 42px;border-bottom: 1px solid #dcdcdc;color: #484848;font-size: 18px;margin:0 0 20px;}
.product-info .pro_bd .row .item p {color: #666;font-size: 15px;line-height: 28px;text-align: justify;}
.product-info .pro_bd .row .item p img {margin: 0 auto;display: block;max-width: 100%;}
.product-info .pro_bd .row .con {overflow: hidden;}
.product-info .pro_bd .row .con ul li{float: left;width: 206px;border: 1px solid #eaeaea;margin:0px 15px 15px 0px;box-sizing:border-box;transition: all .5s;}
.product-info .pro_bd .row .con ul li:nth-child(4n){margin-right: 0;}
.product-info .pro_bd .row .con ul li .img{width: 100%;height: 153px;}
.product-info .pro_bd .row .con ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.product-info .pro_bd .row .con ul li  h3{width: 100%;line-height: 40px;border-top: 1px solid #eaeaea;text-align: center;color: #505050;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.product-info .pro_bd .row .con ul li:hover{border-color: var(--colour1);}
.product-info .pro_bd .row .con ul li:hover h3{background: var(--colour1);border-color: var(--colour1);color: #fff;}
/*内容分页*/
.rsLink{height: 38px;border: 1px solid #ddd;margin: 10px auto 10px;padding: 0px 10px;}
.rsLink .prevLink, .rsLink .nextLink{height: 38px;line-height: 38px;color: #666;}
.rsLink .prevLink a, .rsLink .nextLink a{height: 38px;line-height: 38px;color: #666;}
.rsLink .prevLink a:hover, .rsLink .nextLink a:hover{color: var(--colour1);}
.rsLink .prevLink{float: left;}
.rsLink .nextLink{float: right;}