@charset "utf-8";
/*~~~~框架布局~~~*/
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}


/*==版心定义↓==*/
.container{width:1600px;}
a:hover{color:#31af9a}


/*==字符串↓==*/
i,.iof,*:before,*:after{font-style: normal;font-family: "iconfont";line-height:1;transition: all .4s ease-in-out}
@font-face {
  font-family: 'iconfont';  /* Project id 1963410 */
  src: url('//at.alicdn.com/t/font_1963410_c0tyt2lyh3.woff2?t=1627358580708') format('woff2'),
       url('//at.alicdn.com/t/font_1963410_c0tyt2lyh3.woff?t=1627358580708') format('woff'),
       url('//at.alicdn.com/t/font_1963410_c0tyt2lyh3.ttf?t=1627358580708') format('truetype');
}

/*==顶部↓==*/
.fixed-top.header{ position: fixed;width:100%;z-index:99; padding:10px 0;height:80px;box-shadow: 0 0 10px #ddd;  }
.fixed-top.header:before{opacity:0.5; height:100%;}
.fixed-top.header .logo img{ margin-top:15px}
.fixed-top.header .nav{margin-top: 20px;}
.fixed-top.header .nav > li > a{padding-bottom: 26px;}
.fixed-top.header .nav > li > a:after{bottom:25px}
.fixed-top.header .tel{ margin-top: 20px; }
/*--*/
.header{position: fixed;z-index:99;padding: 30px 0;width: 100%;height: 110px;}
.header:before{opacity:0; content:"";position:absolute;bottom:0;z-index:-1;width:100%;height:80%;background: #000;transition: all .4s ease-in-out;}
.header .logo{float:left}
.header .logo img{ /* max-height: 100%; */}
.header .tel{float:right;position:relative;color:#fff;font-size:18px;margin: 18px 0 0 60px;}
.header .tel:before{content: "\e618";float:left;/* color:#fff; */font-size: 20px;margin: 4px 10px 0 0;}
.header .search{}
.header .search{position:relative;float: right;/* display:table; */margin: 14px 0 0 80px;overflow: hidden;padding: 7px 15px;height: 35px;border-radius: 30px;border:1px #fff solid;}
.header .search form{display: flex;}
.header .search input{float: left;width: 100%;border: none;color: #fff;/* line-height: 30px; */background: none;}
.header .search input::-webkit-input-placeholder{color:#fff}
.header .search button{float:right;/* width:30px; */padding-left: 10px;border: none;border-left: 1px #fff solid;color: #fff;font-size: 18px;background: none;}
.header .tel:before{content: "\e675";font-family: "iconfont";/* position: absolute; *//* left:0; */margin-right: 10px;font-weight: 400;color: #31af9a;}
.header .nav{display:flex;float: right;margin-top: 20px;}
.header .nav > li{/* flex: 1; */float: left;margin-left: 40px;position: relative;}
.header .nav > li > a{position: relative;z-index: 2;display: block;color:#fff;font-size:16px;text-align: center;padding-bottom: 10px; }
.header .nav > li > a:after{opacity: 0.8;content:"";position: absolute;left:0;bottom: 10px;z-index: -1;width:100%;height: 10px;background:#31af9a;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li:hover > a,.header .nav > li.active > a{/* color:#31af9a; */}
.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
.header .nav .sub{display:none;width: 200%;left:-50%;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,1);padding: 10px 0;z-index: 999;text-align: center;/* box-shadow: 0 0 10px #ddd; */}
.header .nav .sub a{display: block;color: #5e5e5e;font-size: 14px;padding:8px 10px}
.header .nav .sub a:hover{color:#fff; background: #31af9a;}
/*.header .nav li:last-child .sub{display: none !important;}*/


/*==次级导航↓==*/
.menu{width:100%;margin-top:60px;margin-bottom:-10px;}
.menu ul{display:table; /*! background:#f2f3f4; *//*! width: 100%; */margin: auto;}
.menu li{/*! flex: 1; */ display: inline-block;}
.menu li a{position:relative;z-index:2;display: block;margin:0 10px 10px 10px;color:#191919;font-size:18px;border: 1px #e9e9e9 solid;overflow: hidden;padding: 10px 20px;border-radius: 6px; background: #f7f7f7;}
.menu li a:after{ content: ""; position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%; background: #31af9a;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu li:hover a,.menu li.active a{ color:#fff;border-color:#31af9a }
.menu li:hover a:after,.menu li.active a:after{transform: scale(1);transform-origin:left;}


/*==面包屑↓==*/
.site{}
.site .container{padding: 20px 0;border-bottom:1px #ddd solid;}
.site .home i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}
.site a{color:#666;font-size:12px;}
.site a:hover{color:#31af9a}
.site .more{float:right;color:#fff;font-size:14px;padding: 5px 10px;margin-top: -5px;background: #666;}
.site .more:hover{color:#fff; background: #31af9a;}


/*==标题↓==*/
.titleAx{position:relative;color:#000123;font-size:36px;margin-bottom:60px;line-height:1;font-weight: bold;}  
.titleAx b{ position: relative;z-index:1;padding: 20px 0 20px 20px;display: block;}
.titleAx b:before{content:"";position:absolute;left:0;top:0;z-index:-1;width:80px;height:80px;display:block;border-radius:50%;border:15px #31af9a solid;/*padding: 20px;background-color:#fff;background-image: linear-gradient(135deg,#000781, #23b7cb);*/}
.titleAx span{margin-top:10px;display: block;color:#bdbdbd;font-size:16px;font-weight: 400;text-transform: Uppercase;}
.titleAx .more{position: absolute;right:0;bottom:30px;z-index:2;color:#fff;font-size:14px;padding:10px 20px;border-radius:30px;background:-webkit-linear-gradient(left, #01cdac, #71d6ce); overflow: hidden; }
.titleAx .more:before{ opacity: 0; content: ""; position: absolute;left:0;top:0;z-index:-1;width:50%;height:100%;transition: all .4s ease-in-out; background: #3d3d3d;}
.titleAx .more:hover:before{opacity:1; width:100%;}
.titleAx font{color:#31af9a}
.titleAx hr{display: block;margin: 10px auto 0;width: 40px;height: 3px;border:none;background: #31af9a;}
.titleAx.cen{text-align: center;margin-bottom:50px;}
.titleAx.m30{margin-bottom:30px}
.titleAx.m40{margin-bottom:40px}
.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}
.titleAx.white hr{background:#fff}


/*==标题↓==*/
.titleBx{color:#000123;font-size:40px;margin-bottom:50px; text-align: center;}
.titleBx span{display: block; margin:10px auto 0;color:#bdbdbd;font-size:14px;font-weight:400}
.titleBx hr{display: block;margin: 10px auto 0;width: 40px;height: 2px;border:none;background: #31af9a;}
.titleBx.cen{text-align: center;}
.titleBx.white,.titleBx.white span{color:#fff}
.titleBx.tTop{margin:50px 0 -20px 0;}


/*==边距↓==*/
.ptm60{padding:60px 0}
.ptm80{padding:80px 0}
.ptm100{padding:100px 0}
.pt60{padding-top:60px}
.pt80{padding-top:80px}
.pt100{padding-top:100px}
.pm60{padding-bottom:60px}
.pm80{padding-bottom:80px}
.pm100{padding-bottom:100px}
/*--*/
.mtm60{margin:60px 0}
.mtm80{margin:80px 0}
.mtm100{margin:100px 0}
.mt60{margin-top:60px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mm60{margin-bottom:60px}
.mm80{margin-bottom:80px}
.mm100{margin-bottom:100px}

/*句段限制*/
.abbr{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lcp{-webkit-line-clamp: 2;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}


/*===内页框↓==*/
.rack{float:left;width:100%;padding:70px 0 80px 0;}
.rackWor{}


/*===切换按钮↓==*/
.tobtn{}
.tobtn .btn{float:left;color:#999999;font-size:16px;margin:0 10px;border:1px #999999 solid;width:40px;height:40px;line-height: 37px;border-radius:50%;cursor: pointer;text-align: center;}
.tobtn .btn:hover{border-color:#31af9a;color:#31af9a}
.tobtn .sPrev:before{content: "\eb95";}
.tobtn .sNext:before{content: "\e65d";}
/*--*/
.taTop{overflow: hidden;margin-bottom:40px;}
.taTop .titleAx{float:left;/* flex: 1; */flex-shrink: 0;margin-bottom:0px}
.taTop .txt{/* width: 70%; *//* float:right; */padding-left: 200px;color:#666;font-size:16px;line-height:26px;}
.taTop.flex{display: flex;}
.taTop .tone{float:right;margin-top: 20px;}


/*===切换点↓==*/
.spot-1{}
.spot-1 span{opacity: 1;display: inline-block;width:10px;height:10px;margin:0 8px !important;border-radius:50%;background: #fff;}
.spot-1 .swiper-pagination-bullet-active{background:#31af9a} 
/*--*/
.spot-2{}
.spot-2 span{opacity: 1;display: inline-block;width:10px;height:10px;margin:0 8px !important;border-radius:50%;border:1px #fff solid; background:none}
.spot-2  .swiper-pagination-bullet-active{border-color:#31af9a;background:#31af9a} 
/*--*/
.spot-3{margin-top:30px; text-align:center;width: auto !important;}
.spot-3 span{opacity: 1;display: inline-block;width:25px;height:5px;margin:0 8px !important;border-radius:10px; background:#a2a2a2}
.spot-3 .swiper-pagination-bullet-active{ background:#31af9a} 



/*==切换Tab↓==*/
.tone-1{margin: 0 0 -20px -30px;}
.tone-1 li{float:left;margin-bottom:20px;cursor: pointer;overflow: hidden;}
.tone-1 a{position: relative;z-index: 1;display:block;margin-left:30px;color: #000123;font-size: 16px;padding: 6px 30px;border: 1px #31af9a solid;border-radius: 30px;overflow: hidden;}
.tone-1 a:after{content:"";position: absolute;left:0;bottom: 0;z-index: -1;width:100%;height: 100%;background:-webkit-linear-gradient(left, #31af9a, #71d6ce);transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.tone-1 .active a,.tone-1 li:hover a{color:#fff}
.tone-1 .active a:after,.tone-1 li:hover a:after{transform: scale(1);transform-origin:left;}
/*.tone-1 .more{float:left;}*/



/*==首页产品↓==*/
.ProductHome{}
.ProductHome .tone{float:right}
.ProductHome .control{margin-bottom:40px}
.ProductHome .down .frame{display: none;position: relative;}
.ProductHome .down .frame.show{display: block;}
.ProductHome .list{}
.ProductHome .list li{position: relative; padding:30px 20px;background:#f6f6f6;}
.ProductHome .list li:after{opacity: 0;content: "";position: absolute;left:0;top:0;width:100%;height:100%;transform: translateY(-5px);background:#31af9a;transition: all .4s ease-in-out;}
.ProductHome .list .silent{ text-align: center; border-top:1px #31af9a solid;margin-top:20px;padding-top:20px;}
.ProductHome .list .silent .title{color:#000123;font-size:16px; }
.ProductHome .list .silent span{color:#000123;font-size:14px;margin-top:5px; display: block;}
.ProductHome .list .open{opacity:0;position:absolute;top: 0;left:0;bottom:0;right:0;z-index:1;text-align: center;padding: 40px;}
.ProductHome .list .open .title{color:#fff;font-size:18px;margin-bottom:30px;}
.ProductHome .list .open .title span{font-size:14px;margin-top:2px;}
.ProductHome .list .open .txt{-webkit-line-clamp: 4;color:#fff;font-size:14px;line-height: 26px;}
.ProductHome .list .open .online{position: absolute;bottom: 0;left: 0;right: 0;margin: 50px;display: flex;justify-content: space-between;}
.ProductHome .list .open .online a{float: left;display: block;color:#31af9a;font-size:14px;padding: 6px 30px;border-radius:30px;background: #fff;}
.ProductHome .list .open .online a:hover{color:#fff; background:#444}
.ProductHome .list li:hover:after{opacity: 0.9;transform: translateY(0px);}
.ProductHome .list li:hover .silent{opacity: 0;}
.ProductHome .list li:hover .open{opacity: 1;}
.ProductHome .tobtn{position: absolute;left:0;top:-80px;}


/*==产品列表↓==*/
.product-list{}
.product-list .pic{padding-top:80%; background: url(../images/bg04.jpg) no-repeat center;background-size:cover;}
.product-list .box{border-top:1px #eee solid;padding:50px;background: #fff;}
.product-list .title{-webkit-line-clamp: 1;color:#000123;font-size:18px;margin-bottom:10px;}
.product-list .txt{-webkit-line-clamp: 2;color:#666;font-size:14px;} 
.product-list li:hover{}
.product-list li:hover a{/*transform: translateY(-5px);*/box-shadow:0 0 10px #ddd}
.product-list li:hover h4{color:#31af9a}                  
/*--*/
.product-list.edge{margin:0 0 -30px -30px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.product-list.edge li{/*flex-grow: 1;*/display: inline-block;width:33.3%;margin-bottom:30px;}
.product-list.edge a{ display: block;margin-left:30px;height:100%;background: #fff;}


/*==首页设备性能↓==*/
.SpecialHome{background: url(../images/SpecialBg.jpg) no-repeat center top;}
.SpecialHome .left{position: relative;z-index: 2;float: left;width: 44%;text-align: right;padding-top: 50px;padding-left:100px;}
.SpecialHome .left:before{content:"";position:absolute;left:0;bottom: -120px;z-index:-1;width: 400px;height: 400px;display:block;border-radius:50%;border: 80px #31af9a solid;/*padding: 20px;background-color:#fff;background-image: linear-gradient(135deg,#000781, #23b7cb);*/}
.SpecialHome .right{float: right;width:50%;}
.SpecialHome ul{}
.SpecialHome ul li{position: relative;padding-bottom: 25px;padding-left: 80px;margin-bottom: 25px;border-bottom: 1px #eaeaea solid;}
.SpecialHome ul li:last-child{border-bottom:none;padding-bottom:0px;margin-bottom:0px;}
.SpecialHome ul em{position: absolute;left: 0;float:left;width: 60px;height: 60px;background-color: #dcefec;background-position:center;background-repeat:no-repeat;}
.SpecialHome ul h4{color:#000123;font-size:20px;margin-bottom: 5px;}
.SpecialHome ul p{color:#999;font-size:14px;}
.SpecialHome ul li:hover{transform: translateY(-5px);}
.SpecialHome ul li:hover h4{color:#31af9a}
.SpecialHome ul .x1 em{background-image:url(../images/icon101.png);}
.SpecialHome ul .x2 em{background-image:url(../images/icon102.png);}
.SpecialHome ul .x3 em{background-image:url(../images/icon103.png);}
.SpecialHome ul .x4 em{background-image:url(../images/icon104.png);}
.SpecialHome ul .x5 em{background-image:url(../images/icon105.png);}


/*==解决方案切换↓==*/
.solution-srll{margin-left:-1%}
.solution-srll .list{}
.solution-srll .list li{float:left;width:20%;margin-left:1%;z-index:1; display:block;height: 500px;border-radius:10px;overflow:hidden;transition: all .6s;} 
.solution-srll .list li:after{ opacity:0.5;content:""; position: absolute; left:0;top:0;z-index:;width:100%;height:100%; background: #000;}
.solution-srll .list .bg{  display:block;  width:100%;height: 100%;object-fit: cover;}
.solution-srll .list .cur{width:36%;}
.solution-srll .list .silent{position:absolute;left:0;bottom:0;right:0;z-index:1;margin: 40px;text-align: center;transition: all .4s ease-in-out;}
.solution-srll .list .silent em{display: table;margin:auto;width: 30px;height: 30px;background-repeat:no-repeat;background-position:center;}
.solution-srll .list .silent .title{color:#fff;font-size:20px;margin-top:10px;}
.solution-srll .list .open{opacity:0;position:absolute;left:0;bottom:0;right:0;z-index:1;margin: 40px;line-height: 30px;/* text-align: center; */transition: all .4s ease-in-out;}
.solution-srll .list .open .title{display: block; color:#fff;font-size:24px;margin-bottom:30px;}
.solution-srll .list .open .txt{-webkit-line-clamp: 5;color:#fff;font-size:15px;}
.solution-srll .list .open .online{margin-top: 40px;}
.solution-srll .list .open .online a{float: left;display: block;color:#31af9a;font-size:14px;padding: 5px 40px;border-radius:30px;margin-right:50px;background: #fff;}
.solution-srll .list .open .online a:last-child{margin-right:0px;}
.solution-srll .list .open .online a:hover{color:#fff;background: #31af9a;}
.solution-srll .list .open .title:hover{color:#31af9a}
.solution-srll .list li.cur .silent{ opacity: 0;}
.solution-srll .list li.cur .open{ opacity: 1;}
.solution-srll .list .x1 em{background-image:url(../images/icon201.png);}
.solution-srll .list .x2 em{background-image:url(../images/icon202.png);}
.solution-srll .list .x3 em{background-image:url(../images/icon203.png);}
.solution-srll .list .x4 em{background-image:url(../images/icon204.png);}


/*==首页解决方案手机端↓==*/
.SolutionHome .list-wap{ display: none;flex-flow: row wrap;align-content: flex-start;}
.SolutionHome .list-wap li{position: relative;z-index: 1;flex-grow: 1;display: inline-block;width: calc( 50% - 15px);margin-bottom:15px;padding:40px 20px;}
.SolutionHome .list-wap li:after{ opacity:0.5;content:""; position: absolute; left:0;top:0;z-index:-1;width:100%;height:100%; background: #000;}
.SolutionHome .list-wap li:nth-child(2n){margin-left:15px}
.SolutionHome .list-wap .title{display: block; color:#fff;font-size:18px;margin-bottom:20px;}
.SolutionHome .list-wap .txt{-webkit-line-clamp: 2;color:#fff;font-size:13px;}
.SolutionHome .list-wap .online{margin-top: 30px;}
.SolutionHome .list-wap .online a{float: left;display: block;color:#31af9a;font-size:14px;padding: 5px 30px;border-radius:30px;margin-right:30px;margin-bottom:10px;background: #fff;}
.SolutionHome .list-wap .online a:last-child{margin-right:0px;}
.SolutionHome .list-wap .bg{position: absolute;left:0;top:0;z-index: -2;width:100%;height:100%;display:block;object-fit: cover;}


/*==解决方案列表↓==*/
.solution-list{}
.solution-list li{margin-bottom:40px;display: flex;background: #f9f9f9;}
.solution-list a{}
.solution-list .pic{width:50%;flex-shrink: 0;}
.solution-list .pic img{display: block; width:100%;height: 100%;object-fit: cover;}
.solution-list .box{padding:50px;}
.solution-list h4{color:#000123;font-size:26px;margin-bottom: 30px;}
.solution-list h4:after{ content:"";display: block; width:50px;height:2px;margin-top:10px;border:none; background: #31af9a;}
.solution-list .wx{    -webkit-line-clamp: 8;color:#666;font-size:15px;line-height: 28px;} 
.solution-list .more{display: table;margin-top: 40px;color:#31af9a;font-size:14px;padding: 6px 30px;border-radius:30px;border:1px #31af9a solid;}
.solution-list li:hover h4{color:#31af9a}
.solution-list li:hover .more{color:#fff;background:#31af9a;}


/*==首页案例↓==*/
.CaseHome{ overflow: hidden; background: #f7f8f9;}
.CaseHome .long{position: relative;} 
.CaseHome .left{width:50%;float:left}
.CaseHome .right{/* position: relative; */width:50%;float:right;padding: 60px 0 40px 50px;}
.CaseHome .right:before{content:"";position:absolute;right: -10%;bottom: 0;z-index:1;height: 320px;width: 60%;background:#f1f2f3;}
.CaseHome .right .tone{width:80%}
.CaseHome .down{/* position:relative; *//* z-index:2; */}
.CaseHome .list{}
.CaseHome .list .pic{position: absolute;right: 50%;bottom: 0;top: 0;}
.CaseHome .list .pic img{position:absolute;right:0;top:0;height:100%;max-width:initial;object-fit: cover;}
.CaseHome .list .box{position:relative;z-index: 2; margin-top:50px;padding:30px 0;/* background: #f1f2f3; */}
.CaseHome .list .title{color:#000123;font-size:20px;margin-bottom:10px;}
.CaseHome .list .txt{color:#666;font-size:14px;line-height: 26px;height: 135px;}
.CaseHome .tobtn{position: relative;z-index: 2;}


/*==首页优势↓==*/
.AdvantageHome{ background: #fdfdfd;}
.AdvantageCont .long{margin-left:-2%; display: flex; flex-flow: row wrap; align-content: flex-start;} 
.AdvantageCont .box{position:relative;z-index:2;float:left;width: 21.3%;margin-left: 2%;flex-grow: 1;display: inline-block;padding: 30px;box-shadow: 0 0 10px #dedede;border-radius:5px;background: #fff;overflow: hidden;}
.AdvantageCont .box:after{opacity:0; content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:#31af9a;}
.AdvantageCont .box .title{position: relative;color:#000123;font-size:28px;padding-bottom:20px;margin-bottom:20px;/* line-height: 1; */overflow: hidden;border-bottom: 1px #eaeaea solid;} 
.AdvantageCont .box .title em{float: left;display: block;width: 38px;height: 38px;margin-right: 10px;background-repeat:no-repeat;background-position: 0 0;}
.AdvantageCont .box p{color: #666;font-size:15px;line-height: 26px;}
.AdvantageCont .box .major{margin-top:80px}
.AdvantageCont .box .munber{}
.AdvantageCont .box .munber h5{color:#000123;font-size:15px}
.AdvantageCont .box .munber span{color:#31af9a;font-size:38px;margin-top:5px;font-weight: bold;}
.AdvantageCont .box .part{margin-bottom: -20px;}
.AdvantageCont .box .part span{float:left;display:block;width:50px;height: 50px;margin: 0px 40px 20px 0;line-height: 40px;color:#31af9a;font-size: 15px;font-weight: bold;border:5px #31af9a solid;text-align: center;border-radius: 50%;}
.AdvantageCont .active:after{opacity:1}
.AdvantageCont .active .title{color:#fff;border-color:#49c3af}
.AdvantageCont .active .title em{background-position:0 -38px;}
.AdvantageCont .active p{color:#fff}
.AdvantageCont .active .major h5,.AdvantageCont .active .major span{color:#fff}
.AdvantageCont .active .part span{color:#fff;border-color:rgba(255,255,255,0.5)}
.AdvantageCont .x3{width:40%}
.AdvantageCont .x1 em{background-image:url(../images/icon301.png) ;}
.AdvantageCont .x2 em{background-image:url(../images/icon302.png) ;}
.AdvantageCont .x3 em{background-image:url(../images/icon303.png) ;}


/*==首页关于↓==*/
.AboutHome{ background: url(../images/AboutBg.jpg) no-repeat center; background-size:cover ;}
.AboutHome .left{float: left;width:45%;}
.AboutHome .right{float: right;width:50%;}
.AboutHome .right .wx{color:#666;font-size:16px;line-height: 26px;}
.AboutHome .right .more{position: relative;z-index: 2; display: table; margin-top:60px;;color:#fff;font-size:14px;padding:10px 40px;border-radius:30px; overflow:hidden;background:-webkit-linear-gradient(left, #01cdac, #71d6ce);}
.AboutHome .right .more:before{ opacity: 0; content: ""; position: absolute;left:0;top:0;z-index:-1;width:50%;height:100%;transition: all .4s ease-in-out; background: #3d3d3d;}
.AboutHome .right .more:hover:before{opacity:1; width:100%;}
/*--*/
.about-srll .spot{position: absolute;left: auto !important;right: 20px;bottom: 15px !important;z-index: 5;width: auto !important;}


/*==首页新闻↓==*/
.NewsHome{}
.NewsHome .frame{display: none;}
.NewsHome .frame.show{display: block;}
.NewsHome .left{float:left;width: 48%;}
.NewsHome .right{float:right;width:50%}
.NewsHome .list h4{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsHome .list-2{}
.NewsHome .list-2 li{position: relative;margin-bottom: 25px;overflow: hidden;}
.NewsHome .list-2 .time{color: #999;font-size:12px;}
.NewsHome .list-2 .one{margin-bottom:40px;}
.NewsHome .list-2 .one h4{color:#000123;font-size:18px;margin-bottom: 15px;}
.NewsHome .list-2 .one p{color:#999;font-size:15px;margin-bottom:20px;}
.NewsHome .list-2 .one .time{float:left}
.NewsHome .list-2 .one .more{float:right;color:#31af9a;font-size:14px}
.NewsHome .list-2 .two{padding-left:20px;}
.NewsHome .list-2 .two:before{content:"";position: absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%; background: #31af9a;}
.NewsHome .list-2 .two h4{float:left;width:70%;color:#000123;font-size: 16px;}
.NewsHome .list-2 .two .time{float:right;}
.NewsHome .list-2 li:hover h4{color:#31af9a}
.NewsHome .list-2 .more:hover{color:#3d3d3d}
/*--*/
.news-srll .list{}
.news-srll .list img{height:550px;width:100%;object-fit: cover;}
.news-srll .list h4{position:absolute;left:0;bottom:0;right:0;padding: 20px 100px 20px 20px;color:#fff;font-size:15px;background: rgba(0,0,0,0.5);}
.news-srll .spot{position: absolute;left: auto !important;right: 20px;bottom: 21px !important;z-index: 5;width: auto !important;}


/*==行业应用切换↓==*/
.industry-slide{overflow: hidden;}
.industry-slide .long{ position: relative;z-index:1;padding:180px 0; /* overflow:hidden; */}
.industry-slide .theme{position:absolute;left: 40px;top: 210px;z-index: 2;color:#31af9a;font-size: 28px;}
.industry-slide .theme:before{float: left;content:"";margin: 25px 20px 0 0;width: 60px;height:2px;display: block;background:#31af9a;}
.industry-slide .list{}
.industry-slide .list li{}
.industry-slide .box{width:480px;padding: 90px 40px 120px 40px;margin-bottom:10px;background:#fff;}
.industry-slide .title{color:#000123;font-size:20px;margin-bottom: 10px;}
.industry-slide .txt{-webkit-line-clamp: 3;color:#999;font-size:14px;line-height:22px;height: 65px;}
.industry-slide .bg{position:absolute;left: -10%;top: 0;right: -10%;z-index:-1;width: -webkit-fill-available;max-width: initial;height: 100%;object-fit: cover;}
.industry-slide .control{position:absolute;left: 40px;bottom: 230px;}
.industry-slide .control .pageState{color:#333;font-size:24px;margin: 0 10px;letter-spacing: 5px;}
.industry-slide .btn{color: #ccc;font-size: 22px;cursor: pointer;} 
.industry-slide .btn:hover{color:#31af9a;}
.industry-slide .prev:before{content: "\e662";}
.industry-slide .next:before{content: "\eb9b";}


/*==案例列表↓==*/
.case-list {margin:0 0 -30px -20px;display:flex;flex-flow:row wrap;align-content:flex-start;}
.case-list li {display:inline-block;width:33.3%;margin-bottom:30px;text-align:center;}
.case-list h4 {color:#212121;font-size:16px;margin-top:18px;}
.case-list li a {display:block;margin-left:20px;height:100%;}
.case-list li .pic {padding-top:70%}
/*.case-list li .pic:before {opacity:0;content:"\e629";position:absolute;left:0;top:0;right:0;z-index:2;bottom:0;width:50px;height:50px;margin:auto;font-size:40px;color:#fff;font-style:normal;font-family:"iconfont";line-height:1;transform:translateX(-8px);transition:all .4s ease-in-out;}
*/.case-list li .pic:after {opacity:0;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;}
.case-list li .pic .box {opacity:0;position:absolute;left:0px;top:0;right:0px;bottom:0;z-index:2;margin:auto;height:min-content;padding:50px 80px;}
.case-list li .pic p {opacity:0;-webkit-line-clamp:3;color:#fff;font-size:15px;line-height:26px;transform:translateY(-5px);}
.case-list li .pic em {display:table;width:50px;height:50px;margin:30px auto 0;font-size:40px;color:#fff;font-style:normal;font-family:"iconfont";line-height:1;transform:translateY(5px);transition:all .4s ease-in-out;}
.case-list li:hover h4 {color:#31af9a}
.case-list li:hover .box {opacity:1;}
.case-list li:hover .pic p {opacity:1;transform:translateY(0px);}
.case-list li:hover .pic em {opacity:1;transform:translateY(0px);}
.case-list li:hover .pic:after {opacity:0.4;}


/*==产品详情↓==*/
.ProductShow{padding-bottom:0px !important}
.ProductShow .top{}
.ProductShow .top .left{float:left;width:50%;border:1px #eee solid;  text-align:center;background: url(../images/bg04.jpg) no-repeat center;background-size: cover;}
.ProductShow .top .right{padding-left:50px;float:right;width:50%}
.ProductShow .top .title{color:#000123;font-size:30px;margin-bottom:30px;}
.ProductShow .top .wx{color:#666;font-size:14px;line-height:26px;}
.ProductShow .top .online{margin-top:50px}
.ProductShow .top .online .block{float: left;display: inline-block;line-height: 40px;margin-right:20px;border-radius:5px;}
.ProductShow .top .tel{color:#fff;font-size: 20px;padding: 5px 20px;background: #000123;}
.ProductShow .top .tel:before{content:"\e646";margin-right:5px;}
.ProductShow .top .btn{color:#fff;font-size: 14px;padding: 5px 35px;background: #31af9a;}
.ProductShow .top .online .block:hover{background: #333;}
.ProductShow .con{margin-top:60px}
.ProductShow .con .tone{overflow:hidden;margin-bottom:40px;background:#f5f7fa;}
.ProductShow .con .tone li{float:left;position: relative;z-index:1;display: inline-block;/* padding:10px 30px; */cursor: pointer;}
.ProductShow .con .tone li a{display: block;color:#444444;font-size:20px;padding: 15px 40px;}
.ProductShow .con .tone li a:after{content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;transition:transform .5s;transform: scale(0,1);transform-origin:right; background: #31af9a}
.ProductShow .con .tone li.active a,.DetailCont .con .tone li:hover a{color:#fff}
.ProductShow .con .tone li.active a:after,.DetailCont .con .tone li:hover a:after{transform: scale(1);transform-origin:left;}
.ProductShow .con .wx{color:#666;font-size:15px;line-height:26px;}
.ProductShow .recom{background: #f5f7fa}


/*==产品详情↓==*/ 
.DetailCont .top{/*padding:60px 0 120px 0; ;border-bottom:1px #ddd solid;background: #f5f5f5;*/}
.DetailCont .top .left{width:55%;}
.DetailCont .top .right{width:40%}
.DetailCont .top .right .title{color:#191919;font-size:30px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px #ddd solid;}
.DetailCont .top .right .wx{padding:20px;color:#666666;font-size:14px;min-height:100px;margin-bottom:80px;line-height: 24px;-webkit-line-clamp: 7;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden; background: #f2f2f2;}
.DetailCont .top .right .parts{ margin: -50px 0 35px 0;overflow: hidden;}
.DetailCont .top .right .parts h3{color:#333;font-size: 18px;margin-bottom: 15px;}
.DetailCont .top .right .parts img{display: block;float:left;width: 17%;height:80px;margin-right: 2%;border:2px #ddd solid;}
.DetailCont .top .right .parts img:hover{border-color:#666}
.DetailCont .top .right .tel{display: block;color:#191919;font-size:22px;margin-bottom:50px;padding: 20px 0 20px 0px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;}
.DetailCont .top .right .tel i{float:left;color:#666;font-size: 25px;margin-right: 15px;}
.DetailCont .top .right .btn{float:left;padding:8px 40px;color:#fff;font-size:18px;margin-right:20px;border-radius:40px; background-color: #31af9a;}
.DetailCont .top .right .btn i{float:left;margin: 3px 10px 0 0px;color:#fff;font-size:20px;}
.DetailCont .top .right .online{/* padding-left:70px; */}
.DetailCont .top .right .download{color:#4c4c4c;background: #fff;}
.DetailCont .top .right .btn:hover{color:#fff;background-color: #333;}
.DetailCont .con{margin-top:70px}
.DetailCont .con .tone{overflow:hidden;margin-bottom:50px;border-bottom:1px #ddd solid; text-align: center;}
.DetailCont .con .tone li{position: relative; display: inline-block; margin:0 20px 0 20px; /*! border-left:1px #ddd solid; */cursor: pointer;}
.DetailCont .con .tone li a{display: block; color:#444444;font-size:20px;padding: 0px 0px 20px 0;}
.DetailCont .con .tone li a:after{content:"";position: absolute;left:0;bottom:0;width:100%;height:1px;transition:transform .5s;transform: scale(0,1);transform-origin:right; background: #31af9a}
.DetailCont .con .tone li.active a,.DetailCont .con .tone li:hover a{color:#31af9a}
.DetailCont .con .tone li.active a:after,.DetailCont .con .tone li:hover a:after{transform: scale(1);transform-origin:left;}
.DetailCont .con .long{margin-bottom:50px;padding-bottom:40px; border-bottom:1px #ddd solid}
.DetailCont .con .title{position: relative; color:#333;font-size:22px;margin-bottom:30px;padding-left:20px}
.DetailCont .con .title:before{content:"";position: absolute; left:0;top:10%;width:2px;height: 80%; background: #31af9a;}
.DetailCont .con .long:last-child{margin-bottom:0px;padding-bottom:0px; border-bottom:0px}
.DetailCont .con .wx{}
.DetailCont .con .wor{color:#393939;line-height:24px;font-size:15px;}


/*==左右图片切换↓==*/
.srllOrso{}
.srllOrso .leftPic{width:80%;float: left;border:2px #efefef solid; background: #fff;}
.srllOrso .leftPic img{display: block;margin:auto;max-width:100%;height: 100%;object-fit: cover;}
.srllOrso .rightPic{width:20%;float: right;padding-left:15px;}
.srllOrso .rightPic li{height:20%;margin-bottom:20px;border:2px #efefef solid;cursor: pointer;background: #fff;}
.srllOrso .rightPic li img{display: block;max-width:100%;height: 100%; margin:auto}
.srllOrso .rightPic li.swiper-slide-thumb-active{border-color: #31af9a;}
.srllOrso .leftPic,.srllOrso .rightPic{height: 520px;}
.srllOrso .leftPic .look{ opacity:0; position:absolute; left:0;bottom:0;z-index:2;width:100%;padding:10px; color:#fff;font-size:16px;height:40px;text-align:center;transform: translateY(40px);  background:rgba(0,0,0,0.5) ;}
.srllOrso .leftPic .look i{ margin-right:10px; display:inline-block;font-size:20px;}
.srllOrso .leftPic:hover .look{opacity:1 ; transform: translateY(0px);}
.srllOrso .rightPic:hover .btn{opacity: 1 !important;}
.srllOrso .btn{opacity:0 !important;left:15px;top:0;right:0;width:auto;height:auto;margin:0px;color:#fff;font-size: 32px;padding: 5px 0;text-align: center;background:rgba(0,0,0,0.5);}
.srllOrso .btn.swiper-button-disabled{opacity: .9}
.srllOrso .btn.nt{top:auto;bottom:0;}
.srllOrso .btn:hover{background:rgba(0,0,0,0.7)}


/*==新闻↓==*/
.NewsListBox{padding-bottom:0 !important}
.NewsListBox .up{margin-bottom:90px;}
.NewsListBox .up .more{}
.NewsListBox .up .more{color:#fff;font-size:12px;padding: 10px 30px;display: table;margin-top: 40px;background: #666;}
.NewsListBox .up .more:before{content: "\e61f";font-family: "iconfont";line-height:1;float:right;/* width:10px; */height: 10px;font-size: 21px;margin: -1px 0 0 10px;transition: all .4s ease-in-out;}
.NewsListBox .up .more:hover{ background: #31af9a;}
.NewsListBox .up .more:hover:before{transform:translateX(3px);}
.NewsListBox .up .swiper-container:after{content: "";position: absolute; left:0;bottom:0;width:100%;height:100px; background: #009fe8;}
.NewsListBox .up .spot{bottom:0;display: table;width: 100%;left: 700px;/*! margin-left: 52px; */text-align: left;padding: 30px 35px 30px 50px;background:#31af9a;}
.NewsListBox .up .spot span{ opacity:1;width:10px;height:10px; background:rgba(255,255,255,0.5);margin-right: 12px;}
.NewsListBox .up .spot .swiper-pagination-bullet-active{ background:#fff}
.NewsListBox .up li{ position: relative; }
.NewsListBox .up li a{position: relative;display: block;height: 450px;padding:50px 50px 50px 750px;background:#f2f2f2;}
.NewsListBox .up li .pic{float: left;position:absolute;left:0;top:0;width:700px;height: 100%;}
.NewsListBox .up li .pic img{max-width:100%;height: 100%;object-fit: cover;}
.NewsListBox .up li .box{/*! text-align: center; */float: left;width: 100%;height: 100%;}
.NewsListBox .up li .box h4{width: 100%;font-size:24px;color:#191919;/*! font-weight: bold; */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsListBox .up li .box .time{position:relative; display: block; color:#999;font-size:12px;margin-top:20px;}
.NewsListBox .up li .box .time:before{content:"";float:left;margin:10px 20px 0 0; width:40px;height:1px; background:#ccc}
.NewsListBox .up li .box p{-webkit-line-clamp: 4;font-size:14px;color:#464646;margin-top: 30px;line-height: 24px;}
.NewsListBox .up li:hover h4{color:#31af9a}
.NewsListBox .shell{padding: 70px 0 50px 0;background-color: #f3f3f3; overflow: hidden;}
.NewsListBox .shell ul{margin:0 0 -30px -30px;}
.NewsListBox .shell li{float: left;width: 33.3%;}
.NewsListBox .shell li a{position: relative;display: block;margin:0 0 30px 30px;padding: 30px; overflow: hidden;background-color: #fff;}
.NewsListBox .shell li a:after{content: "";position: absolute;left: 0;top: 0;height: 3px;width: 0;transition: all .5s;background-color: #31af9a;}
.NewsListBox .shell li a h4{width: 100%;font-size: 16px;color: #191919;margin-top:30px;;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s;}
.NewsListBox .shell li a .txt{-webkit-line-clamp: 2;font-size: 14px;color: #666666;line-height: 24px;margin-top:15px;/*! overflow: hidden; */margin-bottom: 15px;}
.NewsListBox .shell li a .pic{display: block;position: relative;width: 100%;padding-top: 70%;overflow: hidden;}
.NewsListBox .shell li a .pic img{display: block;position: absolute;width: 100%;height: 100%;transition: all .4s;top: 0;left: 0}
.NewsListBox .shell li a .time{float:left; margin-right:20px; display: block;font-size: 12px;color: #999999;}
.NewsListBox .shell .more{float:left;color:#999;font-size:12px;padding: 0 0px;display: block;}
.NewsListBox .shell .more:before{content: ""; float:right;width:10px;height:7px;margin:6px 0 0 10px;background: url(../images/line02.png) no-repeat -10px 0px;transition: all .4s ease-in-out;}
.NewsListBox .shell li:hover a{box-shadow:0 0 20px 10px rgba(0,0,0,0.08);}
.NewsListBox .shell li:hover a{transform: scale(1.02);}
.NewsListBox .shell li:hover a:after{width: 100%;}
.NewsListBox .shell li:hover a h4{color: #31af9a}
.NewsListBox .shell li:hover .more{color:#f60}
.NewsListBox .shell li:hover .more:before{ background-position:0 0 }


/*==新闻详细页↓==*/
.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:28px;}
.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:#31af9a}
.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:#31af9a}
.NewsDetailBox .pagIng .prev{float:left}
.NewsDetailBox .pagIng .next{float:right}
.NewsDetailBox .relevant{margin-top:60px}
.NewsDetailBox .relevant .tit{color:#333;font-size:22px;}
.NewsDetailBox .relevant .list{margin-top:20px;}
.NewsDetailBox .relevant .list li{float:left;width:45%;margin:8px 0% 8px 0;}
.NewsDetailBox .relevant .list li:nth-of-type(even){float:right;}
.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/arrow_02.png) no-repeat left;transition: all .4s ease-in-out;}
.NewsDetailBox .relevant .list li:hover a{color:#31af9a}


/*==案例详情↓==*/
.CaseDetail{}
.CaseDetail .title{ color:#000;font-size:30px;/*text-align:*/center; margin-bottom:40px;}
.CaseDetail .tit{color:#353535;font-size:25px;margin-bottom:20px}
.CaseDetail .details{margin-top:60px}
.CaseDetail .details .wx{padding:30px;color:#666;font-size:14px;line-height:26px; background: #f4f4f4;}
.CaseDetail .relevant{margin-top:80px;}
.CaseDetail .relevant .list .pic{}
.CaseDetail .top{padding: 60px 30px 40px 30px;background: #f5f5f5;}
.CaseDetail .top .left{width:55%;}
.CaseDetail .top .right{width:40%}
.CaseDetail .top .right .title{color:#191919;font-size:30px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px #ddd solid;}
.CaseDetail .top .right .wx{padding:20px;color:#666666;font-size:14px;min-height:100px;margin-bottom:80px;line-height: 24px;-webkit-line-clamp: 7;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden; background: #f2f2f2;}
.CaseDetail .top .right .tel{display: block;color:#191919;font-size:22px;margin-bottom:50px;padding: 20px 0 20px 0px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;}
.CaseDetail .top .right .tel i{float:left;color:#666;font-size: 25px;margin-right: 15px;}
.CaseDetail .top .right .btn{float:left;padding:8px 40px;color:#fff;font-size:18px;margin-right:20px;border-radius:40px; background-color: #31af9a;}
.CaseDetail .top .right .btn i{float:left;margin: 3px 10px 0 0px;color:#fff;font-size:20px;}
.CaseDetail .top .right .online{/* padding-left:70px; */}
.CaseDetail .top .right .download{color:#4c4c4c;background: #fff;}
.CaseDetail .top .right .btn:hover{color:#fff;background-color: #333;}


/*==滚动大图↓==*/
.srllPho{ position: relative;;width: 100%;margin: auto;}
.srllPho .gallery-top{border: 1px #ddd solid; background:#fff ;}
.srllPho .gallery-top .look{ opacity:0; position:absolute; left:0;bottom:0;z-index:2;width:100%;padding:10px; color:#fff;font-size:16px;height:40px;text-align:center;transform: translateY(40px);  background:rgba(0,0,0,0.5) ;}
.srllPho .gallery-top .look i{ margin-right:10px; display:inline-block;font-size:20px;}
.srllPho .gallery-top:hover .look{opacity:1 ; transform: translateY(0px);}
.srllPho .gallery-top li{height:500px;}
.srllPho .gallery-top li img{max-width:initial;max-height:100%;width:auto;display: block;margin:auto;}
.srllPho .gallery-thumbs{margin-top:15px;padding: 0 50px;}
.srllPho .gallery-thumbs li{ width: 20%;height: 100%; border:2px #ddd solid; cursor: pointer; background:#fff;}
.srllPho .gallery-thumbs li.swiper-slide-thumb-active{ border:2px #31af9a solid;}
.srllPho .gallery-thumbs li img{max-width:100%;display: block;margin:auto;height:80px}
.srllPho .btn{opacity: 1;top:0;left:0;width: 40px;height:100%;padding:0 0;display:table;border-radius: 0%;margin: 0px;text-align:center; /*! border-radius: 5px; */color:#31af9a;font-size:40px;background-image:none;background-color:#ddd;background-position:center;background-repeat:no-repeat;background-size: auto;}
.srllPho .btn i{ display: table-cell;vertical-align: middle;padding: 0px;}
.srllPho .btn.nt{left:auto;right:0;}
/*.srllPic .btn.next{transform:rotate(180deg);}*/
.srllPho .btn:hover,.srllPho .btn:hover i{color:#fff; background-color:#31af9a;}
.srllPho .swiper-button-disabled{opacity: .5;}
/*.srllPic .btn:hover{ opacity: 1;}*/
.srllPho .gallery-top li a{height:100%; display: -webkit-box !important; display: -webkit-flex !important;display: -ms-flexbox !important;display: flex !important;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;  -webkit-align-items: center;-ms-flex-align: center;align-items: center}


/*==联系我们↓==*/
.ContactInner {padding-bottom:0px !important}
.ContactInner .long .left,.ContactInner .long .right,.ContactInner #dituContent {height:540px;}
.ContactInner .long .left {width:50%;}
.ContactInner .long .left img {width:100%;height:100%;object-fit:cover;}
.ContactInner .long .right {position:relative;width:50%;/* border:1px #ddd solid;*/padding:60px 240px 40px 50px;background:#f7f7f7;}
.ContactInner .long .right .title {color:#333333;font-size:26px;}
.ContactInner .long .right .tel {position:relative;margin-top:25px;color:#333333;font-size:14px;display:block;}
.ContactInner .long .right .tel:before {content:"";position:absolute;left:0px;top:32px;width:10px;height:3px;background:#0098ab;}
.ContactInner .long .right .tel:after {content:"";position:absolute;left:13px;top:32px;width:25px;height:3px;background:#0098ab;}
.ContactInner .long .right .tel font {margin-top:30px;font-size:30px;color:#0098ab;display:block;font-weight:bold;}
.ContactInner .long .right .wx {min-height:156px;margin-top:20px;color:#333333;font-size:14px;display:block;line-height:26px;}
.ContactInner .long .right .consult {position:absolute;top:100px;right:60px;}
.ContactInner .long .right .ewm {position:relative;color:#737373;font-size:12px;text-align:center;display:block;line-height:15px;}
.ContactInner .long .right .ewm img {display:block;margin:0 auto 5px;}
.ContactInner .long .right .online {/* float:left;*/color:#fff;margin:30px auto 0;font-size:14px;padding:8px 40px;background:#0098ab;display:block;border-radius:20px;text-align:center;}
.ContactInner .long .right .online:hover {background:#666;}
.ContactInner .map {}
.ContactInner #dituContent {height:500px;}


/*==留言通用↓==*/
.MessageCon{background: url(../images/MessageBg.jpg) no-repeat center;background-size:cover;}
.MessageCon .long{padding:80px; background: #fff;}
.MessageCon .title{margin-bottom:40px;overflow: hidden;}
.MessageCon .title h2{float:left;color:#191919;font-size:24px;}
.MessageCon .title .tel{float:right;margin-top:25px;color:#333333;font-size:26px;/*font-weight: bold;*/}
.MessageCon .title .tel em{display:block;float:left;margin-right:10px;margin-top:5px;color:#333;font-size:25px;font-weight:400;font-family:"iconfont";}
.MessageCon input{position: relative; float:left;width:49.5%;margin-bottom:1%}
.MessageCon .block:nth-child(2n+1){margin-left:1%;}
.MessageCon input,.MessageCon textarea{padding:15px 20px 15px 45px;border:1px #ddd solid; background-repeat:no-repeat ; background-position:15px 17px;}
.MessageCon textarea{width:100%;height:120px;}
.MessageCon button{width:25%;margin-top:20px;padding:16px 0;border:none;color:#fff;font-size:14px; background: #666;}
.MessageCon button:hover{background:#31af9a}
.MessageCon .x1{background-image: url(../images/ico201.png);}
.MessageCon .x2{background-image: url(../images/ico202.png);}
.MessageCon .x3{background-image: url(../images/ico203.png);}
.MessageCon .x4{background-image: url(../images/ico204.png);}
.MessageCon .x5{background-image: url(../images/ico205.png);}


/*==关于↓==*/
.AboutInner{padding-bottom:0px !important}
.AboutInner .introduce{}
.AboutInner .introduce .left{float:left;width:45%}
.AboutInner .introduce .right{float:right;width:55%;padding-left:30px;}
.AboutInner .introduce .right .title{color:#000123;font-size:26px;margin-bottom:30px}
.AboutInner .introduce .right .title hr{width:50px;height:2px;margin:10px 0 0 ;border:none; background: #31af9a;}
.AboutInner .introduce .right .wx{  color:#666;font-size:14px;} 
.AboutInner .introduce .right .more{display: table;position: relative;margin-top: 50px;color:#000123;font-size: 15px;padding-bottom:10px;border-bottom: 1px #ddd solid;line-height: 1;}
.AboutInner .introduce .right .more:before{content:"\e66c";float:right;margin: 2px 0 0 20px;color: #31af9a;font-size: 12px;font-weight: bold;}
.AboutInner .introduce .right .more:after{content:"";position:absolute;left:0;bottom: -1px;width: 40px;height:1px;background:#31af9a;}
.AboutInner .introduce .right .more:hover{color:#31af9a}
.AboutInner .introduce .right .more:hover:after{width:100%}
.AboutInner .introduce .trait{position: relative;padding:70px 0;margin-top: 50px;}
.AboutInner .introduce .trait:before{content: "";position: absolute;left: -10%;right: -10%;top:0;z-index: -1;/* width:100%; */height:100%;background: #f4f4f4;}
.AboutInner .introduce .car{text-align: center;display: flex;margin-bottom: 50px;}
.AboutInner .introduce .car li{display: inline-block;flex: 1;}
.AboutInner .introduce .car img{width: 100px;height: 100px;border-radius:50%;box-shadow: 0 0 10px #ddd;}
.AboutInner .introduce .car li:hover img{box-shadow: 0 0 10px #aaa;}
.AboutInner .introduce .prog{display: flex;padding: 30px 50px;border-radius:5px;background: #2ec6bc;}
.AboutInner .introduce .prog li{display: inline-block;flex: 1;color:#fff;font-size:18px;text-align: center;padding: 20px 0;border-right:1px #62d4cd solid;}
.AboutInner .introduce .prog li span{display:table;margin:auto;}
.AboutInner .introduce .prog li:last-child{border-right:none;}
.AboutInner .introduce .prog li span:before{float: left;content: "";width: 37px;height: 34px;margin: -5px 10px 0 0;display: inline-block;background-repeat:no-repeat;background-position:center;}
.AboutInner .introduce .prog .x1 span:before{ background-image:url(../images/icon401.png);}
.AboutInner .introduce .prog .x2 span:before{ background-image:url(../images/icon402.png);}
.AboutInner .introduce .prog .x3 span:before{ background-image:url(../images/icon403.png);}
.AboutInner .introduce .prog .x4 span:before{ background-image:url(../images/icon404.png);}
/*--*/
.AboutInner .culture{ }
.AboutInner .culture ul{display: flex;flex-flow: row wrap;align-content: flex-start;}
.AboutInner .culture ul li{position:relative;float:left;display:inline-block;width:23%;padding-top: 300px;overflow: hidden;}
.AboutInner .culture ul li img{display: block;position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;object-fit: cover;transition: all .6s ease-in-out;}
.AboutInner .culture ul .box{margin:30px;transition: all .4s ease-in-out;}
.AboutInner .culture ul h4{color:#fff;font-size:22px;margin-bottom:10px;}
.AboutInner .culture ul p{color:#fff;font-size:15px;line-height:26px;}
.AboutInner .culture ul li:hover{-webkit-animation: living 10s linear infinite;}
.AboutInner .culture ul li:hover .box{transform:translateY(-15px)}
.AboutInner .culture ul li:hover img{transform: scale(1.05);}
.AboutInner .culture ul li:nth-child(1){width:31%;} 
/*
@keyframes living {
0%{ transform: scale(1);}
25%{transform: scale(1.1);}
50%{transform: scale(1);}
75%{transform: scale(1.1);}
}
 */       
/*--*/        
.AboutInner .advantage{}
.AboutInner .advantage ul{display: flex;flex-flow: row wrap;align-content: flex-start;}
.AboutInner .advantage ul li{float:left;width:50%;display: flex;background:#f4f4f4;}
.AboutInner .advantage ul .pic{position: relative;width:50%}
.AboutInner .advantage ul .pic img{width: -webkit-fill-available;height: 100%;object-fit: cover;}
.AboutInner .advantage ul .pic:before{content:"\eb95";position: absolute;right:-6px;top:50%;color:#f4f4f4;font-size:20px; }
.AboutInner .advantage ul .box{flex: 1;width:50%;padding: 40px 30px;}
.AboutInner .advantage ul h4{color:#000123;font-size:22px;margin-bottom:20px}
.AboutInner .advantage ul h4:after{content:"";display: block;width:30px;height:2px;margin:10px 0 0;border:none;background: #31af9a;}
.AboutInner .advantage ul p{color:#707070;font-size:15px;line-height:26px;}
.AboutInner .advantage ul li:nth-child(n+3) .pic:before{right:auto;left:-6px; transform: rotateY(180deg);}
.AboutInner .advantage ul li:hover h4{color:#31af9a}
.AboutInner .advantage ul li:hover h4:after{width:50px;}


/*==荣誉资质通用↓==*/
.honorCont{}
.honorCont .long{position: relative;}
.honorCont li{}
.honorCont .list li .pic{height:310px;padding:30px !important;border-color: #f4f4f4;background-size: contain;background: none;}
.honorCont li h4{color: #000123;font-size:16px;text-align: center;padding: 15px 10px;background: #f4f4f4;}
.honorCont li:hover h4{color:#fff;background:#31af9a}
.honorCont .btn{position: absolute;top: 50%;left: -50px;line-height:45px;text-align: center;color: #ccc;font-size: 40px;transform: translateY(-50%);}
.honorCont .btn.sNext{left:auto;right:-50px;}
.honorCont .btn:hover{color:#31af9a;}
.honorCont .sPrev:before{content: "\e662";}
.honorCont .sNext:before{content: "\eb9b";}
.honorCont .spot{display: none;}


/*==list-box 图片款 久↓==*/
.list-box{margin:0 0 -10px -10px}
.list-box li{float:left; width:25%; }
.list-box li img{max-width:100%;width:100%;}
.list-box li a{display:block;margin:0 0 10px 10px}
.list-box li .pic{border: 1px #eee solid; background: #f9f9f9;}
.list-box li:hover .pic{border: 1px #31af9a solid;}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:12px 0;}
.list-box li:hover h4{color:#31af9a;}
.list-box.lx5 li{width:20%}


/*==底部===*/
.footer {position:relative;z-index:5;background:#212121;overflow:hidden;}
.footer .tit {color:#fff;font-size: 16px;margin-bottom: 12px;}
.footer .tit hr {display:block;border:none;margin: 12px 0 0px 0;width: 25px;height:1px;background:#31af9a;}
.footer .up{padding:60px 0 60px 0;}
.footer .nav {position:relative;float:left;display: flex;width: 50%;}
.footer .nav li {/*! display:table-cell;*/flex: 1;padding-right: 20px;float:left;}
.footer .nav li a {display:block;color: #aaa;font-size: 13px;padding: 5px 0;}
.footer .nav li a:hover {color:#fff}
.footer .ewm {float:right;margin-left: 10%;color:#eee;font-size: 16px;text-align:center;}
.footer .ewm img {display:block;width: 130px;margin-bottom:10px;}
.footer .right {float:right;color:#aaa;font-size:12px;margin-left:80px;}
.footer .right .tel {display:block;color:#fff;font-size:28px;font-weight: bold;margin-bottom:10px; } 
.footer .right .wx {display:block;color:#aaa;font-size: 13px;line-height:24px;}
.footer .right .share {margin-top:20px}
.footer .right .share a {display:inline-block;margin-right:18px;width:35px;line-height:35px;text-align:center;color:#fff;font-size:20px;border-radius:50%;background:#3d99ff;}
.footer .right .share a:hover {background:#31af9a;}
.footer .down {position:relative;padding: 20px 0 30px 0;color: #aaa;font-size: 13px;background: #191919;}
.footer .down a {color: #aaa;font-size: 13px;}
.footer .down a:hover {color:#eee;}
.footer .link{margin-top:20px;width: 100%;}
.footer .link h3{color: #ddd;font-size: 14px;float: left;}
.footer .link a{color:#858585;font-size:12px;display: inline-block;padding: 0 15px;font-size:12px;line-height: 9px;border-right: 1px #999 dotted;}
.footer .link a:last-child{border:none;}