@charset "utf-8";
html{scroll-behavior: smooth;}
body{ overflow-x:hidden;}
body{ color:#757575; height:auto; box-sizing:border-box; font-size:16px; line-height: 1.4; padding-top:0;}
.embody{position: relative;height: 100%; width: 100%; overflow: hidden; padding-top:0; box-sizing: border-box;}
.user-select{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#757575; text-decoration:none;}
a:hover{ text-decoration:none; color:#31A7BF;}
i,em{ font-style:normal;}

.fNav .h3 span,
.fNav .h3 i,
.menu .h3 span,
.menu .h3 i{
font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.menu,
.menu .h3 a,
.header .wp,
.logo img{
transition: all 0.3s ease-out;
}
.ddddddddd{ transform:scale(1.05,1.05);}


.videoAD{ position: fixed; left:0; top:0; right:0; bottom:0; background: #000; z-index: 9999; overflow: hidden; cursor: pointer;}
.videoAD video{ width: 100vw; height: 100vh; object-fit: cover;}
.videoClose{position: absolute; left: 50%; bottom:30px; font-size: 18px; width: 2em; height: 2em; line-height: 2em; text-align: center; color: #31A7BF; background: #fff; border-radius: 50%; text-align: center; transform: translateX(-50%);}

/*淡入 向上 循环*/
.FmovefadeInDown,
.pageNext:before{animation:FmovefadeInDown 1.5s infinite ease both;}
@keyframes FmovefadeInDown{0%{opacity:0;transform:translateY(-10px)}90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(15px)}}
.FmovefadeInUp{animation:FmovefadeInUp 1.5s infinite ease both;}
@keyframes FmovefadeInUp{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.Frotation360{animation:Frotation360 2s linear infinite;}
@keyframes Frotation360 {from{transform:rotate(0)}to{transform:rotate(360deg)}}
.FpulseSlow{animation:FpulseSlow infinite alternate 1s ease-in-out;}
@keyframes FpulseSlow {0% {transform:scale(1);opacity:1;}100%{transform:scale(0.9);opacity:0.5;}}
.lightSpeedIn{animation:lightSpeedIn infinite alternate 3s ease-in-out;}
@keyframes lightSpeedIn{0%{transform:skewX(-10deg);}60%{transform:skewX(10deg);}90%{transform:skewX(-5deg);}100%{transform:none;}}



.menu-link { display:none; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:7px; transition: all 0.2s ease-out;}
.menu-link em{ position:absolute; z-index:3; right:100%; top:50%; text-transform:uppercase; height:40px; line-height:40px; margin-top:-20px; font-size:16px; color:#000; display: none;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #fff;width: 100%;height:2px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -8px;content: " ";}
.menu-link span:after {top:8px;}
/*.menu-link.active{ background:#31A7BF; border-radius: 50%;}*/
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#fff; transform: rotate(45deg); top:0;}
.menu-link.active span:after { background-color:#fff; transform: rotate(-45deg); top:0;}
.menu-link.active em{ display:none;}
.wp{ position: relative; margin: 0 6.875%; box-sizing: border-box;}

.header{ position:fixed; left:0; top:0; right:0; z-index:999; transition: 0.3s background;}
.header:before{ content:''; position: absolute; left:0; top:0; right:0; height:100%; background: rgba(0,0,0,0.8); transition: all .8s cubic-bezier(.38,0,0,1);}
.header:after{ content:''; position: absolute; left:0; bottom:0; right:0; height: 2px; background: #31A7BF;}


.logo{ position:absolute; top:50%; margin-top:-0.5em; font-size:80px; line-height: 1; z-index: 4; left: 50%; transform: translateX(-50%);}
.logo img{ height:1em; width:auto; display: block;}

.tLanguage{ position: absolute; top: 50%; margin-top: -24px; right:0; padding:0; z-index: 3;}
.tLanguage .i{ width: 1.263157894736842em; height: 1.263157894736842em; line-height: 1.263157894736842em; border-radius: 50%; font-size:38px; color: #fff; text-align: center; cursor: pointer;}
.tLanguage.active .i:before{ content:"\e80c";}
.tLanguage .box{ position: absolute; top: 100px; opacity:0; transform: translateY(-10px); pointer-events: none; transition: 0.4s all;  padding:10px 0; transition-delay: 0.2s; width: 6em; text-align: center; margin-left: -3em; left: 50%;}
.tLanguage .box a{ font-size: 14px; color: #979797; line-height: 1.4; display: block; text-align: center;}
.tLanguage .box a:hover{ color: #31A7BF;}

.tNav{ position: absolute; top: 50%; transform: translateY(-50%); right:60px; padding:0; z-index: 3;}
.tNav .box a{ height: 3.75em; line-height: 3.75em; font-size: 16px; padding: 0 2.25em; background: #000; color: #fff; display: block; border-radius: 1.875em;}
.tNav .i{ display: none; width:  2em; height:  2em; line-height: 2em; border-radius: 50%; font-size:20px; color: #fff; text-align: center;}
.tNav.active .i{ }
.tNav li:hover .c{ display: block; text-align: center;}



.tSearch{position: absolute; right:218px; top: 50%; margin-top: -30px; z-index: 3;}
.tSearch .i{ display: none; width: 2em; height:2em; line-height:2em; border-radius: 50%; font-size:20px; color: #AFAFAF; background: #FFFFFF; text-align: center; cursor: pointer;}
.tSearch.active .i:before{ content:"\e80c";}
.tSearch .box{width: 60px; position: relative; display: block; transition: 0.3s all;}
.tSearch .pd{ position: relative;}
.tSearch .t{ }
.tSearch .c{ }
.ipt_t1{ background:#fff; border:1px solid #ccc; color:#31A7BF; width:100%; border-radius:1.875em !important; font-size:16px; height:3.75em; display:block; box-sizing: border-box; padding: 0 0 0 3.75em; opacity:0; transition: 0.3s all;}
.ipt_t1:focus{ outline:none;}
.ipt_b1{ width:3em; text-align:center; font-size:20px; height:3em; color:#54565A; background:#fff; border:none; border-radius: 50%; box-sizing: border-box; padding:0; position: absolute; left:0; top: 50%; margin-top: -1.5em;}
.tSearch:hover .box{ width: 260px;}
.tSearch:hover .ipt_t1{ opacity: 1;}

.menu{ text-align: center; margin: 0 50% 0 0; position: relative; padding:0; z-index: 3;}
.menu ul{ position: relative;}
.menu li{ float: left; position: relative; margin-right: 80px;}
.menu li:last-child{ margin-right:0;}
.menu .h3{ position: relative;}
.menu .h3 a{ display: block; color: #fff; height:140px; line-height:140px; font-size: 16px; font-weight: bold;  position: relative; text-transform: uppercase;  transition: 0.4s all;}
.menu .h3 a:after{ content:''; position: absolute;  width:0; height: 3px; background: #31A7BF; left: 50%; transform: translateX(0%); bottom:0; transition: 0.4s all; display: none;}
.menu li:last-child .h3 a:before{ display: none;}

.menu .h3 strong{ font-weight:normal;}
.menu .h3 span{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px;}
.menu .h3 span:before{ content: "\e604";}
.menu .h3 span.active:before { content: "\e606";}
.menu .h3 i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.menu .h3 i:before { content:"\e8e9";}

.menu .box{ position: absolute; top: 100%; left:0; text-align: left; opacity:0; transform: translateY(-10px); pointer-events: none; transition: 0.4s all;  padding:10px 0; transition-delay: 0.2s;}
.menu .box .npd{}
.menu .box .li{ }
.menu .box .t{ padding: 6px 0;}
.menu .box .t a{ font-size: 14px; line-height: 1.4; display: block; text-align: left; color:#fff; font-weight: normal; box-sizing: border-box; position: relative; overflow: hidden; width: 8.4em; margin: 0 auto; transition: 0.4s all;}

.menu .box .c{ position: absolute; left:0; top: 100%; padding-top: 10px; visibility: hidden; opacity:0; transform: translateY(-10px); pointer-events: none; transition: 0.3s all; text-align: left;}
.menu .box .c .nnpd{background:rgba(255,255,255,0.5); border-radius: 0 0 5px 5px; box-sizing: border-box; padding: 16px 26px; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.menu .box .c a{ margin: 0 1em; font-size: 16px; color: #979797; position: relative; line-height: 2; display: block;}
.menu .box .c a:hover{ color:#31A7BF;}
.menu .box .c a:hover:before{ display: block;}

.menu li:hover .h3 a{ color:#31A7BF;}
.menu li:hover .h3 a:after{ content:''; left: 50%; transform: translateX(-50%); width: 4em;}
/*.menu li:hover .box{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}*/

.menu li.curr .h3 a{ color: #fff; font-weight: bold;}

.menu .box .li:hover .t a{ color:#31A7BF;}
.menu .box .li:hover .c{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}


.pbody_fix .header{ background: #31A7BF;}
.pbody_fix .header:hover:before{ height: 260px;}
.pbody_fix .menu .h3 a{ height: 80px; line-height: 80px;}
.pbody_fix .logo{ font-size: 48px;}
.pbody_fix .tNav{}
.pbody_fix .tNav .box a{ height: 48px; line-height: 48px;}
.pbody_fix .ipt_t1{ height: 48px; padding: 0 0 0 48px;}
.pbody_fix .ipt_b1{ width: 48px; height: 48px; margin-top: -24px;}
.pbody_fix .tLanguage .i{ font-size: 28px;}
.pbody_fix .tLanguage .box{ top: 60px;}




/*适配*/
@media screen and (min-width:1025px){
.header:hover .box,
.header:hover .menu ul .box{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}
.header:hover:before{ height:16em;}
.header:hover .tNav .box a{ background: #31A7BF; color: #fff;}
.pbody_fix .header:hover:before{ height: 13em;}
}




.iBannerB{ position: relative; z-index: 4; overflow: hidden; min-height: 100vh; background: #fff;}
.iBannerB .pd{ display: block; background: #fff;}
.iBannerB .img{ width: 100%; position: relative; overflow: hidden;}
/*.iBannerB .img:before{ content:''; position: absolute; left:0; top:0; height: 200px; right:0; background: linear-gradient(to bottom,rgba(0,0,0,0.3),rgba(0,0,0,0));}*/
.iBannerB .img img{ height:calc(100vh - 0px); width:100vw; object-fit: cover; /*aspect-ratio: 1920/1080;*/}
.iBannerB .text{ position: absolute; left:0; right:0; bottom: 80px; color: #fff;}
.iBannerB .npd{ padding:0;}
.iBannerB .text .i{ border-radius: 1em; box-sizing: border-box; padding: 0 1em 0 5.5em; font-size: 20px; height: 2em; line-height: 2em; position: relative; display: inline-block; margin-bottom: 1.2em;}
.iBannerB .text .i:before{ content:''; position: absolute; left:0; top:0; right:0; bottom:0; border:3px solid #31A7BF; border-radius: 1em;}
.iBannerB .text .i:after{ content:''; position: absolute;}
.iBannerB .text .i i{ position: absolute; left: 0.2em; top: 50%; font-size: 4em; line-height: 1; margin-top: -0.5em;}
.iBannerB .text .i span{ display: block; position: relative; padding-left: 1em; }
.iBannerB .text .i span:before{ content:''; width: 0.4em; height: 0.4em; margin-top: -0.2em; position: absolute; left:0; background: #31A7BF; border-radius: 50%; top: 50%;}
.iBannerB .text .p{ display: flex;}
.iBannerB .text .p strong{ font-weight: bold;}
.iBannerB .text .p span{ display: block; position: relative; padding-left: 1em; margin-left: 1em;}
.iBannerB .text .p span:before{ content:''; width: 0.4em; height: 0.4em; margin-top: -0.2em; position: absolute; left:0; background: #31A7BF; border-radius: 50%; top: 50%;}
.iBannerB .text .h3{ font-size:64px; line-height: 1.4; font-weight: bold;}
.iBannerB .text .em{ font-size: 50px; line-height: 1.2; position: absolute;  right:0; bottom: 0.3em; font-family:'KronaOne-Regular';}
.iBannerB .swiperArrow{ display: none;}
.iBannerB .swiperPrev{ left: 6.875%;}
.iBannerB .swiperNext{ right: 6.875%;}
.iBannerB .swiperDots{ display: flex; flex-direction: column; bottom: 90px; right: auto; left: 3.875%;}
.iBannerB .swiperDots span{ margin: 10px 0;  border-color: #fff;}
.iBannerB .swiperDots span.swiper-pagination-bullet-active{ border-color: #31A7BF;}

.iBannerB .i,
.iBannerB .p,
.iBannerB .h3,
.iBannerB .em{ opacity:0; transform: translateY(-1em); transition: 0.6s all;}

.iBannerB .i{ transition-delay: 0.2s;}
.iBannerB .p{ transition-delay: 0.4s;}
.iBannerB .h3{ transition-delay: 0.6s;}
.iBannerB .em{ transition-delay: 0.9s;}

.iBannerB .swiper-slide-active .i,
.iBannerB .swiper-slide-active .p,
.iBannerB .swiper-slide-active .h3,
.iBannerB .swiper-slide-active .em{ opacity: 1; transform: translateY(0px);}





.iMain{ background:no-repeat center center; background-size:cover; position: relative; overflow: hidden; width: 100%; padding: 160px 0;}
.iMain .wp{ z-index: 4;}
.iMain1{ background-image: url("../images/bg1.jpg");}
.iMain1:before{ content:''; position: absolute; right:0; bottom:0; width: 640px; height: 640px; background: url("../images/bg1_1.png") no-repeat; background-size: contain; }

.iAbout{ display: flex; justify-content: space-between; position: relative;}
.iAbouText{ width: 700px; }
.iAbouText .i{ position: relative; border-bottom: 1px solid #31A7BF; color: #31A7BF; font-size: 36px; padding: 0.25em 0 0.25em 4.2em; margin-bottom: 1.111111111111111em;}
.iAbouText .i i{ position: absolute; left:0; top: 50%; font-size: 4em; line-height: 1; margin-top: -0.5em;}
.iAbouText .i span{ font-weight: bold; display: block; font-size: 1em;}
.iAbouText .h3{ font-size: 62px; line-height: 1.2; font-weight: bold; margin-bottom: 0.5em;}
.iAbouText .p{ font-size: 22px; line-height: 1.2; text-align: justify;}
.iAbouText .em{ position: absolute; left:0; bottom:0; font-size: 266px; line-height: 1; font-family:'Repair-Light'; color: #EFEFEF;}
.iAboutData{ width: 700px;}
.iAboutData ul{ display: flex; flex-wrap: wrap; margin: 0 -18px;}
.iAboutData li{ width: 50%; margin-bottom: 22px;}
.iAboutData li:nth-child(n+3){ margin-bottom:0;}
.iAboutData .pd{ display: block; position: relative; color: #8E8E8E; background: #e2e2e2; margin: 0 18px; padding:36px; height: 100%; border-radius: 50px; box-sizing: border-box; text-align: right; transition: 0.3s all;}
.iAboutData .i{ width: 1em; height: 1em; font-size: 48px; margin-bottom: 2em; color: #31A7BF; transition: 0.3s all;}
.iAboutData .h3{font-size: 28px;}
.iAboutData .h3 strong{ font-size: 2em; color: #000; font-family:'KronaOne-Regular'; transition: 0.3s all;}
.iAboutData .h3 em{ font-size: 0.8em;}
.iAboutData .em{ font-size: 28px;}
.iAboutData .pd:hover{ background: #31A7BF; color: #fff;}
.iAboutData .pd:hover .i{ color: #fff;}
.iAboutData .pd:hover .h3 strong{ color: #fff;}


.iMain2{}
.iMain2:before,
.iMain2:after{ content:''; position: absolute; left:0; top:0; right:0; bottom:0; background: url("../images/bg2.jpg") no-repeat center center; background-size: cover; z-index: 2;}
.iMain2:before{ z-index: 3; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0; animation: zpulseOpacity 3s linear infinite;}
@keyframes zpulseOpacity {0% {opacity:0;}50% {opacity: 1;}100% {opacity:0;}}

.iServiceTit{ position: relative; margin-bottom: 78px;}
.iServiceTit strong{ display: block; width: 500px; border-bottom: 1px solid #31A7BF; color: #31A7BF; font-size: 35px; line-height: 2; }
.iServiceTit em{ position: absolute; right:0; top: 50%; line-height: 1; margin-top: -0.5em; font-size: 150px; color: rgba(255,255,255,0.5);}
.iService{}
.iService .swiper{ margin: 0 -28px; }
.iService .swiper-slide{ padding: 20px 0;}
.iService .pd{ display: block; margin: 0 28px; position: relative; color: #7F7F7F; border-radius: 20px; overflow: hidden; transition: 0.3s all;}
.iService .img{ position: relative; overflow: hidden; border-radius: 20px; }
.iService .img:before{ content:''; position: absolute; left:0; top:0; right:0; bottom:0; background-image: linear-gradient(to bottom,rgba(255,255,255,0.5),rgba(255,255,255,0.5)); }
.iService .img:after{ content:''; position: absolute; left:0; top:0; right:0; bottom:0; background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); transition: 0.3s all; opacity:0;}
.iService .text{ position: absolute; left:0; top:0; right:0; bottom:0; padding: 56px;}
.iService .h3{ position: relative; margin-bottom: 50px;}
.iService .h3:before{ content:''; left: -2.8em; right: -2.8em; bottom: -1.25em; height:1px; position: absolute; background: #D3D3D3; opacity: 0.9;}
.iService .h3 em{ font-size: 60px; font-family:'Repair-Light'; min-height: 2.4em; line-height: 1.2; display: block;}
.iService .h3 strong{ font-size: 36px; position: absolute; right:0; bottom:0; display: none;}
.iService .p{ font-size: 24px; line-height: 2; opacity:0;}
.iService .p span{ display: block; position: relative; padding-left: 10px;}
.iService .p span:before{ content:''; width: 4px; height: 4px; margin-top: -2px; background: #31A7BF; border-radius: 50%; position: absolute; left:0; top: 50%;}
.iService .m{ position: absolute; bottom: 0.608695652173913em; left: 50%; width: 1em; height: 1em; font-size: 92px; margin-left: -0.5em; opacity:0;}
.iService .pd:hover{ color: #fff; box-shadow: 0 0 20px rgba(49,167,191,0.75); transform: translateY(-0.25em);}
.iService .pd:hover .p{ opacity: 1;}
.iService .pd:hover .m{ opacity: 1;}
.iService .pd:hover .img:before{ opacity:0;}
.iService .pd:hover .img:after{ opacity: 1;}


.iMain3{ padding:0; background-image: url("../images/bg3.jpg");}
/*.iMain3:before{ content:''; background: url("../images/bg3_3.png") no-repeat right bottom; position: absolute; right:0; bottom:0; width: 354px; height: 276px; background-size: contain;}*/

.iServiceB{ position: relative;}
.iServiceBTab{ position: absolute; left: 50%; right:0; top:0; bottom:0; z-index: 5; padding-left: 330px; display: flex; align-items: center;}
.iServiceBTab ul{ padding-bottom: 118px;}
.iServiceBTab li{ padding: 38px 0; position: relative;}
.iServiceBTab li i{ width: 22px; height: 22px; border: 2px solid #31A7BF; box-sizing: border-box; background: #fff; position: absolute; left: -82px; top:46px; border-radius: 50%; opacity:0; }
.iServiceBTab li i:before{ content:''; position: absolute; width: 12px; height: 12px; left: 50%; top: 50%; margin: -6px 0 0 -6px; background: #31A7BF; border-radius: 50%;}
.iServiceBTab li:nth-child(2){ margin-left: 82px;}
.iServiceBTab li:nth-child(3){ margin-left: 116px;}
.iServiceBTab li:nth-child(4){ margin-left: 116px;}
.iServiceBTab li:nth-child(5){ margin-left: 82px;}
.iServiceBTab a{ font-size: 34px; display: block; transform: scale(0.8); color: #757575; transition: 0.3s transform;}
.iServiceBTab strong{ display: block; line-height: 1.2; height: 2.4em;}
.iServiceBTab em{ display: block; line-height: 1; font-size: 14px; opacity:0; padding-top: 0.5em; position: absolute; top: 100%; white-space: nowrap; visibility: hidden; display: none;}
.iServiceBTab li.curr a{ transform: scale(1); color: #31A7BF;}
.iServiceBTab li.curr em{ opacity:0;}
.iServiceBTab li.curr i{ opacity: 1;}

.iServiceBNum{ position: absolute; left: 50%; top: 50%; width: 460px; height: 460px; text-align: center; box-sizing: border-box; display: flex; justify-content: center; align-items: center; transform: translate(-50%,-50%);}
.iServiceBNum:before{ content:''; position: absolute; width: 760px; height: 760px; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url("../images/iServiceB_0.png") no-repeat; background-size: contain;}
.iServiceBNum:after{ content:''; position: absolute;}
.iServiceBNum ul{ padding-left: 40%; position: relative; z-index: 2;}
.iServiceBNum li{ display: none;}
.iServiceBNum li.curr{ display: block;}
.iServiceBNum span{ font-size: 154px; display: block; font-family:'KronaOne-Regular'; color: #31A7BF;}

.iServiceBCon{ width: 50%;}
.iServiceBCon .swiper{width: 50vw; float: right; border-radius: 0 50px 50px 0; overflow: hidden;}
.iServiceBCon .pd{ position: relative; color: #fff;}
.iServiceBCon .img{ position: relative;}
.iServiceBCon .img:before{ content:''; position: absolute; left:0; top:0; right:0; height: 68%; background-image: linear-gradient(to bottom,rgba(0,0,0,0.8),rgba(0,0,0,0));}
.iServiceBCon .img:after{ content:''; position: absolute; left:0; bottom:0; right:0; height: 32%; background-image: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));}
.iServiceBCon .img img{ width: 100%; height: auto; display: block;}
.iServiceBCon .text{ position: absolute; left:0; top:0; right:0; bottom:0; width: 50%; z-index: 3; color: #fff; pointer-events: none;}
.iServiceBCon .h3{ padding: 146px 13.75% 64px 0; position: relative;}
.iServiceBCon .h3:after{ content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; left: -6.5em; background: rgba(255,255,255,0.7);}
.iServiceBCon .h3:before{ content:''; position: absolute; left: 6%; top: 100%; width: 1px; height: 100vw; background:rgba(255,255,255,0.7);}
.iServiceBCon .h3 strong{ display: inline-block; font-size: 64px; line-height: 1; position: relative;}
.iServiceBCon .h3 strong:before{ content: ''; position: absolute; background: url("../images/tlogo.png") no-repeat; background-size: contain; font-size: 1em; width:1em; height: 1em; margin-left: -0.5em; left: 100%; top: -0.5em;}
.iServiceBCon .h3 em{ display: block; font-size: 50px; line-height: 1.2; font-family:'KronaOne-Regular';}
.iServiceBCon .c{ padding: 146px 40% 64px 11%; position: absolute; bottom:0;}
.iServiceBCon .p{ font-size: 16px; text-align: justify;}
.iServiceBCon .m{ padding-top: 1em; display: none;}
.iServiceBCon .m a{ font-size: 18px; height: 3em; line-height: 3; padding:0 2em; display: block; background: #000; color: #fff; border-radius: 1.5em; transition: 0.3s all;}
.iServiceBCon .m a:hover{ background: #31A7BF; color: #fff; transform: translateY(-0.25em);}

.iServiceBMore{ position: absolute; right:0; bottom: 64px; z-index: 5;}
.iServiceBMore:before{ content:''; position: absolute; z-index: 1; width: 660px; height: 660px; background: url("../images/bg3_1.png") no-repeat center center; background-size: contain; top: -130px; left: -106px; border-radius: 50%;}
.iServiceBMore ul{ position: relative; z-index: 2;}
.iServiceBMore li{ display: none;}
.iServiceBMore li.curr{ display: block;}
.iServiceBMore a{ font-size: 18px; height: 3em; line-height: 3; padding:0 2em; display: block; background: #000; color: #fff; border-radius: 1.5em; transition: 0.3s all; position: relative; z-index: 2;}
.iServiceBMore a:hover{ background: #31A7BF; color: #fff; transform: translateY(-0.25em);}






.iMain4{ background: #333333;}
.iMain4:before{ content:''; position: absolute; left: 6.875%; top: -6px; bottom:0; right:0; border-left: 6px solid #31A7BF; border-top: 6px solid #31A7BF; background: #EFEFEF; border-radius: 760px 0 0 0;}

.iNewsTit{ display: flex; position: relative; justify-content: flex-end; margin-bottom: 100px;}
.iNewsTit em{ position: absolute; left: -0.75em; top: 50%; font-size: 120px;font-family:'Repair-Light'; line-height: 1; margin-top: -0.5em; color: #fff;}
.iNewsTit strong{ width: 500px; text-align: right; }
.iNewsTit span{ display: block; font-size: 40px; line-height: 1; padding-bottom: 0.45em; margin-bottom: 0.45em; border-bottom: 2px solid #31A7BF; font-weight: bold; color: #31A7BF; }
.iNewsTit a{ display: block; font-size: 34px; line-height: 1; font-weight: lighter; color: #000;}
.iNewsTit a:hover{ color: #31A7BF;}

.iNews{ margin-left: 220px; position: relative; margin-bottom: 120px;}
.iNews:before{ content:''; position: absolute; left:0; right:0; bottom: 24px; height: 3px; background: url("../images/iNews_line.png") repeat-x bottom left;}
.iNews .swiper{ margin: 0 -30px;}
.iNews .swiper-slide{ padding: 14px 0 124px 0; position: relative;}
.iNews .pd{ display: block; margin: 0 30px; color: #757575; background: #fff; border-radius: 8px; overflow: hidden; position: relative; transition: 0.3s all;}
.iNews .img{ position: relative; overflow: hidden;}
.iNews .img:before{ content:''; position: absolute; left:0; top:0; right:0; bottom:0; background: rgba(255,255,255,0.5); opacity: 1; transition: opacity 0.3s;}
.iNews .text{}
.iNews .npd{ padding: 20px 40px;}
.iNews .i{ width: 46px; height: 46px; position: absolute; left: 50%; bottom:0; margin-left: -23px; border-radius: 50%; border: 1px solid #31A7BF; opacity:0; transition: 0.3s opacity; }
.iNews .i:before{ content:''; width: 26px; height: 26px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #31A7BF; border-radius: 50%;}
.iNews .h3{ font-size: 30px; line-height: 1.2; margin-bottom: 2.666666666666667em; height: 3.6em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.iNews .em{ font-size: 16px; text-align: right; line-height: 1;}

.iNews .pd:hover,
.iNews .swiper-slide-active .pd{ color: #000; box-shadow:10px 10px 20px rgba(0,0,0,0.3); z-index: 2; position: relative;}
.iNews .pd:hover .img:before,
.iNews .swiper-slide-active .img:before{ opacity:0;}
.iNews .pd:hover .i,
.iNews .swiper-slide-active .i{ opacity: 1;}
.iNews .pd:hover{ transform:translateY(-0.25em);}


.iNews .swiperArrow{ display: block; z-index: 4; transform: translateY(-56px); font-size: 48px;}
.iNews .swiperPrev{ left: -0.8em;}
.iNews .swiperNext{ right: -0.8em;}

.iContact{ margin-left: 220px;}
.iContact .pd{ background: #31A7BF; border-radius: 82px; display: block; padding: 50px 82px; color: #fff; position: relative;}
.iContact .npd{ position: relative;}
.iContact .h3{ font-size: 108px; line-height: 1;}
.iContact .em{ font-size: 108px; font-family:'Repair-Regular'; display: flex; line-height: 1;}
.iContact .em span{ color: #000;}
.iContact .em i{ color: #000; font-size: 112px; margin-left: 0.2em; transform: translate(0,0.1em); transition: 0.3s transform;}
.iContact .m{ position: absolute; right:0; bottom:0; margin-bottom: 20px; z-index: 2;}
.iContact .m em{ font-size: 18px; height: 3em; line-height: 3; padding:0 2em; display: block; background: #000; color: #fff; border-radius: 1.5em; transition: 0.3s all;}
.iContact .m em:hover{ background: #fff; color: #31A7BF; transform: translateY(-0.25em);}
.iContact .pd:hover .em i{ transform: translate(0.1em,0.1em); }


.footer{ position: relative; z-index: 10; background: #000; padding-top: 108px;}
.fTop{ position: relative; padding:0; z-index: 2;}
.footerFl{ float: left; width: 720px; box-sizing: border-box; border-right: 1px solid #31A7BF; padding-bottom: 82px; }
.footerFr{ margin-left: 792px;}
.fLogo{ font-size: 152px; margin-bottom: 1em; line-height: 1;}
.fLogo img{ height: 1em; width: auto; display: block;}
.fContact{ position: relative; }
.fContact .ul{ display: flex; flex-wrap: wrap;}
.fContact .li{ margin-bottom: 36px; width: 50%;}
.fContact .li:last-child{ margin-bottom:0; width: 100%;}
.fContact .pd{ position: relative; display: block; padding-left: 48px; color: #fff;}
.fContact .i{ font-size: 32px; line-height: 1; width: 1em; height: 1em; position: absolute; color: #31A7BF; left:0; top:0.2em;}
.fContact .h3{ font-size: 16px;}
.fContact .em{ font-size: 16px; font-weight: bold;}
.fContact a{ color: #fff;}
.fContact a:hover{ color: #31A7BF;}
.fContact li{ margin-bottom: 40px; position: relative; padding-left: 12px;}
.fContact li:last-child{ margin-bottom: 0px;}
.fContact li:before{ content: ''; position: absolute; top: 0; bottom: 0; width: 1px; left: 0; background: #31a7bf;}
.fEwm{ position: absolute; left:0; top:0; width: 120px;}
.fEwm .pd{}
.fEwm .img{ border-radius: 16px; margin-bottom: 15px;}
.fEwm .text{ font-size: 12px; color: #31A7BF; text-align: center;}

.fNav{ margin-bottom: 350px;}
.fNav ul{ display: flex; justify-content: space-between;}
.fNav li{ max-width: 20%;}
.fNav .h3{ margin-bottom: 1em;}
.fNav .h3 a{ display: block; font-weight: bold; color: #31A7BF;}
.fNav .h3 strong{ display: block; font-size: 18px; line-height: 1.2;}
.fNav .h3 a:hover{ color: #fff;}
.fNav .h3:before{ content:''; position: absolute;}
.fNav .box{line-height: 2.5;}
.fNav .li{ padding: 15px 0;}
.fNav .box a{ line-height: 1.2; display: block; color: #979797; font-weight: bold; font-size: 16px; white-space: nowrap;}
.fNav .box a:hover{ color: #fff;}

.fFollow{}
.fFollowList{ margin-bottom: 25px;}
.fFollowList ul{ display: flex;}
.fFollowList li{ margin-right: 26px;}
.fFollowList li:last-child{ margin-right:0;}
.fFollowList .pd{ font-size: 48px; color: #31A7BF; line-height: 1;}
.fFollowList .pd:hover{ color: #fff;}
.fFollowTit{ font-size: 25px; line-height: 1; text-transform: uppercase;}

.fBottom{ border-top: 1px solid #31A7BF; text-align: center; padding: 20px 0; line-height: 1.5; position: relative; z-index: 2;}
.fCopy{ font-size: 14px; color: #646464;}
.fCopy a{ color: #646464; }
.fCopy a:hover{ color: #ffffff; }
.fBottom p{ margin: 0 0.5em; display: inline-block;}

.backTop{ position: absolute; right:0; bottom: 44px; z-index: 20; text-align: center; cursor: pointer; transition: 0.3s transform;}
.backTop i{ display: block; line-height: 1; font-size: 68px; margin-bottom: 16px; color: #31A7BF;}
.backTop span{ display: block; font-size: 25px; line-height: 1;}
.backTop:hover{ transform: translateY(-0.25em);}
.backTop:hover i{ color: #fff;}
.backTop:hover span{ color: #31A7BF;}






body{font-size: 1.04166666666667vw;}
/**/
.iBannerB .text{bottom: 4em;}
.iBannerB .text .i{ font-size: 1em;}
.iBannerB .text .i:before{ border:0.15em solid #31A7BF;}
.iBannerB .text .h3{ font-size:3.2em;}
.iBannerB .text .em{ font-size:2.5em;}
.iBannerB .swiperDots{ bottom:4.5em;}
.iBannerB .swiperDots span{ margin: 0.5em 0;}
/**/
.logo{ font-size: 4em;}
.tLanguage{ margin-top: -1.2em;}
.tLanguage .i{ font-size:1.9em;}
.tLanguage .box{ top: 5em; transform: translateY(-0.5em); padding:0.5em 0; }
.tLanguage .box a{ font-size: 0.7em;}
.tNav{ right: 3em;}
.tNav .box a{ font-size: 0.8em;}
.tNav .i{ font-size:1em;}

.tSearch{ right:10.9em; margin-top: -1.5em;}
.tSearch .i{ font-size:1em;}
.tSearch .box{width: 3em;}
.ipt_t1{ font-size:0.8em; }
.ipt_b1{ font-size:1em;}
.tSearch:hover .box{ width: 13em;}
/**/
.menu li{ margin-right: 4em;}
.menu .h3 a{ /*height:7.29166666666667vw; line-height:7.29166666666667vw;*/ height: 7.777777777777778em; line-height: 7.777777777777778em; font-size: 0.9em;}
.menu .box{ padding: 0.5em 0;}
.menu .box .t a{ font-size: 0.7em;}

.pbody_fix .menu .h3 a{ height: 4.16666666666667vw; line-height: 4.16666666666667vw;}
.pbody_fix .logo{ font-size: 2.4em;}
.pbody_fix .tNav .box a{ height: 3em; line-height: 3em;}
.pbody_fix .ipt_t1{ height: 3em; padding: 0 0 0 3em;}
.pbody_fix .ipt_b1{ width: 2.4em; height: 2.4em; margin-top: -1.2em;}

.pbody_fix .tSearch{ margin-top: -1.2em;}

.pbody_fix .tLanguage{ margin-top: -0.9em;}
.pbody_fix .tLanguage .i{ font-size: 1.4em;}
.pbody_fix .tLanguage .box{ top: 3.5em;}
/**/
.iMain{ padding: 8em 0;}
.iMain3{ padding: 0;}
.iMain1:before{width: 32em; height: 32em;}
.iAbouText{ width: 40em; }
.iAbouText .i{ font-size: 1.8em;}
.iAbouText .h3{ font-size: 2.6em;}
.iAbouText .p{ font-size: 1.1em;}
.iAbouText .em{ font-size: 13.3em;}
.iAboutData{ width: 38em;}
.iAboutData ul{ margin: 0 -0.9em;}
.iAboutData li{ margin-bottom: 1.1em;}
.iAboutData .pd{ margin: 0 0.9em; padding:1.8em; border-radius: 2.5em;}
.iAboutData .i{ font-size: 2.4em;}
.iAboutData .h3{font-size: 1.4em;}
.iAboutData .em{ font-size: 1em;}
/**/
.iServiceTit{ margin-bottom: 3.9em;}
.iServiceTit strong{ width: 14.28571428571429em; font-size: 1.75em;}
.iServiceTit em{font-size: 7.5em;}
.iService .swiper{ margin: 0 -1.4em; }
.iService .swiper-slide{ padding: 1em 0;}
.iService .pd{ margin: 0 1.4em; border-radius: 1em;}
.iService .img{ border-radius: 1em; }
.iService .text{ padding: 2.8em;}
.iService .h3{ margin-bottom: 2.5em;}
.iService .h3 em{ font-size: 2.6em; }
.iService .h3 strong{ font-size: 1.8em;}
.iService .p{ font-size: 1.2em; }
.iService .p span{ padding-left: 0.4166666666666667em;}
.iService .p span:before{ width: 0.1666666666666667em; height: 0.1666666666666667em; margin-top: -0.0833333333333333em;}
.iService .m{ font-size: 4.6em;}
.iService .pd:hover{ box-shadow: 0 0 1em rgba(49,167,191,0.75);}
/**/
.iServiceBTab{ padding-left: 16.5em;}

.iServiceBTab ul{ padding-bottom: 5.9em; }
.iServiceBTab li{ padding: 1.05em 0; }
.iServiceBTab li i{ width: 1.1em; height: 1.1em; left: -4.1em; top:2.3em;}
.iServiceBTab li i:before{ width: 0.6em; height: 0.6em; margin: -0.3em 0 0 -0.3em; }
.iServiceBTab li:nth-child(2){ margin-left: 4.1em;}
.iServiceBTab li:nth-child(3){ margin-left: 5.8em;}
.iServiceBTab li:nth-child(4){ margin-left: 5.8em;}
.iServiceBTab li:nth-child(5){ margin-left: 4.1em;}
.iServiceBTab a{ font-size: 1.4em;}
.iServiceBTab em{font-size: 0.7em;}
.iServiceBNum{ width: 23em; height: 23em;}
.iServiceBNum:before{width: 38em; height: 38em;}
.iServiceBNum span{ font-size: 7.7em;}
.iServiceBCon .swiper{border-radius: 0 2.5em 2.5em 0;}
.iServiceBCon .h3{ padding: 7.3em 13.75% 3.2em 0;}
.iServiceBCon .h3 strong{ font-size: 3.4em;}
.iServiceBCon .h3 em{ font-size: 2.5em;}
.iServiceBCon .c{ padding: 7.3em 40% 3.2em 11%;}
.iServiceBCon .p{ font-size: 0.8em; }
.iServiceBMore{ bottom: 3.2em;}
.iServiceBMore:before{ width: 33em; height: 33em; top: -6.5em; left: -5.3em;}
.iServiceBMore a{ font-size: 0.9em;}
.iServiceBCon .m a{ font-size: 0.9em;}
/**/
.iMain4:before{ top: -0.3em; border-left: 0.3em solid #31A7BF; border-top: 0.3em solid #31A7BF; border-radius: 38em 0 0 0;}
.iNewsTit{ margin-bottom: 5em;}
.iNewsTit em{ font-size: 6em; }
.iNewsTit strong{ width: 25em;}
.iNewsTit span{ font-size: 2em;}
.iNewsTit a{ font-size: 1.7em;}
.iNews{ margin-left: 11em; margin-bottom: 6em;}
.iNews:before{ bottom: 1.2em; height: 0.15em;}
.iNews .swiper{ margin: 0 -1.5em;}
.iNews .swiper-slide{ padding: 0.7em 0 6.2em 0;}
.iNews .pd{ margin: 0 1.5em; border-radius: 0.4em;}
.iNews .npd{ padding: 1em 2em;}
.iNews .i{ width: 2.3em; height: 2.3em; margin-left: -1.15em;}
.iNews .i:before{ width: 1.3em; height: 1.3em; }
.iNews .h3{ font-size: 1.5em; }
.iNews .em{ font-size: 0.8em;}
.iNews .swiper-slide-active .pd{ box-shadow:0.5em 0.5em 1em rgba(0,0,0,0.3);}
.iNews .swiperArrow{ transform: translateY(-1.166666666666667em); font-size: 2.4em;}

.iContact{ margin-left: 11em;}
.iContact .pd{ border-radius: 4.1em; padding: 2.5em 4.1em;}
.iContact .h3{ font-size: 5.4em;}
.iContact .em{ font-size: 5.4em;}
.iContact .em i{ font-size: 1.037037037037037em;}
.iContact .m{ margin-bottom: 1em;}
.iContact .m em{ font-size: 0.9em;}
/**/
.footer{  padding-top: 5.4em;}
.footerFl{ width: 36em; padding-bottom: 4.1em; }
.footerFr{ margin-left: 39.6em;}
.fLogo{ font-size: 7.6em;}
.fContact .li{ margin-bottom: 1.8em;}
.fContact .pd{ padding-left: 2.4em; }
.fContact .i{ font-size: 1.6em; }
.fContact .h3{ font-size: 0.8em;}
.fContact .em{ font-size: 0.8em;}
.fEwm{ width: 6em;}
.fEwm .img{ border-radius: 0.8em; margin-bottom: 0.75em;}
.fEwm .text{ font-size: 0.6em;}
.fNav{ margin-bottom: 17.5em;}
.fNav .li{ padding: 0.75em 0;}
.fNav .h3 strong{ font-size: 0.9em;}
.fNav .box a{ font-size: 0.8em;}
.fFollowList{ margin-bottom: 1.25em;}
.fFollowList li{ margin-right: 1.3em;}
.fFollowList .pd{ font-size: 2.4em;}
.fFollowTit{ font-size: 1.25em;}
.fBottom{ padding: 1em 0; }
.fCopy{ font-size: 0.7em;}
.backTop{ bottom: 2.2em;}
.backTop i{ font-size: 3.4em; margin-bottom: 0.2352941176470588em;}
.backTop span{ font-size: 1.25em;}
/**/









.dingwei{position: relative;}
.dingwei a{ position: absolute; bottom: 144px; width: 1px; height: 1px;}
.dingwei_1 a{bottom:214px;}





/*内页*/
.nBanner{}
.nBanner .pd{ position: relative; display: block;}
.nBanner .text{ position: absolute; left: 6.875%; top: 190px; right: 6.875%; bottom: 80px; display: flex; align-items: center; color: #fff;}
.nBanner .h3{ font-size: 76px; line-height: 1.2;}
.nBanner .h4{ position: absolute; right: 0; bottom: 0; font-size: 42px; line-height: 1.2; font-family:'KronaOne-Regular';}
.nBanner .em{ font-size: 50px; line-height: 1.2; font-family:'KronaOne-Regular'; position: relative; padding: 0.4em 0;}
.nBanner .em:before{ content:''; height: 2px; background: #31A7BF; width: 2em; position: absolute; left: 0; bottom: 0;}
.nBanner .t{ position: absolute; right: 0; bottom: 0; text-align: right;}
.nBanner .t strong{ font-size: 52px; font-weight: normal; display: block; line-height: 1.2; position: relative; padding-bottom: 0.4em; margin-bottom: 0.4em;}
.nBanner .t strong:before{ content:''; height: 2px; right: 0; width: 2em; background: #31A7BF; position: absolute; bottom: 0; }
.nBanner .t em{ font-size: 36px; font-weight: bold; display: block; line-height: 1.2;}
.nBanner .c{ font-size: 50px; line-height: 1.2; font-family:'KronaOne-Regular';}
.nBanner .m{ position: absolute; left: 0; top: 0;}
.nBanner .m a{ display: flex; height: 2.6em; line-height: 2.6em; border: 1px solid #fff; border-radius: 1.3em; padding: 0 1em; font-size: 20px; color: #fff;}
.nBanner .m i{ font-size: 1em; margin-right: 0.2em;}
.nBanner .m span{ font-size: 1em;}
.nBanner .m a:hover{ background: #31A7BF; border-color: #31A7BF;}
.nBanner_news2 .text{ align-items: flex-end;}
.nBanner_industryl .em{ margin-bottom: 20px;}
.nBanner_industryl .text{ align-items: flex-end;}
.nBanner_industryl .h3{ font-size: 52px;}
.nBanner_casel{}
.nBanner_casel .npd{ display: flex; justify-content: space-between; width: 100%;}
.nBanner_casel .text{ align-items: flex-end;}
.nBanner_casel .em{ font-size: 50px; padding: 0;}
.nBanner_casel .em:before{ display: none;}
.nBanner_casel .h3{ font-size: 52px; height: 1.4em;}
.nBanner_casel .h3:before{ content:''; height: 2px; background: #31A7BF; width: 2em; position: absolute; right: 0; bottom: 0;}




.tit2{ position: relative; margin-bottom: 60px;}
.tit2 .t{}
.tit2 .t em{ font-size: 60px; display: block; color: #7F7F7F;}
.tit2 .t strong{ font-size: 36px; display: block; color: #31A7BF; font-weight: bold;}
.tit2 .m{ position: absolute ; right: 0; top: 50%; margin-top: -27px;}

.more1{ font-size: 18px; height: 3em; line-height: 3; padding:0 2em; display: block; background: #000; color: #fff; border-radius: 1.5em; transition: 0.3s all;}
.more1:hover{ background: #31A7BF; color: #fff; transform: translateY(-0.25em);}

.pMain{ padding: 150px 0; background: no-repeat center center; background-size:cover;}



/*新闻*/
.newsMain1{ background: url("../images/news_bg2.jpg") no-repeat center bottom #fff; background-size: 100% auto; }
.newsMain1_1{ margin-bottom: 120px;}
.newsA{ display: flex; align-items: flex-end;}
.newsAFl{ width: 40%;}
.newsAFl ul{ padding-bottom: 40px;}
.newsAFl li{ padding-bottom: 14px; border-bottom: 1px solid #E8E8E8; margin-bottom: 60px;}
.newsAFl li:last-child{ margin-bottom: 0;}
.newsAFl .pd{ display: block; position: relative; }
.newsAFl .h3{ font-size: 30px; color: #000; line-height: 1.5; height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newsAFl .p{ font-size: 22px; color: #757575; line-height: 32px; height: 32px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newsAFl .em{ font-size: 16px; color: #757575; position: absolute; right: 0px; bottom: 0; line-height: 2em; height: 2em;}
.newsAFr{ width: 60%; padding-left: 88px; box-sizing: border-box; position: relative;}
.newsAFr .swiper{ overflow: hidden;}
.newsAFr .swiper-slide{ padding: 0 0 30px 0;}
.newsAFr .pd{ display: block; position: relative; border-radius: 30px; overflow: hidden;}
.newsAFr .img{ position: relative;}
.newsAFr .img:before{ content:''; position: absolute; height: 50%; left: 0; bottom: 0; right: 0; pointer-events: none; background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.newsAFr .img img{}
.newsAFr .text{ position: absolute; left: 60px; bottom: 40px; right: 60px; z-index: 2;}
.newsAFr .h3{ font-size: 30px; color: #fff; line-height: 1.5; height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newsAFr .p{ font-size: 22px; margin-right: 5.909090909090909em; color: #AFAFAF; height: 1.363636363636364em; line-height: 1.363636363636364em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newsAFr .em{ position: absolute; right: 0px; bottom: 0; color: #AFAFAF; font-size: 24px; height: 1.25em; line-height: 1.25em;}
.newsAFr .swiperDots{ display: flex; bottom: 0px; left: 60px;}


.newsMain1_2{padding-bottom: 120px;}
.newsB{ position: relative;}
.newsB .swiper{ margin: 0 -16px;}
.newsB .swiper-slide{ padding: 16px 0 52px 0;}
.newsB .pd{ display: block; margin: 0 16px; background: #EFEFEF; border-radius: 16px; overflow: hidden; box-shadow: 0 0 0 rgba(0,0,0,0.3); transition: 0.3s all;}
.newsB .img{}
.newsB .text{ padding: 24px 32px 20px 32px;}
.newsB .i{ font-size: 16px; font-family:'KronaOne-Regular'; color: #31A7BF; line-height: 1.2; margin-bottom: 1em;}
.newsB .h3{ font-size: 24px; color: #000000; font-weight: bold; line-height: 1.5; height: 4.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: 2.5em;}
.newsB .em{ font-size: 16px; text-align: right; color: #757575;}
.newsB .pd:hover{ box-shadow: 0 6px 16px rgba(0,0,0,0.3); transform: translateY(-5px); background: #fff;}
.newsB .swiperDots{ display: flex; bottom: 0;}

.newsMain2{}
.newsC{}
.newsC ul{}
.newsC li{ padding: 60px 0; border-bottom: 1px solid #31A7BF;}
.newsC .pd{ display: block; position: relative; padding: 30px 50px; border-radius: 20px;}
.newsC .img{ float: right; width: 400px; border-radius: 16px; overflow: hidden; }
.newsC .text{ margin-right: 400px; padding-right: 110px; padding-top: 30px;}
.newsC .h3{ font-size: 32px; line-height: 1.5; color: #000; height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newsC .em{ font-size: 24px; line-height: 1.2; color: #757575; margin-bottom: 1em;}
.newsC .p{ font-size: 22px; line-height: 1.3; color: #757575; height: 3.9em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.newsC .pd:hover{ background: #EFEFEF;}




.newsMain3{ background: url("../images/news_info_bg.jpg") no-repeat bottom center; background-size:cover; }
.newsMain3_1{ padding: 140px 0 0 0;}
.infoA{ position: relative; padding: 0 156px 0 256px;}
.infoAtit{ margin: 0 6% 110px 6%;}
.infoAtit h1{ font-size: 52px; line-height: 1.2; margin-bottom: 0.5em; color: #000; font-weight: bold;}
.infoAtit .em{ font-size: 22px; color: #757575;}
.infoAtit .m{ position: absolute; left: 0; top: 0;}
.infoAtit .m a{ font-size: 32px; height: 2.375em; background: #000; color: #fff; display: flex; border-radius: 1.1875em; line-height: 2.375em; padding: 0 1em;}
.infoAtit .m i{ font-size: 1em;}
.infoAtit .m span{ font-size: 1em;}
.infoAtit .m a:hover{ background: #31A7BF;}
.infoAcon{ font-size: 22px; background: #fff; border-radius: 1.136363636363636em; padding: 3.636363636363636em 3.181818181818182em; line-height: 1.75; margin-bottom: 2.727272727272727em; min-height: 13.63636363636364em;}
.infoEnd{ text-align: center; margin: 0 6%; position: relative; overflow: hidden; line-height: 1; margin-bottom: 80px;}
.infoEnd span{ font-size: 22px; color: #000; display: inline-block; position: relative;}
.infoEnd span:before,
.infoEnd span:after{ content:''; position: absolute; height: 1px; background: #B2B2B2; width: 100vw; top: 50%;}
.infoEnd span:before{ right: 100%; margin-right: 36px;}
.infoEnd span:after{ left: 100%; margin-left: 36px;}
.infoApage{ margin: 0 6%; background: #1A1A1A; border-radius: 44px; position: relative;}
.infoApage:before{ content:''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #fff;}
.infoApage ul{ display: flex; padding: 44px 26px;}
.infoApage li{ width: 50%;}
.infoApage .pd{ display: block; position: relative; color: #fff;}
.infoApage strong{ font-size: 26px; color: #31A7BF; display: flex; position: absolute; line-height: 1; margin-top: -0.5em; top: 50%;}
.infoApage i{ font-size: 1em;}
.infoApage span{ font-size: 1em;}
.infoApage em{ display: block; height: 1.692307692307692em; line-height: 1.692307692307692em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.infoApage .pd:hover{ color: #31A7BF;}
.infoApage li:first-child .pd{ padding-left: 126px;}
.infoApage li:last-child .pd{ padding-right: 126px;}
.infoApage li:first-child strong{ left: 0;}
.infoApage li:last-child strong{ right: 0;}
.infoApage li:first-child a{ margin-right: 50px;}
.infoApage li:last-child a{ margin-left: 50px;}
.infoA_Fr{ display: none;}


/*行业*/
.industry{ position: relative;}
.industryCon{ position: relative;}
.industryCon .pd{ display: block; position: relative;}
.industryCon .img{ position: relative;}
.industryCon .img:before{ content:''; position: absolute; left: 0; bottom: 0; right: 0; height: 380px; background-image: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));}
.industryCon .img img{ height: 100vh; width: 100%; object-fit: cover;}
.industryCon .text{ left: 6.875%; right: 6.875%; padding-top: 200px; position: absolute; top: 140px; bottom: 100px; z-index: 3; display: flex; justify-content: space-between; flex-direction: column;}
.industryCon .h3{ color: #fff;}
.industryCon .h3 strong{ font-size: 68px; line-height: 1.2; display: block; display: none;}
.industryCon .h3 em{ font-size: 50px; line-height: 1.2; display: block; text-transform: uppercase; width: 14em; font-family:'KronaOne-Regular';}
.industryCon .p{color: #fff; font-size: 22px; width: 27.5em; text-align: justify;}
.industryCon .m{ position: absolute; right: 0; bottom: 0;}
.industryCon .m:before{ content:''; width: 700px; height: 700px; background: url("../images/industry_banner_yuan.png") no-repeat; background-size: contain; position: absolute; left: -250px; top: -160px; z-index: 1;}
.industryCon .m a{ display: flex; position: relative; z-index: 2; height: 3.75em; line-height: 3.75em; padding: 0 1.625em; background: #000; border-radius: 1.875em; font-size: 16px; color: #fff;}
.industryCon .m a span{ font-weight: bold; display: block; margin-right: 0.5em;}
.industryCon .m a i{ display: block;}
.industryCon .m a:hover{ background: #31A7BF; color: #fff;}
.industryCon .em{ position: absolute; right: 0; top: 0; background: #fff; width: 560px; border-radius: 0 0 32px 32px; box-sizing: border-box; padding: 120px 56px 70px 56px;}
.industryCon .t{ display: flex; color: #000; margin-bottom: 40px;}
.industryCon .t strong{ display:flex; line-height: 68px; height: 68px; align-items: flex-end; font-weight: normal; position: relative; padding: 0 26px;}
.industryCon .t strong:before,
.industryCon .t strong:after{ content:''; position: absolute; background: url("../images/banner_industry_bg2.png") no-repeat; width: 18px; height: 26px; background-size: contain;}
.industryCon .t strong:before{ left: 0; top: 0;}
.industryCon .t strong:after{ right: 0; bottom: 0; background-image: url("../images/banner_industry_bg3.png");}
.industryCon .t em{ font-size: 50px; display: block; font-family:'KronaOne-Regular';}
.industryCon .t span{ font-size: 30px; display: block; margin-left: 0.1em;}
.industryCon .c{ font-size: 21px; line-height: 1.2; color: #7F7F7F;}

.industryTab{ left: 6.875%; top: 200px; position: absolute; z-index: 3;}
.industryTab ul{ display: flex;}
.industryTab li{ margin-right: 10px;}
.industryTab li:last-child{ margin-right: 0;}
.industryTab a{ display: flex; position: relative; background: #fff; line-height: 64px; height: 64px; padding: 0 28px 0 10px; border-radius: 32px;}
.industryTab .i{ display: block; width: 64px; height: 64px; position: relative; color: #A0A0A0;}
.industryTab .i i{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 1; font-size: 32px;}
.industryTab span{ display: block; font-size: 30px;}

.industryTab li.curr a,
.industryTab a:hover{ color: #31A7BF; background: #000;}
.industryTab li.curr .i,
.industryTab a:hover .i{ color: #fff;}
.industryTab li.curr .i i:last-child,
.industryTab a:hover .i i:last-child{ color: #31A7BF;}

/*医院*/
.pAPP{ position: relative; z-index: 2; padding-top:0px;}

.pAPPCon .pMain{ display: none; display: block;}
.pAPPCon .pMain.curr{ display: block;}

.pNav{ background: #EFEFEF; position: sticky; left:0; top: 80px; right: 0; z-index: 9;}
.pNav ul{ display: flex; }
.pNav li{ flex: 1;}
.pNav a{ display: block; font-size: 20px; height: 2.5em; line-height: 2.5em; text-align: center; background-image: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0)); color: #000; transition: 0.3s all; text-transform: uppercase;}
/*.pNav li.curr a:hover,
.pNav a:hover{ background: #31A7BF; color: #fff;}*/
.pNav li.curr a{ color: #31A7BF;}

.tit3{}
.tit3 strong{ font-size: 52px; line-height: 1; margin-bottom: 0.4em; display: block; color: #000; margin-right: 0.5em;}
.tit3 em{ font-size: 72px; line-height: 1.1; display: block; color: #31A7BF; font-family:'Repair-Light'}
.tit3_2{ text-align: center; display: flex; justify-content: center; align-items: center; margin-bottom: 70px;}
.tit3_2 strong{ margin-bottom: 0;}
.tit3_2 em{ color: #C1C1C1;}
.tit3_3{ display: flex; justify-content: flex-start; align-items: center; margin-bottom: 3em;}
.tit3_3 strong{ margin-bottom: 0;}
.tit3_3 em{ color: #fff;}

.industryMain1{ background-image: url("../images/industryMedical1_bg.jpg"); border-radius: 0 0 200px 200px;}
.industryMain1_1{ display: flex; padding-top: 70px;}
.industryMain1_2{ width: 44%;}
.industryMain1_3{ width: 56%;}
.industryMain1_3 .em{ margin-bottom: 80px;}
.industryMain1_3 .em li{ margin-bottom: 90px;}
.industryMain1_3 .em li:last-child{ margin-bottom: 0px;}
.industryMain1_3 .pd{ display: block; position: relative; padding-left: 80px;}
.industryMain1_3 .i{ position: absolute; left: 0; top: 0; font-size: 50px; line-height: 1; color: #31A7BF;}
.industryMain1_3 .h3{ font-size: 32px; line-height: 1.1; font-weight: bold; color: #000; margin-bottom: 0.2em;}
.industryMain1_3 .p{ font-size: 27px; line-height: 1.3333; color: #000;}
.industryMain1_3 .c{ font-size: 24px; line-height: 1.3333;}


.industryMain2{background-image: url("../images/industryMedical2_bg.jpg");}
.industryMain2_1{}
.available{ padding-bottom: 126px;}
.available .swiper{ margin: 0 -3px;}
.available .pd{ display: block; position: relative; border-radius: 14px; background: #000; margin: 0 3px; overflow: hidden;}
.available .img{ position: relative; opacity: 1; transition: 0.6s opacity;}
.available .img:before,
.available .img:after{ content:''; position: absolute; left: 0; right: 0; height: 160px;}
.available .img:before{ top: 0; background-image: linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0));}
.available .img:after{ bottom: 0; background-image: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));}
.available .img img{aspect-ratio: 332/682; width: 100%; height: auto; display: block; object-fit: cover;}
.available .text{ position: absolute; left: 15px; top: 40px; right: 15px; bottom: 50px; text-align: center; display: flex; justify-content: center; transition: 0.3s all;}
.available .t{ font-size: 27px; color: #fff; position: absolute; left: 0; bottom: 0; right: 0; opacity: 1;}
.available .c{}
.available .i{ font-size: 100px; line-height: 1; color: #fff; margin-bottom:0.4em; font-family:'KronaOne-Regular';}
.available .p{ font-size: 27px; line-height: 1.6666; color: #31A7BF; opacity: 0;}

.available .pd:hover .img{ opacity: 0;}
.available .pd:hover .text{ padding-top: 60px;}
.available .pd:hover .p{ opacity: 1;}
.available .pd:hover .t{ opacity: 0;}




.industryMain3{}
.industryMain3_1{ min-height: 500px;}
.industryMain4{ background-image: url("../images/industryMedical4_bg.jpg");}
.industryMain4_1{ margin-bottom: 96px;}
.industryMain4_1 .pd{ display: flex;}
.industryMain4_1 span{ display: block; background: rgba(49,167,191,1); color: #fff; padding: 0 1.384615384615385em; height: 1.307692307692308em; line-height: 1.307692307692308em; font-size: 26px;}
.industryMain4_1 span:nth-child(2){ background: rgba(49,167,191,0.6);}
.industryMain4_1 span:nth-child(3){ background: rgba(49,167,191,0.3);}
.industryMain4_2{ background: #000; border-radius: 48px 48px 0 0;}
.industryMain4_2 ul{ display: flex;}
.industryMain4_2 li{ width: 20%; position: relative; height: 100%; }
.industryMain4_2 li:before{ content:''; position: absolute; right: 0; top: 26px; bottom: 26px; width: 4px; background:url("../images/industryMain4_2_bg.png") no-repeat center center; background-size:100% 100%;}
.industryMain4_2 .pd{ text-align: center;}
.industryMain4_2 .t{ color: #C1C1C1; padding: 90px 0;}
.industryMain4_2 .t em{ font-size: 42px; display: block; margin-bottom: 0.5em;}
.industryMain4_2 .t strong{ font-size: 26px; font-weight: normal; display: block; }
.industryMain4_2 .c{ position: absolute; left: 0; top: -32px;border-radius: 42px 42px 0 0; padding-top: 66px; bottom: 0; right: 0; z-index: 2; background: #31A7BF; color: #fff; opacity: 0; transition: 0.3s opacity;}
.industryMain4_2 .npd{ font-size: 36px; line-height: 1.5;}
.industryMain4_2 .c span{ display: block;}
.industryMain4_2 .c span:nth-child(2){ background: #89CAD9;}
.industryMain4_2 .c span:nth-child(3){ background: #C4E4EC;}
.industryMain4_2 .c span:nth-child(4){ font-size: 42px; height: 2.380952380952381em; line-height: 2.380952380952381em;}
.industryMain4_2 .pd:hover .c{ opacity: 1;}



.industryMain5{}
.teamTit{ width: 374px; position: absolute; left: 0; top: 0; bottom: 0;}
.teamTit .h3{ position: absolute; left: 0; top: 0; font-size: 48px;}
.teamTit .em{ font-size: 156px; position: absolute; left: 0; bottom: 0; line-height:0.8; text-align: right; font-family: "Repair-Light";}
.industryMain5_1{ font-size: 18px; line-height: 1.4; position: absolute; top: 3.333333333333333em; right: 0; width:23em; text-align: justify;}
.industryMain5_2{ margin-left: 424px;}
.team{ position: relative;}
.teamCon{ width: 550px; position: relative;}
.teamCon:before{ content:''; width: 100%; height: 100%; background: #000; background-image: linear-gradient(to bottom,#000,#31A7BF); border-radius: 32px; position: absolute; left: 18px; top: 18px;}
.teamCon .swiper{ border-radius: 32px; overflow: hidden;}
.teamCon .pd{ display: block; position: relative; background: #31A7BF; color: #fff;}
.teamCon .img{ position: relative;}
.teamCon .img:before{ content:''; height: 400px; position: absolute; left: 0; bottom: 0; right: 0; background-image: linear-gradient(to top, rgba(0,0,0,1),rgba(0,0,0,0));}
.teamCon .img img{aspect-ratio: 640/800; object-fit: contain; object-position: bottom center;}
.teamCon .text{ position: absolute; left: 32px; bottom: 40px; right: 32px;}
.teamCon .h3{ position: relative; margin-bottom: 30px; font-family:'KronaOne-Regular'; padding-bottom: 20px;}
.teamCon .h3:before{ content:''; height: 4px; left: 0; position: absolute; width: 80px; background: #fff; bottom: 0; }
.teamCon .h3 strong{ display: block; font-size:21px; line-height: 1.2; margin-bottom: 0.3em;}
.teamCon .h3 em{ display: block; font-size: 32px; line-height: 1.2;}
.teamCon .h3 em br{ display: none;}
.teamCon .p{ font-size: 16px; line-height: 1.625; text-align: justify;}
.teamCon .swiperArrow{ display: block; background: none; width: 1em; height: 1em; line-height: 1; color: #D8D8D8; top: 1.666666666666667em; margin-top: 0; left: -8.833333333333333em; font-size: 48px;}
.teamCon .swiperPrev:before{ content:"\eb12";}
.teamCon .swiperNext{ margin-left: 1.2em;}
.teamCon .swiperNext:before{ content:"\eb0a"; right: auto;}
.teamCon .swiperArrow:hover{ color: #000000;}

.teamTab{ position: absolute; right: 0; bottom: 0; width: 610px;}
.teamTab .swiper{ margin: 0 -20px;}
.teamTab .pd{ display: block; position: relative; margin: 0 20px;}
.teamTab .img{ border-radius: 26px; margin-bottom: 12px; overflow: hidden; position: relative;}
.teamTab .img:before{ content:''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../images/team_bg.png") no-repeat #000; background-size: 100% 100%;}
.teamTab .img:after{ content:''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #31A7BF; opacity: 0; z-index: 2; transition: 1s all;}
.teamTab .img img{aspect-ratio: 640/800; object-fit: contain; object-position: bottom center; position: relative; z-index: 3;}
.teamTab .text{ text-align: center; }
.teamTab .h3{ font-family:'KronaOne-Regular'; font-size: 20px; line-height: 1.1; text-align: left; color: #000;}
.teamTab .h3 em{ display: block; margin-bottom: 0.5em;}
.teamTab .h3 strong{ display: block;}
.teamTab .swiper-slide-thumb-active .h3{ color: #31A7BF;}
.teamTab .swiper-slide-thumb-active .img:after{ opacity: 1;}


/*化工*/
.industryMain10{ background: #EFEFEF;}
.chemicalsTit{ display: flex; justify-content: space-between; margin-bottom: 80px;}
.chemicalsTit .t{ font-size: 52px; margin-left: 280px;}
.chemicalsTit .c{ font-size: 22px; line-height: 1.2; width: 33em; text-align: justify;}
.chemicalsNav{ width: 1140px; margin: 0 auto;}
.chemicalsNav ul{ display: flex; margin: 0 -36px;}
.chemicalsNav li{ width: 50%;}
.chemicalsNav .pd{ margin: 0 36px; display: block; background: #fff; border-radius: 44px; box-shadow: 0 0 12px rgba(0,0,0,0.3); overflow: hidden; transition: 0.3s all;}
.chemicalsNav .pd:hover{ transform: translateY(-5px);}
.chemicalsNav .img{}
.chemicalsNav .text{ position: relative; padding: 40px 50px 50px 50px;}
.chemicalsNav .text:before{ content:''; position: absolute; left: 16px; top: 0; right: 16px; border-top: 1px dashed #000;}
.chemicalsNav .h3{ color: #000;}
.chemicalsNav .h3 strong{ display: block; font-size: 52px; line-height: 1.2; margin-right: 3em;}
.chemicalsNav .h3 em{ display: block; font-size: 28px; line-height: 1.2;}
.chemicalsNav .m{ position: absolute; right: 50px; bottom: 50px;}
.chemicalsNav .m em{ background: #000; border-radius: 0.9em; line-height: 2.3em; height: 2.3em; display: flex; font-size: 20px; padding: 0 1em; color: #fff; transition: 0.3s all;}
.chemicalsNav .m span{ font-size: 1em; display: block;}
.chemicalsNav .m i{ font-size: 1em; transform: scale(0.7); transform-origin: center right;display: block; margin-left: 0.1em;}
.chemicalsNav .m em:hover{ background: #31A7BF;}



.industryMain6{}
.tit3_4{ margin-bottom: 72px;}
.tit3_4 em{ color: #C1C1C1;}
.industryMain6_1{ position: absolute; right: 0px; top: 0px; width: 50em; text-align: justify; font-size: 0.9em;}
.industryMain6_2{}
.industryMain6_2 ul{ display: flex; margin: 0 -18px; flex-wrap: wrap;}
.industryMain6_2 li{ width: 33.3333%; padding: 16px 0;}
.industryMain6_2 .pd{ display: block; margin: 0 18px; position: relative; background: #EFEFEF; border-radius: 16px; padding: 18px; color: #7F7F7F; height: 100%; box-sizing: border-box;}
.industryMain6_2 .i{ font-size: 72px; position: absolute; left: 0; top: 50%; margin-top: -0.5em; color: #31A7BF; width: 1.583333333333333em; text-align: center; display: flex; align-items: center; justify-content: center; line-height: 1;}
.industryMain6_2 .h3{ font-size: 22px; line-height: 1.2; margin-left: 4.545454545454545em; padding-left: 1.363636363636364em; border-left: 1px solid #7F7F7F; min-height: 3.454545454545455em; display: flex; flex-direction: column; justify-content: center;}
.industryMain6_2 .h3 strong{ display: block; font-size: 1em;}
.industryMain6_2 .h3 em{ display: block; font-size: 0.8em; display: none;}
.industryMain6_2 .pd:hover{ background: #000000; color: #fff;}
.industryMain6_2 .pd:hover .h3{ border-left-color: #fff;}


.tit3_5{ position: absolute; display: flex; top: -150px; background: #EFEFEF; justify-content: center; align-items: center; border-radius: 20px; box-sizing: border-box; padding:54px; transform: translateY(-50%); left: 0; right: 0;}
.tit3_5 strong{ margin-bottom: 0;}
.tit3_5 em{ color: #C1C1C1;}
.industryMain7{ background-image: url("../images/industryMain7_bg.jpg")}
.industryMain7_1{ padding-bottom: 80px;}
.chain{ position: relative; margin: 0 auto;}
.chainTit{ width: 544px; height: 544px; box-sizing: border-box; background: rgba(255,255,255,0.2); border: 1px dashed #EFEFEF; border-radius: 50%; margin: 0 auto; position: relative; display: flex; justify-content: center; align-items: center;}
.chainTit:before{ content:''; width: 360px; height: 360px; position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -180px;  background-image:radial-gradient(circle,rgba(49,167,191,0), rgba(49,167,191,1)); border-radius: 50%;}
.chainTit .npd{ position: relative; z-index: 2; text-align: center; color: #fff;}
.chainTit strong{ display: block; font-size: 52px; line-height: 1.2;}
.chainTit em{ display: none; font-size: 36px; line-height: 1.2;}
.chainCon{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.chainCon:before{ content:''; position: absolute; top: 50%; right: 50%; background: url("../images/chainFl.png") no-repeat right center; background-size: contain; width: 95px; height: 252px; margin:-136px 444px 0 0; z-index: 2;}
.chainCon:after{ content:''; position: absolute; top: 50%; left: 50%; background: url("../images/chainFr.png") no-repeat right center; background-size: contain; width: 286px; height: 252px; margin:-136px 0 0 272px; z-index: 2;}
.chainCon ul{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index:3;}
.chainCon li{ position: absolute; width: 224px }
.chainCon li:nth-child(1){ top: 50%; left: 50%; margin: -166px 0 0 302px;}
.chainCon li:nth-child(2){ top: 50%; left: 50%; margin: -166px 0 0 540px;}
.chainCon li:nth-child(3){ top: 50%; left: 50%; margin: -46px 0 0 540px;}
.chainCon li:nth-child(4){ top: 50%; left: 50%; margin: 72px 0 0 540px;}
.chainCon li:nth-child(5){ top: 50%; right: 50%; margin: -46px 240px 0 0;}
.chainCon li:nth-child(6){ top: 50%; right: 50%; margin: -166px 540px 0 0;}
.chainCon li:nth-child(7){ top: 50%; right: 50%; margin: -46px 540px 0 0;}
.chainCon li:nth-child(8){ top: 50%; right: 50%; margin: 72px 540px 0 0;}
.chainCon .pd{ font-size: 21px; line-height: 1.2; height: 3.333333333333333em; border-radius:0.5714285714285714em; display: flex;justify-content: center; align-items: center; background: #fff; text-align: center;}
.chainCon li:nth-child(1) em{ display: none;}
.chainCon li:nth-child(5) em{ display: none;}
.chainCon .pd span{ font-size: 0.8em; display: block;}
.chainCon strong{ display: block;}
.chainCon em{ display: none;}
.chainCon .pd:hover{ background: #31A7BF; color: #fff;}

.industryMain8{ padding: 0;}
.industryMain8_1{}
.pro{}
.pro .li{ display: none; padding: 150px 0; display: none;}
.pro .li.curr{ display: block;}
.proCon{ position: relative; display: flex;}
.proCon:before{ content:''; position: absolute; top: -150px; right: -10%; bottom: -150px; left: 506px; background: #EFEFEF;}
.proFl{ width: 506px;}
.proFl .pd{ width: 362px; position: relative; display: block;}
.proFl .img{ border-radius: 28px; overflow: hidden; margin-bottom: 40px;}
.proFl .text{}
.proFl .h3{}
.proFl .h3 strong{ font-size: 38px; line-height: 1.2; color: #000; display: block;}
.proFl .h3 em{ font-size: 52px; line-height: 1.2; color: #C1C1C1; display: none;}
.proFr{ position: relative; background: #EFEFEF; padding-left: 136px; box-sizing: border-box; width: calc(100% - 506px);}
.proFr .pd{ display: flex; justify-content: space-between;}
.proFr .t{ min-width:49%; }
.proFr .h3{ display: flex; line-height: 1.2; align-items: center; margin-bottom: 26px;}
.proFr .h3 strong{ color: #000; margin-right: 0.5em; font-size: 32px;}
.proFr .h3 em{ color: #C1C1C1; font-size: 26px; display: none;}
.proFr .c{ min-width:49%;}
.proFr .c img{ width: 100%; height: auto; display: block;}
.proFr ul{}
.proFr li{ display: block; position: relative; padding-left: 16px;}
.proFr li:before{ content:''; width: 6px; height: 6px; position: absolute; left: 0; top: 50%; margin-top: -3px; background: #31A7BF; border-radius: 50%;}




.industryMain9{ background-image: url("../images/industryMain9_bg.jpg"); padding: 110px 0 0 0; padding-bottom: 0 !important;}
.industryMain9:before{ content:''; position: absolute; left: 0; right: 0; bottom: -1px; top: 0; background: url("../images/industryMain9_bg2.png") no-repeat bottom center; background-size:100% auto; z-index: 4; pointer-events: none;}
.partner{}
.partnerTit{ text-align: center; font-size: 52px; color: #fff; margin-bottom: 60px;}
.partnerCon{ border:12px solid #31A7BF; padding: 66px 38px 300px 38px; background: #fff; border-bottom: none; min-height: 500px; border-radius: 50px 50px 0 0 ;}
.partnerCon ul{display: flex; flex-wrap: wrap;}
.partnerCon li{ width: 25%;}
.partnerCon .pd{ display: block; position: relative;}
.partnerCon .pd:after{ content:''; position: absolute; top: 0; bottom: 0; right: 0; width: 2px; background: #efefef;}
.partnerCon .pd:before{ content:''; position: absolute; left: 0; bottom: 0; right: 0; height: 2px; background: #efefef;}
.partnerCon .pd img{ width: 100%; height: auto; display: block; aspect-ratio: 640/360; object-fit: contain;}
.partnerCon li:nth-child(4n+0) .pd:after{ display: none;}
.partnerCon li:nth-last-child(-n + 4) .pd:before{ display: none;}


.industryMain11{}
.industryMain11_1{}
.industryMain11_2{}
.industryMain11_2 .pd{ background: #efefef; padding: 30px; text-align: center; border-radius: 16px;}
.industryMain11_2 .h3{ font-size: 26px; line-height: 1.2; margin-bottom: 0.5em;}
.industryMain11_2 .p{ font-size: 21px; line-height: 1.2;}

.industryMain12{ background: #efefef;}
.industryMain12_1{ padding-bottom: 60px; margin-bottom: 120px;}
.proGasA{ display: flex; }
.proGasATit{ width: 480px; position: relative;}
.proGasATit:before{ content:''; position: absolute; background:url("../images/proGasATit.jpg") no-repeat center center #000; background-size: cover; top: -150px; bottom: -60px; right: 0; width: 612px;}
.proGasATit .pd{ position: relative; z-index: 2;}
.proGasATit em{ font-size: 72px; color: #c1c1c1; line-height: 1.2; display: block; margin-bottom: 0.2em; font-family:'Repair-Light';}
.proGasATit strong{ font-size: 52px; color: #31a7bf; line-height: 1.2; display: none;}
.proGasACon{ width: calc(100% - 480px); padding-left: 168px; box-sizing: border-box;}
.proGasACon img{ width: 100%; height: auto; display: block;}
.industryMain12_2{}
.proGasB{}
.proGasBTit{ text-align: center; margin-bottom: 1.875em; line-height: 1.2; font-size: 32px; color: #000000;}
.proGasBCon{ padding:30px; background: #fff; border-radius: 72px;}
.proGasBCon img{ width: 100%; height: auto; display: block;}



/*能源*/
.industryMain14{ background: #fff; padding-bottom: 0;}
.industryMain14_1 .pd{ width: 46em; font-size: 21px; margin: 0 auto; text-align: center;}
.industryMain15{ padding-top: 80px;}
.industryMain16{ padding: 0;}
.industryMain16 .wp{ margin: 0px;}
.industryMain16_1{}
.industryMain16_1 .pd{}
.industryMain16_1 img{ width: 100%; height: auto; display: block;}
.industryMain17{}

.case{}
.case ul{ display: flex; margin: 0 -27px; flex-wrap: wrap;}
.case li{ width: 33.3333%; margin-bottom: 80px;}
.case .pd{ margin: 0 27px; display: block; color: #000;}
.case .img{ border-radius: 20px; overflow: hidden; margin-bottom: 20px; position: relative;}
.case .img:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 1; opacity: 0; transition: 0.3s all;}
.case .img:before{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: linear-gradient(45deg,rgba(49,167,191,1) 0%,rgba(49,167,191,0) 60%); z-index: 2; opacity: 0; transition: 0.3s all; width: 0%;}
.case .img span{ position: absolute; left: 50%; top: 50%; font-size: 24px; line-height:1.2; margin: -0.6em 0 0 -2em; z-index: 3; color: #fff; padding-bottom: 0.5em; opacity: 0; transition: 0.3s all;}
.case .img span:before{ content: ''; width: 2.5em; height: 2px; background: #31a7bf; position: absolute; bottom: 0; margin-left: -1.25em; left: 50%;}
.case .text{ padding-right: 160px; position: relative;}
.case .h3{}
.case .h3 strong{ font-weight: bold; display: block; font-size: 36px; line-height: 1.5; height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.case .h3 em{ display: block; position: absolute; right: 0; top:50%; font-size: 50px; line-height: 1; margin-top: -0.5em;}
.case .p{ font-size: 16px; line-height: 1.5; height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.case .c{ display: none;}
.case .pd:hover .img:after{ opacity: 1;}
.case .pd:hover .img:before{ opacity: 1; width: 100%;}
.case .pd:hover .img span{ opacity: 1;}



.caseInfoBg{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85); z-index: 90; display: none;}
.caseInfo{ position: fixed; left: 50%; top: 50%; width: 80%; margin-left: -40%; transform: translateY(-50%); z-index: 99; display: none; padding-top: 60px;}
.caseInfoClose{ position: absolute; left: 710px; top: 0; font-size: 40px; line-height: 1; width: 1em; color: #fff; cursor: pointer;}
.caseInfoClose:hover{ color: #31A7BF;}
.caseInfoFl{ width: 620px; float: left;}
.caseInfoFl .swiper-container{ padding-bottom: 36px;}
.caseInfoFl .swiper{ border-radius: 25px; overflow: hidden;}
.caseInfoFl .swiperDots{ display: flex; bottom: 0;}
.caseInfoFl .swiperDots span{ border-color: #fff; }
.caseInfoFl .swiperDots span.swiper-pagination-bullet-active{ border-color: #fff; background: #fff; }

.caseInfoFr{ margin-left: 620px; padding-left: 90px;}
.caseInfoFr .pd{ color: #fff; padding-top: 60px;}
.caseInfoFr .t{ font-size: 32px; line-height: 1.2; margin-bottom: 0.5em;}
.caseInfoFr .c{ font-size: 21px; line-height: 1.5; height: 10.5em; overflow-y: auto;}



.serviceMain1{}
.serviceMain1_1{ text-align: center; font-size: 36px; margin-bottom: 70px; color: #000; }
.serviceMain1_1 .t{ font-size: 1em; line-height: 1.2; margin-bottom: 0.8em; position: relative;}
.serviceMain1_1 .c{}
.serviceMain1_1 .c em{ font-size: 1em; font-family: 'Repair-Regular'; margin-right: 1em; font-weight: normal; line-height: 1.2;}
.serviceMain1_1 .c span{ font-size: 1em; line-height: 1.2;}
.serviceMain1_2{}
.serviceMain1_2 ul{ display: flex; flex-wrap: wrap; margin: 0 -36px;}
.serviceMain1_2 li{ width: 20%; display:flex; justify-content: center; position: relative;}
.serviceMain1_2 li:before{ content: ''; position: absolute; left: 100%; top: 50%; margin: 40px 0 0 -30px; width: 60px; height: 1px; border-bottom: 1px dashed #000; opacity: 0.5;}
.serviceMain1_2 li:last-child:before{ display: none;}
.serviceMain1_2 .pd{ display: block; color: #000; margin: 0 36px; position: relative; z-index: 2; background: #fff; height: 100%; box-sizing: border-box;}
.serviceMain1_2 .i{ color: #eaeaea; font-size: 60px; font-family: 'KronaOne-Regular'; text-align: center; transform: scale(0.6666); transition: 0.3s all;}
.serviceMain1_2 .h3{ font-size: 32px; line-height: 1.2; position: relative; width: 8em; text-align: center;}
.serviceMain1_2 .em{ font-size: 14px; line-height: 1.2; display: none;}
.serviceMain1_2 .pd:hover .i{ transform: scale(1); color: #31a6be;}


.serviceList{}
.serviceList .li{ position: relative; overflow: hidden;}
.serviceList .wpd{ position: relative;}
.serviceList .wimg{}
.serviceList .wimg img{ width: 100vw; height: auto; display: block;}
.serviceList .wtext{ position: absolute; color: #000;}
.serviceList .npd{ position: relative; z-index: 2;}
.serviceList .t{ font-size: 48px; line-height: 1; margin-bottom: 0.2em; font-weight: bold; position: relative;}
.serviceList .t:before{ content: ''; position: absolute; left: 0; width: 0.15em; height: 96em; background: #31A7BF;}
.serviceList .c{ font-size: 24px; line-height: 1.3333; text-align: justify;}

.serviceList .li1{}
.serviceList .li1 .wtext{ left: 6.875%; top: 200px;}
.serviceList .li1 .t{ padding-left: 20px;}
.serviceList .li1 .t:before{ bottom: 0;}
.serviceList .li1 .c{ width: 25em;}

.serviceList .li2{}
.serviceList .li2 .wtext{ right: 6.875%; bottom: 200px; color: #fff;}
.serviceList .li2 .t:before{ top: 100%; margin-top: 0.3em;}
.serviceList .li2 .c{ padding-left: 20px; width: 26em;}

.serviceList .li3{}
.serviceList .li3 .wtext{ left: 6.875%; top: 200px; }
.serviceList .li3 .t{ padding-left: 20px;}
.serviceList .li3 .t:before{ bottom: 0;}
.serviceList .li3 .c{ width: 30em;}

.serviceList .li4{}
.serviceList .li4 .wtext{ left: 6.875%; top: 200px; color: #fff;}
.serviceList .li4 .t{ padding-left: 20px;}
.serviceList .li4 .t:before{ bottom: 0;}
.serviceList .li4 .c{ width: 25em;}

.serviceList .li5{}
.serviceList .li5 .wtext{ right: 6.875%; bottom: 130px; color: #000;}
.serviceList .li5 .t:before{ top: 100%; margin-top: 0.3em;}
.serviceList .li5 .c{ padding-left: 20px; width: 22em;}

.serviceList .li6{}
.serviceList .li6 .wtext{ left: 20%; top: 0px; padding-top: 200px; color: #fff;}
.serviceList .li6 .wtext:before{ content: ''; left: -40px; bottom: -40px; right: -80px; top: 0; background: rgba(0,0,0,0.1);position: absolute; backdrop-filter: blur(6px); border-radius:0 0  12px 12px;}
.serviceList .li6 .t{ padding-left: 20px;}
.serviceList .li6 .t:before{ bottom: 0; background: #fff;}
.serviceList .li6 .c{ width: 19em;}


.serviceListA{ position: absolute; bottom: 200px; right: 6.875%; left: 6.875%; box-sizing: border-box;  padding-left: 440px;}
.serviceListA ul{ display: flex; margin: 0 -26px;}
.serviceListA li{ width: 33.3333%;}
.serviceListA .pd{ display: block; margin: 0 26px; border-radius: 46px;}
.serviceListA .img{ border-radius: 46px; overflow: hidden;}
.serviceListA .text{ padding-top: 46px; padding-bottom: 16px; position: relative;}
.serviceListA .text:before{ content: ''; position: absolute; width: 40px; height: 3px; left: 50%; bottom: 0; background: #31a6be; margin-left: -20px;}
.serviceListA .h3{ text-align: center; font-weight: bold; color: #000;}

.serviceListB{ position: absolute; bottom: 200px; width: 894px; left: 6.875%; box-sizing: border-box;}
.serviceListB ul{ display: flex; margin: 0 -32px;}
.serviceListB li{ width: 33.3333%;}
.serviceListB .pd{ display: block; margin: 0 32px; padding: 70px 0 30px 0; position: relative;}
.serviceListB .pd:before{ content: ''; border-radius: 46px; background: rgba(0,0,0,0.7); backdrop-filter: blur(6px); position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.serviceListB .img{ width: 108px; margin: 0 auto 40px auto; position: relative; z-index: 2;}
.serviceListB .text{ position: relative; z-index: 2;}
.serviceListB .h3{ text-align: center; font-weight: bold; color: #fff;}

.serviceListC{ position: absolute; left: 6.875%; top: 110px; right: 6.875%;}
.serviceListC img{ width: 100%; height: auto; display: block; border-radius: 60px;}




.vision{}
.vision .wpd{ position: relative;}
.visionHead{ position: relative; overflow: hidden;}
.visionHead .img{}
.visionHead .text{ position: absolute; left: 0; top: 140px; right: 0px; padding-top: 240px; text-align: center; color: #fff;}
.visionHead .npd{}
.visionHead .em{ font-size: 52px; line-height: 1.2; margin-bottom: 0.5em; font-family: 'Repair-Light';}
.visionHead .h3{ font-size: 28px; font-family:'KronaOne-Regular'; line-height: 1.2;}
.visionNum{ position: absolute; left: 0; bottom: -38px; right: 0; z-index: 5;}
.visionNum ul{ margin: 0 -28px; display: flex;}
.visionNum li{ width: 25%;}
.visionNum .pd{ display: block; margin: 0 28px; position: relative; padding: 76px 38px 28px 38px; color: #fff;}
.visionNum .pd:before{ content: ''; border-radius: 46px; background: rgba(49,167,191,0.7); backdrop-filter: blur(6px); position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.visionNum .t{ position: relative; z-index: 2; margin-bottom: 144px; display: flex; align-items: center; line-height: 1;}
.visionNum .t i{ font-size: 54px; margin-right: 0.2em; display: block;}
.visionNum .t strong{ font-size: 42px; display: block;}
.visionNum .c{ position: relative; z-index: 2; display: flex;}
.visionNum .c span{ font-size: 54px; font-family:'KronaOne-Regular';}
.visionNum .c i{ font-size: 18px;}




.aboutMain1{ background: #efefef; padding-bottom: 0;}
.about{}
.aboutTit{ display: block; position: relative; height: 152px; margin-bottom: 80px;}
.aboutTit:before{ content: ''; position: absolute; left: 770px; right: 0; height: 1px; background: #000; top: 50%;}
.aboutTit i{ font-size: 616px; line-height: 1; display: block; padding-right: 0.2em; position: absolute; left: 0px; top: 50%; margin-top: -0.5em; pointer-events: none; z-index: 2; color: #000;}
.aboutCon{ font-size: 30px; line-height: 1.5; margin: 0 150px; color: #000000; padding-bottom: 0px;}
.aboutNum{ margin: 0 150px; display: flex; justify-content: flex-end;}
.aboutNum ul{ display: flex; margin: 0 -40px;}
.aboutNum li{}
.aboutNum .pd{ color: #000000; margin: 0 40px;}
.aboutNum .h3{ display: flex; line-height: 1; margin-bottom: 20px; align-items: flex-end;}
.aboutNum .h3 strong{ font-size: 76px; font-family:'KronaOne-Regular'; color: #31a7bf;}
.aboutNum .h3 em{ font-size: 24px; padding: 0.3em 0; margin-left: 0.5em;}
.aboutNum .em{ font-size: 24px;}
.aboutMap{ width: 100vw; position: relative; left: 50%; margin-left: -50vw; background:url("../images/aboutMapHead.png") no-repeat; background-size: 100% 100%; height: 1000px;}
.aboutMapHead{}
.aboutMapHead .img{}
.aboutMapHead .img img{ width: 100vw; height: auto; display: block;}
.aboutMapHead .text{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.aboutMapHead .pd{}
.aboutMapHead .i{ font-size: 38px; width: 1em; line-height: 1; display: block; text-align: center; color: #31a7bf; position: absolute; left: 50%; bottom: 0; margin-left: -0.5em;}
.aboutMapHead .c{ position: absolute; left: 50%; top: 10px; background: #31a7bf; padding:6px 10px; border-radius: 6px; color: #fff; line-height: 1.5; font-size: 20px; transform: translateX(-50%); opacity: 0; transition: 0.3s all;}
.aboutMapHead .c p{ white-space: nowrap; position: relative; display: block; padding-left: 12px;}
.aboutMapHead .c p:before{ content: ''; position: absolute; left: 0px; width: 6px; height: 6px; background: #fff; border-radius: 50%; top: 50%; margin-top: -3px;}

.aboutMapHead ul{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.aboutMapHead li{ position: absolute; width: 1px; height: 1px;}
.aboutMapHead li:hover .c{ opacity: 1;}

.aboutMapHead li:nth-child(1){ left: 236px; top: 320px;}
.aboutMapHead li:nth-child(2){ left: 974px; top: 188px;}
.aboutMapHead li:nth-child(3){ left: 1176px; top: 306px;}
.aboutMapHead li:nth-child(4){ left: 1476px; top: 386px;}
.aboutMapHead li:nth-child(5){ left: 1500px; top: 300px;}


.aboutMapHead li:nth-child(1) .c p{ padding-left: 0;}
.aboutMapHead li:nth-child(1) .c p:before{ display: none;}
.aboutMapHead li:nth-child(2) .c p{ padding-left: 0;}
.aboutMapHead li:nth-child(2) .c p:before{ display: none;}
.aboutMapHead li:nth-child(4) .c p{ padding-left: 0;}
.aboutMapHead li:nth-child(4) .c p:before{ display: none;}
.aboutMapHead li:nth-child(5) .i{ color: #fff;}
.aboutMapHead li:nth-child(5) .c{ position: absolute; transform:translate(92px,-36px);}




.aboutMapTip{ position: absolute; left: 180px; right: 180px; bottom: 114px;}
.aboutMapTip ul{ display: flex; flex-wrap: wrap;}
.aboutMapTip li{ width: 20%; float: left; padding-top:36px; line-height: 1; font-size: 24px; color: #fff;}
.aboutMapTip li:nth-child(5n+0){ text-align: right;}
.aboutMapTip strong{ font-weight: bold; display: block;}




.aboutMain2{ background: #efefef;}
.aboutMain2_1{}
.contact{}
.contactTit{ position: relative; margin-bottom: 80px;}
.contactTit strong{ display: block; font-weight: normal; font-size: 56px; line-height: 1; font-family:'KronaOne-Regular'; text-transform: uppercase; color: #000;}
.contactTit:before{ content: ''; position: absolute; left: 770px; right: 0; height: 1px; background: #000; top: 50%;}
.contactCon{ margin-bottom: 100px; }
.contactCon ul{ display: flex;}
.contactCon li{ margin-right: 88px;}
.contactCon .pd{ display: block; padding-left: 50px; position: relative;}
.contactCon .i{ font-size: 32px; color: #31a7bf; line-height: 1; position: absolute; left: 0; top: 50%; margin-top: -0.5em;}
.contactCon .p{ color: #000;}
.contactCon .pd:hover .p{ color: #31a7bf;}




.aboutMain2_2{}
.msg{}
.msgCon{}
.msgTit{ display: flex; display: none;}
.msgTit strong{ display: block; height: 86px; width: 324px; text-align: center; font-size: 20px; font-weight: bold; color: #000; background: #fff; line-height: 86px; position: relative; border-radius: 20px 20px 0 0;}
.msgTit strong:before{ content: ''; position: absolute; width: 40px; height: 3px; background: #31a7bf; bottom: 24px; left: 50%; margin-left: -20px;}

.msgCon{ background: #fff; border-radius: 30px; padding: 72px 172px;}
.msgConTit{ text-align: center; font-size: 50px; font-weight: bold; margin-bottom: 72px; color: #000;}
.msgConCon{ margin-bottom: 40px;}
.msgConCon ul{ display: flex; margin: 0 -10px; flex-wrap: wrap;}
.msgConCon li{ width: 50%; margin-bottom:10px;}
.msgConCon li.w100{ width: 100%;}
.msgConCon .pd{ margin: 0 10px;}
.msgConCon .t{ line-height: 1; margin-bottom: 10px; font-size: 14px;}
.msgConCon .c{}
.msgMore{ margin-bottom: 80px;}
.msgMore ul{ display: flex; margin: 0 -40px;}
.msgMore li{ width: 50%;}
.msgMore .pd{ margin: 0 40px; padding-left: 36px; position: relative; cursor: pointer; display: block;}
/*.msgMore .i{ width: 16px; height: 16px; box-sizing:border-box; border: 1px solid #31a7bf; border-radius: 3px; position: absolute; left: 0px; top: 2px; font-size: 16px;}
.msgMore .i:before{ opacity: 0; position: absolute; left: 50%; top: 50%; margin: -0.5em 0 0 -0.5em; }*/
.msgMore .i{ position: absolute; left: 0; top: 3px;}
.msgMore .i input{ display: block; font-size: 16px; width: 1em; height: 1em;}
.msgMore .t{ font-size: 16px; color: #000;}
.msgMore .c{ font-size: 14px; color: #666666;}
.msgMore li.curr .i:before{ opacity: 1;}
.msgBtn{}
.ipt_t2{ width: 100%; box-sizing: border-box; height: 60px; border: none; background: #efefef; border-radius: 6px; padding: 0 1.5em; font-size: 20px;outline:none; -moz-outline:none; transition: 0.3s all;}
.ipt_s2{ width: 100%; box-sizing: border-box; height: 60px; border: none; border-radius: 6px; padding: 0 1.5em; font-size: 20px;outline:none; -moz-outline:none; background:url(../images/select_jt.png) no-repeat right center #efefef !important; transition: 0.3s all;}
.ipt_text2{ width: 100%; box-sizing: border-box; border: none; background: #efefef; border-radius: 6px; padding: 0.5em 1.5em; font-size: 20px; height: 8em; overflow: hidden; resize: none;outline:none; -moz-outline:none; transition: 0.3s all;}

.ipt_t2:focus,
.ipt_text2:focus,
.ipt_s2:focus{box-shadow:0 0 15px rgba(49,167,191,1); border:1px solid #31a7bf;}


.ipt_b2{ font-size: 24px; display: block; margin: 0 auto; height: 84px; width: 274px; background: #31a7bf; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 15px; border: none; transition: 0.3s all;}
.ipt_b2 strong{ display: block; padding-right: 0.5em; font-size: 1em;}
.ipt_b2 i{ font-size: 0.5em;}
.ipt_b2:hover{ transform: translateY(-5px); box-shadow: 3px 3px 10px rgba(0,0,0,0.3);}





/*内页响应*/
.dingwei a{ bottom: 7.2em;}
.dingwei_1 a{bottom:10.7em;}
.nBanner .text{ top: 9.5em; bottom: 4em;}
.nBanner .h3{ font-size: 3.8em;}
.nBanner .h4{ font-size: 2.1em;}
.nBanner .em{ font-size: 2.5em;}
.nBanner .t strong{ font-size: 2.6em;}
.nBanner .t em{ font-size: 1.8em;}
.nBanner .c{ font-size: 2.5em;}
.nBanner .m a{ font-size: 1em;}
.nBanner_industryl .em{ margin-bottom: 0.4em;}
.nBanner_industryl .h3{ font-size: 2.6em;}
.nBanner_casel .em{ font-size: 1em;}
.nBanner_casel .h3{ font-size: 2.6em;}
.tit2{ margin-bottom: 3em;}
.tit2 .t em{ font-size: 3em;}
.tit2 .t strong{ font-size: 1.8em;}
.tit2 .m{ margin-top: -1.35em;}
.more1{ font-size: 0.9em;}
.pMain{ padding: 7.5em 0;}
.industryMain8{ padding: 0;}
.industryMain14{ padding-bottom: 0px;}
.industryMain16{ padding: 0px;}
/**/
.newsMain1_1{ margin-bottom: 6em;}
.newsAFl ul{ padding-bottom: 2em;}
.newsAFl li{ padding-bottom: 0.7em; margin-bottom: 3em;}
.newsAFl .h3{ font-size: 1.5em;}
.newsAFl .p{ font-size: 1.1em;}
.newsAFl .em{ font-size: 0.8em;}
.newsAFr{ padding-left: 4.4em;}
.newsAFr .swiper-slide{ padding: 0 0 1.5em 0;}
.newsAFr .pd{ border-radius: 1.5em;}
.newsAFr .text{ left: 3em; bottom: 2em; right: 3em;}
.newsAFr .h3{ font-size: 1.5em; }
.newsAFr .p{ font-size: 1.1em;}
.newsAFr .em{ font-size: 1.2em;}
.newsAFr .swiperDots{ left: 3em;}
.newsMain1_2{padding-bottom: 6em;}
.newsB .swiper{ margin: 0 -0.8em;}
.newsB .swiper-slide{ padding: 0.8em 0 2.6em 0;}
.newsB .pd{ margin: 0 0.8em; border-radius: 0.8em;}
.newsB .text{ padding: 1.2em 1.6em 1em 1.6em;}
.newsB .i{ font-size: 0.8em;}
.newsB .h3{ font-size: 1.2em;}
.newsB .em{ font-size: 0.8em;}
.newsB .pd:hover{ box-shadow: 0 0.3em 0.8em rgba(0,0,0,0.3); transform: translateY(-0.25em);}
/**/
.newsC li{ padding: 3em 0;}
.newsC .pd{ padding: 1.5em 2.5em; border-radius: 1em;}
.newsC .img{ width: 20em; border-radius: 0.8em;}
.newsC .text{ margin-right: 20em; padding-right: 5.5em; padding-top: 1.5em;}
.newsC .h3{ font-size: 1.6em;}
.newsC .em{ font-size: 1.2em;}
.newsC .p{ font-size: 1.1em;}
/**/
.newsMain3_1{ padding: 7em 0 0 0;}
.infoA{ padding: 0 7.8em 0 12.8em;}
.infoAtit{ margin: 0 6% 5.5em 6%;}
.infoAtit h1{ font-size: 2.6em;}
.infoAtit .em{ font-size: 1.1em;}
.infoAtit .m a{ font-size: 1.6em;}
.infoAcon{ font-size: 1.1em; }
.infoEnd{ margin-bottom: 4em;}
.infoEnd span{ font-size: 1.1em;}
.infoEnd span:before{margin-right: 1.636363636363636em;}
.infoEnd span:after{margin-left: 1.636363636363636em;}
.infoApage{ border-radius: 2.2em;}
.infoApage ul{ padding: 2.2em 1.3em;}
.infoApage strong{ font-size: 1.3em;}
.infoApage li:first-child .pd{ padding-left: 6.3em;}
.infoApage li:last-child .pd{ padding-right: 6.3em;}
.infoApage li:first-child a{ margin-right: 2.5em;}
.infoApage li:last-child a{ margin-left: 2.5em;}
/**/
.industryCon .img:before{ height: 19em;}
.industryCon .text{ padding-top: 10em; top: 7em; bottom: 5em;}
.industryCon .h3 strong{ font-size: 3.4em;}
.industryCon .h3 em{ font-size: 2.5em;}
.industryCon .p{ font-size: 1.1em; }
.industryCon .m:before{ width: 35em; height: 35em; left: -12.5em; top: -8em;}
.industryCon .m a{ font-size: 0.8em;}
.industryCon .em{ width: 28em; border-radius: 0 0 1.6em 1.6em; padding: 6em 2.8em 3.5em 2.8em;}
.industryCon .t{ margin-bottom: 2em;}
.industryCon .t strong{ line-height: 3.4em; height: 3.4em; padding: 0 1.3em;}
.industryCon .t strong:before,
.industryCon .t strong:after{width: 0.9em; height: 1.3em;}
.industryCon .t em{ font-size: 2.5em;}
.industryCon .t span{ font-size: 1.5em; }
.industryCon .c{ font-size: 1.05em;}
.industryTab{ top: 10em;}
.industryTab li{ margin-right: 0.5em;}
.industryTab a{line-height: 3.2em; height: 3.2em; padding: 0 1.4em 0 0.5em; border-radius: 1.6em;}
.industryTab .i{ width: 3.2em; height: 3.2em;}
.industryTab .i i{ font-size: 1.6em;}
.industryTab span{ font-size: 1em;}
/**/
.pNav{ top: 4em; }
.pNav a{ font-size: 1em;}
.tit3 strong{ font-size: 2.5em; }
.tit3 em{ font-size: 3.2em;}
.tit3_2{ margin-bottom: 3.5em;}
.tit3_3 strong{ margin-bottom: 0;}

.industryMain1{ border-radius: 0 0 10em 10em;}
.industryMain1_1{ padding-top: 3.5em;}
.industryMain1_3 .em{ margin-bottom: 4em;}
.industryMain1_3 .em li{ margin-bottom: 4.5em;}
.industryMain1_3 .pd{ padding-left: 4em;}
.industryMain1_3 .i{ font-size: 2.5em;}
.industryMain1_3 .h3{ font-size: 1.6em;}
.industryMain1_3 .p{ font-size: 1.35em;}
.industryMain1_3 .c{ font-size: 1.2em;}
/**/
.available{ padding-bottom: 6.3em;}
.available .swiper{ margin: 0 -0.15em;}
.available .pd{ border-radius: 0.7em; margin: 0 0.15em;}
.available .img:before,
.available .img:after{ height: 8em;}
.available .text{ left: 0.75em; top: 2em; right: 0.75em; bottom: 2.5em; }
.available .t{ font-size: 1.35em; font-size: 1em;}
.available .i{ font-size: 5em;}
.available .p{ font-size: 1.35em; font-size: 1em;;}
.available .pd:hover .text{ padding-top: 3em;}
/**/
.industryMain3_1{ min-height: 25em;}
.industryMain4_1{ margin-bottom: 4.8em;}
.industryMain4_1 span{ font-size: 1.3em;}
.industryMain4_2{ border-radius: 2.4em 2.4em 0 0;}
.industryMain4_2 li:before{top: 1.3em; bottom: 1.3em; width: 0.2em;}
.industryMain4_2 .t{ padding: 4.5em 0;}
.industryMain4_2 .t em{ font-size: 2.1em; }
.industryMain4_2 .t strong{ font-size: 1.3em;}
.industryMain4_2 .c{top: -1.6em;border-radius: 2.1em 2.1em 0 0; padding-top: 3.3em;}
.industryMain4_2 .npd{ font-size: 1.25em;}
.industryMain4_2 .c span:nth-child(4){ font-size: 1.166666666666667em;}
/**/
.teamTit{ width: 18.7em; }
.teamTit .h3{ font-size: 2.4em;}
.teamTit .em{ font-size: 7.8em;}
.industryMain5_1{ font-size: 0.9em;}
.industryMain5_2{ margin-left: 21.2em;}
.teamCon{ width: 27.5em;}
.teamCon:before{ border-radius: 1.6em; left: 0.9em; top: 0.9em;}
.teamCon .swiper{ border-radius: 1.6em;}
.teamCon .img:before{ height: 20em;}
.teamCon .text{ left: 1.6em; bottom: 2em; right: 1.6em;}
.teamCon .h3{ margin-bottom: 1.5em; padding-bottom: 1em;}
.teamCon .h3:before{ height: 0.2em; width: 4em;}
.teamCon .h3 strong{font-size:1.05em;}
.teamCon .h3 em{ font-size: 1.6em;}
.teamCon .p{ font-size: 0.8em;}
.teamCon .swiperArrow{ font-size: 2.4em;}
.teamTab{ width: 30.5em;}
.teamTab .swiper{ margin: 0 -1em;}
.teamTab .pd{ margin: 0 1em;}
.teamTab .img{ border-radius: 1.3em; margin-bottom: 0.6em; }
.teamTab .h3{ font-size: 1em;}
/**/
.chemicalsTit{ margin-bottom: 4em;}
.chemicalsTit .t{ font-size: 2.6em; margin-left: 5.384615384615385em;}
.chemicalsTit .c{ font-size: 1.1em;}
.chemicalsNav{ width: 57em;}
.chemicalsNav ul{ margin: 0 -1.8em;}
.chemicalsNav .pd{ margin: 0 1.8em; border-radius: 2.2em; box-shadow: 0 0 0.6em rgba(0,0,0,0.3); }
.chemicalsNav .pd:hover{ transform: translateY(-0.25em);}
.chemicalsNav .text{padding: 2em 2.5em 2.5em 2.5em;}
.chemicalsNav .text:before{ left: 0.8em; right: 0.8em;}
.chemicalsNav .h3 strong{ font-size: 2em;}
.chemicalsNav .h3 em{ font-size: 1.4em;}
.chemicalsNav .m{ right: 2.5em; bottom:2.5em;}
.chemicalsNav .m em{ font-size: 1em;}
/**/
.tit3_4{ margin-bottom: 3.6em;}
.industryMain6_1{ top: 0em;}
.industryMain6_2 ul{ margin: 0 -0.9em;}
.industryMain6_2 li{ padding: 0.8em 0;}
.industryMain6_2 .pd{ margin: 0 0.9em; border-radius: 0.8em; padding: 0.9em;}
.industryMain6_2 .i{ font-size: 3.6em;}
.industryMain6_2 .h3{ font-size: 1.1em;}
/**/
.tit3_5{ top: -7.5em; border-radius: 1em; padding:2.7em;}
.industryMain7_1{ padding-bottom: 4em;}
.chainTit{ width: 27.2em; height: 27.2em; }
.chainTit:before{ width: 18em; height: 18em; margin: -9em 0 0 -9em;}
.chainTit strong{ font-size: 2.6em;}
.chainTit em{ font-size: 1.8em; display: none;}
.chainCon:before{ width: 4.75em; height: 12.6em; margin:-6.8em 22.2em 0 0;}
.chainCon:after{ width: 14.3em; height: 12.6em; margin:-6.8em 0 0 13.6em;}
.chainCon li{ width: 11.2em }
.chainCon li:nth-child(1){ margin: -8.3em 0 0 16em;}
.chainCon li:nth-child(2){ margin: -8.3em 0 0 27.9em;}
.chainCon li:nth-child(3){ margin: -2.3em 0 0 27.9em;}
.chainCon li:nth-child(4){ margin: 3.6em 0 0 27.9em;}
.chainCon li:nth-child(5){ margin: -2.3em 12em 0 0;}
.chainCon li:nth-child(6){ margin: -8.3em 27em 0 0;}
.chainCon li:nth-child(7){ margin: -46px 27em 0 0;}
.chainCon li:nth-child(8){ margin: 3.6em 27em 0 0;}
.chainCon .pd{ font-size: 1.05em;}
/**/
.pro .li{padding: 7.5em 0;}
.proCon:before{ top: -7.5em; bottom: -7.5em; left: 25.3em; }
.proFl{ width: 25.3em;}
.proFl .pd{ width: 18.1em;}
.proFl .img{ border-radius: 1.4em; margin-bottom: 2em;}
.proFl .h3 strong{ font-size: 1.9em;}
.proFl .h3 em{ font-size: 2.6em;}
.proFr{ padding-left: 6.8em; width: calc(100% - 25.3em);}
.proFr .h3{ margin-bottom: 2.3em;}
.proFr .h3 strong{ font-size: 1.6em;}
.proFr .h3 em{ font-size: 1.3em;}
.proFr li{ padding-left: 0.8em;}
.proFr li:before{ width: 0.3em; height: 0.3em; margin-top: -0.15em;}
/**/
.industryMain9{ padding: 5.5em 0 0 0;}
.industryMain9:before{}
.partnerTit{ font-size: 2.6em; margin-bottom: 1.153846153846154em;}
.partnerCon{ border:0.6em solid #31A7BF; padding: 3.3em 1.9em 15em 1.9em; min-height: 25em; border-radius: 2.5em 2.5em 0 0 ;}
.industryMain11_2 .pd{ padding: 1.5em; border-radius: 0.8em;}
.industryMain11_2 .h3{ font-size: 1.3em;}
.industryMain11_2 .p{ font-size: 1.05em;}
.industryMain12_1{ padding-bottom: 3em; margin-bottom: 6em;}
.proGasATit{ width: 24em;}
.proGasATit:before{ top: -7.5em; bottom: -3em; width: 30.6em;}
.proGasATit em{ font-size: 3.6em;}
.proGasATit strong{ font-size: 2.6em; }
.proGasACon{ width: calc(100% - 24em); padding-left: 8.4em;}
.proGasBTit{ font-size: 1.6em;}
.proGasBCon{ padding:1.5em; border-radius: 3.6em;}
/**/
.industryMain14{ padding-bottom: 0;}
.industryMain14_1 .pd{ font-size: 1.05em;}
.industryMain15{ padding-top: 4em;}
.case ul{ margin: 0 -1.35em;}
.case li{ margin-bottom: 4em;}
.case .pd{ margin: 0 1.35em; }
.case .img{ border-radius: 1em; margin-bottom: 1em;}
.case .img span{  font-size: 1.2em;}
.case .text{ padding-right: 8em;}
.case .h3 strong{ font-size: 1.8em; }
.case .h3 em{ font-size: 2.5em;}
.case .p{ font-size: 0.8em;}
/**/
.caseInfo{ padding-top: 3em;}
.caseInfoClose{ left: 17.75em; font-size: 2em; }
.caseInfoFl{ width: 31em;}
.caseInfoFl .swiper-container{ padding-bottom: 1.8em;}
.caseInfoFl .swiper{ border-radius: 1.25em;}
.caseInfoFr{ margin-left: 31em; padding-left: 4.5em;}
.caseInfoFr .pd{ padding-top: 3em;}
.caseInfoFr .t{ font-size: 1.6em;}
.caseInfoFr .c{ font-size: 1.05em;}
/**/
.serviceMain1_1{ font-size: 1.8em; margin-bottom: 1.944444444444444em;}
.serviceMain1_2 ul{ margin: 0 -1.8em;}
.serviceMain1_2 li:before{ margin: 2em 0 0 -1.5em; width: 3em;}
.serviceMain1_2 .pd{ margin: 0 1.8em;}
.serviceMain1_2 .i{ font-size: 3em; }
.serviceMain1_2 .h3{ font-size: 1em;}
.serviceMain1_2 .em{ font-size: 0.7em;}
/**/
.serviceList .t{ font-size: 2.4em; }
.serviceList .c{ font-size: 1.2em;}
.serviceList .li1 .wtext{ top: 10em;}
.serviceList .li1 .t{ padding-left: 0.4166666666666667em;}
.serviceList .li2 .wtext{ bottom: 10em;}
.serviceList .li2 .c{ padding-left: 0.8333333333333333em;}
.serviceList .li3 .wtext{ top: 10em; }
.serviceList .li3 .t{ padding-left: 0.4166666666666667em;}
.serviceList .li4 .wtext{ top: 10em;}
.serviceList .li4 .t{ padding-left: 0.4166666666666667em;}
.serviceList .li5 .wtext{ bottom: 6.5em;}
.serviceList .li5 .c{ padding-left: 0.8333333333333333em;}
.serviceList .li6 .wtext{ padding-top: 10em;}
.serviceList .li6 .wtext:before{ left: -2em; bottom: -2em; right: -4em; border-radius:0 0  0.6em 0.6em;}
.serviceList .li6 .t{ padding-left: 0.4166666666666667em;}
.serviceListA{ bottom: 10em; padding-left: 22em;}
.serviceListA ul{ margin: 0 -1.3em;}
.serviceListA .pd{ margin: 0 1.3em; border-radius: 2.3em;}
.serviceListA .img{ border-radius: 2.3em;}
.serviceListA .text{ padding-top: 2.3em; padding-bottom: 0.8em;}
.serviceListA .text:before{ width: 2em; height: 0.15em; margin-left: -1em;}
.serviceListB{ bottom: 10em; width: 44.7em; }
.serviceListB ul{ margin: 0 -1.6em;}
.serviceListB .pd{ margin: 0 1.6em; padding: 3.5em 0 1.5em 0; }
.serviceListB .pd:before{ border-radius: 2.3em; }
.serviceListB .img{ width: 5.4em; margin: 0 auto 2em auto;}
.serviceListC{ top: 5.5em;}
.serviceListC img{ border-radius: 3em;}
/**/
.visionHead .text{ top: 7em; padding-top: 12em;}
.visionHead .em{ font-size: 2.6em; }
.visionHead .h3{ font-size: 1.4em; }
.visionNum{ bottom: -1.9em;}
.visionNum ul{ margin: 0 -1.4em;}
.visionNum .pd{ margin: 0 1.4em; padding: 3.8em 1.9em 1.4em 1.9em;}
.visionNum .pd:before{border-radius: 2.3em;}
.visionNum .t{ margin-bottom: 7.2em;}
.visionNum .t i{ font-size: 2.7em;}
.visionNum .t strong{ font-size: 2.1em;}
.visionNum .c span{ font-size: 2.7em;}
.visionNum .c i{ font-size: 0.9em;}
/**/
.aboutTit{ height: 7.6em; margin-bottom: 4em;}
.aboutTit:before{ left: 38.5em;}
.aboutTit i{ font-size: 30.8em;}
.aboutCon{ font-size: 1.5em; margin: 0 5em;}
.aboutNum{ margin: 0 7.5em;}
.aboutNum ul{ margin: 0 -2em;}
.aboutNum .pd{ margin: 0 2em;}
.aboutNum .h3{ margin-bottom: 1em;}
.aboutNum .h3 strong{ font-size: 3.8em; }
.aboutNum .h3 em{ font-size: 1.2em;}
.aboutNum .em{ font-size: 1.2em;}
.aboutMap{ height: 50em;}
.aboutMapHead{ height: 40em;}
.aboutMapHead .i{ font-size: 1.9em;}
.aboutMapHead .c{top: 0.5em; padding:0.3em 0.5em; border-radius: 0.3em; font-size: 1em;}
.aboutMapHead .c p{ padding-left: 0.6em;}
.aboutMapHead .c p:before{ width: 0.3em; height: 0.3em; margin-top: -0.15em;}
.aboutMapHead li:nth-child(1){ left: 11.8em; top: 16em;}
.aboutMapHead li:nth-child(2){ left: 48.7em; top: 9.4em;}
.aboutMapHead li:nth-child(3){ left: 58.8em; top: 15.3em;}
.aboutMapHead li:nth-child(4){ left: 73.8em; top: 19.3em;}
.aboutMapHead li:nth-child(5){ left: 75em; top: 15em;}
.aboutMapHead li:nth-child(5) .c{ transform:translate(4.6em,-1.8em);}
.aboutMapTip{ left: 9em; right: 9em; bottom: 5.7em;}
.aboutMapTip li{ padding-top:1.5em; font-size: 1.2em;}
/**/
.contactTit{ margin-bottom: 4em;}
.contactTit strong{ font-size: 2.8em;}
.contactTit:before{ left: 38.5em;}
.contactCon{ margin-bottom: 5em; }
.contactCon li{ margin-right: 4.4em;}
.contactCon .pd{ padding-left: 2.5em;}
.contactCon .i{ font-size: 1.6em;}
/**/
.msgTit strong{font-size: 1em; height: 4.3em; width: 16.2em; line-height: 4.3em; border-radius: 1em 1em 0 0;}
.msgTit strong:before{ width: 2em; height: 0.15em; bottom: 1.2em; margin-left: -1em;}
.msgCon{ border-radius: 1.5em; padding: 3.6em 8.6em;}
.msgConTit{ font-size: 2.5em; margin-bottom: 1.44em;}
.msgConCon{ margin-bottom: 2em;}
.msgConCon ul{ margin: 0 -0.5em;}
.msgConCon li{ margin-bottom:0.5em;}
.msgConCon .pd{ margin: 0 0.5em;}
.msgConCon .t{ margin-bottom: 0.7142857142857143em; font-size: 0.8em;}
.msgMore{ margin-bottom: 4em;}
.msgMore ul{ margin: 0 -2em;}
.msgMore .pd{ margin: 0 2em; padding-left: 1.8em; }
.msgMore .i{ top: 0.15em;}
.msgMore .i input{ font-size: 0.8em;}
.msgMore .t{ font-size: 0.8em;}
.msgMore .c{ font-size: 0.7em;}
.ipt_t2{ height: 3em; border-radius: 0.3em; font-size: 1em;}
.ipt_s2{ height: 3em; border-radius: 0.3em; font-size: 1em;}
.ipt_text2{ border-radius: 0.3em; font-size: 1em;}
.ipt_t2:focus,
.ipt_text2:focus,
.ipt_s2:focus{box-shadow:0 0 0.75em rgba(49,167,191,1);}
.ipt_b2{ font-size: 1.2em; height: 3.5em; width: 11.41666666666667em; border-radius: 0.625em;}
.ipt_b2:hover{ transform: translateY(-0.2083333333333333em); box-shadow: 0.125em 0.125em 0.4166666666666667em rgba(0,0,0,0.3);}
/**/
@media screen and (max-width:1680px){

}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){

}
@media screen and (max-width:1366px){

}
@media screen and (max-width:1280px){

}
@media screen and (max-width:1024px){
body{ padding-top:60px; min-width:inherit; font-size: 14px;}
.wp{ width: auto; box-sizing: border-box; margin: 0 30px;}
.nProMain2 .wp{ margin: 0 30px; width: auto;}
.header .wp{ margin: 0 30px; width: auto;}
.footer .wp{ margin: 0 30px; width: auto;}
.logo{ font-size: 40px;}


.tLanguage{ left: auto; top: 50%; right:34px; margin-top: -16px; transform: none;}
.tLanguage .i{ display: block; width: 32px; height:32px; line-height: 32px; font-size: 24px;}
.tLanguage .box{ display: none; position: fixed; left:0; top: 60px; right:0; background: #f5f5f5; text-align: center;  padding: 30px 0; color: #31A7BF; opacity: 1; transition: none; pointer-events: auto; transform: none;}
.tLanguage .box a{ color: #31A7BF; font-size: 16px;}

.tNav{ left: auto; top: 50%; right:72px; margin-top: -16px; transform: none;}
.tNav .i{ display: block; color: #fff; font-size: 24px; width:32px; height:32px; line-height:32px;}
.tNav .box{ display: none; position: fixed; left:0; top: 60px; right:0; background: #f5f5f5; text-align: center;  padding: 30px 0; color: #31A7BF;}
.tNav ul{ justify-content: center;}
.tNav .pd{ box-shadow: none; padding:0; background: none; border-radius:0;}
.tNav .t{ display: none;}
.tNav .c{ display: block; position: relative; top: auto; left: auto; margin:0; width: auto; padding:0;}
.tNav .c a{ font-size: 16px;}

.tSearch{ left: 0; right: auto; top: 50%; margin-top: -16px;}
.tSearch .i{ display:block; color: #000; font-size: 16px; width: 32px; height:32px; line-height: 32px;}
.tSearch .i:after{ background: #000; height: 20px; margin-top: -10px; left: -8px;}
.tSearch .box{ position:fixed; left:0; top:60px; right:0; box-sizing: border-box; background:#e8eeff; padding:30px 6%; display:none; width: auto; font-size: 24px; transition: none;}
.tSearch:hover .box{ width: auto;}
.ipt_t1{ background: #fff; color: #31A7BF; height:48px; padding: 0 58px 0 18px; font-size: 16px; opacity: 1;}
.ipt_b1{ height: 44px; width: 44px; font-size: 24px; margin-top: -22px; left: auto; right: 2px;}
.proSearch .tSearch .box{ background: #fff;}

.embody .tLogon{color: #000;}

.menu-link{ display: block;}
.menu-link em{ font-size:14px;}
.header{ background:#31A7BF; position: fixed; padding:0; box-shadow: 0 0 6px rgba(0,0,0,0.2);}
.embody .header{ background: #fff;}
.embody .logo .img1{ opacity: 1;}
.embody .logo .img2{ opacity: 1;}
.header:before{ display: none;}
.header .wp{ height:60px;}
.menu{ position:fixed; top:60px; bottom:0; z-index:2; margin:0; box-sizing:border-box;width:240px; right:-250px;}
.menu ul{ padding:80px 0 0 0; float: none; display: block;}
.menu li{ margin-bottom:15px; float: none; margin:0; padding:0;}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ color: #ffffff;}
.menu .h3{ padding:0; text-align: left; position: relative;}
.menu .h3 a{ display:block; vertical-align: bottom; font-size:14px; padding: 0 30px; height:40px; line-height: 40px; overflow:hidden; color:#333;}

.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before,
.menu .h3 a:before{ width: 4em; left: 50%; margin-left: -2em; border-bottom: 1px dashed rgba(255,255,255,0.5); height:0; background: no-repeat; bottom:0; opacity: 1; display: block; border-left: none; border-right: none; transform:translate(0,0); top: auto;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ border-bottom-color: #ffffff;}

.menu .h3 span{ height:40px; line-height:40px; display:block; text-transform:uppercase;}
.menu .h3 i{ height:40px; line-height:40px; display:block;}
.menu li:last-child .h3 a:before{ opacity:0; display: none;}

/*新菜单*/
.menu{ width: 200px; background: rgba(0,0,0,0.8); background-size: 100% 100%;}
.menu .h3 a{ color: rgba(255,255,255,0.8); padding:0; text-align: center;}
.menu .h3 span,
.menu .h3 i{ display: none;}

.menu.active{ right:0;}
.menu .box{ display: none; position: static; top: auto; left: auto; width: auto; box-shadow: none; transition: none; margin:0; transform: none; opacity: 1; visibility: visible; padding:0; padding: 15px 0;}
.menu .box .npd{ flex-wrap: wrap;}
.menu .box .t a{ padding:5px 0; margin:0; width: 50%;}
.menu .box .t a:before{ display: none;}

.menu .boxb{ display: none; position: static; top: auto; left: auto; width: auto; box-shadow: none; transition: none; margin:0; transform: none; opacity: 1; visibility: visible; padding:0; padding: 15px 0;}
.menu .boxb .npd{ flex-wrap: wrap;}
.menu .boxb .t a{ padding:5px 0; margin:0; width: 50%;}
.menu .boxb .t a:before{ display: none;}

.iBannerB{ min-height:calc(100vh - 60px);}
.iBannerB .pd{ padding-top: 0px;}
.iBannerB .img{}
.iBannerB .img img{ height:calc(100vh - 60px);}
.iBannerB .swiperDots{ left: 30px; right: 30px; bottom: 30px; margin-right:0; top: auto; display: flex;flex-direction:inherit;}
.iBannerB .swiperDots span{ margin: 0 4px;}

.iAbouText{ width: 50%;}
.iAboutData{ width: 50%; box-sizing: border-box; padding-left: 40px; font-size: 12px;}
.iAboutData ul{ margin: 0 -5px;}
.iAboutData .pd{ margin: 0 5px;}

.iServiceTit strong{ width: 10em;}
.iServiceTit em{ font-size: 64px;}
.iService .swiper{ padding-bottom: 10px; margin: 0 -10px;}
.iService .swiperDots{ display: flex; bottom: 0;}
.iService .pd{ margin: 0 10px;}

.iService .pd{ color: #fff; box-shadow:none;}
.iService .pd .p{ opacity: 1;}
.iService .pd .m{ opacity: 1;}
.iService .pd .img:before{ opacity:1;}
.iService .pd .img:after{ opacity: 1;}

.iServiceBNum{ font-size: 10px;}
.iServiceBTab{  font-size:10px;}
.iServiceBTab li i{ border-width: 1px;}

.iMain4{ background: #EFEFEF;}
.iMain4:before{ display: none;}
.iNewsTit{ margin-bottom: 40px;}
.iNewsTit strong{ width: 10em}
.iNewsTit em{ left: 0; color: #000; font-size:64px;}
.iNewsTit span{ font-size: 18px;}
.iNewsTit a{ font-size: 14px;}
.iNews{ margin: 0 0 40px 0; }
.iNews:before{ display: none;}
.iNews .swiper{ margin: 0 -10px;}
.iNews .pd{ margin: 0 10px;}
.iNews .swiper-slide{ padding: 0.7em 0 1.4em 0;}
.iNews .swiperArrow{ display: none;}
.iNews .i{ display: none;}
.iNews .swiper{ padding-bottom: 20px;}
.iNews .swiperDots{ display: flex; bottom: 0;}
.iNews .h3{ font-size: 16px; margin-bottom: 1em;}
.iNews .em{ font-size: 12px;}
.iNews .swiper-slide-active .pd{box-shadow:3px 3px 6px rgba(0,0,0,0.1);}
.iContact{ margin-left: 0;}
.iContact .pd{ border-radius: 12px;}
.iContact .h3{ font-size: 32px;}
.iContact .em{ font-size: 32px;}

}
@media screen and (max-width:980px){
.iMain3,
.iMain{ padding: 60px 0;}
.iBannerB .text{ }
.iBannerB .text .h3{ margin-bottom: 1em;}
.iBannerB .text .em{ position: relative; right: auto; bottom: auto;}
.iAbout{ display: block;}
.iAbouText{ width: auto; margin-bottom: 30px;}
.iAboutData{ width: auto; padding-left: 0;}
.iAboutData .pd{ padding: 15px;}
.iAboutData .h3 strong{ font-size: 1.75em;}
.iAboutData .em{ font-size: 1em;}
.iAboutData li{ width: 25%;}
.iAbouText .h3{ font-size:18px;}
.iAbouText .p{ font-size: 14px;}
.iServiceTit{ text-align: center; margin-bottom: 30px;}
.iServiceTit strong{ width: auto; font-size: 18px; border-bottom: none;}
.iServiceTit em{ position: relative; right: auto; top: auto; margin-top: 0; font-size: 32px;}
.iService .text{ padding: 20px;}
.iService .h3{ border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: 20px; display: flex; margin-bottom: 20px; justify-content: space-between; align-items: center;}
.iService .h3:before{ display: none; }
.iService .h3 em{ font-size: 24px; height: auto; min-height: inherit;}
.iService .h3 strong{ font-size: 14px; position: relative; right: auto; bottom: auto; min-width: 4em; text-align: right;}
.iService .p{ font-size: 14px;}
.iService .m{ font-size: 32px;}
.iServiceBNum{ display: none;}
.iServiceBTab{ display: none;}
.iServiceBCon{ width: auto;}
.iServiceBCon .swiper{ width: auto; float: none; border-radius: 12px;}
.iServiceBCon .text{ padding: 40px; width:auto;}
.iServiceBCon .h3{ padding: 0 0 20px 0; margin-bottom: 20px;}
.iServiceBCon .h3:before{ display: none;}
.iServiceBCon .c{ position: relative; bottom: auto; padding: 0;}
.iServiceBCon .p{ font-size: 14px;}
.iServiceBCon .m{ display: flex;}
.iServiceBCon .swiperDots{ display: flex; }
.iServiceBMore{ display: none;}
.footer{ padding:0;}
.fTop{ padding: 40px 0;}
.footerFl{ width: auto; border-right: none; border-bottom: 1px solid #31A7BF; float: none; position: relative; padding-bottom: 30px; margin-bottom: 30px;}
.fLogo{ margin-bottom: 0; position: absolute; left: 0; top: 0; font-size: 120px;}
.fContact{ margin-left:140px;}
.fContact .li{ margin-bottom: 1em;}
.footerFr{ margin: 0px;}
.fNav{ display: none;}
.backTop{ bottom: 0px;}
.backTop i{ font-size: 24px;}
.backTop span{ font-size: 12px;}
.fFollow{ position: relative; padding-top: 2em;}
.fFollowTit{ top: 0; position: absolute; margin-bottom: 0; font-size: 1.5em;}
.fFollowList{ margin-bottom: 0;}
.fCopy{ font-size: 12px;}
}
@media screen and (max-width:720px){
.iBannerB .text{ font-size: 3vw; bottom: 8em;}
.iBannerB .text .h3{ font-size: 2.4em;}
.iBannerB .text .em{ font-size: 1.5em;}
.iAboutData li{ width: 50%;}
.iMain1:before{ width: 16em; height: 16em;}
.iServiceBCon .text{ padding: 30px;}
.iServiceBCon .h3 strong{ font-size: 18px;}
.iServiceBCon .h3 em{ font-size: 14px;}
.iServiceBCon .h3 em br{ display: none;}
.iServiceBCon .p{ font-size: 12px;}
.iNews .npd{ padding: 20px;}
.iContact .pd{ padding: 20px;}
.iContact .em{ margin-bottom: 0.5em;}
.iContact .m{ position: relative; right: auto; bottom: auto; margin-bottom: 0; display: flex;}
}
@media screen and (max-width:640px){
.iAboutData .h3 strong{ font-size: 1.5em;}

}
@media screen and (max-width:480px){

}
@media screen and (max-width:413px){

}
@media screen and (max-width:374px){

}


/*视频*/
.play_btn{ background:#000; display:block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative;}
.play_btn i{ position: absolute; left:0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.1); transform: translateZ(0); transition: 0.3s all; z-index: 2;}
.play_btn i:before{ font-size: 80px; width: 1em; height: 1em; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.5em; color: #fff;}
.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0.5);}

.video_bg{ position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:42; display:none;}
.video_box{ position:fixed; width:1200px; height:auto; left:50%; top:50%; margin:-360px 0 0 -600px; z-index:43; display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#C01924; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-50px; margin-left:-20px;}
.video_box i:hover{ background: #802C19;}
.video_box video{ width:100%; height:auto; display:block;}
.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0;}
@media screen and (max-width:768px){
.video_box{ left:0; margin:0; top:0; height:auto; right:0; width:auto;}
.video_box video{ height:auto;}
}

/*搜索*/
.searchMain1{ background: #f5f5f5;}
.search_tit{ font-size:18px; height:20px; line-height:20px; color:#333; border-left:2px solid #31A7BF; padding-left:14px; margin-bottom:24px;}
.search_tit span{ color:#31A7BF; margin-left:0.5em;}
.search_list{ background:#fff; padding:40px; min-height:25vh; border-radius: 12px;}
.search_list ul{ border-top:1px dashed #ccc;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#31A7BF; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}

@media screen and (max-width:768px){
.iMainSearch1{ padding: 40px 0;}
.search_tit{}
.search_list{ padding: 30px; min-height: 20vh;}
.search_list .h3{ font-size:14px;}
}
@media screen and (max-width:480px){
.search_list{ padding: 25px;}
}
@media screen and (max-width:413px){
.search_list{ padding: 20px;}
}
@media screen and (max-width:374px){
.search_list{ padding: 15px;}
}




/*分页*/
.fpage{ text-align:center; padding:3.75em 0 0 0; font-size:20px; display: flex; justify-content: center;}
.fpage ul{ display: flex; background: #EFEFEF; border-radius: 1.5em; position: relative; margin: 0 5.5em; padding: 0.5em 1em;}
.fpage li{}
.fpage li:last-child,
.fpage li:first-child{ position: absolute; font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-weight: bold; background: #000; border-radius: 1.5em; color: #31A7BF; padding: 0.5em 0; top: 50%; margin-top: -1.5em; width: 5em; }

.fpage li:last-child:hover,
.fpage li:first-child:hover{ color: #1fa5da;}

.fpage li:last-child:before,
.fpage li:first-child:before{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; line-height: 1; display: flex; justify-content: center; align-items: center; transform: scale(1.5);}

.fpage li:first-child{ left: -5.5em;}
.fpage li:first-child:before{content: "\eb0b";}
.fpage li:last-child{ right: -5.5em;}
.fpage li:last-child:before{content: "\eb10";}

.fpage li:first-child>*,
.fpage li:last-child>*{ opacity:0; padding:0; width: 100%; display: block;}

.fpage li:first-child:hover,
.fpage li:last-child:hover{ background: #31A7BF; color: #fff;}

.fpage .disabled{}
.fpage a,
.fpage span{ color: #000000; height:2em; line-height:2em; padding: 0 0.75em; display: block; font-weight: bold; font-size: 1em;}

.fpage .active a,
.fpage .active span{ background:#31A7BF; color:#fff; border-radius: 1.5em;}

.fpage{ font-size: 0.8em;}

@media screen and (max-width:640px){
.fpage{ padding-top: 2em;}
}






@media screen and (max-width:1024px){
.dingwei_1 a{ bottom: 96px;}
.nBanner .text{ font-size: 1.0666666666666666vw; top: 4em;}
.pMain{ padding: 60px 0;}
.industryMain8{ padding: 0;}
.industryMain14{ padding-bottom: 0px;}
.industryMain16{ padding: 0px;}
.aboutMain1{ padding-bottom: 0px;}
.newsC li{ padding: 0; border-bottom: none; margin-bottom: 20px;}
.newsC li:last-child{ margin-bottom: 0px;}
.newsC .pd{background: #EFEFEF;}
.newsC .text{ padding-right: 30px;}
.infoA{ padding: 0px;}
.infoAtit{  margin:0 0 30px 0; padding-left: 10em;}
.industryCon .img img{ height:auto;}
.industryTab{ left: 30px; top: 30px;}
.industryCon .text{ top: 0; left: 30px; right: 30px; bottom: 30px;}
.industryCon .em{ padding: 30px;}
.tit3{ text-align: center; margin-bottom: 40px;}
.tit3 strong{ font-size: 24px;}
.tit3 em{ font-size: 16px;}
.tit3_3{ display: block;}
.tit3 strong{ margin:  0 0 10px 0;}
.tit3_2{ display: block;}
.tit3_3 em{ color: #31A7BF;}
.industryMain1{ border-radius: 0;}
.industryMain1_1{ display: block; padding-top: 0px;}
.industryMain1_2{ width: auto;}
.industryMain1_3{ width: auto;}
.industryMain1_3 .em{ margin-bottom: 40px;}
.industryMain1_3 .em li{ margin-bottom: 20px;}
.industryMain1_3 .h3{ font-size: 18px;}
.industryMain1_3 .p{ font-size: 14px;}
.industryMain1_3 .c{ font-size: 14px;}

.available{ padding-bottom: 30px;}
.available .img,
.available .pd:hover .img{ opacity: 0.5;}
.available .text,
.available .pd:hover .text{ padding-top: 60px;}
.available .p,
.available .pd:hover .p{ opacity: 1;}
.available .t,
.available .pd:hover .t{ opacity: 1;}
.available .swiperDots{ display: flex; bottom: 0;}

.industryMain4_1{ margin-bottom: 20px;}
.industryMain4_1 span{ font-size: 14px; line-height: 2; height: 2em;}
.industryMain4_2{ background: none;}
.industryMain4_2 ul{ margin: 0 -5px;}
.industryMain4_2 li:before{ display: none;}
.industryMain4_2 .pd{ margin: 0 5px;}
.industryMain4_2 .c{ position: relative; left: auto; top: auto; right: auto; bottom: auto; opacity: 1; padding: 10px 0 0 0; border-radius: 6px;}
.industryMain4_2 .t{ display: none;}
.industryMain4_2 .npd{ font-size: 14px;}


.teamTit{ position: relative; left: auto; top: auto; bottom: auto; width: auto; text-align: center; margin-bottom:10px;}
.teamTit .h3{ position: relative; left: auto; top: auto; font-size: 24px; color: #000;}
.teamTit .em{ position: relative; left: auto; right: auto; font-size: 16px; text-align: center; color: #31A7BF;}
.industryMain5_1{ position: relative; top: auto; right: auto; width: 30em; margin:0 auto 40px auto; }
.industryMain5_2{ margin: 0px;}
.teamCon{ width:40%;}
.teamTab{ width: auto; left: 40%; padding-left: 60px;}

.chemicalsTit{ display: block; margin-bottom: 40px;}
.chemicalsTit .t{ font-size: 24px; margin: 0px; text-align: center; margin-bottom: 10px;}
.chemicalsTit .c{ font-size: 14px; width: 24em; margin: 0 auto;}

.chemicalsNav{ width: auto;}
.chemicalsNav ul{ margin: 0 -15px;}
.chemicalsNav .pd{ border-radius: 6px; margin:  0 15px;}
.chemicalsNav .text{ padding: 20px;}
.chemicalsNav .h3{ margin-right: 120px;}
.chemicalsNav .h3 strong{ font-size: 18px;}
.chemicalsNav .h3 em{ font-size: 14px;}
.chemicalsNav .m{ bottom: 20px; right: 20px;}

.industryMain6_1{ position: relative; right: auto; top: auto; width: 24em; margin: 0 auto 40px auto;}
.tit3_5{position: relative; top: auto; left: auto; right: auto;transform: translateY(0%); background: none; color: #fff; display:block; padding: 0px;}
.tit3_5 strong{ color: #fff; margin-bottom: 10px;}
.chainTit{ font-size: 6px; margin-bottom: 30px;}
.chainCon{ position: relative; top: auto; left: auto; right: auto; bottom: auto;}
.chainCon:after{ display: none;}
.chainCon:before{ display: none;}
.chainCon ul{ position: relative; top: auto; left: auto; right: auto; bottom: auto; display: flex; flex-wrap: wrap; margin: 0 -5px;}
.chainCon li{ position: static; width: 33.3333% !important; margin: 0 0 10px 0 !important;}
.chainCon li:nth-child(5),
.chainCon li:nth-child(1){ width: 100% !important;}
.chainCon .pd{ margin: 0 5px;}
.proFl{ width: 400px; margin: 0 auto 30px auto; max-width: 100%;}
.proFl .pd{ width: auto;}
.proFl .img{ margin-bottom: 15px;}
.proFl .text{ text-align: center;}
.proFl .h3 strong{ font-size: 18px; display: block;}
.proFl .h3 em{ font-size: 12px; display: block; }
.proCon{ display: block;}
.proCon:before{ display: none;}
.proFr{ width: auto; padding: 30px; border-radius: 12px;}
.proFr .h3{ margin-bottom: 20px;}
.proFr .pd{ display: block;}
.proFr .t{ max-width: inherit; margin-bottom: 40px;}
.proFr .c{ max-width: inherit;}
.partnerTit{ font-size: 24px; margin-bottom: 40px;}

.proGasA{ display: block;}
.proGasATit{ width: auto; text-align: center; margin-bottom: 40px;}
.proGasATit em{ font-size: 16px;}
.proGasATit strong{ font-size: 24px;}
.proGasATit:before{ display: none;}
.proGasACon{ width: auto; padding: 0px; }
.proGasBCon{ border-radius: 12px;}
.proGasBTit{ font-size: 14px;}

.case ul{ margin: 0 -15px;}
.case li{ margin-bottom: 30px;}
.case .pd{ margin: 0 15px;}
.case .text{ padding: 0px;}
.case .h3{ margin-bottom: 5px; position: relative;}
.case .h3 strong{ font-size: 18px; display: block; margin-right: 60px;}
.case .h3 em{ font-size: 12px;}

.serviceMain1_2 ul{ flex-wrap: wrap; margin: 0 -8px;}
.serviceMain1_2 li{ width: 33.3333%; display: block; text-align: center; padding:8px 0;}
.serviceMain1_2 li:before{ display: none;}
.serviceMain1_2 li:nth-child(3):before{ display: none;}
.serviceMain1_2 .i{ transform: scale(1);}
.serviceMain1_2 .pd{ background: #f5f5f5; padding: 30px; margin: 0 8px;}

.serviceList{ font-size: 1.0666666666666666vw;}

.visionHead .text{ top: 30px; padding: 60px 0 0 0;}
.visionHead .h3{ width: 20em; margin: 0 auto; font-size: 14px;}
.visionNum{ bottom: 30px;}
.visionNum ul{ margin: 0 -10px;}
.visionNum .t{ display: block; text-align: center; margin-bottom: 40px;}
.visionNum .t strong{ font-size: 16px;}
.visionNum .t i{ margin-right: 0px; margin-bottom: 10px;}
.visionNum .pd{ margin: 0 10px;}
.visionNum .c{ justify-content: center;}
.aboutTit{ height: 2.5em; margin-bottom: 20px;}
.aboutTit i{ font-size: 10em;}
.aboutTit:before{ left: 12em;}
.aboutCon{ font-size: 14px; margin: 0 0 40px 0; }

.aboutNum{ justify-content: center; margin: 0 0 30px 0;}
.aboutMap{ font-size: 1.0666666666666666vw;}
.contactTit strong{ font-size: 24px;}
.contactTit:before{ left: 17em;}
.contactCon ul{ display: block;}
.contactCon li{ margin: 0 0 15px 0;}
.contactCon li:last-child{ margin-bottom: 0px;}
.msgCon{ padding: 30px; border-radius: 12px;}

}
@media screen and (max-width:980px){
.newsA{ display: block;}
.newsAFl{ width: auto;}
.newsAFl li{ margin-bottom: 1em;}
.newsAFr{ width: auto; padding: 0;}
.tit2 .t em{ font-size: 16px;}
.tit2 .t strong{ font-size: 24px;}

.newsMain3_1{ padding-top: 0px;}
.infoAtit{ padding-left: 80px; min-height: 3em;}
.infoAtit h1{ font-size: 24px;}
.infoAtit .m a{ font-size: 1em;}
.infoAcon{ font-size: 1em; padding: 30px; margin-bottom: 40px;}
.infoEnd{ margin: 0 0 40px 0;}
.infoApage{ margin: 0px; background: none;}
.infoApage:before{ display: none;}
.infoApage ul{ display: block; padding: 0px;}
.infoApage li{ width: auto; margin-bottom: 10px;}
.infoApage li:last-child{ margin-bottom: 0;}
.infoApage li:first-child .pd{ margin: 0px;}
.infoApage li:last-child .pd{ margin: 0px;}
.infoApage li:first-child strong{ font-size: 1em; left: 1em;}
.infoApage li:last-child strong{ font-size: 1em; right: 1em;}
.infoApage .pd{ padding: 10px; border-radius: 12px; background: #000; margin: 0px;}


.industryCon .img:before{ height: 30%;}
.industryCon .text{ position: relative; left: auto; top: auto; right:auto; bottom: auto; background: #31A7BF; padding: 30px 30px 0 30px;}
.industryCon .em{ position: relative; width: auto;}
.industryCon .h3{ margin-bottom: 20px;}
.industryCon .h3 strong{ font-size: 24px;}
.industryCon .h3 em{ width: auto; font-size: 14px;}
.industryCon .p{ width: auto; font-size: 14px; margin-bottom: 20px;}
.industryCon .m{ position: relative; display: flex; margin-bottom: 20px;}
.industryCon .m:before{ display: none;}
.industryCon .em{ border-radius: 1.6em 1.6em 0 0;}

.industryMain11_2{ padding-top: 20px; }
.industryMain11_2 .pd{ border-radius: 12px;}
.industryMain11_2 .h3{ font-size: 16px;}
.industryMain11_2 .p{ font-size: 12px;}

.case .img{ border-radius: 6px;}
.case .h3{ margin-bottom: 0px;}
.caseInfo{}
.caseInfoFl{ float: none; width: 100%; margin: 0 auto; }
.caseInfoFl .swiper{ border-radius: 12px;}
.caseInfoFr{ margin: 0px; padding: 30px 0 60px 0;}
.caseInfoFr .pd{ padding-top: 0px;}
.caseInfoClose{ top: auto; left: 50%; margin-left: -0.5em; bottom: 0; font-size: 32px; }
.caseInfoFr .t{ font-size: 18px;}
.caseInfoFr .c{ font-size: 14px;}
}
@media screen and (max-width:720px){
.newsC .pd{ padding: 0;}
.newsC .img{ float: none; width: auto;border-radius: 0.8em 0.8em 0 0;}
.newsC .text{ margin-right: 0px; padding-right: 0px; padding: 20px;}
.newsC .h3{ font-size: 16px;}
.newsC .em{ font-size: 12px;}
.newsC .p{ font-size: 14px;}
.industryTab{ display: flex; justify-content: center; right: 30px;}
.industryTab ul{ margin: 0 -3px;}
.industryTab li{ margin: 0px;}
.industryTab a{ height: 2.5em; line-height: 2.5em; margin: 0 3px;}
.industryTab .i{ width: 2.5em; height: 2.5em;}
.industryTab .i i{ font-size: 1em;}
.industryTab span{ font-size: 1em;}
.pNav a{ font-size: 12px; height: 3em; line-height: 3em;}

.industryMain3{ background: #f5f5f5;}
.industryMain4{ background: #fff;}
.industryMain4_2 ul{ display: block;}
.industryMain4_2 li{ width:auto; margin-bottom: 10px;}
.industryMain4_2 li:last-child{ margin-bottom: 0px;}
.industryMain5{ background: #f5f5f5;}
.industryMain5_1{ width: auto;}
.teamCon{ width: auto; margin-bottom: 30px;}
.teamCon .swiper{ border-radius: 12px;}
.teamCon:before{ border-radius: 12px;}
.teamTab{ position: relative; left: auto; padding-left: 0; right: auto; bottom: auto;}
.teamTab .swiper{ margin: 0 -5px;}
.teamTab .pd{ margin: 0 5px;}
.teamTab .img{ border-radius: 6px;}
.teamTab .h3{ font-size: 12px;}
.chemicalsTit .c{ width: auto;}
.chemicalsNav ul{ display: block; margin: 0px;}
.chemicalsNav li{ width: auto; float: none; margin-bottom: 20px;}
.chemicalsNav li:last-child{ margin-bottom: 0px;}
.chemicalsNav .pd{ margin: 0px;}
.industryMain6_1{ width: auto;}
.industryMain6_2 li{ width: 50%;}
.industryMain6_2 .i{ position: relative; left: auto; top: auto; margin: 0 auto 20px auto; padding-bottom: 20px; border-bottom: 1px solid #7F7F7F;}
.industryMain6_2 .h3{ margin-left: 0px; padding: 0px; border:none; display: block; text-align: center; min-height: inherit;}
.industryMain6_2 .h3 strong{ font-size: 16px; margin-bottom: 5px;}
.industryMain6_2 .h3 em{ font-size: 10px;}
.industryMain7_1{ padding-bottom: 0px;}
.chainCon ul{ margin: 0 -3px;}
.chainCon .pd{ font-size: 12px; margin: 0 3px; padding: 0.5em;}
.pro .li{ padding: 60px 0;}

.case ul{ margin: 0 -5px;}
.case li{ width: 50%;}
.case .pd{ margin: 0 5px;}


}
@media screen and (max-width:640px){
.partnerCon li{ width: 50%;}
.partnerCon{ border-width: 3px; padding: 15px 15px 30vw 15px; border-radius: 12px 12px 0 0 ;}
.partnerCon li:nth-child(2n+0) .pd:after{ display: none;}
.industryMain6_2 ul{ margin: 0 -3px;}
.industryMain6_2 li{ padding: 3px 0;}
.industryMain6_2 .pd{ margin: 0 3px;}
.serviceMain1_2 li{ width: 50%;}
.serviceMain1_2 .pd{ padding: 20px;}
.serviceMain1_2 .h3{ font-size: 16px;}
.serviceMain1_2 .em{ font-size: 10px;}
.serviceMain1_1{ margin-bottom: 30px;}
.serviceMain1_1 .t{ font-size: 24px; margin-bottom: 10px;}
.serviceMain1_1 .c{ display: block; font-size: 14px;}
.serviceMain1_1 .c em{ display: block; margin-right: 0px;}

.visionHead .text{ top: 0px; bottom: 0px; padding: 0; display: flex; justify-content: center; align-items: center;}
.visionNum{ position: relative; left: auto; right: auto; bottom: auto; padding: 30px 0;}
.visionNum ul{ flex-wrap: wrap; margin: 0 -2px;}
.visionNum li{ width:25%;}
.visionNum .pd{ padding: 10px; border-radius: 6px; background: rgba(49,167,191,0.7); margin: 0 2px;}
.visionNum .pd:before{ display: none;}
.visionNum .t{ margin-bottom: 20px;}
.visionNum .t i{ font-size: 24px;}
.visionNum .t strong{ font-size: 12px;}
.visionNum .c span{ font-size: 16px;}
.visionNum .c i{ font-size: 6px;}
.aboutNum{ display: block;}
.aboutNum li{ width: 50%;}
.aboutNum .pd{ text-align: center;}
.aboutNum .h3{ justify-content: center; margin-bottom: 10px;}
.aboutNum .h3 strong{ font-size: 24px;}
.aboutNum .h3 em{ font-size: 12px;}
.aboutNum .em{ font-size: 12px;}
.contactCon{ margin-bottom: 40px;}
.msgConCon ul{ display: block;}
.msgConCon li{ width: auto; float: none; margin-bottom: 15px;}
.msgConCon li:last-child{ margin-bottom: 0px;}

.msgMore ul{ display: block;}
.msgMore li{ width: auto; float: none; margin-bottom: 10px;}
.msgMore li:last-child{ margin-bottom: 0px;}
.ipt_b2{ height: 3em;}

.nBanner .img{ overflow: hidden;}
.nBanner .img img{ width: 150vw;}
.nBanner .text{ font-size: 2vw;}
.nBanner_casel .em{ font-size: 2em;}
}
@media screen and (max-width:480px){
.infoAtit h1{ font-size: 18px;}
.infoAcon{ padding: 20px;}
.industryCon .p{ height: 6em; line-height: 1.5;}
.industryCon .t em{ font-size: 18px;}
.industryCon .t span{ font-size: 14px;}
.industryCon .c{ font-size: 14px; min-height: 6em; line-height: 1.5;}
.industryCon .em{ border-radius: 12px 12px 0 0; padding: 20px;}
}
@media screen and (max-width:413px){

}
@media screen and (max-width:374px){

}



.chemicalsNav .h3 em,
.nBanner_news1 .h3,
.nBanner_news2 .t em,
.nBanner_industryl .h3,
.tit3 strong{ display: none !important;}

/* .industryMain3,
.pNav li[data-page="page3"]{} */