@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:  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:  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: ;}
.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: 25%;transform: translate(0,-50%);}
.public-ban.details .public-ban-text.nth2{transform: translate(-35%,-50%);}
.public-ban.details .public-ban-text.nth3{transform: translate(-50%,50%);}


/* 走进华声 */
.ab-cultrue{background:  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:  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:  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-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: 18%;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: 3%;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: 18%;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: 3%;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: 8%;top: 40%;text-align: left;}
.expdet-whole2-text.left{width: auto;height: auto;left: auto;right:60%;top: 40%;text-align: left;max-width: 600px;}
.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-img .mb{display: none;}
.expdet-whole-text:nth-child(2){margin-left: 100px;}
.expdet-whole .text span{line-height: 1;}
.expdet-whole2,.expdet-whole3{position: relative;color: #333;}
.expdet-whole2-text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.expdet-whole2-text .text span{line-height: 1;}
.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-whole.naviscroll .expdet-whole-text.labatleft.left3{top: 60%;}


.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: 4px; 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:  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:  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:  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: ;}
.expdet-item.dom li:hover::after{display: none;}
.expdet-item.dom li:hover .expdet-dom-down{background-image: ;}
.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%);}
.expdet-whole-text.knxl .title{font-weight: 700;}

/* 服务与支持 */
.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{flex-direction: column;color: #fff;font-size: 20px; 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, .7);}
.serd-play{width: 45px;height: 45px;margin-bottom: 10px; background: #e71a19;border-radius: 50%;position: relative;}
.serd-play::after{content: "";width: 15px;height: 15px;background:  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:  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:  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: rgba(249,250,251,1);}

.caseo-title{justify-content: space-between;align-items: center;}
.caseo-map img{width: 100%;}
.caseo-more{width: 182px;height: 66px;align-items: center;justify-content: center;border-radius: 5px;border: 1px solid rgba(231,54,48,1);color: rgba(231,54,48,1);transition: all .4s ease;margin: 50px auto 0;}
.caseo-more:hover{background: rgba(231, 54, 48, 1);color: #fff;}

/* .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-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:  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{display: flex;}
.add-sort-list.zp{display: none;}
.add-sort-list .title{color: #333;font-weight: 700;width: 8%;line-height: 30px;}
.add-sort-list ul{width: 92%;}
.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 .contain-1500{border-top: 1px solid rgba(240,242,245,1);user-select: none;}
.add-con-menu,.add-con-drop{padding: 20px 20px 20px 40px;}
.add-con-title{background: rgba(240,242,245,1);padding: 20px 20px 20px 40px;}
.add-con-title .title{color: #333;width: 230px;text-align: center;}
.add-con-title li{width: 140px;margin-left: 50px; text-align: center; color: #333;height: 100%;}
.add-con-menu{cursor: pointer; position: relative;border-bottom: 1px solid rgba(240,242,245,1);}
/* .add-con-menu::after{content: "";position: absolute;width: 11px;height: 17px; right: 30px;top: 50%;transform: translatey(-50%);background:  no-repeat center/100% auto;} */
.add-con-menu .title{width: 230px;text-align: center;font-size: 16px;color: #333;}
.add-con-menu li{width: 140px; color: #333;margin-left: 50px; text-align: center;height: 100%;margin-left: 50px;font-size: 16px;}
.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-item{background: #fff;}
.add-con-item.active::after{background-image: ;}
.add-con-item.active{background: rgb(248, 248, 248);}
.add-con-item.active .add-con-menu{border-color: rgba(237,240,244,1);}
.add-con-drop{display: none;color: #333;}
.add-con-drop h4{margin-bottom: 10px;font-size:16px;margin-top: 20px;font-weight: 600;}
.add-con-drop p{line-height: 28px;font-size: 14px;}
.add-con-item .btn{transition: all .4s ease;display: inline-block; cursor: pointer; background: #e71a19;color: #fff;font-size: 14px; text-align: center;padding: 1px 15px 5px 15px;border-radius: 20px;}
.add-con-menu .btn{margin-left: 50px;}
.add-con-menu .icon{margin-left: 20px;transition: all .4s ease;}
.add-con-item.active .icon{transform: rotate(180deg);}
.add-con-item .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:  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 500px;color: #fff;}
.yunban-items{justify-content: space-between;width: 380px;}
.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;max-width: 38%;}
.yunedit-list li:nth-child(2n){flex-direction: row-reverse;}
.yunedit-list li:nth-child(-n 2){margin-top: 0;}
.yunedit-list-icon{width: 60px;}
.yunedit-list-text{padding-left: 20px;flex: 1;}
.yunedit-list li:nth-child(2n) .yunedit-list-text{padding-left: 0;padding-right: 20px;}
.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;}
.clover-text span{font-size: 72px;}
.clover2 .clover-title{height: 110px;}
.clover2-item .text{text-align: center;}

.expdet-whole2-text.knx.right{line-height: 1.3;width: 35%;}
.layui-layer-move,.layui-layer-dialog .layui-layer-content{word-break: normal !important;}


/* -------------------------pc端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .expdet-whole2-text.left{right: 55%;}
    .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: 10%;}
    .add-sort-list ul{width: 90%;}
    .grow-item-img{height: 200px;}
    .yunban-con{padding: 120px 0 0 250px;}
    .yun-edit{width: 900px;}
  
    .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: 13%;}
    .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%;width: 25%;}
    .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;}
    .add-con-menu, .add-con-drop,.add-con-title{padding: 14px 14px 14px 25px;}
    .add-con-menu .title,.add-con-title .title{width: 220px;}
    .add-con-menu li,.add-con-title li{width: 120px;margin-left: 35px;}
    .clover2 .clover-title{height: 90px;}
    .public-ban.details .public-ban-text .title{font-size: 16px;}
    .public-ban.details .title span{font-size: 35px;line-height: 50px;}
    .public-ban.details .public-ban-text .text{margin-top: 12px;font-size: 30px;line-height: 40px;}
    .public-ban.details .public-ban-text.nth1{left: 27%;}
    .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) */
    .public-ban.details .public-ban-text.nth1{right: 10%;}
    .expdet-whole2-text.left {right: 45%;}
    .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-menu .title, .add-con-title .title{width: 200px;}
    .add-con-title li,.add-con-menu li{width: 130px;margin-left: 20px;}
    .add-con-menu::after{width: 10px;height: 15px;right: 15px;}
    .add-con-menu .icon{margin-left: 10px;}
    .add-con-menu .btn{margin-left: 20px;}
    .yunedit-more{width: 250px;height: 70px;}
    .expdet-whole-text.clivialeft{width: 350px;}
}
@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;padding: 0 20px;}
    .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{left: auto; right: 50%;transform: translate(50%,20%);color: #1a1a1a;}
    .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-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: 26%;right: 0;}
    .expdet-process-img1 .list2 p{padding-left: 100px;}
    .expdet-process-img3{width: 90%;margin-top: 20%;}
    .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: 400vh !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: 45% !important;}
    .expdet-whole-text.carnationright{top: 50%;}
    .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{flex-wrap: nowrap;align-items: flex-start;}
    .pages-tit .title{margin-left: 0;flex: 1;padding-left: 10px;margin-top: -7px;}
    .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: ;}
    .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: 14px 5px;letter-spacing: 1px;font-size: 14px;}
    .service-con{padding-top: 20px;}
    .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{padding:0 4%;}
    .expdet-whole-text .title,.expdet-whole2-text .title,.expdet-whole3-text .title{font-size: 20px;}
    .expdet-whole3-text .text{margin-top: 0;font-size: 14px;}
    .expdet-whole2-text .text{padding: 0 15px;font-size: 14px;}
    .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;background: #f8f8f8;}
    .add-con-menu .title{width: 100%;text-align: left;font-size: 18px;}
    .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:0 5px;font-size: 14px;}
    .add-con-menu li:first-child{margin-left: 0;}
    .add-con-menu .btn{margin: 0;position: absolute;right: 10px;top: 10px;font-size: 12px;padding: 0px 8px 2px 8px;}
    .add-con-menu, .add-con-drop{padding: 10px;position: relative;}
    .add-con-menu ul{margin-top: 10px;width: 100%;}
    .add-con-menu .icon{margin: 0;position: absolute;right: 10px;bottom: 10px;}
    .add-con-menu::after{right: 15px;}
    .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: 80px 15px 0 ;display: flex;flex-direction: column;align-items: center;}
    .yunban-items{width: 90%;}
    .yunban-items a{height: 40px;}
    .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){max-width: 100%; text-align: center; flex-direction: column;align-items: center;width: 100%;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%,-140%);left: 50%;}
    .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-process.w120 .expdet-process-img1{width: 100%;}
    .expdet-process.w120 .expdet-process-img2{width: 35%;}
    .expdet-process.w120 .expdet-process-img3 {transform: translatey(2px);margin-top: 14%;}
    .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 .expdet-whole2-text{position: relative;right: auto;top: auto;margin-bottom: 10px;}
    .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: 10%;bottom: 15px;right: 10%;}
    .expdet-whole2-text.knxl{top: 50%;left: 15%;right: 15%;}
    .expdet-whole2-text.knxb{top: auto;left: 10%;right: 10%;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-text{padding-top: 0;margin-top: 5px;order: 2;}
    .clover-img,.clover1-img{order: 3;margin-top: 20px;}
    .clover-text span{font-size: 40px;}
    .clover-title{margin-top: 15px;height: auto;order: 1;}
    .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;}
    /* .expdet-whole-text .text:nth-child(n 3){margin-top: 30px;} */
    .caseo-more{width: 130px;height: 50px;margin-top: 30px;border-radius: 3px;}
    .expdet-whole2-text.knx.right{width: 100%;padding-left: 4%;padding-right: 4%;}
    .expdet-whole-img .pc{display: none;}
    .expdet-whole-img .mb{display: block;}
    .expdet-whole-text .title img{display: block;width: 80%;margin: 20px auto 0;}
    .expdet-whole2-text.knx .text{letter-spacing: 0;}
    .expdet-whole2-text{border-radius: 0 !important;}
    .yunban-text{width: 200px;margin: 12px auto 0;text-align: center;font-size: 20px;}
    .yunban-systeam span:first-child{display: block;width: 100%;text-align: center;margin-bottom: 15px;}
    .expdet-whole.scroll.clover .expdet-whole-text.labatright{left: 45% !important;}
    .expdet-whole.scroll.clover .expdet-whole-text.labatleft{left: 40% !important;}
    .expdet-whole.scroll.clover .expdet-whole-text.labatright::after{right: auto !important;width: 60px; left: -60px !important;background: linear-gradient(to right,rgba(255,255,255,.2), #e71a19) !important;}
    .expdet-whole.scroll.clover .expdet-whole-text.labatleft::after{right: auto !important;width: 50px; left: -50px !important;background: linear-gradient(to right,rgba(255,255,255,.2), #e71a19) !important;}
    .expdet-whole.scroll.clover .expdet-whole-text.labatleft::before{display: block;top: -14%;width: 95px;right: auto;left: -94px;transform: translatey(41px) rotate(-15deg);}
}