/*
 *  style.css by 453883682@qq.com
 */
.banner{  position: relative; height: 100vh; overflow: hidden;}
.banner .swiper-container{ background-color: rgb(179, 189, 196); transition: 1s background-color 1.3s;}
.banner .swiper-wrapper { 
    /* transition-delay: 1s; */
    /* transition-timing-function: cubic-bezier(0.5, 0, 0, 1); */
}
.banImg{  position: absolute; width: 100%; height: 100%; 
    /* transform: scale(0.6, 0.6); */
    /* transition-duration: 1s; */
    /* transition-property: transform; */
    /* transition-timing-function: cubic-bezier(0.5, 0, 0, 1); */
    /* opacity: .9; */
    overflow: hidden;
}
.banImg img{ width: 100%; height: 100%; object-fit: cover; transform: scale(1.2, 1.2) translateX(0%); transition-timing-function: cubic-bezier(0.5, 0, 0, 1); transition-property: transform;}
.banText{ position: absolute; left: 0; top: 0; bottom: 120px; width: 100%; z-index: 1;}
.banEn{ letter-spacing: 1em; text-transform: uppercase; font-family: 'Helvetica';}
.banEn img{ margin-right: 1em; vertical-align: baseline;}
.banTit{ margin: .3rem 0; line-height: 1.1; font-family: 'SourceHanSerifCN';}
.banDes{ margin: .3rem 0 0; margin: 10vh 0 0;}
.banDes ul{ max-width: 590px; margin: .2rem auto 0;}
.banDes ul li{ width: 45%;}
.banDes ul li strong{ font-size: 330%;}
/*.banDes p{ display: inline-block; vertical-align: middle; line-height: 1.6; padding: 0.06rem .28rem;}*/
/*.banDes p img{ max-width: .3rem; height: auto; margin-right: 5px; margin-top: -2px;}*/
/* banner-page */
.banner .swiper-pagination{ margin-top: 0; position: absolute; top: 50%; transform: translateY(-50%); right: 3%;}
.banner .swiper-pagination-bullet{ display: block; width: 4px; height: 4px; margin: .15rem 0 !important; border: none; background-color: #FFFFFF; opacity: .35;}
.banner .swiper-pagination-bullet-active{ opacity: 1;}
/* banner-button */
.banLeft{ position: absolute; left: 3%; top: 40%; width: 60px; z-index: 2;}
.banner-button{ position: relative; width: 60px; height: 60px; color: #FFFFFF; font-size: 24px; line-height: 56px; margin: .2rem 0; text-align: center; cursor: pointer;}
.banner-button svg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.path-loop-bg{ fill: none; stroke: #FFFFFF; stroke-miterlimit: 10; stroke-width: 2px; opacity: .35;}
.path-loop { fill: none; stroke: #FFFFFF; stroke-miterlimit: 10; stroke-width: 2px;}
.banner-button svg .path-loop{ display: none;}
.banLine{ width: 2px; height: 70px; max-height: .7rem; background-color: #FFFFFF; margin: .3rem auto; opacity: .35;}
.banNum { color: rgba(255, 255, 255, 0.35); transform: rotate(-90deg) translateX(-50%);}
.banNum .current{ color: #FFFFFF;}
/* banner-bottom */
.ban-bot{ position: absolute; left: 0; right: 0; bottom: 60px; line-height: 1.6; z-index: 1; text-align: center;}
.ban-bot-list{ border-top: 1px solid rgba(255, 255, 255, 0.35);}
.ban-bot-list li{ padding: .15rem; overflow: hidden; cursor: pointer; transition: all .5s;}
.ban-bot-list li:first-child{ padding-left: 0;}
.ban-bot-list li:last-child{ padding-right: 0;}
.ban-bot-num{ float: left; margin-right: .12rem; opacity: .5;}
.ban-bot-text{ max-width: 172px; text-align: left; overflow: hidden; opacity: .5;}
.ban-bot-list li.active .ban-bot-num,
.ban-bot-list li.active .ban-bot-text{ opacity: 1;}
.banner .ftBot{ position: fixed; left: 0; bottom: 0; right: 0; padding: 0; border-top: none; text-align: center; z-index: 2;}
.banner .ftBot .copyright{ color: #FFFFFF;}
.banner .ftBot .copyright a{ color: #FFFFFF;}

/* about */
.about-bg-1{ padding: 1.5rem 0; background-color: #FFFFFF; overflow: hidden;}
.about1-text{ line-height: 1.875;}
.about-video{ margin-top: .3rem;}
.about-video video{ display: block; width: 100%; height: auto; object-fit: cover;}
.about-bg-2{ background: url(../img/about-bg-2.png) center center no-repeat; background-size: cover; overflow: hidden;}
.about2-box{ position: relative; background-color: rgba(0, 0, 0, 0.35);}
/*.about2-box::before{ position: absolute; left: 50%; top: 0; display: block; content: ""; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.35);}*/
.about2-item{ width: 50%; padding: 2.2rem .3rem; transition: all 1s;}
.about2-icon{ width: 100px; height: 100px; max-width: 1rem; max-height: 1rem; border: 2px solid #FFFFFF; border-radius: 50%; margin: .1rem auto; transition: all .5s;}
.about2-title{ margin: .2rem 0; font-weight: normal;}
.about2-text{ max-width: 90%; line-height: 1.8; margin: .1rem auto;}
/*.about2-item:hover{ background-color: rgba(0, 0, 0, 0.35);}*/
.about2-item:hover .about2-icon{ border-color: var(--main-color); background-color: var(--main-color);}
.about2-item:hover .about2-icon img{ animation: swing 1s linear infinite;}
.about-bg-3{ overflow: hidden;}
.about-bg-3 .swiper-pagination{ margin: .3rem 0;}
.about3-swiper{ background-color: #F7F9FC;}
.about3-swiper .swiper-slide{ height: auto;}
.about3-link{ position: relative; display: block; height: 100%; padding: 2rem 0; overflow: hidden; z-index: 1; cursor: default;}
.about3-img{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; z-index: -1; background-color: var(--main-color); visibility: hidden; transition: all 0.6s ease-in-out;}
.about3-img::before{ position: absolute; left: 0; top: 0; display: block; content: ""; width: 100%; height: 50%; background: linear-gradient(to bottom,var(--main-color),rgba(0,0,0,0)); z-index: 1;}
.about3-img .imgBg{ width: 100%; height: 100%; opacity: .22;}
.about3-con{ width: 100%; padding: 1.2rem 15%; transition: all .3s linear .3s;}
.about3-title{ margin: .1rem 0; font-weight: normal; transition: all .3s;}
.about3-line{ display: block; width: 12px; height: 2px; background-color: var(--main-color); margin: .1rem 0; transition: all .3s;}
.about3-des{ line-height: 1.8; margin: .15rem 0; transition: all .3s;}
.about3-link:hover{ color: #FFFFFF;}
.about3-link:hover .about3-img{ opacity: 1; visibility: visible; height: 100%;}
.about3-link:hover .about3-con{ margin-top: -1.2rem; transition: all .3s linear .3s;}
.about3-link:hover .about3-title{ color: #FFFFFF;}
.about3-link:hover .about3-line{ background-color: #FFFFFF;}
.about3-link:hover .about3-des{ color: #FFFFFF;}
.about-bg-4{ position: relative; color: #FFFFFF; padding: .9rem 0; background: url(../images/about/about-bg-4.png) center center fixed no-repeat; background-size: cover; overflow: hidden; z-index: 1;}
.about-bg-4::before{ position: absolute; left: 0; top: 0; display: block; content: ""; width: 100%; height: 100%; background-color: #000000; opacity: .4; z-index: -1;}
.about4-tab-list{ list-style: none; line-height: 2; margin: .4rem -.3rem;}
.about4-tab-list li{ padding: 0 .3rem;}
.about4-tab-list li img{ vertical-align: text-bottom; max-width: 22px; margin-right: .1rem;}
.about4-tab-list li span{ position: relative; display: inline-block; cursor: pointer;}
.about4-tab-list li span::after{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; height: 2px; background-color: #FFFFFF; transition: all .3s;}
.about4-tab-list li.active span::after{ width: 12px;}
.about4-box{ max-width: 1230px; margin: 0 auto;}
.about4-item{ display: none;}
.about4-item .swiper-container{ position: relative; height: 430px; margin: .5rem 0;}
.about4-item .swiper-container::before{ display: block; content: ""; position: absolute; left: 50%; top: 22px; width: 1px; height: calc(100% - 22px); background: linear-gradient(to bottom,#FFFFFF 75%,transparent);}
.about4-item .swiper-slide{ position: relative; display: flex; justify-content: space-between; height: auto; z-index: 1;}
.about4-item .swiper-slide::before,
.about4-item .swiper-slide::after{ display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; border-radius: 50%;}
.about4-item .swiper-slide::before{ top: 5px; width: 15px; height: 15px; border: 1px solid #FFFFFF;}
.about4-item .swiper-slide::after{ top: 11px; width: 5px; height: 5px; background-color: #FFFFFF;}
.about4-item .swiper-slide:first-child::after{ top: 5px; width: 13px; height: 13px; border: 2px solid #FFFFFF; background-color: transparent;}
.about4-text{ position: relative; width: 48%; max-width: 530px;}
.about4-title{ line-height: 30px; font-weight: normal;}
.about4-con{ line-height: 1.8; margin: .1rem 0;}
.about4-item .swiper-slide:nth-child(2n + 1) .about4-text{ margin-left: auto;}
.about4-item .swiper-slide:nth-child(2n){ text-align: right;}

.about-bg-5{ padding: .9rem 0 .6rem; background: url(../images/about/about-bg-5.png) center bottom no-repeat; background-size: cover; overflow: hidden;}
.about5-swiper .swiper-container{ margin: .5rem 0;}
.about5-swiper .swiper-slide{ height: auto; padding: .38rem .3rem 0; background: linear-gradient(0deg, #F3F5F8, #FFFFFF); border: 3px solid #FFFFFF; box-shadow: 0px .05rem .2rem 0px rgba(0,0,0,0.06); border-radius: .08rem;}
.about5-img{ padding-bottom: 141.428%;}
.about5-img .imgBg{ background-size: contain;}
.about5-title{ line-height: 1.2; margin: .25rem 0;}
.about5-swiper .swiper-pagination-bullet-active{ background-color: #0078DD; border-color: #0078DD;}

.about-bg-6{ padding: 1.2rem 0; background: url(../images/about/about-bg-6.png) center bottom no-repeat; background-size: cover; overflow: hidden;}
.about6-swiper{ position: relative;}
.about6-logo{ position: relative; padding-bottom: 41.5%; background: #FFFFFF; box-shadow: 0px .05rem .2rem 0px rgba(0,0,0,0.06); border-radius: .08rem; overflow: hidden;}
.about6-logo span{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.about6-logo span img{ display: block; max-width: 90%; max-height: 90%; max-height: 70%;}
.about6-swiper .swiper-container{ margin: .5rem 0;}
.about6-swiper .swiper-pagination{ display: none;}
.about6-swiper .swiper-pagination-bullet-active{ background-color: #0078DD; border-color: #0078DD;}
.about6-swiper .banner-button { position: absolute; top: 50%; transform: translateY(-50%); margin: 0; color: #333333;}
.about6-swiper .about6-prev{ right: 100%; margin-right: .4rem;}
.about6-swiper .about6-next{ left: 100%; margin-left: .4rem;}
.about6-swiper .path-loop-bg{ stroke: #000; opacity: .06; transition: all .3s;}
.about6-swiper .banner-button:hover{ color: var(--main-color); opacity: 1; font-weight: bold;}
.about6-swiper .banner-button:hover .path-loop-bg{ stroke: var(--main-color); opacity: 1;}

/* history */
.his-top{ position: relative; padding: 0 1.24rem; margin: .4rem 0;}
.his-top .banner-button{ position: absolute; top: 50%; transform: translateY(-50%); margin: 0;}
.his-top .his-prev{ left: 0;}
.his-top .his-next{ right: 0;}
.his-top .year{ opacity: .5; line-height: 2; text-align: center; font-family: 'CenturyGothic'; font-weight: bold; letter-spacing: .07em; cursor: pointer;}
.his-top .swiper-slide-thumb-active .year{ opacity: 1;}
.his-list{ list-style: none; padding-left: 40%; padding-left: 0; max-height: 5rem; overflow-y: auto;}
.his-list li{ margin: .25rem 0;}
.his-time{ display: block; margin-top: .06rem; font-family: 'CenturyGothic'; font-weight: bold; opacity: .5; letter-spacing: .07em;}

.pro-text{ width: 90%; max-width: 920px; line-height: 1.8; margin: 0 auto;}
.pro-text img{ display: block; margin: .1rem auto; max-width: 100% !important; height: auto !important;}
/* product-01 */
.pro01-bg-1{padding: 1rem 0;}
.proTit{text-align: center;}
.proTit h5{color: var(--main-color);line-height: .45rem;font-weight: normal;}
.proTit h3{line-height: .6rem;margin-top: .15rem;font-weight: normal;}
.pro01-cont{margin: .75rem 0 0 0;}
.pro01-pic img{ display: block; max-width: 100% !important; height: auto !important; margin: 0 auto;}
.pro01-parameter{margin-top: .75rem;}
.pro01-parameter h6{font-size: .3rem;line-height: .4rem;font-weight: normal;}
.pro01-para-table{border-top: 2px solid #000000;margin-top: .25rem;}
.pro01-pata-item{border-bottom: 1px solid rgba(157,157,157,.15);}
.pro01-item-tit{background: #f6f6f6;width: 22.2%;padding: .25rem 0 .25rem .8rem;line-height: 20px;}
.pro01-item-cont{padding: .25rem .8rem;line-height: 20px;}
.pro01-parameter table{ word-break: break-all; width: 100% !important; margin: .3rem auto !important; border-top: 2px solid #333333 !important;}
.pro01-parameter table td{ padding: .1rem .2rem !important; border: 1px solid #cccccc !important;}

/* product-02 */
.pro02-bg-1{padding: 1.2rem 0; overflow: hidden;}
.pro02-dtls-pic{width: 49.64%;position: relative;max-width: 695px;overflow: hidden;}
.pro02-mswiper{display: flex;justify-content: space-between;height: 5.45rem;overflow: hidden;}
.pro02-mbig{position: relative;width: 78.4%;height: 100%;}
.pro02-mbig .swiper-container{height: 100%;}
.pro02-msmall{width: 14.5%;height: 100%;overflow: hidden; display: none;}
.pro02-msmall .swiper-container{height: 74.28%;}
.mBigImg{position: relative;overflow: hidden;height: 100%;padding: 0;}
.mBigImg .imgBg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-size: contain;transition: all .3s;}
.mSmallImg{position: relative;height: 100%;overflow: hidden;border: 2px solid #EEEEEE;}
.mSmallImg .imgBg{position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: all .3s;cursor: pointer;}
.swiper-slide-thumb-active .mSmallImg{border: 2px solid var(--main-color);}
.pro02-dtls-text{width: 45.14%;align-items: flex-start;}
.pro02-dtls-tit h5{color: var(--main-color);line-height: .3rem;font-weight: normal;}
.pro02-dtls-tit h4{font-weight: normal;margin-top: .1rem;}
.pro02-desc{margin: .35rem 0 .7rem 0;line-height: 1.8;}
.pro02-bg-2{background: url(../images/product/pro01-bg.png) fixed no-repeat; /* height: 840px; */width: 100%;background-size: cover;}
.pro02-flavour{padding: 1rem 0;}
.pro02-tit{text-align: center;}
.pro02-tit h4, .pro02-tit h6{font-weight: normal;}
.pro02-tit h6{margin-top: .1rem;}
.pro2-swiper-box{margin-top: .56rem;}
.pro2-swiper-box .swiper-slide{height: auto;}
.pro2-swiper-item{border: 1px solid rgba(255,255,255,.35);border-radius: .1rem;padding: .4rem .44rem;height: 100%;}
/* .pro2-swiper-item:first-child{margin-left: 0;} */
.swiper-item-tit{margin: .28rem 0 .35rem 0;position: relative;text-align: center;}
.swiper-item-tit::after{content: '';position: absolute;left: 50%;bottom: -10px;width: 12px;height: 2px;background: #FFFFFF;transform: translateY(-50%);}
.swiper-item-desc{line-height: 30px;}
.pro2-swiper-item .swiper-item-ico{width: 102px;height: 95px; max-width: 1.02rem; max-height: .95rem; margin: auto;}
.pro2-swiper-item .swiper-item-ico .imgBg{display: block;padding-bottom: 93.137%;transition: all 1s;}
.pro2-swiper-box .swiper-pagination{margin-top: .65rem;}
.pro02-bg-3{padding: .95rem 0;}
.color-56{color: #5c5c5c;}
.pro02-pic-3{width: 100%;margin-top: .75rem;}
.pro02-pic-3 img{width: 100%;max-width: 1393px;margin: auto;display: block;}
.pro02-bg-4{background-color: #F6F6F6;padding: .95rem 0;}
.pro02-table-4{margin-top: .55rem;}
.pro02-table-4 table{font-size: 16px;}
.pro02-table-4 table td,
.pro02-table-4 table th{line-height: 30px; padding: .15rem; border: 1px solid rgba(0,0,0,.06);}
.pro02-table-4 table td h5{color: var(--main-color);font-size: 20px;}
.pro02-table-4 table{ word-break: break-all; width: 100% !important; margin: .3rem auto !important; border-top: 2px solid #333333 !important;}
.pro02-table-4 table td{ padding: .1rem .2rem !important; border: 1px solid #cccccc !important;}

/* product-03 */
.pro3-bg-1{ display: flex; align-items: center; min-height: 6.4rem; background-color: var(--main-color); overflow: hidden; background-color: #FFFFFF; min-height: 0;}
.pro3-bg-1 .box-title-h2{ color: #333333 !important;}
.pro3-bg-1 .pro3-box1-con{ color: #666666;}
.pro3-box1-text{ max-width: 1050px; line-height: 1.8; margin: 0 auto; padding: .6rem 0;}
.pro3-box1-con{ margin: .3rem 0;}
.pro3-box1-con p{ font-weight: 100;}
.pro3-bg-2{ padding: 0.8rem 0; background-color: #F6F6F6; overflow: hidden;}
.pro3-box2{ padding: .5rem 5%; border-radius: .08rem; background-color: #FFFFFF; box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.06); margin: .6rem 0 .3rem;}
.pro3-box2-img{ flex-shrink: 0; max-width: 47.5%; margin-right: 3%;}
.pro3-box2-img img{ max-width: 100%; height: auto;}
.pro3-box2-text{ flex: auto; line-height: 1.8; overflow: hidden; margin: 0 3%; text-align: justify;}
.pro3-bg-3{ padding: .9rem 0; overflow: hidden;}
.pro3-box3-tab{ line-height: 2; margin: .3rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); font-weight: bold;}
.pro3-box3-tab .swiper-slide{ width: auto;}
.pro3-box3-tab .swiper-slide span{ position: relative; display: block; padding: .1rem 0; margin: 0 .4rem; cursor: pointer;}
.pro3-box3-tab .swiper-slide span::after{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: var(--main-color); transition: all .3s;}
.pro3-box3-tab .swiper-slide-thumb-active span{ color: var(--main-color);}
.pro3-box3-tab .swiper-slide-thumb-active span::after{ width: 100%; left: 0;}
.pro3-box3-swiper{ line-height: 1.8; margin: .3rem 0; text-align: center;}
.pro3-box3-swiper img{ max-width: 100%; height: auto; margin: .1rem auto;}
.pro3-box3-text{ width: 90%; max-width: 1050px; margin: .3rem auto 0;}
.pro3-box3-swiper .swiper-pagination{ display: none;}
.pro3-bg-4{ position: relative; padding: .9rem 0; background: url(../images/product/pro3-bg-4.png) center top #0082e0 no-repeat; background-size: 100% auto; overflow: hidden;}
.pro3-box4-list{ margin: .6rem 0 .3rem;}
.pro3-box4-list li{ border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.pro3-box4-list li:first-child{ border-top: 1px solid rgba(255, 255, 255, 0.3);}
.pro3-box4-title{ line-height: 24px; padding: .25rem 0; cursor: pointer;}
.pro3-box4-title i{ position: relative; float: right; width: 24px; height: 24px; border-radius: 50%; border: 2px solid #FFFFFF; background-color: #FFFFFF; margin-left: .1rem; transition: all .3s;}
.pro3-box4-title i::before,
.pro3-box4-title i::after{ display: block; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: var(--main-color); transition: all .3s;}
.pro3-box4-title i::before{ width: 8px; height: 2px;}
.pro3-box4-title i::after{ width: 2px; height: 8px;}
.pro3-box4-text{ padding: .3rem .8rem .5rem; line-height: 1.8; display: none;}
.pro3-box4-list li.active .pro3-box4-title i{ background-color: transparent;}
.pro3-box4-list li.active .pro3-box4-title i::before,
.pro3-box4-list li.active .pro3-box4-title i::after{ background-color: #FFFFFF;}
.pro3-box4-list li.active .pro3-box4-title i::after{ height: 0;}
/* product-04 */
.pro4-bg-1{ padding: 1.3rem 0; overflow: hidden;}
.pro4-box1-img{ flex-shrink: 0; max-width: 45%; margin-right: 7%;}
.pro4-box1-img img{ max-width: 100%; height: auto;}
.pro4-box1-text{ flex: auto; line-height: 1.8; overflow: hidden;}
.pro4-box1-en{ line-height: 1.2; font-family: 'Helvetica'; font-weight: normal;}
.pro4-box1-title{ line-height: 1.2; margin: .1rem 0 .3rem; font-weight: normal;}
.pro4-bg-2{ position: relative; overflow: hidden;}
.pro4-box2-swiper{ position: relative;}
.pro4-box2-swiper .swiper-slide{ width: 90%; max-width: 1440px; margin: 0 auto;}
.pro4-box2-img{ position: relative; padding-bottom: 56.25%; margin: 0 2px; background-color: #000000;}
.pro4-box2-img::before,
.pro4-box2-img::after{ display: block; content: ""; position: absolute; top: 0; width: 30%; height: 100%; z-index: 1;}
.pro4-box2-img::before{ left: 0; background: linear-gradient(to right,rgba(0,0,0,0.4),transparent);}
.pro4-box2-img::after{ right: 0; background: linear-gradient(to left,rgba(0,0,0,0.4),transparent);}
.pro4-box2-img .imgBg{ opacity: .75;}
.pro4-box2-swiper .banner-button{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}
.pro4-box2-swiper .pro4-box2-prev{ left: calc(50% - 700px);}
.pro4-box2-swiper .pro4-box2-next{ right: calc(50% - 700px);}
.pro4-bg-3{ padding: 2rem 0; background-color: #F6F6F6; overflow: hidden;}
.pro4-box3-img{ flex-shrink: 0; max-width: 56%; margin-left: -5%; margin-right: 7%; margin-left: 0; max-width: 50%;}
.pro4-box3-img img{ max-width: 100%; height: auto;}
.pro4-box3-text{ flex: auto; overflow: hidden;}
.pro4-box3-text .color-m{ font-size: 110%;}
.pro4-box3-title{ line-height: 1.2; margin: .1rem 0 .3rem; font-weight: normal;}
.pro4-bg-4{ overflow: hidden;}
.pro4-box4-text,
.pro4-box4-img{ flex-shrink: 0; width: 50%; background-color: var(--main-color);}
.pro4-box4-text{ padding: .6rem .3rem; min-height: 100vh;}
.pro4-box4-con{ width: 80%; line-height: 1.6; margin: 0 auto;}
.pro4-box4-title{ line-height: 1.2; margin: .1rem 0 .3rem; font-weight: normal;}
.pro4-box4-img .imgBg{ height: 100%;}
/* solution */
.solu-top-bg{ padding: .6rem 1.2rem; overflow: hidden;}
.solu-top{ width: 90%; max-width: 1440px; padding: .5rem 0 0; margin: 0 auto;}
.solu-top-title{ line-height: 1.2; margin: .2rem 0; font-weight: normal;letter-spacing: .07em;}
.solu-top-des{ line-height: 1.8; letter-spacing: .07em;}
.solu-bot-bg{ background-color: #F2F2F2; overflow: hidden;}
.solu-bot-item{ padding: 0 0 .6rem;}
.solu-bot-img{ padding-bottom: 29.95%; background-color: #000000;}
.solu-bot-img .imgBg{ opacity: .75;}
.solu-bot-text{ position: relative; padding: .6rem .6rem .6rem 1.2rem; margin-right: .6rem; background-color: #FFFFFF; margin-top: -1.36rem;}
.solu-bot-title{ position: relative;}
.solu-bot-num,
.solu-bot-more{ position: absolute; top: 0;}
.solu-bot-num{ left: 0; font-family: 'Helvetica';}
.solu-bot-more{ right: 0; line-height: 42px; text-decoration: underline !important;}
.solu-bot-more:hover{ color: #00ADB5;}
.solu-bot-h3{ width: 90%; max-width: 1440px; line-height: 42px; letter-spacing: .07em; padding-right: 40px; margin: 0 auto; font-weight: normal;}
.solu-bot-con{ width: 90%; max-width: 1440px; margin: .6rem auto;}
.solu-bot-h4{ flex-shrink: 0; line-height: 30px; letter-spacing: .07em; font-weight: normal;}
.solu-bot-line{ flex-shrink: 0; width: 1.1rem; height: 1px; margin: .14rem .44rem; background-color: rgba(0, 0, 0, 0.06);}
.solu-bot-des{ flex: auto; line-height: 30px; letter-spacing: .07em; overflow: hidden;}
.solu-bot-btn{ position: absolute; left: 100%; top: 1.36rem; margin-top: .8rem; width: .6rem; text-align: center;}
.solu-bot-btn span,
.solu-bot-btn i{ display: block;}
.solu-bot-btn span{ font-size: 16px; color: #999999; font-weight: bold; cursor: pointer;}
.solu-bot-btn span:hover{ color: var(--main-color);}
.solu-bot-btn i{ width: 80%; max-width: 16px; height: 1px; background-color: #000000; opacity: .12; margin: .16rem auto;}
.solu-bot-pic{ position: relative;}
.solu-bot-pic img{ display: block; width: 100% !important; height: auto !important;}
.solu-bot-swiper{ position: relative;}
.solu-bot-swiper .swiper-slide{ flex: 1; margin-right: 1px;}
.solu-bot-swiper .swiper-slide:last-child{ margin-right: 0;}
.solu-bot-link{ position: relative; display: block; padding: .8rem; background-color: var(--main-color); z-index: 1;}
.solu-bot-mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: #000000; opacity: 0; visibility: hidden; transition: all .5s;}
.solu-bot-mask .imgBg{ width: 100%; height: 100%; opacity: .45;}
.solu-bot-type{ margin: .1rem 0;}
.solu-bot-type i{ display: inline-block; vertical-align: middle; width: 14px; height: 2px; margin-top: -2px; margin-right: .12rem; background-color: #FFFFFF;}
.solu-bot-name{ margin: .1rem 0 .2rem; font-weight: normal;}
.solu-bot-info{ height: 90px; line-height: 30px; margin: .2rem 0 .3rem;}
.solu-bot-detail i{ display: inline-block; vertical-align: middle; margin-left: .1rem; transition: all .5s;}
.solu-bot-link:hover .solu-bot-mask{ opacity: 1; visibility: visible;}
.solu-bot-link:hover .solu-bot-detail i{ transform: rotate(45deg);}

/* case */
.case-list{ list-style: none; margin: .2rem 0 .5rem;}
.case-list li{ padding: .4rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06);}
.case-link{ display: flex; justify-content: space-between; align-items: flex-start;}
.case-img{ flex-shrink: 0; width: 50%; margin-right: 3.75%; border-radius: .08rem; overflow: hidden;}
.case-img .imgBg{ display: block; padding-bottom: 53.47%; transition: all 1s;}
.case-text{ flex: auto; padding-top: .2rem; overflow: hidden;}
.case-title{ line-height: 1.2; margin: .1rem 0; font-weight: normal; transition: all .3s;}
.case-line{ width: 12px; height: 2px; background-color: var(--main-color); margin: .15rem 0;}
.case-con{ line-height: 1.8; margin: .1rem 0;}
.case-info{ margin: .2rem -.1rem; overflow: hidden;}
.case-info span{ float: left; padding: 0 .1rem;}
.case-text .box-more{ margin-top: .5rem;}
.case-link:hover .case-img .imgBg{ transform: scale(1.1);}
.case-link:hover .case-title{ color: var(--main-color);}
.case-link:hover .box-more span{ background-color: var(--main-color); color: #FFFFFF;}
.case-link:hover .box-more span i{ transform: rotate(45deg);}
.case-link:hover .service-more{background-color: var(--main-color); border: 1px solid var(--main-color);}
.case-link:hover .service-more i{ transform: rotate(45deg); color: #FFFFFF;}
.case-list li:nth-child(2n) .case-link{ flex-direction: row-reverse;}
.case-list li:nth-child(2n) .case-img{ margin-left: 3.75%; margin-right: 0;}

/* casedetail */
.case-detail{padding: .85rem 0;}
.case-detail-tit{line-height: .6rem;}
.case-detail-desc{position: relative;padding-left: .42rem;margin: .55rem 0;}
.case-detail-desc::after{content: '';position: absolute;width: 4px;background-color: var(--main-color);height: 100%;top: 0;left: 0;}
.case-detail-desc h5{line-height: 20px;}
.case-detail-desc h5:last-child{margin-top: .15rem;}
.case-detail-cont img{display: block;max-width: 1440px;width: 100%;border-radius: 10px;}

/* service */
.service-text{ width: 80%; max-width: 790px; color: #FFFFFF; padding-top: 110px; z-index: 1;}
.service-title,
.service-name,
.service-con,
.service-bot{ opacity: 0; visibility: hidden; transform: translateX(-.2rem); transition: all .3s;}
.service-title{ font-weight: normal;}
.service-title i{ display: inline-block; vertical-align: middle; width: 0; height: 1px; background-color: rgba(255, 255, 255, 0.18); margin: 0 .3rem;}
.service-title span{ display: inline-block; vertical-align: middle; width: 0; font-family: 'Helvetica'; overflow: hidden;}
.service-name{ margin: .5rem 0 .3rem; font-weight: normal; overflow: hidden;}
.service-con{ line-height: 1.8; -webkit-line-clamp: 5;}
.service-bot .service-more:hover{ border-color: var(--main-color); background-color: var(--main-color);}
.service-bot .service-more:hover i{ transform: rotate(45deg);}
.active .service-title,
.active .service-name,
.active .service-con,
.active .service-bot,
.addAni .service-title,
.addAni .service-name,
.addAni .service-con,
.addAni .service-bot{ opacity: 1; visibility: visible; transform: translateX(0); transition-duration: .8s;}
.active .service-title,
.addAni .service-title{ transition-delay: .4s;}
.active .service-title i,
.addAni .service-title i{ width: .8rem; transition-delay: .7s;}
.active .service-title span,
.addAni .service-title span{ width: 30px; transition-delay: 1s;}
.active .service-name,
.addAni .service-name{ transition-delay: 1.3s;}
.active .service-con,
.addAni .service-con{ transition-delay: 1.6s;}
.active .service-bot,
.addAni .service-bot{ transition-delay: 2s;}
.service-img-list li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden;}
.service-img-list li::before,
.service-img-list li::after{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.service-img-list li::before{ background-color: #000000; opacity: .35;}
.service-img-list li::after{ background-color: #010952; opacity: .1;}
.service-img-list li .imgBg{ width: 100%; height: 100%; transition: all 3s;}
.service-img-list li .imgBg::before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/ban-mask.png) center center no-repeat; background-size: cover; z-index: 1;}
.service-img-list li.active .imgBg{ transform: scale(1.05); transition: all 6s;}

/* service-01 */
.service01-bg{ padding: 1.2rem 0; overflow: hidden;}
.service01-top{ line-height: 1.8; letter-spacing: .07em; margin-bottom: .7rem;}
.service01-swiper .pro4-box2-img{ padding-bottom: 44.44%; opacity: .5; transition: all .5s linear .3s;}
.service01-swiper .pro4-box2-img::before,
.service01-swiper .pro4-box2-img::after{ opacity: 0;}
.service01-swiper .pro4-box2-img .imgBg{ opacity: 1;}
.service01-swiper .pro4-box2-img .imgBg::before{ position: absolute; left: 0; bottom: 0; width: 100%; display: block; content: ""; width: 100%; height: 30%; background: linear-gradient(to top,rgba(0,0,0,0.4),transparent);}
.service01-title{ position: absolute; left: 0; right: 0;  bottom: 0; padding: .3rem; font-weight: normal; z-index: 1;}
.service01-swiper .swiper-slide-active .pro4-box2-img{ opacity: 1; transition: all .5s;}
.service01-swiper .swiper-slide-active .pro4-box2-img::before,
.service01-swiper .swiper-slide-active .pro4-box2-img::after{ opacity: 1;}
.service01-swiper .swiper-slide-active .pro4-box2-img .imgBg{ opacity: .85;}

/* service-02 */
.service02-bg-2{ overflow: hidden;}
.service02-bg-1{background-color: var(--main-color); width: 100%; padding: 1.45rem 0; display:none;}
.service02-box-1{width: 60.625%; margin: auto;}
.service02-box-cont{margin-top: .55rem; line-height: 36px;}
.service02-box-pic, .service02-box-text{width: 50%;}
.service02-box-item:nth-child(2n){flex-direction: row-reverse;}
.service02-box-item:nth-child(2n) .service02-box-text{background-color: var(--main-color); color: #FFFFFF;}
.service02-box-item:nth-child(2n) .service02-box-text h5{color: #FFFFFF;}
.service02-box-item:nth-child(2n) .service02-tit-info{color: #FFFFFF;}
.service02-box-text{padding: .3rem 1.6rem; align-items: flex-start!important;}
.service02-box-pic{max-width: 50%; overflow: hidden;}
.service02-box-pic img{width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.service02-text-tit{width: 100%;}
.service02-tit-num{color: var(--main-color); margin-left: 1.38rem; position: relative;}
.service02-tit-num::after{width: .8rem; height: 1px; background: rgba(0,0,0,.16); position: absolute;content: '';top: 50%; transform: translateY(-50%);left: -1rem;}
.service02-box-item:nth-child(2n) .service02-tit-num{color: #FFFFFF;}
.service02-box-item:nth-child(2n) .service02-tit-num::after{background: #FFFFFF;}
.service02-text-cont{margin-top: .55rem; line-height: 2;}
.service02-text-cont h5{font-weight: normal; margin-bottom: .35rem; line-height: 1.4;}
.service-more{border: 1px solid #E2E2E2; border-radius: 50%; width: 50px; height: 50px; max-width: .6rem; max-height: .6rem; margin-top: .7rem; transition: all .3s;}
.service-more i{font-size: 20px; transition: all .3s;}
.service02-box-item:hover .service-more{background-color: var(--main-color); border: 1px solid var(--main-color);}
.service02-box-item:hover .service-more i{ transform: rotate(45deg); color: #FFFFFF;}
.service02-box-item:hover .service02-box-pic img{transform: scale(1.05);}
.service02-box-item:nth-child(2n):hover .service-more{background-color: #FFFFFF; border: 1px solid #FFFFFF;}
.service02-box-item:nth-child(2n):hover .service-more i{color: #333333;}
.service02-bg-3{background-color: #F6F6F6; padding: 1.2rem 0;}
.service02-box-3{margin-top: .55rem;}
.service02-box-3 .swiper-container{border: 1px solid rgba(0,0,0,.06); }
.service02-box-3 .swiper-slide{border-right: 1px solid rgba(0,0,0,.06);height: auto;}
.service02-box-3 .swiper-slide:last-child{border-right: none;}
.service02-box-item1{ padding: .65rem .52rem;height: 100%;}
.service02-box-item1 h4{font-weight: 500;position: relative; line-height:1.6; min-height:3.2em;}
.service02-box-item1 h4::after{content: '';position: absolute;width: 12px;height: 2px;background-color: var(--main-color);left: 0;bottom: -.15rem;}
.service02-box-desc1{line-height: 36px;margin-top: .3rem; min-height: 180px;}
.service02-box-pic1{ padding-bottom: 61.17%; margin-top: .65rem; border-radius: .15rem;}

/* service-02-detail */
.bread-nav-marg{margin-top: 160px;border-bottom: none;}
.service02-detail{margin-top: .1rem;}
.service02-detail-tit{line-height: 1.8; margin: .3rem 0;}
.service02-detail-cont{margin: .35rem 0; line-height: 1.8;}
.service02-detail-cont img{display: block;max-width: 100%;margin: auto;}
.service02-detail-cont h4{font-weight: 500;}
.service02-detail-cont table{ word-break: break-all; width: 100% !important; margin: .3rem auto !important; border-top: 2px solid #333333 !important;}
.service02-detail-cont table td{ padding: .1rem .2rem !important; border: 1px solid #cccccc !important;}

/* service-03 */
.service03 .service-text{ max-width: 100%; width: 100% !important;}
.service03 + .service-img-list li:nth-child(2):before,
.service03 + .service-img-list li:nth-child(2)::after{ display: none;}
.service03 + .service-img-list li:nth-child(2) .imgBg::before{ display: none;}
.service03 + .service-img-list li:nth-child(2).active .imgBg{ transform: none;}
.service03-swiper{ margin-top: .5rem;}
.service03-swiper .swiper-container{ border: 1px solid rgba(255, 255, 255, .12);}
.service03-swiper .swiper-slide{ height: auto;}
.service03-link{ display: block; height: 100%; padding: .15rem .5rem; text-align: center; border: 1px solid rgba(255, 255, 255, .12); transition: all .5s;}
.service03-icon{ width: 100px; height: 100px; max-width: 1rem; max-height: 1rem; background-color: rgba(255, 255, 255, .12); border-radius: 50%; margin: .2rem auto;}
.service03-con{ margin: .2rem auto;}
.service03-link:hover{ background-color: var(--main-color);}
.service03-link:hover .service03-icon img{ animation: swing 1s linear 1;}

/* service-04 */
.service04-bg-1{padding: 1rem 0 0 0;}
.service04-list{margin-top: .55rem;border: 1px solid rgba(0,0,0,.06);}
.service04-list .service04-list-in{width: 50%;border-bottom: 1px solid rgba(0,0,0,.06);border-right: 1px solid rgba(0,0,0,.06);}
.service04-list .service04-list-in:nth-child(2n){border-right: none;}
.service04-list-ico{width: 115px;height: 115px;background: rgba(0, 120, 221, .06);border-radius: 50%;float: left;margin-right: .25rem;position: relative;z-index: 5;}
.service04-list-text{overflow: hidden;position: relative;z-index: 5;}
.service04-list-text h5{position: relative;margin-bottom: .3rem;line-height: 30px;}
.service04-list-text h5::after{content: '';position: absolute;width: 12px;height: 2px;background: var(--main-color);left: 0;bottom: -.15rem;}
.service04-list-text .service04-text-desc{line-height: 28px;}
.service04-list-bg{position: relative;width: 100%;height: 100%;padding: .5rem .7rem;}
.service04-list-bg:after{width: 100%;height: 100%;left: 0;top: 0;content: '';position: absolute;/* z-index: -1; */transition: all .5s;}
.service04-list-item:nth-child(odd) .service04-list-in:last-child .service04-list-bg,
.service04-list-item:nth-child(even) .service04-list-in:first-child .service04-list-bg{background: #FAFAFA;}
.service04-list-in:hover .service04-list-bg:after{background-color: var(--main-color);width: 102%;height: 104%;top: -2%;left: -1%;z-index: 3;}
.service04-list-in:hover .service04-list-text{color: #FFFFFF;}
.service04-list-in:hover .service04-list-ico{background: rgba(255,255,255,.06);}
.service04-list-in:hover .show{display: none;}
.service04-list-in:hover .hide{display: block;}
.service04-list-in:hover .service04-list-ico img{animation: swing 1s linear infinite;}
.service04-list-in:hover .service04-list-text h5::after{ background-color: #FFFFFF;}

/* EPC */
.epc-bg-1{padding: 1.3rem 0;}
.epc-box-1{line-height: 2;}
.epc-box-1 h4{font-weight: normal;}
.epc-box-1 img{max-width: 1440px; width: 100%; border-radius: 15px;}
.epc-bg-2{background: url(../images/EPC/epc-bg.png) center center no-repeat; background-size: cover;padding: 1.25rem 0;}
.epc-tit-2{line-height: 60px;font-weight: 500;}
.epc-box-tab{ line-height: 2; margin: .3rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.35); font-weight: bold;}
.epc-box-tab .swiper-slide{ width: auto;}
.epc-box-tab .swiper-slide span{ position: relative; display: block; padding: .1rem 0; margin: 0 .4rem; cursor: pointer;font-weight: normal;}
.epc-box-tab .swiper-slide span::after{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: #FFFFFF; transition: all .3s;}
.epc-box-tab .swiper-slide-thumb-active span{ color: #FFFFFF;}
.epc-box-tab .swiper-slide-thumb-active span::after{ width: 100%; left: 0;}
.epc-box-swiper{ line-height: 1.8; margin: .3rem 0; }
.epc-box-swiper img{ max-width: 100%; height: auto; margin: .1rem auto;}
.epc-box-text{ margin: 1.8rem 0 0 0; width: 45%;}
.epc-box-swiper .swiper-pagination{ display: none;}
.epc-box-title{margin-bottom: .15rem;font-weight: normal;}
.epc-bg-3{padding: 1.25rem 0;}
.epc-box-list3{ margin-top: .4rem; }
.epc-box-list3 .epc-slide-box{position: relative;overflow: hidden;}
.epc-box-list3 .epc-slide-box a{position: relative; z-index: 2;display: block;}
.epc-box-pic3{width: 100%; overflow: hidden; position: relative;}
.epc-box-pic3::after{content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0, .5); border-radius: 10px;z-index: 1;}
.epc-box-pic3 .imgBg{ padding-bottom: 124.73%; border-radius: 10px;}
.epc-box-text3{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 1.5rem .62rem;z-index: 5;}
.epc-box-text3::after{content: ''; position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: rgba(0, 120, 221, .9);z-index: 2;transition: all .5s; border-radius: 10px;}
.epc-box-text3 h5{margin: .45rem 0; position: relative; font-weight: normal;line-height: 30px;}
.epc-box-text3 h5::after{content: ''; position: absolute; width: 12px; height: 2px; background: #FFFFFF; bottom: -.2rem; left: 50%; transform: translateX(-50%);}
.epc-box-text3 .box-more{ margin-top: .5rem; opacity: 0; visibility: hidden; transition: all .5s; position: absolute; left: 0; right: 0; bottom: .3rem; z-index: 5;}
.epc-box-text3 .box-more span{ width: 180px; line-height: 46px; border-radius: 5px; border: 1px solid #FFFFFF; color: #FFFFFF;}
.epc-box-item3{ transition: all .5s; position: relative; z-index: 5;}
.epc-box-ico{width: 96px; height: 82px; margin: auto;}
.epc-box-ico img{width: 100%;}
.epc-box-list3 .epc-slide-box:hover .box-more{ opacity: 1; visibility: visible;bottom: .7rem;}
.epc-box-list3 .epc-slide-box:hover .epc-box-item3{margin-top: -.4rem;}
.epc-box-list3 .epc-slide-box:hover .epc-box-text3::after{bottom: 0;}

/* news */
.news-box{padding: 1.2rem 0; display: none;}
.lef-rec-box{width: 67.7%;}
.lef-rec-pic{width: 45.642%;overflow: hidden;border-radius: 0.08rem;}
.lef-rec-pic .imgBg{padding-bottom: 60.675%;transition: all 1s;}
.news-rec-box{margin-top: .58rem;}
.lef-rec-text{width: 49.33%;}
.lef-rec-text h5{font-weight: normal;line-height: 30px;transition: all .8s;}
.lef-rec-text .new-date{color: var(--main-color); margin: .15rem 0;}
.lef-rec-text .box-more{margin-top: .15rem;}
.lef-rec-text .new-desc{ line-height: 1.8; -webkit-line-clamp: 2;}
.lef-rec-item:last-child{margin-top: .5rem;}
.lef-rec-item:hover .imgBg{transform: scale(1.1);}
.lef-rec-item:hover .box-more span, .rig-rec-box li:hover .box-more span{ background-color: var(--main-color); color: #FFFFFF;}
.lef-rec-item:hover .box-more span i, .rig-rec-box li:hover .box-more span i{ transform: rotate(45deg);}
.lef-rec-item:hover h5{color: var(--main-color);}
.rig-rec-box{width: 27.15%; position: relative;padding-left: .27rem;}
.rig-rec-box::after{ content: ''; position: absolute; left: 0; bottom: 70px; width: 1px; height: calc(100% - 70px); background: linear-gradient(to bottom,#f2f2f2 75%,transparent);}
.rig-rec-box .MultiLine{-webkit-line-clamp: 2;}
.rig-rec-box .new-date{color: var(--main-color);line-height: 18px;position: relative;margin-top: -3px;}
.rig-rec-box .new-date::after{width: 12px; height: 12px; border-radius: 50%; background-color: #D4D4D4; content: ''; position: absolute; top: 0; left: -0.35rem;z-index: 3;border: 2px solid transparent; transition: all .5s;}
.rig-rec-box .rig-rec-tit{margin: .05rem 0 .2rem 0; transition: all .5s;}
.rig-rec-box li{margin-bottom: .5rem;}
.rig-rec-box li:hover .new-date::after{border: 2px solid var(--main-color); background-color: #FFFFFF;}
.rig-rec-box li:hover .rig-rec-tit{color: var(--main-color);}
.news-box-1{padding: 1.2rem 0 0.1rem 0; background-color: #F7F7F7;}
.news-box-tit1{color: #252525;}
.news-box-tab{margin: .3rem 0 0.15rem 0;}
.news-box-tab img{transition: all .5s;width: 100%;}
.tab-item-ico{width: 20px;height: 20px;}
.news-box-tab span{padding-left: 0.08rem;font-weight: 600; transition: all .5s;}
.news-tab-item{margin: 0 0.35rem; cursor: pointer;}
.news-tab-item:hover span, .news-tab-item.active span{ color: var(--main-color);}
.news-tab-item:hover .show, .news-tab-item.active .show{display: none;}
.news-tab-item:hover .hide, .news-tab-item.active .hide{display: block;}
.news-tab-item:hover img, .news-tab-item.active img{animation: swing 1s linear infinite;}
.news-tab-cont{display: none;}
.news-tab-cont.current{display: block;}
.news-tab-cont li{width: 31.5%; margin: .45rem 2.6% 0 0; background-color: #FFFFFF;border-radius: 8px; overflow: hidden;transition: all .5s;}
.news-tab-cont li:nth-child(3n){margin: 0.45rem 0 0 0;}
.news-tab-cont li .news-list-pic{width: 100%; overflow: hidden;}
.news-tab-cont .news-list-pic .imgBg{ padding-bottom: 61.11%; transition: all 1s;}
.news-list-text{padding: .45rem;}
.news-list-text h5{font-weight: normal; transition: all .5s;}
.news-list-text h5.MultiLine{-webkit-line-clamp: 2;}
.news-list-desc{margin: .1rem 0 .25rem 0;}
.news-list-date{color:#999; font-weight: bold;}
.news-tab-cont li:hover .imgBg{ transform: scale(1.1);}
.news-tab-cont li:hover h5{color: var(--main-color);}
.news-tab-cont li:hover{box-shadow: 0 10px 13px rgba(0,0,0, 0.05);}

/* news detail */
.news-detail{padding: 0 0 0.85rem 0;}
.lef-news-detail{width: 73.2%;padding-top: 0.85rem;}
.news-detail-tit{line-height: 42px;}
.lef-news-detail img{display: block;margin: auto;max-width: 100%;}
.news-detail-oth{margin: .2rem 0 .35rem 0;}
.detail-oth-tips{padding-right: .15rem;position: relative;margin-right: .15rem;}
.detail-oth-tips::after{content: ''; position: absolute; right: 0; width: 1px; height: 12px; background-color: rgba(0,0,0, 0.12); top: 50%; transform: translateY(-50%);}
.detail-oth-tips:last-child::after{height: 0;}
.detail-oth-tips span{background: url(../images/news/font-ico.png) left center no-repeat; background-size: 22px 16px; padding-left: 28px;margin-right: 10px;}
.detail-oth-tips a{width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;background-color: #F6F6F6;display: inline-block;margin: 0 3px;transition: all .5s;}
.detail-oth-tips a:hover, .detail-oth-tips a.active{background-color: var(--main-color); color: #FFFFFF;}
.rig-new-detail{width: 23.96%; border-left: 1px solid rgba(0,0,0,0.06);padding: 0.65rem 0 0 0.40rem;}
.rig-detail-rectit{color: #252525;border-bottom: 1px solid rgba(0,0,0, 0.06);padding-bottom: 0.12rem;}
.rig-rec-firstnew{margin: .3rem 0;}
.recnew-first-pic{width: 100%;overflow: hidden;border-radius: 0.08rem;}
.recnew-first-pic .imgBg{padding-bottom: 61.8%; transition: all 1s;}
.rig-rec-firstnew h5.MultiLine{-webkit-line-clamp: 1;font-weight: normal;margin: 0.15rem 0;transition: all .5s;}
.rig-rec-firstnew .rec-details-info{-webkit-line-clamp: 2;}
.rig-rec-firstnew:hover h5{color: var(--main-color);}
.rig-rec-firstnew:hover .imgBg{transform: scale(1.08);}
.rec-dtlnews-lists li{border-top: 1px dashed rgba(0,0,0,0.06);padding-top: 0.3rem;margin-bottom: 0.3rem;}
.rec-dtlnews-pic{width: 122px;margin-right: 0.2rem;overflow: hidden;border-radius: 0.08rem;}
.rec-dtlnews-pic .imgBg{padding-bottom: 60.66%;transition: all .5s;}
.rec-dtlnews-info{overflow: hidden;}
.rec-dtlnews-info h5{line-height: 22px;transition: all .5s;}
.rec-dtlnews-info h5.MultiLine{-webkit-line-clamp: 2;}
.rec-dtlnews-info .new-date{font-size: 14px;font-weight: bold;margin-top: 0.1rem;color: var(--main-color);display: block;}
.rec-dtlnews-lists li:hover .imgBg{transform: scale(1.08);}
.rec-dtlnews-lists li:hover h5{color: var(--main-color);}
.oth-rec-news{border-top: 1px dashed rgba(0,0,0, 0.06);}
.oth-rec-news .oth-rec-item{margin-top: .25rem;}
.oth-rec-news .oth-rec-item span{display: inline-block;margin-right: 0.06rem;width: 65px;}
.oth-rec-news .oth-rec-item a{display: block; overflow: hidden; transition: all .5s;}
.oth-rec-news .oth-rec-item a:hover{text-decoration: underline; color: var(--main-color);}
.news-detail .box-more{margin-top: .25rem;}
.news-detail .box-more a{color: #333333; background: none; border: 1px solid rgba(0,0,0,0.06);width: 100%;line-height: 46px;}
.news-detail .box-more a:hover i{ transform: rotate(0);}

/* join */
.search-box{max-width: 425px;height: 54px;background-color: #FFFFFF;border-radius: 30px;margin: .7rem auto 0; padding: 0 5px 0 0.25rem;}
.search-box input{ flex: auto; border: none;line-height: 50px;border-radius: 30px;}
.search-box .search-btn{ flex-shrink: 0; width: 46px;height: 46px;background: var(--main-color);border-radius: 50%;transition: all .5s;}
.search-box .search-btn:hover{opacity: 0.9;}
.join-bg-1{background-color: var(--main-color); padding: 1.5rem 0;}
.join-bg-1 .join-slide-item1{ max-width: 310px; margin: 0 auto;}
.join-slide-tit1{position: relative; margin: .35rem 0; font-weight: normal;}
.join-slide-tit1::after{content: ''; position: absolute; width: 12px;height: 2px;background-color: #FFFFFF; left: 50%; transform: translateX(-50%);bottom: -0.15rem;}
.join-slide-ico1{width: 90px;height: 93px; max-width: 1rem; max-height: 1rem; overflow: hidden;margin: auto;}
.join-slide-ico1 img{width: 100%;height: 100%;}
.join-bg-2{padding: 1.2rem 0;}
.join-box-2{ position: relative; margin-top: 0.56rem;}
.join-box2-pic{ background-color: #000000;}
.join-box2-pic, .join-box2-pic img{width: 100%;}
.join-box2-pic img{ opacity: 0.5;}
.join-slide-item2{padding: .56rem .72rem; background-color: #FAFAFA;}
.join-box2-swiper{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.join-box-2 .swiper-slide:nth-child(2n) .join-slide-item2{background-color: #F5F5F5;}
.join-box-2 .swiper-slide{line-height: 32px;}
.join-list2-tit{position: relative;margin-bottom: .3rem;}
.join-list2-tit::after{content: ''; position: absolute;width: 12px; height: 2px; background-color: var(--main-color); left: 0; bottom: -0.1rem;}
.join-bg-3{background: url(../img/join-bg1.png) fixed no-repeat; width: 100%; background-size: cover; padding: 1.2rem 0 1.1rem 0; margin-top: .3rem;}
.join-bg-3 .join-slide-item1{padding: 0;}
.join-box-3{margin-top: 1.1rem;line-height: 30px;}
.join-box-3 .join-slide-ico1{width: 110px;height: 110px; border-radius: 50%; transition: all .5s;}
.join-box-3 .join-slide-item1:hover .join-slide-ico1{ background-color: var(--main-color);}
.join-bg-4{padding: 1.2rem 0;}
.join-box-4{margin-top: 0.65rem; border: none;}
.join-box-4 .service04-list-in{ border: none;}
.join-box-4 .box-more a{margin: 0.8rem auto 0;display: block;}

/* joinlist */
.search-bg{ position:relative;}
.search{ position:relative; max-width: 680px; border-radius: 30px; overflow: hidden; margin: 0 auto; box-shadow: 0 0 .2rem rgba(0,0,0,0.1); transform: translateY(-50%);}
.sInput{ display: block; width: 100%; height: 54px; line-height: 24px; padding: 15px 20px; padding-right: 140px; border: none;}
.sBtn{ display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; width: 120px; height: 54px; line-height: 54px; background: var(--main-color); text-align: center; transition: all .3s;}
.sBtn i{ display: block; width: 18px; height: 18px; background: url(../images/icon-search-white.png) center center no-repeat; background-size: contain; margin-left: .08rem;}
.sBtn:hover{ background-color: #00ADB5;}
.sBtn:hover,.sBtn:focus{ color:#FFFFFF;}

.recruit_box{ padding: .6rem 0;}
.recruit_con{ display: flex;}
.recruit_left{ flex-shrink: 0; width: 24%; padding-right: 2.5%; border-right: 1px solid rgba(0,0,0,0.06);}
.recruit_tit{ line-height: 2; font-weight: normal;}
.recruit_tit i{ display: none;}
.recruit_clear{ color: #252525; line-height: 42px; background: #F6F6F6; border-radius: 21px; margin: .1rem 0 .4rem; cursor: pointer; transition: all .3s;}
.recruit_clear:hover{ background-color: var(--main-color); color: #FFFFFF;}
.recruit_filter_item{ padding: .2rem 0; border-top: 1px solid rgba(0,0,0,0.06);}
.recruit_filter_label{ margin: .1rem 0;}
.recruit_filter_label label{ display: block; position: relative; margin: .15rem 0;}
.recruit_filter_label input{ position: absolute; left: 0; top: 0; opacity: 0;}
.recruit_filter_label span { position: relative; display: inline-block; padding-left: 24px; cursor: pointer; color: #5C5C5C;}
.recruit_filter_label span::before,
.recruit_filter_label span::after{ position: absolute; left: 0; top: 50%; margin-top: -9px; display: block; content: ""; width: 14px; height: 14px; border-radius: 2px;}
.recruit_filter_label span::before { border: 1px solid rgba(0,0,0,.1);}
.recruit_filter_label span::after { left: 3px; margin-top: -7px; width: 10px; height: 6px; border-radius: 0; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; transform: rotate(-45deg);}
.recruit_filter_label input:checked + span{ color: var(--main-color);}
.recruit_filter_label input:checked + span::before { background-color: var(--main-color); border-color: var(--main-color);}
.recruit_filter_label .selected span{ color: var(--main-color);}
.recruit_filter_label .selected span::before { background-color: var(--main-color); border-color: var(--main-color);}
.recruit_right{ width: 76%; padding-left: 2.5%;}
.recruit_top{ padding-bottom: 0.15rem; border-bottom: 1px solid rgba(0,0,0, .06); margin-bottom: 0.2rem;}
.recruit_list{ list-style: none;}
.recruit_link { display: flex; justify-content: space-between; align-items: center; padding: 0.25rem 0; border-radius: 0.1rem; transition: all .3s;}
.recruit_text{ flex: auto; max-width: 755px;}
.recruit_name{ line-height: 1.6; font-weight: normal;}
.recruit_info{ display: flex; flex-wrap: wrap; margin: 0 -.1rem; line-height: 1.6; margin-top: 2px;}
.recruit_info span{ position: relative; padding: 0 .1rem;}
.recruit_info span + span::before{ content: ""; width: 1px; height: 12px; background-color: #000; opacity: .12; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.recruit_des{ line-height: 1.6; margin-top: .1rem; -webkit-line-clamp: 2;}
.recruit_more{ flex-shrink: 0; margin-left: 5%; display: block;}
.recruit_more i{ display: inline-block; vertical-align: middle; font-weight: bold; margin-left: .1rem; transition: all .3s;}
.recruit_link:hover { padding: 0.25rem 0.3rem; box-shadow: 0 0 0.25rem rgb(0,0,0,0.1);}
.recruit_link:hover .recruit_more{ color: #00ADB5;}
.recruit_link:hover .recruit_more i{ transform: rotate(45deg);}
.recruit_right .load-more{ margin-bottom: 0;}

/* joindetail */
.detail-bg{ padding: .3rem 0 .6rem; overflow: hidden;}
.detail{ margin: .2rem 0;}
.detail-title{ font-weight: normal;}
.detail-info{ margin: .1rem -.15rem .3rem;}
.detail-info span{ padding: 0 .15rem;}
.detail-text{ line-height: 2;}
.detail-text h3{ font-size: 30px; font-weight: normal;}
.detail-text a i{ font-style: normal; text-decoration: underline;}
.detail-text a span{ text-decoration: none; color: var(--main-color);}
.detail-text a:hover{ color: var(--main-color);}

/* contact */
.contact-bg{ padding: 1rem 0;}
.contact-box{ background-color: #F0F7FF; border-radius: .2rem; overflow: hidden;}
.con-left{ flex: auto; padding: 1rem .5rem; background: url(../images/contact/contact-bg.png) right bottom no-repeat; overflow: hidden; border-right: 5px solid #FFFFFF;}
.con-en{ line-height: 1.6; margin: .1rem 0 .2rem; font-weight: normal;}
.con-list{ line-height: 30px;}
.con-list li{ display: flex; margin-top: .3rem;}
.con-icon{ flex-shrink: 0; width: 30px; height: 30px; margin-right: .12rem;}
.con-icon img{ width: 100%; height: auto;}
.con-text{ flex: auto; overflow: hidden;;}
.con-tel{ font-size: 150%; color: var(--main-color); font-weight: bold;}
.con-tel a{ color: var(--main-color);}
.con-right{ flex-shrink: 0; width: 47.57%; max-width: 685px; font-size: 12px;}
#map{ height: 100%;}


/* prolist */
.pro-list{ list-style: none; margin: .5rem -.1rem;}
.pro-list li{ width: 25%; padding: .1rem;}
.pro-link{ position: relative; display: block; border-radius: .08rem; overflow: hidden;}
.pro-img{ padding-bottom: 144.93%; border-radius: .08rem; overflow: hidden;}
.pro-img::before,
.pro-img::after{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.pro-img::before{ background-color: var(--main-color); opacity: .06;}
.pro-img::after{ background-color: #000; opacity: .3; transition: all .4s linear;}
.pro-hover{ position: absolute; left: 0; bottom: 0; right: 0; padding: .2rem 10%; z-index: 1;}
.pro-title{ line-height: 1.4; margin: .1rem 0; font-weight: normal;}
.pro-line{ display: block; width: 14px; height: 2px; background-color: #FFFFFF; margin: .1rem 0;}
.pro-con{ line-height: 1.6; margin: .1rem 0;}
.pro-more{ display: flex; align-items: center; margin: .2rem 0;}
.pro-more i{ display: block; margin-left: 5px; transition: all .4s linear;}
.pro-link:hover .pro-img .imgBg{ transform: scale(1.05);}
.pro-link:hover .pro-img::after{ opacity: .2;}
.pro-link:hover .pro-more i{ transform: rotate(45deg);}
/* prolist2 */
.pro-list2 .case-link{ align-items: center;}
.pro-list2 .case-text{ padding: 0;}
.pro-list2 .service02-text-cont{ margin-top: .4rem;}
.pro-list2 .service-more{ margin-top: .4rem;}
.pro-list2 .case-img .imgBg{ padding-bottom: 58.33%;}
/* pro-list-5 */
.pro-list-5 li{ width: 20%;}

/* pro5 */
.pro5-box1 img{ display: block; max-width: 100% !important; height: auto; margin: 0 auto;}
.pro5-box2 img{ width: 100% !important; height: auto;}
.pro5-bg-3{ padding: 1.2rem 0; overflow: hidden;}
.pro5-bg-3 .service02-box-3{ margin-top: 0;}
.pro5-bg-3 .service02-box-desc1{ line-height: 30px; min-height: 240px;}
.pro5-bg-3 .service02-box-pic1{ margin-top: .3rem;}
.pro5-bg-4{ padding: .6rem 0; background: url(../images/product/pro5-bg-4.png) center bottom #e2effd no-repeat; background-size: 100% auto; overflow: hidden;}
.pro5-box4{ margin: .6rem 0;}
.pro5-box4 img{ max-width: 100% !important; height: auto; display: block; margin: 0 auto;}
.pro5-bg-6{ padding: .6rem 0; background: url(../images/product/pro5-bg-6.png) center bottom no-repeat; background-size: cover; overflow: hidden;}
.pro5-box6-swiper{ margin: .6rem 0;}
.pro5-box6-img{ padding-bottom: 61.96%; border-radius: .08rem;}
.pro5-box6-title{ line-height: 1.2; margin: .15rem 0; font-weight: normal;}
/* pro6 */
.pro6-bg-2 .pro3-box3-swiper{ text-align: left; background-color: #FFFFFF; border-radius: .08rem; padding: .6rem; box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.06);}
.pro6-bg-2 .pro3-box3-swiper .swiper-slide{ display: flex;}
.pro6-bg-2 .pro3-box3-swiper img{ flex: auto; margin: 0; overflow: hidden; object-fit: cover;}
.pro6-bg-2 .pro3-box3-text{ flex-shrink: 0; width: 44%; margin-left: 4%;}
.pro6-bg-2 .pro3-box3-title{ line-height: 1.4; margin: .3rem 0; font-weight: normal;}
/* pro7 */
.pro7-bg-1{ padding: 0.8rem 0; overflow: hidden;}
.pro7-box1-swiper{ margin: .4rem 0;}
.pro7-bg-1 .banner-button svg .path-loop{ display: block;}
.pro7-box1-list{ width: 80%; max-width: 790px; margin: .5rem auto;}
.pro7-box1-list li{ display: none;}
.pro7-box1-title{ line-height: 1.4; margin: .1rem 0;}
/* prodetail */
.pro-detail{ margin: .5rem 0;}
.pro-detail-swiper{ position: relative;}
.pro-detail-swiper .banner-button{ position: absolute; top: 50%; transform: translateY(-100%); color: #333333; z-index: 1;}
.pro-detail-swiper .banner-button:focus{ outline: none;}
.pro-detail-swiper .pro-detail-prev{ left: 0;}
.pro-detail-swiper .pro-detail-next{ right: 0; margin-right: -15px;}
.pro-detail-swiper .path-loop-bg{ stroke: rgba(0, 0, 0, 0.06);}
.pro-detail-swiper .path-loop{ stroke: #666666;}
.pro-detail-swiper .banner-button svg .path-loop{ display: block;}
@media (min-width:1600px) {
    .pro-detail-swiper .banner-button{ width: 50px; height: 50px; line-height: 46px;}
}
/* serlist */
.ser-top-bg{ padding: .6rem 0; background: url(../images/service/service-bg.png) center center no-repeat; background-size: cover; overflow: hidden;}
.ser-top{ width: 1000px; max-width: 75%; min-height: 3.4rem; margin: 0 auto;}
.ser-list{ margin: .9rem 0;}
.ser-list li{ margin: .5rem 0;}
.ser-list li:nth-child(2n) .case-link{ flex-direction: row-reverse;}
.ser-list .case-link{ align-items: center; border-radius: 8px; box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.06); overflow: hidden;}
.ser-list .case-img{ border-radius: 0; margin-right: 0;}
.ser-list .case-img .imgBg{ padding-bottom: 55.56%;}
.ser-list .case-text{ padding: .3rem 8%; text-align: justify;}
/* serdetail */
.ser-detail{ display: flex; justify-content: space-between; align-items: flex-start; align-items: center; margin: .3rem 0 .8rem;}
.ser-detail-img{ flex-shrink: 0; position: sticky; position: -webkit-sticky; top: 120px; position: static; width: 48.61%; margin-right: 5%; background-color: #F6F6F6;}
.ser-detail-img img{ display: block; width: 100%; height: auto;}
.ser-detail-text{ flex: auto; overflow: hidden;}
.ser-detail-text .case-detail-tit{ margin: .3rem 0; font-weight: normal; margin-top: 0;}
.ser-detail-text .case-detail-cont{ line-height: 1.8; text-align: justify;}
.ser-detail-text .case-detail-cont h3{ font-size: 187.5%; line-height: 1.1; font-weight: normal; margin: .2rem 0;}