@charset "utf-8";
/* =====================鍐呴〉鏍峰紡======================== */
/* 瑙嗛寮圭獥 */
.popVideo{display: none;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-items{width: 1000px;position: relative;padding: 34px 34px 0;opacity: 0;}
.popVideo-video{width: 100%;}
.popVideo-video video{width: 100%;}
.popVideo-video iframe{width: 100%;height: 500px;}
.popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/common/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
.popVideo.active{display: flex;}
.popVideo.active .popVideo-items{animation: popVideRun 1s ease both .4s;}
@keyframes popVideRun {0%{opacity: 0;transform: translateY(-200px);}100%{opacity: 1;transform: translateY(0);}}
@media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}}
@media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}}
/* 鍒嗛〉 */
.paging{width: 100%;font-size: 0;text-align: center;user-select: none;}
.paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;}
.paging-menu a{width: 45px;height: 45px;line-height: 45px;margin: 4px;font-size: 18px;transition: all .4s ease;border-radius: 50%;}
.paging-dot{color: #999;}
.paging-menu a:first-child, .paging-menu a:last-child{background: url('../images/common/arrL.svg') no-repeat center/15px auto;margin-right: 10px;}
.paging-menu a:last-child{transform: rotate(180deg);margin: 0 0 0 10px;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #e71a19;background-color: #e71a19;color: #fff;}
.paging-menu a:first-child:hover, .paging-menu a:last-child:hover{background-image: url('../images/common/arrLW.svg');}
.paging-menu a.paging-dot:hover{background: transparent;color: #999;}
.paging-skip{margin-left: 8px;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #e71a19;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #e71a19;color: #fff;border-color: #e71a19;}
.paging-hint span{color: #e71a19;}
@media all and (max-width:1000px) {.paging-menu a{margin: 4px 2px;}.paging-skip{width: 100%;margin-left: 0;}.paging-menu a.mb{display: none;}}
/* 鎼滅储椤甸潰 */
.search{width: 100%;}
.search-info{width: 100%;line-height: 1.1;color: #333;font-weight: 700;}
.search-info span{color: #e71a19;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border-bottom: 1px solid #f0f0f2;}
.search-link h2{color: #333;line-height: 1.1;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #e71a19 !important;}
.search-link:hover h2{color: #e71a19;}
@media all and (max-width:1000px) {.search-link{padding: 22px 0;}.search-list{margin-top: 10px;}}
/* 鍏叡banner */
.fw7{font-weight: 700;}
.about .public-ban img{animation: abBanAnimation 4s linear infinite;}
.public-ban.growDet::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .15);z-index: 1;}
.public-ban.list img,.public-ban.details img{animation: none;}
.public-ban.details{max-height: 600px;}
.public-ban.details .mb{display: none;}   
.public-ban.details .public-ban-text{letter-spacing: 10px;}
.public-ban.details .public-ban-text.wpm{color: #1a1a1a;}
.public-ban.details .public-ban-text .title{font-size: 18px;letter-spacing: 1px;}
.public-ban.details .title span{font-weight: 700;font-size: 48px;line-height: 72px;margin-right: 15px;}
.public-ban.details .public-ban-text .text{margin-top: 16px;font-size: 36px;line-height: 48px;letter-spacing: 1px;}
.public-ban.details .public-ban-text.white{color: #fff;}
.public-ban.details .public-ban-text.nth1{left: auto;right: 20%;transform: translate(0,-50%);}
.public-ban.details .public-ban-text.nth2{transform: translate(-20%,-50%);}
.public-ban.details .public-ban-text.nth3{transform: translate(-50%,50%);}


/* 璧拌繘鍗庡０ */
.ab-cultrue{background: url('../images/pages/ab-culture-bg.png') no-repeat center/100% 100%;}
.pages-tit{align-items: center;}
.pages-tit i{display: inline-block; width: 28px;height: 28px;border-radius: 5px;border: 4px solid #e71a19;}
.pages-tit .title{font-weight: 700;margin-left: 15px;color: #333;}
.ab-cultrue ul{justify-content: space-between;}
.ab-cultrue ul::after{content: "";width: 30%;}
.ab-cultrue li{cursor: pointer; width: 30%;position: relative;}
.ab-cultrue-img{width: 100%;overflow: hidden;}
.ab-cultrue-img img{transition: all .4s ease;}
.ab-cultrue-text{position: absolute;left: 50%;bottom: 0;transform: translate(-50%,60%);width: 95%;padding: 30px;background: rgba(255, 255, 255, .95);box-shadow: 0 5px 18px 0 rgba(0,0,0,.06);}
.ab-cultrue-text .title{color: #333;margin-bottom: 5px;}
.ab-cultrue li:hover img{transform: scale(1.1);}
.ab-intro-img,.ab-intro-text{width: 50%;}
.ab-intro-img{overflow: hidden;}
.ab-intro-text{color: #333; padding-left: 110px;}
.ab-intro-logo img{width: 200px;}
.ab-intro-title{position: relative;}
.ab-intro-title::after{content: "";position: absolute;left: 0;bottom: 0;width: 50px;height: 4px;background: #e71a19;}
.ab-story .pages-tit{position: absolute;top:-230px;left: 0;}
.ab-story .contain-1500{position: relative;}
.ab-story{position: relative;background: url('../images/pages/ab-stroy-bg.png') no-repeat center/100% 100%;}
.ab-story-con{justify-content: space-between;padding: 30px 110px 85px;background: #fff;}
.ab-story-img,.ab-story-text{width: 50%;}
.ab-story-text{padding: 120px 70px 0 0;}
.ab-story-text .title{color: #e71a19;}
.ab-story-text .text{color: #333;}
.ab-xcs{background: #fff;}
.ab-xcs-list{ position: relative; background: url('../images/pages/ab-xcs-bg.png') no-repeat center/100% 100%;}
.ab-xcs-list::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ab-xcs-list ul{padding: 0 60px; position: relative;z-index: 1;}
.ab-xcs-list li{cursor: pointer; height: 590px; transition: all .4s ease; width: calc(100% / 3);flex-direction: column;align-items: center;color: #fff;text-align: center;}
.ab-xcs-img{width: 110px;height: 110px;border-radius: 50%;border: 2px solid #fff;align-items: center;justify-content: center;}
.ab-xcs-img img{max-width: 90%;}
.ab-xcs-list li>*{transition: all .4s ease;}
.ab-xcs-list li:hover{background: rgba(0, 0, 0, .6);}
.ab-xcs-list li:hover .ab-xcs-img{background: #e71a19;border-color: transparent;}
.ab-xcs-list li:hover >*{transform: translateY(-30px);}
/* 浠峰€间笌浣撻獙 */
.exp-list ul{justify-content: space-between;height: 810px;}
.exp-list li{position: relative;overflow: hidden;display:flex;flex-direction: column;justify-content: space-between;height: 100%;}
.exp-list li a{display: block;position: relative;width: 100%;overflow: hidden;}
.exp-list img{height: 100%;width: 100%;transition: all .4s ease;}
.exp-list a:hover img{transform: scale(1.1);}
.exp-text{position: absolute;left: 0;bottom: 0;width: 100%; text-align: center;padding: 20px 0;background: rgba(0, 0, 0, .5);color: #fff;}
.exp-item1,.exp-item3{width: 28%;}
.exp-item1 a{height: calc((100%  - 10px)/3);}
/*.exp-item1 a:first-child{height: calc(((100%  - 10px)/3)*2);}*/
.exp-item2 >*{height: calc((100%  - 10px)/2);}
.exp-item2{width: 42.5%;position: relative;}
.exp-item2 a:nth-child(2),.exp-item2 a:nth-child(3){width: calc(50% - 5px);}
.exp-item2 a:nth-child(3){margin-left: 10px;}
.exp-item2-last{display: flex;flex-wrap: wrap;justify-content: space-between;}
.exp-list  .exp-item2-last a{width: calc((100% - 10px)/2);}
.exp-item3 a:last-child{flex: 1;padding-top: 10px;}
/* 浜у搧鍒楄〃 */
.expList-list{justify-content: space-between;}
.expList-list::after{width: 31%;content: "";}
.expList-list a{display: block;width: 31%;}
.expList-img{overflow: hidden;}
.expList-list img{width: 100%;transition: all .4s ease;}
.expList-text .title{transition: all .4s ease; color: #333;}
.expList-text .title span{font-weight: 700;margin-right: 10px;}
.expList-text .text,.expList-text .more{color: #878485;position: relative;transition: all .4s ease;}
.expList-text .text{height: 45px;}
.expList-list a:hover img{transform: scale(1.1);}
.expList-list a:hover .more,.expList-list a:hover .title{color: #e71a19;}
/* 浜у搧璇︽儏 */
.expDet-nav{border-bottom: 2px solid #ecebea;}
.expDet-nav li{position: relative; padding: 30px 0;margin-left: 60px;color: #333;cursor: pointer;}
.expDet-nav li:first-child{margin-left: 0;}
.expDet-nav li.active{color: #e71a19;}
.expDet-nav li.active::after{position: absolute;content: "";left: 0;bottom: 0;width: 100%;height: 2px;background: #e71a19;}
.expDet-nav ul{justify-content: center;}
.expDet-whole{align-items: center;justify-content: center;position: relative;}
.expDet-whole.bg,.expDet-whole3.bg,.expDet-whole2.bg{background-color: #eef0f1;}
.expDet-whole.bgClover,.expDet-whole3.bgClover,.expDet-whole2.bgClover{background-color: #E6E6E6;}
.expDet-whole-text{color: #333;}
/* 鏂板 */
.expDet-whole-text .text{max-width: 500px;}
.expDet-whole-text.right{margin-right: -300px;}
.expDet-whole-text.left{margin-left: -500px;}
.expDet-whole-text.top{margin-top: -100px;}
.expDet-whole-text.bottom{position: absolute;left: 50%;bottom: 100px;}
.expDet-whole-text.labatLeft{z-index: 2; transition: all .6s ease;opacity: 0; position: absolute;left: 25%;top: 38%;margin: 0 !important;}
.expDet-whole-text.labatLeft::after{content: "";position: absolute;right: -200px;top: 49%;width: 190px;height: 2px;background: linear-gradient(to left,rgba(255,255,255,.2), #e71a19);}
.expDet-whole-text.labatRight{z-index: 2; transition: all .6s ease;opacity: 0; position: absolute;left: 60%;top: 13%;margin:0  !important;}
.expDet-whole-text.labatRight::after{content: "";position: absolute;left: -150px;top: 49%;width: 140px;height: 2px;background: linear-gradient(to right,rgba(255,255,255,.2), #e71a19);}
.expDet-whole.scroll{height: 370vh;align-items: flex-start;}
.expDet-whole-sticky{position: sticky;left: 0;top: 150px;width: 100%;}
.expDet-whole.scroll .expDet-whole-img{text-align: center;transform: scale(.8) translateX(-100px);opacity: .5;transition: all .3s ease;}
.expDet-whole.scroll .expDet-whole-img.clover img{width: 700px;}
.expDet-whole-text.cliviaLeft{left: 10%;top: 30%;}
.expDet-whole-text.cliviaLeft::after{left: auto;right: -150px;background: linear-gradient(to left,rgba(255,255,255,.2), #e71a19);}
.expDet-whole-text.cliviaRight{left: 70%;top: 50%;}
.expDet-whole-text.cliviaRight::after{width: 250px; right: auto;left: -260px;background: linear-gradient(to right,rgba(255,255,255,.2), #e71a19);transform:translateY(-40px) rotate(20deg) ;}
.expDet-whole-text.cliviaRight::before{z-index: 2;height: 2px; content: "";position: absolute;top: 49%; width: 250px; right: auto;left: -265px;background: linear-gradient(to right,rgba(255,255,255,.2), #e71a19);transform:translateY(30px) rotate(-13deg) ;}
.expDet-whole-text.piloterLeft{left: 21%;top: 10%;}
.expDet-whole-text.piloterRight{left: 65%;top: 25%;}
.expDet-whole-text.piloterLeft::after{left: auto;right: -150px;background: linear-gradient(to left,rgba(255,255,255,.2), #e71a19);}
.expDet-whole-text.piloterRight::after{right: auto;left: -200px;background: linear-gradient(to right,rgba(255,255,255,.2), #e71a19);}
.expDet-whole-text.CarnationLeft{left: 10%;top: 10%;}
.expDet-whole-text.CarnationRight{left: 62%;top: 25%;}
.expDet-whole-text.CarnationLeft::after{left: auto;right: -150px;background: linear-gradient(to left,rgba(255,255,255,.2), #e71a19);}
.expDet-whole-text.CarnationRight::after{width: 200px; right: auto;left: -210px;background: linear-gradient(to right,rgba(255,255,255,.2), #e71a19);}
.expDet-whole2.knxImg img{width: 90%;}

/* 涓ょ鍥剧墖 */
.expDet-whole-bgImg .mb{display: none;}
.expDet-whole2-text.right{width: auto;height: auto;left: auto;right: 20%;top: 40%;text-align: left;}
.expDet-whole2-text.left{width: auto;height: auto;left: auto;right:55%;top: 40%;text-align: left;max-width: 500px;}
.expDet-whole2-text.bottom{width: auto;height: auto;left: 50%;right:auto;top: auto;bottom: 8%; text-align: left;}


.expDet-whole-text.cloverLeft{left: 23%;top: 20%;}
.expDet-whole-text.cloverLeft::after{left: auto;width: 200px; right: -210px;background: linear-gradient(to left,rgba(255,255,255,.2), #e71a19);}
.expDet-whole-text.cloverRight{left: 67%;top: 60%;}
.expDet-whole-text.cloverRight::after{width: 180px;right: auto;left: -180px;background: linear-gradient(to right,rgba(255,255,255,.2), #e71a19);transform: translateY(15px) rotate(-8deg);}
.expDet-whole-text.cloverRight::before{z-index: 2;height: 2px;content: "";position: absolute;top: 49%;width: 250px;right: auto;left: -245px;background: linear-gradient(to right,rgba(255,255,255,.2), #e71a19);transform: translateY(41px) rotate(-18deg);}
.expDet-whole-img:nth-child(1){text-align: right;}
.expDet-whole-img:nth-child(2){margin-left: 100px;}
.expDet-whole-text:nth-child(2){margin-left: 100px;}
/* .expDet-whole .text span{font-weight: 700;} */
.expDet-whole2,.expDet-whole3{position: relative;color: #333;}
.expDet-whole2-text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.expDet-whole2.process .expDet-whole2-text{position: relative;}
.expDet-whole2,.expDet-whole3{text-align: center;}
.expDet-whole3 img{width: 60%;}
.expDet-whole.naviScroll{background: #000;}
.expDet-whole.naviScroll .expDet-whole-img{background: radial-gradient(circle,rgba(255,255,255,.3) 0%,#000 40%, #000);}
.expDet-whole.naviScroll .expDet-whole-img img{width: 35%;transform: translateX(40%);}
.expDet-whole.naviScroll .expDet-whole-text.labatRight,.expDet-whole.naviScroll .expDet-whole-text.labatLeft{color: #fff;}
.expDet-whole.naviScroll .expDet-whole-text.labatRight{left: 25%;}
.expDet-whole.naviScroll .expDet-whole-text.labatLeft{left: 30%;}
.expDet-whole.naviScroll .expDet-whole-text.labatRight::after{background: transparent;border-top: 1px dashed rgba(255, 255, 255, .7);width: 300px;left: auto; right: -300px;}
.expDet-whole.naviScroll .expDet-whole-text.labatLeft::after{background: transparent;border-top: 1px dashed rgba(255, 255, 255, .7);width: 450px;left: auto; right: -460px;}


.expDet-process{width: 1100px;margin: 30px auto 0;text-align: center;}
.expDet-process-img1{width: 27%;padding-top: 12%;}
.expDet-process-img1 .list2{margin-top: 20px;}
.expDet-process-img2{width: 24%;padding-left: 10px;padding-bottom: 3px; display: flex;flex-direction: column;align-items: center;justify-content: flex-end;}
.expDet-process-img3{flex: 1;position: relative;transform: translateY(0);}
.expDet-process.w120 .expDet-process-img1{width: 23%;}
.expDet-process.w120 .expDet-process-img2{width: 22%;}
.expDet-process.w120 .expDet-process-img3{transform: translateY(3.5%);}
.expDet-process p{margin-top: 15px;}
.expDet-process-img1 .list2 p{margin-top: 25px;}
.expDet-process .list-img img:nth-child(2){display: none;}
.expDet-process-img3 .text{top: 36%;}
.expDet-process-img3 .text2{position: absolute;left: 10%;}
.expDet-process-img3 .text3{position: absolute;left: 50%;transform: translateX(-50%);}
.expDet-process-img3 .text4{position: absolute;left: 75%;}

.expDet-item{display: none;position: relative;}
.expDet-video-img{position: relative;cursor: pointer;}
.expDet-video-img img{width: 100%;}
.expDet-video ul{justify-content: space-between;}
.expDet-video ul::after{width: 30%;content: "";}
.expDet-video li{width: 30%;position: relative;}
.expDet-video-mark{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .1);align-items: center;justify-content: center;z-index: 1;}
.expDet-video-play{position: relative;width: 50px;height: 50px;border-radius: 50%;background: #fff;}
.expDet-video-play::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-35%,-50%);width: 15px;height: 20px;background: url('../images/pages/playR.png') no-repeat center/100% auto;}
.expDet-video-list{display: none;}

.expDet-video-text{color: #333;text-align: center;}
.expDet-video-text span{margin-right: 10px; font-weight: 700;}
.expDet-img-tab,.expDet-video-tab{margin:  0 auto;justify-content: center;}
.expDet-img-tab .tab,.expDet-video-tab .tab{cursor: pointer; padding: 10px 45px;color: #333;background: #e6e6e6;border-radius: 20px;margin-left: 10px;}
.expDet-img-tab .tab:first-child,.expDet-video-tab .tab:first-child{margin-left: 0;}
.expDet-img-tab .tab.active,.expDet-video-tab .tab.active{background: #e71a19;color: #fff;}
.expDet-img-list,.expDet-video-list{display: none;}
.expDet-img-list ul{justify-content: space-between;}
.expDet-img-list ul::after{content:"";width: 31%;}
.expDet-img-list li{width: 31%;margin-top: 50px;}
.expDet-img-list li img{width: 100%;}
.expDet-item.dom li{transition: all .4s ease;justify-content: space-between;align-items: center;height: 140px;width: 100%;padding: 0 20px;position: relative;}
.expDet-item.dom li::after{transition: all .4s ease;content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #e5e5e5;}
.expDet-dom-icon{transition: all .4s ease;width: 54px;height: 54px;background: #feecec;border-radius: 50%;margin-right: 25px;position: relative;}
.expDet-dom-icon::after{transition: all .4s ease;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 24px;height: 27px;background: url('../images/pages/expDet-dom-icon.png') no-repeat center/100% auto;}
.expDet-dom-text .title{color: #333;transition: all .4s ease;}
.expDet-dom-text .date{color: #999;}
.expDet-dom-download{align-items: center;}
.expDet-dom-size{margin-right: 130px;}
.expDet-dom-down{cursor: pointer; transition: all .4s ease; width: 21px;height: 28px;background: url('../images/pages/expDet-dom-down.png') no-repeat center/100% auto;}
.expDet-item.dom li:hover{box-shadow: 3.694px 4.728px 46px 0px rgba(0, 0, 0, 0.11);z-index: 5;position: relative;transform: scale(1.01);background: #fff;}
.expDet-item.dom li:hover .title{color: #e71a19;}
.expDet-item.dom li:hover .expDet-dom-icon{background: #e71a19;}
.expDet-item.dom li:hover .expDet-dom-icon::after{background-image: url('../images/pages/expDet-dom-iconH.png');}
.expDet-item.dom li:hover::after{display: none;}
.expDet-item.dom li:hover .expDet-dom-down{background-image: url('../images/pages/expDet-dom-downH.png');}
.expDet-whole.ff .expDet-whole-text{transform: translateX(-40%);}

.expDet-list{justify-content: space-between;}
.expDet-list::after{width: 31%;content: "";}
.expDet-list li{width: 31%;text-align: center;}
.expDet-list-text{margin-top: 10px;text-align: center;color: rgba(51,54,57,1);}

/* 搴蜂箖棣 */
.fw7{font-weight: 700;}
.expDet-whole2-text.knxR{width: auto;height: auto; position: absolute;left: 52%;right: auto; top: 20%;padding: 20px 50px;background: rgba(243, 243, 243, .9);text-align: right;border-radius: 10px;}
.expDet-whole2-text.knxL{width: auto;height: auto; position: absolute;right: 60%;left: auto; top: 15%;padding: 20px 50px;background: rgba(243, 243, 243, .9);text-align: left;border-radius: 10px;}
.expDet-whole2-text.knxT{width: auto;height: auto; position: absolute;right: 60%;left: auto; top: 15%;padding: 20px 50px;background: rgba(243, 243, 243, .9);text-align: left;border-radius: 10px;}
.expDet-whole2-text.knxB{width: auto;height: auto; position: absolute;left: 50%;right: auto;top: auto; bottom: 10%;padding: 20px 50px;background: rgba(243, 243, 243, .9);text-align: left;border-radius: 10px;}
.expDet-whole2-text.knx .title,.expDet-whole2-text.knxR .title{font-weight: 700;}
.expDet-whole2-text.knx .text{letter-spacing: 2px;color: #666;}

.expDet-whole2-text.white{padding: 20px 50px;background: rgba(243, 243, 243, .9);text-align: right;border-radius: 10px;}
.expDet-whole2-text.knx.left{max-width: unset;}
/* .expDet-whole2-text.whiteT{padding: 20px 50px;transform: translate(-40%,-100%);background: rgba(243, 243, 243, .8);border-radius: 10px;}
.expDet-whole2-text.whiteB{padding: 20px 50px;transform: translate(40%,100%);background: rgba(243, 243, 243, .8);border-radius: 10px;text-align: right;}
.expDet-whole2-text.whiteTT{padding: 20px 50px;transform: translate(-40%,-200%);background: rgba(243, 243, 243, .8);border-radius: 10px;} */
/* .expDet-whole2-text.knxR{transform: translate(60%,-100%);} */
.expDet-whole-text.knxL{transform: translate(-150%,-100%);}


/* 鏈嶅姟涓庢敮鎸 */
.public-tab .contain-1500{justify-content: space-between;}
.public-btn li{margin-right: 40px;position: relative;cursor: pointer;}
.public-btn li:last-child{margin-right: 0;}
.public-btn li.active{color: #e71a19;}
.public-btn li.active::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #e71a19;}
.serS-img img{width: 100%;}
.serS-list li{width: calc(100% / 3);text-align: center;}
.serS-list li img{width: 70px;}
.serS-list li .title{color: #333;}
.serS-list li .text{width: 80%;margin:  10px auto 0;}
.serS-contain{border-radius: 5px;box-shadow: 0 0 27px 0  rgba(0, 0, 0, .07);}
.serS-contain-img{width: 900px;}
.serS-text{width: calc(100% - 900px);padding: 100px 100px 20px;}
.serS-text .title{font-weight: 700;color: #333;}
.serS-item .text{margin-left: 12px;width: 80%;}
.serS-item-img{width: 25px;text-align: center;}
.serS-item{align-items: center;}
.ser-item{display: none;}
.ser-item.serD{background: #f7f7f7;}
.serD-items{justify-content: space-between;}
.serD-items::after{content: "";width: 32%;}
.serD-items a{position: relative; display: block;width: 32%;}
.serD-img{position: relative; border-radius: 5px; background: #fff; width: 100%;display: flex;align-items: center;justify-content: center;height: 330px;}
.serD-img img{width: 100%;height: 100%;}
.serD-text{text-align: center;height: 80px;line-height: 80px;color: #333;}
.serD-mark{opacity: 0;transition: all .4s ease; position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;justify-content: center;background: rgba(0, 0, 0, .2);}
.serD-play{width: 45px;height: 45px;background: #e71a19;border-radius: 50%;position: relative;}
.serD-play::after{content: "";width: 15px;height: 15px;background: url('../images/pages/serD-play.png') no-repeat center/100% auto;position: absolute;left: 50%;top: 50%;transform: translate(-35%,-45%);}
.serD-items a:hover .serD-mark{opacity: 1;}
/* 鎴愰暱涓庡彂灞 */
.grow-item{display: none;}
.grow-item-con{justify-content: space-between;}
.grow-item-con::after{content: "";width: 31%;}
.grow-item-con a{display: block;border-radius: 10px;width: 31%;margin-top: 80px;display: flex;flex-direction: column;}
.grow-item-con a:hover img{transform: scale(1.1);}
.grow-item-con a:nth-child(-n+3){margin-top: 0;}
.grow-item-img{overflow: hidden;height: 280px;}
.grow-item-img img{transition: all .4s ease; width: 100%;height: 100%;}
.grow-item-text{padding: 30px;box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.07);color: #333;flex: 1;}
.grow-item-text .title{position: relative;}
.grow-item-text .title::after{content: "";width: 45px;height: 2px;position: absolute;left: 0;bottom: 0;background: #e71a19;}
.grow-item-text .text{color: #888;}
.growDet-con .contain-1500{justify-content: space-between;align-items:flex-start;}  
.growDet-con-title{position: relative;}
.growDet-con-title::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #ececec;}
.growDet-con-title .title{color: #333;}
.growDet-con-title .date{color: #999;position: relative;padding-left: 20px;}
.growDet-con-title .date::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 14px;height: 14px;background: url('../images/pages/growDet-date.png') no-repeat center center/100% auto;}
.growDet-list{width: 19%;position:sticky;top:100px;}
.growDet-con-dom{width: 75%;}
.growDet-con-text p{line-height: inherit;color: #777;}
.growDet-con-go{justify-content: space-between;border-bottom: 1px solid #eceeec;border-top: 1px solid #eceeec;align-items: center;}
.growDet-goText{color: #888;width: 70%;}
.growDet-con-next a{transition: all .4s ease;}
.growDet-con-next:hover a,.growDet-list li a:hover{color: #e71a19;}
.growDet-goBtn{padding: 13px 50px;border-radius: 5px;background: #e71a19;color: #fff;transition: all .4s ease;}
.growDet-goBtn:hover{background: #d61818;}
.growDet-list-title{color: #333;align-items: center;}
.growDet-list-title i{margin-right: 8px; display: inline-block; width: 24px;height: 24px;background: #e71a19;border-radius: 50%;position: relative;}
.growDet-list-title i::after{content: "";width: 13px;height: 17px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../images/pages/grow-list-icon.png') no-repeat center/100% auto;}
.growDet-list li .date{color: #999;}
.growDet-list li a{transition: all .4s ease;}
.growDet-list li{border-bottom: 1px solid #e6e6e6;}
/* 浜ゆ祦涓庡悎浣 */
.caseW-contain{width: 45%;border-bottom: 1px solid #f0f0f0;}
.caseW-text{border-top: 1px solid #f0f0f0;}
.case-whole .contain-1500{justify-content: space-between;}
.caseW-map{width: 50%;padding: 10px;box-shadow: 0px 0px 29px 0px rgba(0, 10, 18, 0.06);}
#container {width: 100%;height: 100%;}
#container .amap-logo,#container .amap-copyright{display: none !important;}
.conMap-info{padding: 5px;color: #333;font-size: 16px; font-weight: 700;}
.amap-info-close{display: none;}
.case-office{background: #f7f7f7;}
.caseO-title{justify-content: space-between;align-items: center;}
.caseO-tab li{cursor: pointer; color: #333;position: relative;padding-bottom: 10px;margin-right: 40px;transition: all .4s ease;}
.caseO-tab li:hover{color: #e71a19;}
.caseO-tab li:last-child{margin-right: 0;}
.caseO-tab li::after{content: "";background: #e71a19; position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 0;height: 2px;opacity: 0;transition: all .6s ease;}
.caseO-tab li.active{color: #e71a19;}
.caseO-tab li.active::after{width: 100%;opacity: 1;}
.caseO-con{justify-content: space-between;}
.caseO-items{display: none;}
.caseO-con-list{width: 20%;}
.caseO-map{overflow: hidden;width: 60%;}
.caseO-map img{width: 100%;}
.caseO-con-list .title{font-weight: 700;color: #333;}
.caseO-con-list li{border-top: 1px solid #bababa;border-bottom: 1px solid #bababa;color: #656565;}
.caseO-con-list li:first-child{border-top: unset;}
.caseO-item:first-child{margin-top: 0;}
/* 鍔犲叆鎴戜滑 */
.add-title{justify-content: space-between;}
.add-text .pages-tit{margin-right: 90px;cursor: pointer;}
.add-text .pages-tit:last-child{margin-right: 0;}
.add-text .pages-tit.active .title{color: #e71a19;}
.add-text .pages-tit .title{transition: all .4s ease;}
.add-text .pages-tit:hover .title,.add-text .pages-tit.active .title{color: #e71a19;}
.add-search{position: relative;}
.add-search input{border-radius: 5px; width: 280px;padding: 12px 15px;background: #f7f7f7;border: 1px solid #ebebeb;}
.add-search i{cursor: pointer; width: 17px;height: 17px;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: url('../images/pages/add-search.png') no-repeat center/100% auto;}
.add-sort-title,.add-sort-btn,.add-sort-list.mb{display: none;}
.add-sort{border-top: 1px solid #f1f1f1;}
.add-sort-list.zp{display: none;}
.add-sort-list{display: flex;}
.add-sort-list .title{color: #333;font-weight: 700;width: 6%;line-height: 30px;}
.add-sort-list ul{width: 94%;}
.add-sort-list li{cursor: pointer;transition: all .4s ease; color: #777;font-size: 15px;line-height: 30px;margin-right: 30px;}
.add-sort-list li:last-child{margin-right: 0;}
.add-sort-list li:hover,.add-sort-list li.active{color: #e71a19;}
.add-con{background: #f8f8f8;}
.add-con-title{justify-content: space-between;}
.add-con-title,.add-con-menu,.add-con-drop{background: #fff;padding: 20px 20px 20px 40px;}
.add-con .title{color: #000;font-weight: 700;}
.add-con-title li{width: 180px;text-align: center; color: #000;height: 100%;font-weight: 700;}
.add-con-menu{margin-top: 3px;cursor: pointer; justify-content: space-between;position: relative;}
.add-con-menu::after{content: "";position: absolute;width: 11px;height: 17px; right: 30px;top: 50%;transform: translateY(-50%);background: url('../images/pages/add-down.png') no-repeat center/100% auto;}
.add-con-menu li{color: #555; text-align: center; width: 180px;height: 100%;margin-top: 3px;}
.add-con-menu .title,.add-con-menu li,.add-con-menu::after{transition: all .4s ease;}
.add-con-menu:hover .title,.add-con-menu:hover li,.add-con-menu.active .title,.add-con-menu.active li{color: #e71a19;}
.add-con-menu.active::after{background-image: url('../images/pages/add-up.png');}
.add-con-drop{margin-top: 3px;display: none;}
.add-con-drop h4{color: #555;margin-bottom: 15px;font-size:18px;margin-top: 20px;}
.add-con-drop p{color: #777;line-height: 30px;}
.add-con-drop .btn{transition: all .4s ease; cursor: pointer; background: #e71a19;color: #fff;width: 150px;text-align: center;padding: 10px 0;border-radius: 7px;}
.add-con-drop .btn:hover{background: #d01716;}
.add-con-items{display: none;}
.add-popup{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;z-index: 99999;background: rgba(0, 0, 0, .56);}
.addP-con{width: 500px; text-align: center; padding: 50px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 10px;}
.addP-con .title{color: #595662;font-weight: 700;}
.addP-con input{background: #f2f2f2;}
.addP-con input,.addP-con button{padding: 15px;}
.addP-con button{cursor: pointer; border-radius: 5px; background: #e71a19;color: #fff;}
.addP-phone,.addP-btn{width: 100%;}
.addP-code input{width: 60%;}
.addP-code button,.addP-code-img{width: 40%;}
.addP-con .text{text-align: right;}
.addP-con .text a{color: #e71a19;}
.addP-close{cursor: pointer; position: absolute;right: 5px;top: 5px;width: 40px;height: 40px;}
.addP-close::after{content: ""; width: 20px;height: 2px;background: #717171;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);}
.addP-close::before{content: ""; width: 20px;height: 2px;background: #717171;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-45deg);}
.addP-scroll{height: 100%;overflow: hidden;}
.addP-resume{display: flex;}
.addP-resume input{width: 78%;}
.addP-resume button{width: 22%;}
.addP-resume-list li{cursor: pointer; position: relative; display: flex;align-items: center;}
.addP-resume-index{transition: all .4s ease; width: 23px;height: 23px;border-radius: 50%;background: #b0b0b0;color: #fff;text-align: center;line-height: 23px;}
.addP-resume-text{color: #777;margin-left: 10px;}
.addP-resume-list li::after{transition: all .4s ease;position: absolute; content: "";top: 50%;right: 0;width: 20px;height: 2px;background: #717171;transform: translateY(-50%) rotate(45deg);}
.addP-resume-list li::before{content: "";top: 50%;transition: all .4s ease;position: absolute; right: 0;width: 20px;height: 2px;background: #717171;transform: translateY(-50%) rotate(-45deg);}
.addP-resume-list li:hover .addP-resume-index,.addP-resume-list li:hover::after,.addP-resume-list li:hover::before{background: #e71a19;}
.addP-code-img{padding-left: 10px;overflow: hidden;}
.addP-code-img img{width: 100%;border-radius: 5px;}
.addP-position input::-webkit-input-placeholder{font-size: 14px;}
.add-popup,.addP-con{display: none;}
.add-sort-mbBtn{display: none; padding: 8px 30px 8px 8px;position: relative;margin-top: 20px;background: #f0f3f6;color: #333;}
.add-sort-mbBtn::after{content: "";position: absolute;right: 11px;top: 50%;transform: translateY(-40%);width: 11px;height: 15px;background: url('../images/pages/sort-mbBtn.png') no-repeat center/100% auto;}
@keyframes banAnimation{0%{transform:scale(1);}50%{transform: scale(1.1);}100%{transform: scale(1.2);}}
@keyframes abBanAnimation{0%{transform:scale(1.2);}50%{transform: scale(1.1);}100%{transform: scale(1);}}


/* 鍗庡０浜 */
.yunBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 150px 0 0 16%;color: #fff;}
.yunBan-items{justify-content: space-between;width: 300px;}
.yunBan-items a{display: flex;align-items: center;justify-content: center;width: 48%;height: 50px;border: 1px solid #fff;border-radius: 7px;margin-top: 20px;}
.yunBan-items a:nth-child(-n+2){margin-top: 0;} 
.yunBan-systeam span{margin-left:5px;text-transform: uppercase;display: inline-block;}
.yunBan-systeam img{margin:0 0 7px 20px;width: 19px;animation: 0;min-width: unset;height: auto;}
.yun-edit{color: #333639;width: 1100px;margin: 0 auto;}
.yun-edit >h6{text-align: center;margin-bottom: 30px;}
.yun-edit >p{text-align: center;line-height: 32px;font-size: 16px;}
.yunEdit-list{position: relative;}
.yunEdit-list ul{justify-content: space-between;width: 100%;}
.yunEdit-list li{align-items: center;margin-top: 220px;width: 50%;}
.yunEdit-list li:nth-child(2n){flex-direction: row-reverse;}
.yunEdit-list li:nth-child(-n+2){margin-top: 0;}
.yunEdit-list-icon{width: 75px;}
.yunEdit-list-text{margin-left: 30px;}
.yunEdit-list li:nth-child(2n) .yunEdit-list-text{margin-left: 0;margin-right: 30px;}
.yunEdit-list-text p{line-height: 24px;}
.yunEdit-list-bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 22%;}
.yunEdit-list-bg img{width: 100%;}
.yunEdit-img{justify-content: space-between;}
.yunEdit-img img{border: 9px solid rgba(231,54,49,0.1);width: 48%;}
.yun-apply{background: rgba(233,238,240,1);}
.yunEdit-more{display: flex;align-items: center;justify-content: center;margin: 50px auto 0;width: 320px;height: 85px;border-radius: 5px; border: 1px solid rgba(26,26,26,1);}

/* 鍥涘彾鑽夋柊澧 */
.clover1{background: #e6e6e6;}
.clover1 .contain-1100,.clover2 .contain-1100{justify-content: space-between;}
.clover1-item{width: 48%;}
.clover2-item{width: 39%;}
.clover-img{width: 100%;}
.clover-title,.clover-text{color: #333639;}
.clover2-item .text{text-align: center;}

/* -------------------------PC绔?-------------------------- */
@media all and (max-width:1700px) {
    /* 1600 脳 (900) */
}
@media all and (max-width:1599px) {
    /* 1440 脳 (700)  */
    .ab-intro-text{padding-left: 80px;}
    .ab-story .pages-tit{top: -170px;}
    .ab-xcs-list li{height: 480px;}
    .serS-contain-img{width: 700px;}
    .serS-text{width: calc(100% - 700px);}
    .serS-text{padding: 50px 50px 20px;}
    .growDet-con-dom{width: 74%;}
    .growDet-list{width: 20%;}
    .add-sort-list .title{width: 8%;}
    .add-sort-list ul{width: 92%;}
    .grow-item-img{height: 200px;}
    .yunBan-con{padding: 120px 0 0 15%;}
    .yun-edit{width: 900px;}
    .public-ban.details .public-ban-text.nth1{right: 10%;}
    .expDet-process{width: 900px;}
    .expDet-process-img3 .text{top: 34%;}
    .expDet-process-img3 .text4{left: 74%;}
    .expDet-whole.ff .expDet-whole-text{transform: translateX(0);}
    .expDet-whole-text.right{margin-right: -400px;}
    .expDet-whole-text.labatLeft{left: 16%;}
    .expDet-whole-text.labatRight{left: 65%;}
    .expDet-whole-text.cliviaLeft{left: 2%;top: 30%;}
    .expDet-whole-text.cliviaRight{left: 80%;top: 50%;}
    .expDet-whole-text.piloterLeft{left: 13%;top: 10%;}
    .expDet-whole-text.piloterRight{left: 70%;top: 25%;}
    .expDet-whole-text.cloverLeft{left: 15%;top: 20%;}
    .expDet-whole-text.cloverRight{left: 74%;top: 60%;}
    .expDet-whole-text.knxR{transform: translate(120%,-100%);}
    .expDet-whole-text.CarnationLeft{left: 4%;top: 10%;}
    .expDet-whole-text.CarnationRight{left: 68%;top: 31%;}
    .expDet-whole-text.CarnationLeft::after{left: auto;right: -150px;background: linear-gradient(to left,rgba(255,255,255,.2), #e71a19);}
    .expDet-whole-text.CarnationRight::after{width: 200px; right: auto;left: -210px;background: linear-gradient(to right,rgba(255,255,255,.2), #e71a19);}
    .expDet-whole2-text.knxL,.expDet-whole2-text.knxT,.expDet-whole2-text.knxB,.expDet-whole2-text.knxR{padding: 10px 30px;}
    .expDet-process-img1{width: 25%;padding-top: 14%;}
    .expDet-process.w120 .expDet-process-img3{transform: translateY(-3px);}
}
@media all and (max-width:1439px) {
    /* 1360 */
}
@media all and (max-width:1359px) {
    /* 1280 */
}
@media all and (max-width:1279px) {
    /* 1152 脳 (700) */
    .ab-cultrue li{width: 32%;}
    .ab-cultrue-text{padding: 20px;}
    .pages-tit i{width: 25px;height: 25px;}
    .pages-tit .title{margin-left: 10px;}
    .ab-intro-img{width: 60%;}
    .ab-intro-text{width: 40%;padding: 10px 0 0 20px;}
    .ab-intro-title{padding-bottom: 10px;}
    .ab-intro-text .text{margin-top: 20px;}
    .ab-story .pages-tit{top: -140px;}
    .ab-story-con{padding: 30px 50px 60px;}
    .ab-story-text {padding: 50px 40px 0 0;}
    .ab-xcs-list ul{padding: 0 30px;}
    .ab-xcs-list li{height: 420px;}
    .ab-xcs-img{width: 80px;height: 80px;}
    .ab-xcs-img img{max-width: 60%;}
    .exp-list ul{height: 600px;}
    .exp-text{padding: 10px 0;font-size: 19px;}
    .serS-contain-img{width: 550px;}
    .serS-text{width: calc(100% - 550px);padding: 30px;}
    .serS-item{margin-top: 10px;}
    .expDet-nav li{margin-left: 40px;padding: 20px 0;}
    .caseO-tab li{margin-right: 20px;}
    .caseO-con-list{width: 30%;}
    .add-con-title li,.add-con-menu li{width: 130px;}
    .add-con-menu::after{width: 10px;height: 15px;right: 15px;}
    .yunEdit-more{width: 250px;height: 70px;}
}
@media all and (max-width:1151px) {
    /* 1024 */
}
/* ------------------------鎵嬫満绔?------------------------- */
@media all and (max-width:1000px) {
    /* 骞虫澘璁惧 720 閫傞厤 */
    .ab-cultrue li{width: 48%;margin-top: 90px;}
    .ab-cultrue li:first-child,.ab-cultrue li:nth-child(2){margin-top: 0;}
    .ab-intro-img, .ab-intro-text{width: 100%;}
    .ab-intro-text{margin-top: 20px;padding: 20px 0;}
    .ab-intro-title{margin-top: 20px;}
    .ab-story-img, .ab-story-text{width: 100%;}
    .ab-story-con{flex-direction: column-reverse;}
    .ab-story-text{padding: 0;}
    .exp-list ul{height: 500px;}
    .exp-text{font-size: 15px;letter-spacing: 1px;}
    .serS-list li .text{width: 90%;}
    .serS-contain-img,.serS-text{width: 100%;}
    .expList-list a{width: 48%;margin-top: 30px;}
    .expDet-whole-img{width: 50%;}
    /* .expDet-whole >div:nth-child(2){margin-left: 50px;} */
    .expDet-whole:nth-child(even) .expDet-whole-text{margin-left: 50px;}
    .expDet-whole2-text, .expDet-whole3{padding: 40px 0;}
    .expDet-whole2-text .text,.expDet-whole3-text .text{margin-top: 10px;}
    .expDet-video li{width: 48%;margin-top: 20px;}
    .expDet-img-list li{margin-top: 25px;}
    .expDet-img-tab .tab,.expDet-video-tab .tab{padding: 8px 30px;}
    .expDet-img-list{padding-bottom: 0;}
    .expDet-dom-title,.expDet-dom-download{width: 100%;}
    .expDet-dom-download{justify-content: flex-end;}
    .expDet-item.dom li{display: block;height: auto;padding: 30px 0;}
    .expDet-dom-size{margin-right: 40px;}
    .grow-item-con a{width: 48%;margin-top: 30px;}
    .grow-item-con a:nth-child(3){margin-top: 30px;}
    .growDet-con-dom,.growDet-list{width: 100%;}
    .growDet-goBtn{padding: 11px 40px;}
    .growDet-list{margin-top: 20px;position:relative;top:auto;}
    .growDet-list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .growDet-list li{width: 48%;padding: 15px 0;}
    .caseW-contain,.caseW-map{width: 100%;}
    .caseW-text{padding-bottom: 20px;}
    .caseW-text .serS-item{margin-top: 20px;}
    .caseW-map{margin-top: 20px;}
    .caseO-tab{margin-top: 20px;}
    .caseO-con{flex-direction: column-reverse;}
    .caseO-con-list,.caseO-map{width: 100%;}
    .caseO-con-list{margin-top: 20px;}
    .caseO-con-list ul{margin-top: 0;}
    .add-text{width: 100%;justify-content: space-between;position: relative;}
    .add-text::after{width: calc(100% / 3);content: "";}
    .add-text .pages-tit{margin-right: 0;width: calc(100%/3);justify-content: center;}
    .add-search{margin-top:40px;float: right;}
    .add-title{justify-content: flex-end;}
    .add-sort-list .title{width: 12%;}
    .add-sort-list ul{width: 88%;}
    .add-sort-list{margin-top: 10px;}
    .add-sort-list li,.add-sort-list .title{line-height: 26px;}
    .add-sort{padding: 20px 0 30px;}
    .add-con-title li, .add-con-menu li{width: 100px;}
    .add-con-menu::after{right: 10px;}
    #container{height: 400px;}
    .yunBan-con {padding: 50px 0 0 100px;}
    .yun-edit{width: 90%;}
    .yun-edit >h6{margin-bottom: 10px;}
    .yunEdit-list-icon {width: 65px;}
    .expDet-whole-img:nth-child(2){margin-left: 100px;}
    .expDet-whole-text:nth-child(2){margin-left: 100px;}
    .public-ban.details .public-ban-text.wpm{display: block;width: auto;height: auto;width: 80%;text-align: center;}
    .public-ban.details .public-ban-text.nth1{right: 50%;transform: translate(50%,-50%);}
    .public-ban.details .public-ban-text.nth2 {transform: translate(-40%,-50%);}
    .public-ban.details .public-ban-text.nth3 {transform: translate(-50%,20%);}

    .expDet-process{display: block;width: 94%;position: relative;}
    .expDet-process .list-img img:nth-child(1){display: none;}
    .expDet-process .list-img img:nth-child(2){display: block;}
    .expDet-process-img1 .list1 img{height: 170px;}
    .expDet-process-img1,.expDet-process-img3{width: 100%;}
    .expDet-process.w120 .expDet-process-img1{width: 100%;}
    .expDet-process.w120 .expDet-process-img2{width: 35%;}
    .expDet-process.w120 .expDet-process-img3 {transform: translateY(2px);}
    .expDet-process-img1{display: flex;justify-content: center;padding-top: 0;}
    .expDet-process-img1 .list1,.expDet-process-img1 .list2{width: 50%;}
    .expDet-process-img1 .list2{margin: 0;}
    .expDet-process-img2{width: 35%;position: absolute;top: 23%;right: 0;}
    .expDet-process-img1 .list2 p{padding-left: 100px;}
    .expDet-process-img3{width: 90%;margin-top: 12%;}
    .expDet-process-img3 .text1{position: absolute;top: 27%;left: 20%;}
    .expDet-process-img3 .text2{top: 75%;left: 35%;}
    .expDet-process-img3 .text3{top: 100%;left: 40%;}
    .expDet-process-img3 .text4{top: 100%;}
}
@media all and (max-width:640px) {
    /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */
    .public-ban.details .pc{display: none;}   
    .public-ban.details .mb{display: block;width: 100%;height: auto;}   

    .expDet-whole.scroll{height: 300vh !important;}
    .expDet-whole-sticky img{max-height: 500px;}
    .expDet-whole.scroll .expDet-whole-img{transition: all .6s ease;}
    .expDet-whole-text.labatRight,.expDet-whole-text.labatLeft{text-align: left !important;left: 15px !important;width: auto !important; max-width: 60%;display: inline-block;}
    .expDet-whole-text.CarnationLeft,.expDet-whole-text.CarnationRight{max-width: 50% !important;}
    .expDet-whole-text.CarnationRight{top: 33%;}
    .expDet-whole-text.labatRight .title,.expDet-whole-text.labatLeft .title{font-size: 18px;}
    .expDet-whole-text.labatRight .text,.expDet-whole-text.labatLeft .text{padding: 0;}
    .expDet-whole-text.labatRight .title span,.expDet-whole-text.labatLeft .title span{font-size: 24px;}
    .expDet-whole-text.labatRight::after,.expDet-whole-text.labatLeft::after{left: auto !important;top: 20px; transform: unset !important; right: -100px !important;width: 100px;background: linear-gradient(to left,rgba(255,255,255,.2), #e71a19) !important;}
    .expDet-whole-text.labatRight::before,.expDet-whole-text.labatLeft::before{display: none;}
    .expDet-whole.naviScroll .expDet-whole-img img{width: 100%;transform: translateX(10%);}
    .expDet-whole.naviScroll .expDet-whole-text.labatRight::after{background: transparent !important;width: 90px;background: #fff;top: 25px;}
    .expDet-whole.naviScroll .expDet-whole-text.labatLeft::after{background: transparent !important;width: 200px;right: -210px !important;top: 50%;}
    /* .expDet-whole.naviScroll .expDet-whole-img {background: radial-gradient(circle,rgba(255,255,255,.3) 0%, #000);} */








    /* .expDet-whole.scroll{height: auto;}
    .expDet-whole-sticky{position: relative;top: auto;left: auto;}
    .expDet-whole.scroll .expDet-whole-img{transform: scale(1) translateX(0);opacity: 1;height: 400px;width: auto;margin-top: 30px;}
    .expDet-whole.scroll .expDet-whole-img img{max-height: 100%;}
    .expDet-whole-text.labatRight,.expDet-whole-text.labatLeft{position: relative;left: auto;top: auto;opacity: 1;margin-top: 15px !important;}
    .expDet-whole-text.labatRight::after,.expDet-whole-text.labatLeft::after,.expDet-whole-text.labatRight::before{display: none;}
     */
    .expDet-whole-text.bottom,.expDet-whole-text.left,.expDet-whole-text.right{margin: 0;}
    .expDet-whole-text.bottom{transform: translateX(-50%);bottom: 50px;}
    .public-btn li{margin-right: 10px;font-size: 15px;padding-bottom: 20px;}
    .ab-cultrue li{width: 100%;}
    .ab-cultrue li:nth-child(2){margin-top: 90px;}
    .pages-tit i{width: 18px;height: 18px;border: 3px solid #e71a19;}
    .pages-tit .title{margin-left: 5px;}
    .ab-cultrue-list{margin-top: 15px;}
    .ab-cultrue{padding-top: 30px;}
    .ab-intro-logo img{width: 150px;}
    .ab-intro-text{padding: 10px 0;}
    .ab-intro-title::after{width: 35px;height: 3px;}
    .ab-intro{padding-bottom: 70px;}
    .ab-story .pages-tit{top: -90px;}
    .ab-story-con{padding: 20px;}
    .ab-story-text .text{margin-top: 5px;line-height: 25px;letter-spacing: 1px;}
    .ab-xcs-list {background-size: 100% 100%;padding: 30px 0;background-image: url('../images/pages/ab-xcs-bgMb.png');}
    .ab-xcs-list li{width: 80%;height: auto;padding: 30px 0 20px;margin: 20px auto 0;background: rgba(0, 0, 0, .75);}
    .ab-xcs-list li:first-child{margin-top: 0;}
    .ab-xcs-img{width: 50px;height: 50px;}
    .ab-xcs-img img {max-width: 56%;}
    .ab-xcs-title{margin-top: 10px;font-size: 18px;}
    .ab-xcs-text{margin-top: 5px;font-size: 14px;}
    .ab-xcs-list li:hover >*{transform: translateY(0);}




    .ab-xcs-list ul{padding: 0;width: 100%;}
    .exp-list{padding-top: 30px;}
    .exp-list ul{height: auto;}
    .exp-list li{width: 100%;display: block;}
    .exp-list li>*{margin-top: 10px;}
    .exp-list  .exp-item2-last a {width: calc((100% - 7px)/2);}
    .exp-text{padding: 15px 0;letter-spacing: 2px;}
    .service-con{padding-top: 20px;}
    .serS-img img{height: 130px;}
    .serS-list li{width: 100%;margin-top: 40px;}
    .serS-list li .title{margin-top: 10px;}
    .serS-list li .text{margin-top: 5px;}
    .serS-list li:first-child{margin-top: 0;}
    .serS-list li img{width: 60px;}
    .serS-text .title{text-align: center;margin-bottom: 15px;}
    .serS-item{padding-left: 20px;}
    
    .serD-items a{width: 48%;}
    .serD-img{height: auto;}
    .serD-text{height: 60px;line-height: 60px;}
    .expList-list a{width: 100%;}
    .expList-list a:first-child{margin-top: 0;}
    .paging-menu a {width: 30px;height: 30px;line-height: 30px;margin: 3px;font-size: 14px;}
    .paging-menu a:first-child, .paging-menu a:last-child{background-size: 12px auto;}
    .expDet-nav li {margin-left: 20px;padding: 15px 0;}
    .expDet-whole-img{width: 48%;}
    .expDet-whole{justify-content: space-between;height: auto !important;min-height: 300px;background-position: center !important;background-size: auto 100% !important;background-repeat: no-repeat;}
    .expDet-item{padding: 0;}
    .expDet-item.whole{padding: 0;}
    .expDet-whole-text .text{margin-top: 10px;font-size: 14px;padding: 0 15px;}
    .expDet-whole-text.labatRight .text,.expDet-whole-text.labatLeft .text{margin-top: 0;}
    .expDet-whole-text.bottom .text{line-height: 1;}
    .expDet-whole-text .title,.expDet-whole2-text .title,.expDet-whole3-text .title{font-size: 20px;}
    /*width: 90%;*/
    .expDet-whole3-text .text{margin-top: 0;font-size: 14px;}
    .expDet-whole2-text .text{padding: 0 15px;}
    .expDet-whole2-text, .expDet-whole3{padding: 20px 0;}
    .expDet-video{padding: 10px 0 30px;}
    .expDet-video li{width: 100%;}
    .expDet-video ul{padding-bottom: 0;}
    .expDet-img-list li{width: 100%;margin-top: 15px;}
    .expDet-item.img{padding: 40px 0;}
    .expDet-img-tab .tab,.expDet-video-tab .tab {font-size: 14px; padding: 6px 20px;}
    .expDet-img-list{margin-top: 20px;}
    .expDet-dom-icon{margin-right: 10px;}
    .expDet-dom-icon{width: 45px;height: 45px;}
    .expDet-dom-icon::after{width: 20px;height: 23px;}
    .expDet-dom-text{width: calc(100% - 55px);}
    .expDet-dom-title{align-items: center;}
    .expDet-dom-size {margin-right: 15px;font-size: 14px;}
    .expDet-dom-down{width: 18px;height: 24px;}
    .expDet-item.dom li{padding: 20px 0;}
    .expDet-item.dom{padding: 20px 0 30px; }
    .grow-item-con a{width: 100%;margin-top: 20px !important;}
    /* .grow-item-con a:nth-child(2){margin-top: 20px;} */
    .grow-item-text{padding: 15px;}
    .growDet-goText{width: 100%;}
    .growDet-goBtn{margin-top: 15px;padding: 7px 20px;}
    .growDet-con-go{padding: 15px 0;}
    .growDet-list li{width: 100%;padding: 10px 0;}
    .caseW-text{margin-top: 20px;}
    .caseO-tab li{font-size: 16px;width: 25%;margin: 0;text-align: center;margin-top: 20px;}
    .caseO-tab li.active::after{width: 50%;}
    .caseO-con-list li{padding: 20px 0;}
    .add-search{width: 100%;margin-top: 20px;}
    .add-search input{width: 100%;padding: 11px 12px;}
    .add-con{padding-top: 20px;}
    .add-sort-list.zp{display: flex;}
    .add-sort-list .title,.add-sort-list ul{width: 100%;}
    .add-sort-list ul{margin-top: 10px;justify-content: center;}
    .add-sort-list{flex-wrap: wrap;margin-top: 30px;}
    .add-con-title{display: none;}    
    .add-con-menu li{width: auto;margin-right: 10px;}
    .add-con-menu, .add-con-drop{padding: 15px;}
    .add-con-menu ul{margin-top: 10px;}
    .add-con-menu::after{right: 15px;}
    .add-con-drop .btn{width: 100px;padding: 8px 0;}
    .addP-con{width: 90%;padding: 10px;}
    .addP-con input, .addP-con button{padding: 8px;}
    .addP-con .addP-resume-btn{padding: 5px;}
    .add-sort-title,.add-sort-list.mb{display: block;}
    .add-sort-btn{display: flex;}
    .add-sort{display: none; overflow-y: scroll; padding: 30px 15px 10px; color: #333; position: fixed;left: 0;top: 0;width: 100%;height: 100%;margin: 0;z-index: 99999;background: #fff;}
    .add-sort-title{text-align: center;line-height: 50px; position: fixed;top: 0;width: 100%;height: 50px;background: #fff;}
    .add-sort-btn{position: fixed;bottom: 0;left: 0; width: 100%;height: 50px;background: #fff;align-items: center;padding: 0 15px;}
    .add-sort-clean,.add-sort-ok{width: 50%;text-align: center;height: 30px;line-height: 30px;color: #e71a19;}
    .add-sort-ok{background: #e71a19;color: #fff;}
    .add-sort-title i{position: absolute;width: 40px;height: 40px;left: 0;top: 50%;transform: translateY(-50%);display: block;}
    .add-sort-title i::after{content: "";position: absolute;left: 0px;top: 50%;transform: translateY(-50%) rotate(45deg);width: 25px;height: 3px;background: #333;}
    .add-sort-title i::before{content: "";position: absolute;left: 0px;top: 50%;transform: translateY(-50%) rotate(-45deg);width: 25px;height: 3px;background: #333;}
    .add-sort-list .title span{display: none;}
    .add-sort-list .title{font-size: 18px;font-weight: 700;}
    .add-sort-list li{margin: 0;width: 150px;height: 45px;font-size: 16px;text-align: center;line-height: 45px;color: #333;}
    .add-sort-list li.active{border: 1px solid #e71a19;}
    .add-sort-list ul::after{content: "";width: 150px;}
    .add-sort-mbBtn{display: block;}
    .add-text{display: none;}
    .add-header{padding-top: 0;}
    .add-title{justify-content: center;padding-bottom: 20px;}
    .addP-position input::-webkit-input-placeholder{font-size: 12px;}
    .add-search input::-webkit-input-placeholder{font-size: 14px;}
    .expDet-video-list{margin-top: 10px;}
    #container{height: 200px;}
    .conMap-info{padding: 2px;font-size: 12px;}
    .yunBan-con {padding: 20px 15px 0 ;display: flex;flex-direction: column;align-items: center;}
    .yunBan-title{font-size: 22px;}
    .yunBan-text{font-size: 20px;margin-top: 10px;}
    .yunBan-items{width: 60%;}
    .yunBan-items a{height: 36px;font-size: 15px;}
    .yunBan-systeam img{margin: 0 0 3px 10px;}
    .yun-edit{width: 94%;}
    .yun-edit >p{font-size: 14px;line-height: 25px;}
    .yunEdit-list li,.yunEdit-list li:nth-child(2n){text-align: center; flex-direction: column;align-items: center;width: 47%;font-size: 13px;}
    .yunEdit-list li{margin-top: 30px;}
    .yunEdit-list li:nth-child(2n) .yunEdit-list-text{margin-right: 0;}
    .yunEdit-list-icon{width: 50px;margin-bottom: 15px;}
    .yunEdit-list-text{margin-left: 0;}
    .yunEdit-list-text p{line-height: 22px;}
    .yunEdit-list-bg{position: relative;transform: unset;top: auto;left: auto;width: 50%;margin: 30px auto 0;}
    .yunEdit-img img{width: 100%;border: 5px solid rgba(231,54,49,0.1);margin-top: 10px;}
    .yunEdit-more{width: 180px;height: 55px;margin-top: 20px;}
    .public-ban.details .public-ban-text .title{font-size: 16px;}
    .public-ban.details .title span {font-size: 30px;line-height: 52px;margin-right: 5px;}
    .public-ban.details .public-ban-text .text {margin-top: 0px;font-size: 22px;line-height: 34px;letter-spacing: 1px;}
    .public-ban.details .public-ban-text.nth3 {transform: translate(-50%,50%);}
    .public-ban.details .public-ban-text.nth2 {transform: translate(-50%,-180%);}
    .expDet-whole2.process{padding-bottom: 80px;}
    .expDet-process-img1 .list1 img{height: 80px;}
    .expDet-process-img1 .list2 p {padding-left: 50px;}
    .expDet-process-img3 .text1,.expDet-process-img3 .text2{margin-top: 0;left: 15%;}
    .expDet-whole-img{width: 80%;margin: 0 auto 0;text-align:center;}
    .expDet-whole-img:nth-child(2){margin: 40px auto 0;}
    .expDet-whole-text:nth-child(2){margin-left: 0;margin-top: 40px;}

    .expDet-whole-text{width: 100%;text-align: center;}
    .expDet-whole-text.mbW{bottom: 20px;}
    .expDet-whole.scroll .expDet-whole-img.mbH{height: auto;}
    .expDet-whole.bottom .expDet-whole-text {transform: translate(0,200%);}
    .expDet-whole-text.whiteR,.expDet-whole-text.whiteT,.expDet-whole-text.whiteB,.expDet-whole-text.whiteTT,.expDet-whole-text.knxR,.expDet-whole-text.knxL{
        width: auto; transform: translate(50px,0);padding: 8px 10px;margin: 0 auto;}
    .expDet-whole.mbImg{padding-bottom: 20px; background-color: #e6e6e6; background-size: 100% auto;background-position: left top !important;margin-top: 20px;padding-top: 160px;}
    .expDet-whole2.bgG{background-color: #e6e6e6;padding-top: 70px;}
    .expDet-whole-text.mbR{transform: translate(70%,-50%);}
    .expDet-whole.mbT{justify-content: center;align-items: flex-start;}
    .expDet-whole.mbT .expDet-whole-text{transform: unset;}
    .expDet-whole-text.mbL{text-align: left;width: 60%;}
    .expDet-whole-text.mbL .title{padding-left: 15px;}
    .expDet-whole.bgTop{background-position: top left !important;background-size: 100% auto !important;background-repeat: no-repeat !important;}
    .expDet-whole.bgTop .expDet-whole-text{bottom: 70px;}
    .expDet-whole2.jzl{padding-top: 20px;}
    .expDet-whole2.jzl .expDet-whole2-text{padding-top: 10px;}
    .expDet-whole2.knxImg{padding-top: 75px;}
    .expDet-whole2.expPt7{padding-top: 70px;}
    .expDet-whole2.expPt7 .expDet-whole2-text{padding-top: 0;}
    .expDet-whole-bgImg .pc{display: none;}
    .expDet-whole-bgImg .mb{display: inline-block;}
    .expDet-whole2-text.right,.expDet-whole2-text.left,.expDet-whole2-text.bottom,.expDet-whole2-text.top{width: 100%;height: 100%;right: 0;left: auto; top: 0;padding-top: 20px;text-align: center;}
    .expDet-whole2.pore{padding: 20px 0;}
    .expDet-whole2.pore.pb0{padding-bottom: 0;}
    .expDet-whole2.pore.bgImg{background: #eff0f2;}
    .expDet-whole2.pore .expDet-whole2-text{position: relative;right: auto;top: auto;margin-bottom: 10px;}
    .expDet-whole2.pore .expDet-whole2-text.pb0{padding-bottom: 0;margin-bottom: 0;}
    .expDet-whole2-text.bottom{top: auto;height: auto;bottom: 3%;}
    .expDet-whole2-text.knxL, .expDet-whole2-text.knxT, .expDet-whole2-text.knxB, .expDet-whole2-text.knxR{padding: 5px 10px;text-align: left;}
    .expDet-whole2-text.knxL  .text, .expDet-whole2-text.knxT .text, .expDet-whole2-text.knxB .text, .expDet-whole2-text.knxR .text{padding: 0;margin: 0;font-size: 15px;}
    .expDet-whole2-text.knxR{top: auto;left: 20%;bottom: 15px;right: auto;}
    .expDet-whole2-text.knxL{top: 50%;left: 15%;right: auto;}
    .expDet-whole2-text.knxB{top: auto;left: 19%;right: auto;bottom: 15px;}
    .expDet-whole2-text.knxT{top: 10%;left: 30%;right: auto;}
    .clover1-item,.clover2-item{width: 100%;}
    .clover1,.clover2{padding-left: 15px;padding-right: 15px;}
    .clover1-item{margin-top: 40px;display: flex;flex-direction: column;}
    .clover2-item{margin-top: 10px;}
    .clover1-item:first-child, .clover2-item:first-child{margin-top: 0;}
    .clover-title{margin-top: 0;order: 1;}
    .clover-text{padding-top: 0;margin-top: 5px;order: 2;}
    .clover-img,.clover1-img{order: 3;margin-top: 15px;}
    .expDet-whole.reverse{flex-direction: column-reverse;align-items: center;}
    .expDet-whole.reverse .expDet-whole-text{margin-bottom: 30px !important;}
    .expDet-whole-text{margin: 0 0 0 0 !important;}
    .expDet-whole.bg, .expDet-whole3.bg, .expDet-whole2.bg{align-items: flex-start;}
    .yun-edit.list2{margin-top: 20px;}
    .add-con .title{width: 100%;}
    /* .expDet-whole-text .text:nth-child(n+3){margin-top: 30px;} */


}