@charset "utf-8";
/*~~~~框架布局~~~*/
/*==版心定义↓==*/
.container{width:1600px;}
.mt50{margin-top:50px}
.mt90{margin-top:90px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mb110{margin-bottom:110px}
/*-*/
.mm80{margin-bottom:80px !important}
.mm100{margin-bottom:100px !important}
/*-*/
.pt80{padding-top:80px}
.pb70{padding-bottom:70px}
/*-*/
.ptm80{padding:80px 0}
.ptm100{padding:100px 0}
.ptm105{padding:100px 0 50px 0}
.ptm810{padding:80px 0 100px 0}
/*-*/
.pm80{padding-bottom:80px}
.pm100{padding-bottom:100px}
/*==顶部↓==*/
/*.fixed-top{ position: fixed;width:100%;z-index:99; background:#fff; }*/
.header{/* position: absolute;left:0;top:0;z-index:2;*/width:100%; height:115px;padding:30px 0; /*background:rgba(0,0,0,0.5) ;*/}
.header .logo img{float:left;}
.header .logo span{margin-left:20px;padding-left:20px;font-size:16px;color:#0081d9;display: inline-block; border-left:1px #333 dotted}
.header .logo span b{ display: block;color:#f04002;font-size:26px;font-weight: bold;}
.header .right{}
.header .tel{float:right;line-height: 10px;color:#252525;font-size:16px;padding-left:60px;line-height:inherit; background: url(../images/tel-ico.png) no-repeat left;}
.header .tel font{float: left;margin-top: 20px;}
.header .tel span{ display:block;margin-right:50px;color:#f04002;font-size:26px;float: left;}
.head-nav{ background:#0082cf;}
.head-nav .nav{clear: both;/*! margin-top: 25px; */float: left;width: 100%;border-right:1px #339bd9 solid}
.head-nav .nav li{float:left;width:8.33%; border-left:1px #339bd9 solid}
.head-nav .nav li a.navAone{ position: relative;  display: block;color:#fff;font-size:18px;/*! line-height:59px; */ text-align: center; padding: 18px 1px;}
.head-nav .nav li:hover a.navAone,.head-nav .nav li.active a.navAone{ background:#f04002}
.head-nav .nav li a.navAone:after{ content: ""; position: absolute;left:0;bottom: -26px;width:100%;height:3px;transition:transform .5s;transform: scale(0,1);transform-origin:right; background: #0480d7}
.head-nav .nav li:hover a.navAone:after,.head-nav .nav li.active a.navAone:after{transform: scale(1);transform-origin:left;}
.head-nav .nav li:hover a.navAone,.head-nav .nav li.active a.navAone{}
.head-nav .nav .sub img{display: inline-block;/* width: 500px; *//* height: 200px; *//* background: #0092D8; */border: 1px #ddd solid;padding: 10px;}
.head-nav .nav .sub .right{width: 40%;/* padding: 30px 0; */display: inline-block;vertical-align: top;padding: 20px 0 0 10px;}
.head-nav .nav .sub{display:none;width: 100%;left:0;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,1);line-height:26px;padding: 40px 0;z-index: 999;text-align: center;/* box-shadow: 0 0 10px #ddd; */}
.head-nav .nav .sub li{ zoom:1; }
.head-nav .nav .sub .right a.navAtwo{position:relative;float: left;display: inline-block;border-radius:0px;color: #5e5e5e;font-size: 16px;padding: 0px 50px 0 10px;margin: 0 15px 20px 15px;/* border-bottom: 1px #D2D2D2 solid; */-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;/* background: url(../images/arrow_02.png) no-repeat left; */}
.head-nav .nav .sub .right a.navAtwo:hover{color:#009fe8}
.head-nav .nav .sub .right a.navAtwo:before{content: "";display: block;position: absolute;top: 12px;left: 0px;width: 5px;height:5px;background:#009fe8;-webkit-transition: width .4s ease-in-out;transition: width .4s ease-in-out;}
/*banner视频*/
.videoBan{position:relative;height:750px; overflow: hidden; background:#ddd}
.videoBan .introduce{ position: absolute; left:0;top:250px;width: 100%;}
.videoBan .introduce h3{color:#fff;font-size: 38px;font-weight:bold;}
.videoBan .introduce p{font-size:17px;color:#fff;display:block;margin-top:15px;}
.videoBan .video{display: table;height:100%;max-width:100%;height: 100%;object-fit: cover;}
/*==次级导航↓==*/
.menu{width:100%;margin-top: -84px;height:85px;position: relative;z-index: 2;}
.menu ul{ text-align: center; display: table; /*! background:#f2f3f4; */width: 100%;background: #fff;}
.menu li{ /*! display:table-cell; */ float: left;width: 25%;}
.menu li a{ display: block;margin:0 0px;color:#191919;font-size:18px; /*! border-left:1px #ddd solid; */padding: 30px 30px;}
.menu li:hover a,.menu li.active a{ color:#fff;  background:#009fe8}
/*==次级导航2↓==*/
.menu-2{ text-align:center;padding:80px 0 0 0; background:#efefef}
.menu-2 a{display:inline-block;padding:15px 50px;color:#fff;font-size:18px;margin:0 10px 10px 10px;background:#999}
.menu-2 a:hover,.menu-2 a.active{ background: #009fe8}
/*==面包屑↓==*/
.site{margin:30px 0 50px 0;color:#666666;font-size:12px;}
.site .home{ padding-left:25px; background: url(../images/home_ico.png) no-repeat left;}
.site a{color:#666;font-size:12px;}
.site a:hover{color:#009fe8}
/*==地图↓==*/
#dituContent{margin:0px 0 0 0;width:100%; height:500px;}
/*==标题↓==*/
.titleAx{margin-bottom:35px; color:#191919;font-size:46px;text-align: center;}
.titleAx font{ display: block;color:#5d5c5c;font-size:16px;margin-top: 5px;}
.titleAx hr{ display: block; margin:20px auto 0;width:15px;height:1px; border:none; background: #191919;}
.titleAx-white,.titleAx-white font{color:#fff}
.titleBx{color:#009fe8;font-size:48px;/*text-align:center;*/margin-bottom:45px;}
.titleBx span{ display: block; font-size: 18px;color:#999;margin-top:5px;}
.titleBx.white{color:#fff}
.titleBx.white span{color:#eee}
/*伪类*/
.bfe:before,.bfr:after{content:""; display: block;transition: all .4s ease-in-out;}
/*-*/
.bfe-s:before,.bfr-s:after{content:"";transition: all .4s ease-in-out;}
/*-*/
.bfe-pos,.bfr-pos{ position: relative;}
.bfe-pos:before,.bfr-pos:after{content:""; position:absolute;transition: all .4s ease-in-out;}
/*-*/
.bfe-spos,.bfr-spos{ position: relative;}
.bfe-spos:before,.bfr-spos:after{content:""; position:absolute; }
/*句段限制*/
.lcp{-webkit-line-clamp: 1;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
/*===内页框↓==*/
.rack{float:left;width:100%;padding:100px 0 100px 0; background: #efefef;}
.rackWor{}
/*==首页解决方案↓==*/
.SolveHome{}
.SolveHome .list{width:102.3%;margin-left:-2.3%}
.SolveHome .list li{ float:left;width:22%;margin-left:2.3%; }
.SolveHome .list li a{ display: block;border:1px #ddd solid}
.SolveHome .list li .box{padding:30px 20px}
.SolveHome .list li .imgPD{padding-top:90%}
.SolveHome .list li .box em{ float:left; position: relative; width:45px;height:45px;margin-right:15px; border:1px #777 solid;border-radius: 100%;  }
.SolveHome .list li .box em:before{ content: "";position: absolute;left:9px;top:9px; width:26px;height:26px;background-position:0 0; background-repeat:no-repeat ;transition: all .4s ease-in-out;}
.SolveHome .list li.x1 .box em:before{ background-image:url(../images/solveIco01.png);}
.SolveHome .list li.x2 .box em:before{ background-image:url(../images/solveIco02.png);}
.SolveHome .list li.x3 .box em:before{ background-image:url(../images/solveIco03.png); } 
.SolveHome .list li .box h3{color:#191919;font-size:22px;padding-right:30px;position: relative;}
.SolveHome .list li .box h3:after{ content: ""; position: absolute; right:0;top:7px; width:17px;height:7px;transition: all .4s ease-in-out; background: url(../images/line01.png) no-repeat -17px 0;}
.SolveHome .list li .box span{ margin-top:5px; color:#717171;font-size:14px}
.SolveHome .list li:hover .box{ background: #067fd2}
.SolveHome .list li:hover .box em{ border:1px #fff solid}
.SolveHome .list li:hover .box em:before{ background-position:0px -24px }
.SolveHome .list li:hover .box h3,.SolveHome .list li:hover .box span{color:#fff}
.SolveHome .list li:hover .box h3:after{ background-position:0 0 }
/*==首页案例↓==*/
.CaseHome{}
.CaseHome .tone{ background:#efefef;overflow: hidden;}
.CaseHome .tone .title{float:left;width:25%;color:#007dd2;font-size:46px;padding:30px 0; font-weight:bold}
.CaseHome .tone .title,.CaseHome .tone .list li a{min-height:120px;line-height: 60px;}
.CaseHome .tone .list{float:left;width:75%;}
.CaseHome .tone li{float:left;width:33.3%;  text-align: center; border-left:2px #cbcbcb solid;cursor: pointer;}
.CaseHome .tone li a{/*display: block;*/ color:#191919;font-size:25px;padding:30px 0;}
.CaseHome .tone li em{display: inline-block; width:22px;height:22px;margin-right:15px;background-position:0 0; background-repeat:no-repeat ;  transition: all .4s ease-in-out;}
.CaseHome .tone li.x1 em{ background-image: url(../images/caseIco01.png);}
.CaseHome .tone li.x2 em{ background-image: url(../images/caseIco02.png);}
.CaseHome .tone li.x3 em{ background-image: url(../images/caseIco03.png);}
.CaseHome .tone li.active a{color:#fff; background: #067fd2}
.CaseHome .tone li.active em{ background-position:0 -23px }
.CaseHome .down{}
.CaseHome .down .container{ position: relative;}
.CaseHome .down .swiper-container{ overflow: initial;}
.CaseHome .down .list{}
.CaseHome .down .list li{display: block;cursor: pointer;}
.CaseHome .down .list li .pic img{ display: block;max-width:100%}
.CaseHome .down .list li .box{ position: absolute; left:0;bottom:-50px;width:100%;padding:20px 300px 20px 30px;background:#fff ;box-shadow: 0 0 10px #aaa;}
.CaseHome .down .list li .box::after{content:"";position:absolute;right:220px;top:20%;width:1px;height:60%; background:#ddd}
.CaseHome .down .list li .box h4,.CaseHome .down .list li .box a{color:#191919;font-size:18px;}
.CaseHome .down .list li .box span{margin-top:10px;color:#666;font-size:12px;-webkit-line-clamp: 2;line-height: 22px;}
.CaseHome .down .list li .box h4:hover a{color:#067fd2}
.CaseHome .down .list li .box .more{position:absolute;top:33%;right:30px;display: block; margin:0; padding:10px 30px;color:#fff;font-size:12px; background: #067fd2;}
.CaseHome .down .list li .box .more:after{ content: ""; float:right;width:10px;height:5px;margin:6px 0 0 15px; display: block; background: url(../images/line03.png) no-repeat center;}
.CaseHome .down .list li .box .more:hover{ background: #666}
.CaseHome .down .btn{ opacity: 0.6; color:#666; font-size:80px;top:40%; left:8%;width:auto;height:auto;line-height: 0px;padding:0 10px; background-color:rgba(255,255,255,0.8);  background-image:none ;}
.CaseHome .down .btn.nt{ left:auto;right:8%;}
.CaseHome .down .btn:hover{ opacity: 0.9; color:#fff; background-color:#067fd2}
/*==首页-选择科林斯↓==*/
.ElectionHome{}
.ElectionHome .tone{ text-align: center; margin:0 auto 50px; display: table;}
.ElectionHome .tone li{ float:left;  display: inline-block;padding:25px;color:#1b1b1b;font-size:20px;font-weight:bold; border-right:1px #bbb solid; text-align: center;  cursor:pointer;background: #e9e9e9;}
.ElectionHome .tone li:last-child{ border-right:none;}
.ElectionHome .tone li.active{color:#fff; background: #067fd2;}
.ElectionHome .down{padding:70px 0 100px 0; background: url(../images/ElectionBg01.jpg) no-repeat center;}
.ElectionHome .down .long{/*width:1400px;margin:auto;*/padding:0 100px}
.ElectionHome .down .top{margin-bottom:60px;position: relative;overflow: hidden;}
.ElectionHome .down .top span{float:left;width:50%;color:#323232;font-size:40px; text-align: center;font-weight: bold;word-break: break-all; word-wrap:break-word;}
.ElectionHome .down .top span.hov{ color:#067fd2}
.ElectionHome .down .top b{ position: absolute;left:50%;top:0;margin-left:-80px; display: block;width:156px;height:53px; background: url(../images/pk.png) no-repeat center; }
.ElectionHome .down .list{display: table;margin-bottom: -10px;}
.ElectionHome .down .list li{ position: relative; width:100%;clear: both; margin-bottom:10px;overflow: hidden;height: 115px;display: table;}
.ElectionHome .down .list li span{/*! float:left; */width:50%;height:100%;padding:20px 90px 20px 35px;color:#fff;font-size:15px; text-align: right; background:#067fd2;display: table-cell;vertical-align: middle;}
.ElectionHome .down .list li span:before{ content: ""; position: absolute; right:0;top:0;width:100px;height:100px;}
.ElectionHome .down .list li span:last-child{padding:20px 30px 20px 90px; color:#191919; text-align:left;background: #fff;}
.ElectionHome .down .list li h3{ position: absolute;left:50%;top:0;z-index:5;margin-left:-60px; display: block;width:115px;height:115px;line-height:90px;font-size:20px;font-weight:bold;color:#fff; text-align: center; border-radius: 100%; border:10px #ddd solid; background: #067fd2;}
/*==首页关于↓==*/
.AboutHome{background: url(../images/aboutBg01.jpg) no-repeat center; background-size:cover;}
.AboutHome .container{ padding:0 150px;}
.AboutHome .title{ color:#fff;font-size:48px;margin-bottom:40px; text-align: center; font-weight:bold;}
.AboutHome .title font{ display: block; color:#ddd;font-size:12px;font-weight: 400;}
.AboutHome .wx{margin:auto;width:70%;color: #FFFFFF; font-size:14px; text-align: center;line-height: 26px;}
.AboutHome .wx .tit{color:#fff;font-size:25px;margin-bottom:15px;}
.AboutHome .digital{}
.AboutHome .digital li{float:left;width:25%;text-align: center; border-right:1px #fff dotted;line-height: initial;}
.AboutHome .digital li:last-child{border-right: 0px;}
.AboutHome .digital li span{color:#fff;font-size:70px; font-weight:bold}
.AboutHome .digital li font{ display: inline-block; margin-left:5px; color:#fff;font-size:24px;}
.AboutHome .digital li h5{color:#fff;font-size:20px;margin-top:5px;font-weight:bold;}
.AboutHome .digital li:nth-child(1) font{color:#067fd2;width:35px;line-height:35px; border-radius:50%;background:#fff}
.AboutHome .slidePic{ position:relative;}
.AboutHome .slidePic .swiper-slide img{display:block;max-width:100%}
.AboutHome .slidePic .btn{display:block;width:50px;height:50px;left:-80px;text-align:center;border-radius:50%;color:#067fd2;font-size:16px; background-color:#fff ; background-image:none}
.AboutHome .slidePic .btn.swiper-button-next{left:auto;right:-80px;}
.AboutHome .slidePic .btn::before{color:#666;font-size:45px;transition: all .4s ease-in-out;}
.AboutHome .slidePic .btn:hover{background-color:#333}
.AboutHome .slidePic .btn:hover::before{color:#fff}
.AboutHome .list{margin-top:70px;}
.AboutHome .list li{float:left;width:20%;}
.AboutHome .list li a{ display: block;margin-left:1px}
.AboutHome .list li img{max-width: 100%;}
/*==首页全国布局↓==*/
.DistributionHome{ background:#f1f1f1}
.DistributionHome .left{width:50%;}
.DistributionHome .left .title{color:#067fd2;font-size:48px;}
.DistributionHome .left .title span{margin-top:20px;display:block;color:#666666;font-size:18px}
.DistributionHome .left .title b{margin-top:5px;display:block;color:#666666;font-size:48px}
.DistributionHome .left .wx{margin-top:60px;}
.DistributionHome .left .wx h5{color:#333;font-size:18px}
.DistributionHome .left .wx p{ position:relative; color:#535353;font-size:16px;margin-top:30px;padding-left:30px;line-height:30px;}
.DistributionHome .left .wx p:before{content:"";position: absolute; left:0;top:10%;width:2px;height:80%; background:#067fd2}
.DistributionHome .left .munber{margin-top:70px;}
.DistributionHome .left .munber li{ float:left; border-right:1px #999 dotted;padding-right:30px;margin-right:30px;}
.DistributionHome .left .munber li:last-child{border:none;margin-right:0px;padding-right:0px;}
.DistributionHome .left .munber li span{color:#067fd2;font-size:46px;display:block}
.DistributionHome .left .munber li h4{color:#333;font-size:16px;margin-top:5px;}
.DistributionHome .right{width:50%;}
.DistributionHome .right img{display:block;max-width:100%;margin:auto;}
.DistributionHome .bottom{margin-top:40px; overflow: hidden}
.DistributionHome .bottom .title{ position: relative;z-index:2; }
.DistributionHome .bottom .title font{display:table;margin:auto; color:#fff;font-size:26px;padding:5px 40px; border-radius:30px; background:#067fd2}
.DistributionHome .bottom .title::after{content:"";position:absolute; left:-400%;top:22px;z-index:-1;width:1000%;height:1px;background:#ddd;display: block;}
.DistributionHome .bottom .list{display:table;margin-top:40px;width:101%;margin-left:-1%;margin-bottom:-3%}
.DistributionHome .bottom .list li{float:left;width:24%;margin-left:1%;margin-bottom:3%;text-align:center}
.DistributionHome .bottom .list li h4{color:#434343;font-size:16px;margin-top:10px;}
.DistributionHome .bottom .list li:hover h4{color:#067fd2}
/*==首页优势↓==*/
.AdvantageHome{}
.AdvantageBox .title{  display: table;margin:0 auto 50px;}
.AdvantageBox .title h2{ float:left; color:#191919;font-size:66px;  font-weight: bold;line-height: 40px;}
.AdvantageBox .title h2 font{ color:#067fd2;font-size:86px;margin-right: 10px;}
.AdvantageBox .title span{ display: inline-block;color:#191919;font-size:36px;margin-left: 10px;}
.AdvantageBox .title span font{display: block;color:#5a5a5a;font-size:16px}
.AdvantageBox .list{display: table;margin-bottom: -50px;}
.AdvantageBox .list li{float:left;width:48%;margin-left:2%;margin-bottom: 50px;}
.AdvantageBox .list li img{ display: block; max-width:100%;}
.AdvantageBox .list li .box{ position: relative; margin:40px 40px 0 40px;padding-left: 90px;height: 85px;}
.AdvantageBox .list li .box i{ position: absolute; left:0;top:0;width:65px;line-height:65px;color:#fff;font-size:38px;font-weight:bold; text-align: center; border-radius: 100%; font-style: normal; background: #067fd2;}
.AdvantageBox .list li .box h4{color:#067fd2;font-size:26px;font-weight:bold;}
.AdvantageBox .list li .box span{ display: block; color:#555;font-size:16px;margin-top:5px;}
/*==首页新闻↓==*/
.NewsHome{padding:40px 0 80px 0; background: #f1f1f1;}
.NewsHome .titleTop{margin-bottom:45px;overflow: hidden;}
.NewsHome .titleTop .titleAx{float:left;text-align: left;margin: 0px;}
.NewsHome .titleTop .titleAx hr{/*! float:left; */margin-top: 20px;/*! margin: initial; */clear: both;display: table-caption;}
.NewsHome .tone{ float: right;margin: 20px 0 0 0;}
.NewsHome .tone li{float: left;position: relative;padding-bottom:20px;margin-left:70px;} 
.NewsHome .tone li a{color:#191919;font-size:20px;} 
.NewsHome .tone li:before{position: absolute;left:0;bottom:0;content: "";width:0%;height:1px;background: #009fe8;transition: all .4s ease-in-out;}
.NewsHome .tone li.active a{color:#009fe8;}
.NewsHome .tone li.active:before{width:100%;}
.NewsHome .down{overflow: hidden;}
.NewsHome .list{width:102%;  margin-left:-2%; margin-bottom:-2%;}
.NewsHome .list li{float:left;width: 23%;margin-left:2%;margin-bottom:2%}
.NewsHome .list li:last-child{margin-right:0px;}
.NewsHome .list li h4{margin-top:25px;color:#333333;font-size:16px;-webkit-line-clamp: 1;}
.NewsHome .list li p{margin-top:22px;color:#666666;font-size:12px;line-height:25px;-webkit-line-clamp: 2;}
.NewsHome .list li .time{display:block;color:#666666;font-size:12px;margin-top: 30px;}
.NewsHome .list li:hover h4{color:#009fe8}
/*.newsHome .list li:hover .time{border-top:1px #009fe8 solid}*/
/*==列表One↓==*/
.list-one{ display: table;width:101.5%;margin-bottom: -22px;margin-left: -1.5%;}
.list-one li{ float:left;width:23.5%; margin: 0 0 22px 1.5%;}
.list-one li a{ display: block;/*! margin: 0 0px 40px 30px; */}
.list-one li .imgPD{padding-top: 70%;}
.list-one li h4{color:#191919;font-size:16px;margin: 20px 0; text-align:center;}
.list-one li:hover h4{ color:#009fe8}
/*--*/
.lx3 li{ width:31.8%;}
/*==列表Two↓==*/
.list-two{ display: table; width:101%;margin-left:-1%;margin-bottom:-2%; overflow: hidden;}
.list-two li{float:left;width:24%;margin:0 0 1% 1%}
.list-two li a{display: block; text-align:center;}
.list-two li img{max-width:100%; border:5px #f1f1f1 solid;}
.list-two li h4{color:#91919;font-size:16px;margin:20px 0 15px 0}
.list-two li:hover h4{color:#0085d8}
/*==案例列表↓==*/
.CaseInner .list-one li h4 font{float:left;max-width:70%;text-align:left}
.CaseInner .list-one li h4 .more{float:right;display:block;color:#666;font-size:14px}
.CaseInner .list-one li:hover h4 .more{color:#0085d8}
/*==产品↓==*/
.list-product{ }
.list-product li{ }
/*==产品详情↓==*/
.ProductShow{}
.ProductShow .left{width:70%;}
.ProductShow .left .top{ padding:50px 50px 50px 50px; background:#fff;} 
.ProductShow .left .top .title{font-size:36px; color:#009fe8; text-align: center;margin-bottom:30px;}
.ProductShow .left .detail{margin-top:50px;padding:50px 50px 130px 50px; background:#fff;}
.ProductShow .left .detail .title{font-size:24px; color:#009fe8;margin-bottom:35px;padding-bottom:35px;border-bottom:1px #ddd solid;}
.ProductShow .left .detail .wx{color:#666666;font-size:14px;line-height: 25px;}
.ProductShow .left .recommend{margin-top:60px;}
.ProductShow .left .recommend .title{font-size:30px; color:#009fe8;margin-bottom:40px;}
.ProductShow .left .recommend .title a{ margin-top:15px;display: block;float:right;color:#999;font-size:14px;}
.ProductShow .left .recommend .title a:after{ content: ""; float: right; width:10px;height:7px;margin:6px 0 0 20px; display: block; background:url(../images/line05.png) no-repeat -10px 0;transition: all .4s ease-in-out;}
.ProductShow .left .recommend .title a:hover{color:#009fe8}
.ProductShow .left .recommend .title a:hover:after{ background-position:0 0 ;}
/*.ProductShow .left .recommend .list{ display: table;width:102%;margin-bottom: -30px;margin-left: -2%;}
.ProductShow .left .recommend .list li{ float:left;width:31.3%; margin: 0 0 10px 2%;}
.ProductShow .left .recommend .list li a{ display: block;}
.ProductShow .left .recommend .list li .imgPD{padding-top: 70%;}
.ProductShow .left .recommend .list li h4{color:#191919;font-size:16px;margin: 20px 0;}
.ProductShow .left .recommend .list li:hover h4{ color:#009fe8}*/
.ProductShow .right{width:25%}
.ProductShow .right .frame{padding:40px;margin-bottom:30px; background: #fff;}
.ProductShow .right .frame .title{ color:#191919;font-size:18px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px #ddd solid; }
.ProductShow .right .list-1{ display: table;width:100%; margin-bottom:-30px;}
.ProductShow .right .list-1 li{margin-bottom:30px;}
.ProductShow .right .list-1 li h4{color:#191919;font-size:16px;margin-top:10px}
.ProductShow .right .list-1 li .imgPD{padding-top: 70%;}
.ProductShow .right .list-1 li:hover h4{color:#009fe8}
.ProductShow .right .list-2{ display: table;width:100%; margin-bottom:-25px;}
.ProductShow .right .list-2 li{margin-bottom:25px;}
.ProductShow .right .list-2 li .pic{float:left;width:115px;height:80px;margin-right:20px;}
.ProductShow .right .list-2 li .pic img{max-width:100%;height: 100%;object-fit: cover;}
.ProductShow .right .list-2 li h4{color:#333333;font-size:16px;-webkit-line-clamp: 2;}
.ProductShow .right .list-2 li p{margin-top:20px;color:#666666;font-size:12px;-webkit-line-clamp: 1;}
.ProductShow .right .list-2 li:hover h4{color:#009fe8}
/*==滚动图↓==*/
.srllPic{ position: relative; padding:0 100px;}
.srllPic .gallery-top{}
.srllPic .gallery-thumbs{padding-top:20px;}
.srllPic .gallery-thumbs li{ width: 20%;height: 100%; border:2px #ddd solid; cursor: pointer;}
.srllPic .gallery-thumbs li.swiper-slide-thumb-active{ border:2px #009fe8 solid;}
.srllPic .gallery-thumbs li img{max-width:100%;}
.srllPic .btn{ opacity: 1; padding:10px;width:40px;height:80px; border-radius: 5px;  background-image:url(../images/arrow01.png); background-color:rgba(0,0,0,0.5); background-position:center; background-repeat:no-repeat ;background-size: auto;}
.srllPic .btn.next{transform:rotate(180deg);}
.srllPic .btn:hover{ background-color:#009fe8 }
.srllPic .swiper-button-disabled{opacity: .5;}
/*==案例列表↓==*/
.CaseList{}
.CaseList .list{width:102%;margin:0 0 -2% -2%;}
.CaseList .list li{float:left;width:48%;margin:0 0 2% 2% ;}
.CaseList .list li a{display: block; position: relative;padding:50px 40px 0 440px;height:280px;background: #fff;}
.CaseList .list li .pic{position: absolute;left:0;top:0; width:380px;height:100%;}
.CaseList .list li .pic img{max-width:100%;height: 100%;object-fit: cover;}
.CaseList .list li h4{color:#191919;font-size:18px;-webkit-line-clamp: 1;}
.CaseList .list li p{margin-top:40px;color:#666666;font-size:14px;-webkit-line-clamp: 2;}
.CaseList .list li .more{margin-top:40px;display:table;color:#666666;font-size:14px;}
.CaseList .list li .more:after{ content: ""; float:right;margin:7px 0 0 20px;width:10px;height:7px; background: url(../images/line05.png) no-repeat -10px 0;transition: all .4s ease-in-out;}
.CaseList .list li:hover h4{color:#009fe8}
.CaseList .list li:hover .more{color:#009fe8}
.CaseList .list li:hover .more:after{background-position: 0 0 }
/*==案例详情↓==*/
.CaseShow{padding-bottom:0px !important}
.CaseShow .titleTop{margin-bottom:50px;overflow: hidden;}
.CaseShow .titleTop h2{color:#009fe8;font-size:48px;float: left;}
.CaseShow .titleTop .return{ float:right; margin-top:40px;display:table;color:#999;font-size:14px;}
.CaseShow .titleTop .return:after{ content: ""; float:right;margin:7px 0 0 20px;width:10px;height:7px; background: url(../images/line05.png) no-repeat -10px 0;transition: all .4s ease-in-out;}
.CaseShow .titleTop .return:hover{color:#009fe8}
.CaseShow .titleTop .return:hover:after{background-position: 0 0 }
.CaseShow .top{ overflow: hidden;height:600px; background: #fff;}
.CaseShow .top .pic{float:left;width:62%;height:100%;}
.CaseShow .top .pic img{ display: block;width:100%;max-width:100%;height: 100%;object-fit: cover;}
.CaseShow .top .box{float:right;width:38%;height:100%;padding:50px 60px;}
.CaseShow .top .box h4{color:#333333;font-size:24px; border-bottom:1px #ddd solid;margin-bottom:30px;padding-bottom:40px;}
.CaseShow .top .box span{ display: block;margin-bottom:30px; color:#666;font-size:16px;}
.CaseShow .top .box span b{color:#333;margin-bottom:10px;margin-right:10px;display: inline-block;}
.CaseShow .top .box span:last-child{ margin-bottom:0px;}
.CaseShow .detail{margin-top:60px;padding-bottom:180px;}
.CaseShow .detail .title{ color:#333;font-size:24px;margin-bottom:30px;padding-bottom:25px;border-bottom:1px #bbb solid}
.CaseShow .detail .wx{color:#333333;font-size:16px;line-height:25px;}
.CaseShow .similar{ background: #fff;}
.CaseShow .similar .title{color:#333333;font-size:34px; text-align:center ; margin-bottom:45px}
/*.CaseShow .similar .list{}
.CaseShow .similar .list .imgPD{padding-bottom:70px;}*/
.CaseShow .top .srllPic{ padding:0 0px;}
.CaseShow .top .srllPic .gallery-top{height:80%}
.CaseShow .top .srllPic .gallery-thumbs{height:20%;}
/*==解决方案↓==*/
.SolveBox{padding-bottom:0px !important}
.SolveBox .top .titleBx{ border-bottom:1px #bbb solid; padding-bottom:30px;}
.SolveBox .top{/*padding:0 100px 80px 100px*/}
.SolveBox .top .wx{color:#4d4d4d;font-size:16px;padding:0 180px; text-align: center;}
.SolveBox .top .pic{margin-top:50px;padding:0 80px;}
.SolveBox .top .pic img{display: block; max-width: 100%; margin: auto;}
.SolveBox .AdvantageBox{ background: #fff;}
.SolveBox .case{}
.SolveBox .cooperation{ background: #fff;}
.SolveBox .cooperation .list{ border-top:1px #ddd solid; border-left:1px #ddd solid;}
.SolveBox .cooperation .list li{float:left;width:14.28%;border-right:1px #ddd solid; border-bottom:1px #ddd solid;}
.SolveBox .cooperation .list li a{ display: block;}
.SolveBox .cooperation .list li img{display: block; max-width:100%;}
.SolveBox .cooperation .list li:hover a{ box-shadow: 0 0 10px #aaa;transform: scale(1.03);}
/*==解决方案2↓==*/
.SolveBox{ background:none}
.SolveBox .PcBox .pd{padding:100px 0;}
.SolveBox .PcBox .pdt{padding:100px 0 0 0;}
.SolveBox .PcBox .pdm{padding:0px 0 100px 0;}
.SolveBox .PcBox .long{ background-repeat:no-repeat}
.SolveBox .PcBox .long .pic{margin:auto;display:table}
.SolveBox .PcBox .long .pic img{display:block;max-width:100%;}
.SolveBox .PcBox .long.x1{ background: url(../images/solve-bg-x1.jpg) bottom center no-repeat;}
.SolveBox .PcBox .long.x2{ background: url(../images/solve-bg-x2.jpg) bottom center no-repeat;}
.SolveBox .PcBox .long.x3{ background: url(../images/solve-bg-x3.jpg) bottom center no-repeat;}
.SolveBox .PcBox .long.x5{ background: url(../images/solve-bg-x5.jpg) center no-repeat; background-size:cover}
.SolveBox .WapBox{display:none}
.SolveBox .WapBox img{max-width:100%;}
/*==新闻↓==*/
.newsList{padding:10px 0; overflow: hidden;}
.newsList ul{margin-right: -30px;}
.newsList li{width: 33.3%;float: left;margin-bottom: 30px;}
.newsList li a{display: block;margin-right: 30px;background-color: #fff;padding: 30px;position: relative;}
.newsList li a:after{content: "";height: 3px;width: 0;left: 0;top: 0;background-color: #009fe8;position: absolute;transition: all .4s;}
.newsList li a h4{font-size: 16px;color: #191919;line-height: 22px;margin: 30px 0 20px 0;transition: all .4s;overflow: hidden;}
.newsList li a .time{font-size: 12px;color: #999999;}
.newsList li a .txt{font-size: 12px;line-height: 20px;margin: 15px 0 20px;overflow: hidden;color: #666666;-webkit-line-clamp: 2;}
.newsList li a .pic{display: block;position: relative;width: 100%;padding-top: 70%;overflow: hidden;}
.newsList li a .pic img{display: block;position: absolute;width: 100%;height: 100%;transition: all .4s;top: 0;left: 0}
.newsList li a:hover .pic img{transform: scale(1.1);}
.newsList li:hover a{box-shadow:0 0 20px 10px rgba(0,0,0,0.08);}
.newsList li:hover a{transform: scale(1.02);}
.newsList li:hover a:after{width: 100%;}
.newsList li:hover a h4{color: #009fe8}
/*==新闻详细页↓==*/
.NewsDetailBox{}
.NewsDetailBox .titleTop{ text-align: center;padding:0 0 50px 0;margin:0 0 60px 0; border-bottom:1px #ddd solid}
.NewsDetailBox .tit{color:#000000;font-size:23px;}
.NewsDetailBox .msg{ margin-top:10px;color:#a7a7a7;font-size:14px;}
.NewsDetailBox .msg *,.NewsDetailBox .msg span,.NewsDetailBox .msg a{color:#a7a7a7;font-size:14px;}
.NewsDetailBox .msg span{margin:0 5px;}
.NewsDetailBox .msg a:hover,.NewsDetailBox .msg .active{color:#FF6600}
.NewsDetailBox .msg .active{font-weight:bold;}
.NewsDetailBox .share{height:60px;border-top:1px #aaa dotted; padding:20px 0;margin-top: 60px; overflow: hidden;}
.NewsDetailBox .share .bshare-custom{float:left;}
.NewsDetailBox .share .time{ float:left;margin-left:50px;color:#a7a7a7;font-size:14px;display: block;}
.NewsDetailBox .share .return{float:right; color:#fff;font-size:14px;padding:10px 20px 10px 38px;margin-top:-10px; background-color:#d2d2d2; background-image:url(../images/line202.png); background-position:12px 15px; background-repeat:no-repeat;}
.NewsDetailBox .share .return:hover{background-color:#0085d0}
.NewsDetailBox .pagIng{border-top:1px #aaa dotted;border-bottom:1px #aaa dotted;padding:15px 0;overflow: hidden;}
.NewsDetailBox .pagIng span{ display: inline-block;color:#888888;font-size:14px;}
.NewsDetailBox .pagIng span a{color:#888888;font-size:14px;}
.NewsDetailBox .pagIng span a:hover{color:#0085d0}
.NewsDetailBox .pagIng .prev{float:left}
.NewsDetailBox .pagIng .next{float:right}
.NewsDetailBox .relevant{margin-top:40px}
.NewsDetailBox .relevant .tit{color:#767676;font-size:18px;}
.NewsDetailBox .relevant .list{margin-top:20px;}
.NewsDetailBox .relevant .list li{float:left;width:45%;margin:6px 5% 6px 0;}
.NewsDetailBox .relevant .list li .time{float: right; color:#858585;font-size:14px;}
.NewsDetailBox .relevant .list li a{ display: block; color:#858585;font-size:14px;padding-left:15px; background: url(../images/arrow201.png) no-repeat left;transition: all .4s ease-in-out;}
.NewsDetailBox .relevant .list li:hover a{color:#0085d0}
/*==关于↓==*/
.AboutBox{padding-bottom:0px !important}
.AboutBox .introduction{ overflow:hidden}
.AboutBox .introduction .titleTop{overflow: hidden;padding-bottom: 80px;}
.AboutBox .introduction .titleTop .titleBx{float:left;margin: 0px;text-align: left;}
.AboutBox .introduction .titleTop .in{float:right;margin-top:20px;}
.AboutBox .introduction .titleTop .in span{float:left; display: block;color:#373737;font-size:20px;padding-right:80px;margin-right:80px; border-right:1px #aaa dashed;}
.AboutBox .introduction .titleTop .in span i{float:left;line-height:47px; color:#009fe8;font-size:60px;font-weight:bold;margin-right:15px;font-style: normal;}
.AboutBox .introduction .titleTop .in span font{ display: inline-block;}
.AboutBox .introduction .titleTop .in span:last-child{ border-right:none;padding-right:0px;margin-right:0px;}
.AboutBox .introduction .pic{margin-top: 30px;max-width: 100%;}
.AboutBox .introduction h2{font-size:20px;color:#191919;margin: 30px 0;text-align: center;}
.AboutBox .introduction .wx{color:#545454;font-size:14px;line-height:25px;}
.AboutBox .introduction .long{ position: relative;z-index:2;  background: #fff;}
.AboutBox .introduction .long:before{ content: ""; position: absolute; left:-100%;top:0;z-index:-1;width:300%;height:100%; background: #fff;}
.AboutBox .introduction .left{float:left;width:48%;}
.AboutBox .introduction .left img{ display: block;max-width:100%}
.AboutBox .introduction .right{float:right;width:48%}
.AboutBox .introduction .right .title{color:#4d4d4d;font-size:35px;margin-bottom:40px}
.AboutBox .introduction .right .wx{color:#4d4d4d;font-size:16px;line-height:26px;}
.AboutBox .introduction .right .scrollbar{height: 400px;width: 100%;overflow-y: scroll;padding-right: 20px;}
.AboutBox .introduction .right .force-overflow{/*min-height: 80px;*/}
#style-3::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
#style-3::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
#style-3::-webkit-scrollbar-thumb{height:20px;background-color: #009fe8;/*background: url(../images/scrollbar-btn.png) no-repeat center;*/}
.AboutBox .culture{ background: url(../images/cultureBg.jpg) no-repeat center; background-size:cover ;}
.AboutBox .culture .wx{color:#fff;font-size:18px; line-height: 40px; text-align: center;}
.AboutBox .culture .wx strong{font-size:22px;}
.AboutBox .profile{}
.AboutBox .profile .list{}
.AboutBox .profile .list li{float:left;width:25.1%}
.AboutBox .profile .list li a{ position: relative; display: block;}
.AboutBox .profile .list li h4{ opacity: 0; position: absolute; left:0;bottom:0;width:100%;padding:12px 20px; color:#fff;font-size:16px; background: rgba(0,0,0,0.5);}
.AboutBox .profile .list li.one{width:49.8%}
.AboutBox .profile .list li.two a{ margin:0 0 10px 10px}
.AboutBox .profile .list li img{ display: block; max-width:100%;}
.AboutBox .profile .list li:hover h4{ opacity: 1;}
.AboutBox .honor{background: #fff;}
.AboutBox .honor .tone{ display: table;margin:0 auto 50px}
.AboutBox .honor .tone li{display: inline-block; text-align: center;margin:0 10px }
.AboutBox .honor .tone li a{ display: block;font-size:20px; padding:10px 50px;border-radius: 30px;}
.AboutBox .honor .tone li.active a{color:#fff; background: #0085d0;}
.AboutBox .team{}
.AboutBox .team .more{ display:table;margin:50px auto 0;padding:10px 40px;color:#fff;font-size:14px; background:#009fe8}
.AboutBox .team .more:hover{ background:#f04002}
/*==联系我们↓==*/
.contactBox{padding-bottom:0px !important;}
.contactBox .info{}
.contactBox .info .long{ box-shadow: 0 0 10px #bbb; background: #fff;}
.contactBox .info #dituContent{float:left;width:45%;}
.contactBox .info .box{float:right;width:55%;padding:50px 40px 40px 70px;}
.contactBox .info .box .title{color:#3f3f3f;font-size:36px;}
.contactBox .info .box .wx{margin-top:40px;font-size:16px;line-height:30px;color:#3f3f3f}
.contactBox .info .box .bottom{margin-top:40px;overflow: hidden;background: #efefef;}
.contactBox .info .box .bottom span{ position: relative;display: block; float:left;width:50%;padding:35px 30px;font-size:16px;line-height:26px;color:#3f3f3f;}
.contactBox .info .box .bottom span:after{ content: ""; position: absolute;top:20%;right:0;width:2px;height:60%; background: #ddd}
.contactBox .info .box .bottom span:last-child:after{ display: none}
.contactBox .info .box .bottom span b{font-weight:bold; display: block;}
.contactBox .info #dituContent,.contactBox .info .box{height:615px;}
.contactBox .message{ overflow: hidden; background: #fff;}
.contactBox .message .pic{float:left;width:25%}
.contactBox .message .pic img{ display: block;max-width:100%;}
.contactBox .message .right{float:right;width:73%}
/*==留言2↓==*/
.message{}
.message form{width:101%;margin-left:-1%;}
.message .block{position: relative; float:left;line-height:35px;padding:10px 20px 10px 60px; width:49%; margin:0 0 1% 1%; border:1px #ddd solid; background-position:28px 16px; background-repeat:no-repeat;}
.message .name{background-image: url(../images/ico101.png);}
.message .phone{background-image: url(../images/ico102.png);}
.message .tel{background-image: url(../images/ico103.png);}
.message .mail{background-image: url(../images/ico104.png);}
.message .remarks{background-image: url(../images/ico105.png);}
.message textarea.block{width:100%;height:180px; clear: both}
.message button.submit{float:left;width:40%; padding:20px 20px;margin-left:1%;font-size:14px; color:#fff; background: #009fe8;border: none;}
.message button.submit:hover{background:#666}
/*==list-box 图片款 久↓==*/
.list-box{margin-top:20px;}
.list-box li{float:left; width:23%; margin:0 1% 1% 1%}
.list-box li img{max-width:100%;width:100%;}
.list-box li .pic{padding-top:65%;border: 1px #ddd solid;}
.list-box li:hover .pic{border: 1px #009fe8 solid;}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;}
.list-box li:hover h4{color:#009fe8;}
#list-box2 li{width:18%;}
/*==荣誉资质↓==*/
.list-honor2{margin:0 0 20px 0; overflow: hidden;}
.list-honor2 h2.title{float:left;width:100%;color:#666;font-size:20px;margin:0 0 20px 0; padding:0 0 15px 0;border-bottom: 1px #ddd solid;}
.list-honor2 li{float:left; width:23%; margin:0 1% 1% 1%;text-align: center;}
.list-honor2 li a{ display: block}
.list-honor2 li .imgBoxB{/*! width:100%; */ text-align: center; border:1px #ddd solid;margin: auto;height: 250px;}
.list-honor2 li .auto{ margin:auto; display: table}
.list-honor2 li .imgBox{height:250px;width:100%;/*! border:1px #ddd solid; */vertical-align: middle;display: table-cell;text-align: center;}
.list-honor2 li .imgBox img{ width:auto;max-width:100%;margin: auto;max-height: 250px;display: block;vertical-align: middle;}
.list-honor2 li .imgPD{border: 1px #ddd solid;}
.list-honor2 li h4{color:#666;font-size: 15px;text-align: center;padding:10px 0;height: 50px;}
.list-honor2 li:hover h4{color:#c31019;}
/*==底部===*/
.footer{padding: 60px 0 30px 0;background: #212121;overflow: hidden;}
.footer .nav{position:relative;display: table;margin-bottom: 30px;/*! width: 70%; */}
.footer .nav li{/*! display: table-cell; */float: left;padding-right: 25px;margin-right:25px;border-right: 1px #aaa dotted;}
.footer .nav li:last-child{padding-right: 0px;margin-right:0px; border:none;}
.footer .nav li a{ display: block;color:#fff; line-height:15px;font-size:14px;}
.footer .nav li a:hover{color:#aaa}
.footer .left{width:78%;}
.footer .left .wx{clear: both;margin-top:40px;color:#999999;font-size:12px; line-height:25px;}
.footer .left .wx a{color:#999999;font-size:12px;}
.footer .left .wx a:hover{color:#fff;}
.footer .right{width:20%;}
.footer .right span{float:left; display: inline-block;width:48%; margin-left:1%;color:#212121;font-size:12px;padding:10px; text-align: center; background: #fff/*! padding-right: 20px; */}
.footer .right span img{ display: block; width:100%;margin-bottom:15}
.footer .link{margin-top:40px;padding-top:20px; border-top:1px #383838 solid}
.footer .link h3{float: left;color:#666666;font-size:12px;margin-right:50px;}
.footer .link a{color:#666666;font-size:12px;display: inline-block;padding: 0 15px;font-size:12px;line-height: 9px;border-right: 1px #383838 dotted;}
.footer .down .link a:last-child{border:none;}
.footer .down a:hover{color:#fff}
