/* CSS Document */ .swiper-container-caseshow{overflow: hidden;margin-bottom: 2%;} .casePage ul li{width: 8.33%;margin-bottom: 1.5%;text-align: center;} .casePage ul li a{font-size: 20px;letter-spacing: 2px;color: #666;} .casePage ul li a i{margin-right: 10px;width: 28px;display: inline-block;text-align: center;} .casePage ul li.on a{color: #3d6db8;} .casePage ul li.on a i{color: #3d6db8;} .caseshow .con{position: relative;padding-top: 50px;} .caseshow .con .icon{position: absolute;z-index: 2;left: 50%;top:0;margin-left: -50px;} .caseshow .con .icon a{display: block;width: 100px;border-radius: 50%;background: #ff8f46;color: #fff;text-align: center;font-size: 20px;letter-spacing: 2px;line-height: 30px;padding: 20px 0;} .caseshow .con .icon a i{display: block;font-size: 30px;line-height: 30px;} .caseshow .txt{width: 49%;position: relative;z-index: 1;margin-bottom: 2%;background: #f2f8ff;padding: 2%;} .caseshow .txt h4{font-size: 24px;letter-spacing: 2px;margin-bottom: 3%;} .caseshow .txt dl dt{box-shadow:0 0 5px rgba(0,0,0,.1);width: 40%;} .caseshow .txt dl dd{width: 56%;} .caseshow .txt dl dd hr{width: 30px;height: 2px;background: #3d6db8;margin-bottom: 5%;} .caseshow .txt dl dd p{font-size: 18px;letter-spacing: 2px;color: #888;} .caseshow .txt dl dd .more{padding: 8px 30px 5px 35px;position: relative;font-size: 18px;letter-spacing: 2px;z-index: 1;display: inline-block;margin: 5% 0 1% 0;} .caseshow .txt dl dd .more::before{display: block;content: "";position: absolute;left: 0px;top:0px;width: 100%;height: 100%;border: 1px solid #ccc;z-index: -1;} .caseshow .txt dl dd .more::after{display: block;content: "";position: absolute;left: 3px;top:3px;width: 100%;height: 100%;border: 1px solid #ccc;} .caseshow .txt:hover{background: #3d6db8;} .caseshow .txt:hover h4 a{color: #fff;} .caseshow .txt:hover dl dd hr{background: #fff;} .caseshow .txt:hover dl dd p{color: #eee;} .caseshow .txt:hover dl dd .more{color: #fff;} .caseshow .txt:hover dl dd .more::before{border: 1px solid #fff;} .caseshow .txt:hover dl dd .more::after{border: 1px solid #fff;} /*praise*/ .praise{background: #3d6db8 url(../image/bg3.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .praise .container{justify-content: flex-end;position: relative;padding: 4% 0;} .praise .txt h4{font-size: 36px;letter-spacing: 5px;} .praise .txt h3{font-size: 40px;letter-spacing: 3px;margin: 2% auto;} .praise .txt h5{font-size: 46px;letter-spacing: 5px;font-weight: bold;} .praise .txt p{font-size: 24px;font-weight: 100;margin: 3% 0;} .praise .txt p em{width: 50px;line-height: 50px;background: #fff;color: #3d6db8;text-align: center;border-radius: 50%;} .praise .pic{position: absolute;left: 0;top:5%;width: 50%;} /*partner*/ .partner{margin-bottom: 3%;} .partner ul{padding: 1.5% 0;} .partner ul li{width:13%;margin-top: 2.6%;margin-bottom: 2.6%;position: relative;left: 0;top:0;transition:all .3s linear;} .partner ul li:nth-child(8){margin-left: 7.25%;} .partner ul li:nth-child(13){margin-right: 7.25%;} .partner ul li img{position: relative;z-index: 3;padding: 0 12%;} .partner ul li a {display:block;width:100%;height: 100%;position:relative;outline:none; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.15); -moz-box-shadow:0 0 15px rgba(0,0,0,0.15); box-shadow:0 0 15px rgba(0,0,0,0.15);} .partner ul li a::before {content:"";display:block;position:absolute;left:0;top:0;background:#fff;width:100%;height:100%;z-index:0; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.15); -moz-box-shadow:0 0 15px rgba(0,0,0,0.15); box-shadow:0 0 15px rgba(0,0,0,0.15); -webkit-transform:rotate(60deg); -moz-transform:rotate(60deg); -ms-transform:rotate(60deg); -o-transform:rotate(60deg); transform:rotate(60deg);} .partner ul li a::after {content:"";display:block;position:absolute;left:0;top:0;background:#fff;width:100%;height:100%;z-index:0; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.15); -moz-box-shadow:0 0 15px rgba(0,0,0,0.15); box-shadow:0 0 15px rgba(0,0,0,0.15); -webkit-transform:rotate(-60deg); -moz-transform:rotate(-60deg); -ms-transform:rotate(-60deg); -o-transform:rotate(-60deg); transform:rotate(-60deg);} .partner ul li a i {display:block;position:absolute;left:0;top:0;background:#fff;width:100%;height:100%;z-index:1;} .partner ul li a i::before {content:"";display:block;position:absolute;left:0;top:0;background:#fff;width:100%;height:100%;z-index:1; -webkit-transform:rotate(60deg); -moz-transform:rotate(60deg); -ms-transform:rotate(60deg); -o-transform:rotate(60deg); transform:rotate(60deg);} .partner ul li a i::after {content:"";display:block;position:absolute;left:0;top:0;background:#fff;width:100%;height:100%;z-index:1; -webkit-transform:rotate(-60deg); -moz-transform:rotate(-60deg); -ms-transform:rotate(-60deg); -o-transform:rotate(-60deg); transform:rotate(-60deg);} .partner ul li:hover{top:10px;} .partner .txt{margin-top: 2%;} .partner .txt h4{font-size: 36px;letter-spacing: 2px;margin-bottom: 1%;} .partner .txt p{font-size: 18px;letter-spacing: 2px;line-height: 200%;color: #666;} .partner .txt p span{display: block;} /*team*/ .team{background: #3d6db8 url(../image/bg12.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .team .teamBox{position: relative;} .team .txt{position: relative;z-index: 1;padding: 4% 0;padding-left: 180px;} .team .txt::after{display: block;content: "TEAM";position: absolute;left: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);writing-mode:vertical-rl;writing-mode:tb-rl;font-size: 170px;letter-spacing: 1px;color: rgba(255,255,255,.3);line-height: 80%;z-index: -1;} .team .txt .no{font-size: 28px;font-weight: 100;letter-spacing: 5px;} .team .txt .yes{justify-content: flex-start;margin: 3% 0;} .team .txt .yes span{width: 46px;line-height: 44px;font-size: 28px;border: 1px solid #fff;border-radius: 50%;text-align: center;margin-right: 10px;} .team .txt dl{justify-content: flex-start;} .team .txt dl dt{width: 110px;margin-right: 20px;} .team .txt dl dd h3{font-size: 40px;line-height: 150%;font-weight: bold;letter-spacing: 5px;} .team .txt dl dd h3 span{display: block;} .team .txt dl dd p{font-size: 26px;letter-spacing: 4px;font-weight: 100;margin-top: 10px;} .team .txt .text{width: 800px;background: #fff;padding: 1.5% 2%;color: #3d6db8;font-size: 22px;letter-spacing: 5px;line-height: 150%;margin: 3% 0;} .team .txt h4{font-size: 26px;letter-spacing: 4px;} .team .txt .tel{margin-top: 3%;} .team h2{text-align: center;font-size: 30px;letter-spacing: 5px;background: #3d6db8;border-top: 2px solid #fff;padding: 1% 0;position: relative;z-index: 2;} .team .pic{width: 48%;position: absolute;right: 0;top:6%;z-index: 1;} .team .pic i{position: absolute;left: 10%;top:5%;width: 22%;} /*ganyan*/ .ganyan{position: relative;overflow: hidden;padding: 3% 0;} .ganyan .txt{width: 60%;} .ganyan h4{font-size: 36px;font-weight: bold;letter-spacing: 2px;} .ganyan hr{width: 40px;height: 2px;background: #3d6db8;margin: 2% auto 2% 0;} .ganyan p{font-size: 18px;letter-spacing: 1px;color: #666;text-align: justify;} .ganyan .pic{width: 36%;position: absolute;right: 0;top:10%;} /*case*/ .case{margin: 3% auto;} .case .casePage{margin-bottom: 1.5%;} .case .container{align-items: flex-start;} .caseList{width: 72%;} .caseList ul li{padding: 3%;background: #f2f8ff;margin-bottom: 2%;position: relative;} .caseList ul li .time{position: absolute;left: 0;top:0;background: #3d6db8;color: #fff;font-weight: 100;font-size: 20px;color: rgba(255,255,255,.6);padding: 10px;} .caseList ul li .time span{display: block;font-size: 24px;color: #fff;position: relative;padding-bottom: 5px;margin-bottom: 5px;} .caseList ul li .time span::after{content: "";position: absolute;left: 0;bottom:0;width: 20px;height: 1px;background: #fff;} .caseList ul li .pic{width: 30%;} .caseList ul li .txt{width: 66%;} .caseList ul li .txt h4{font-size: 24px;letter-spacing: 2px;} .caseList ul li .txt p{font-size: 18px;color: #888;letter-spacing: 2px;text-align: justify;margin: 2% 0;line-height: 200%;} .caseList ul li .more span{font-size: 18px;color: #ccc;font-weight: 100;} .caseList ul li .more span i{margin-right: 10px;} .caseList ul li .more a{background: #3d6db8;color: #fff;padding: 3px 20px;letter-spacing: 2px;} /*page*/ .page{width: 100%;margin-top: 5%;color: #888;justify-content: flex-start;} .page a,.page .page-num{background: #f6f6f6;color: #888;display: inline-block;padding: 5px 20px;margin-left: 10px;border-radius: 5px;} .page .page-num-current{color: #fff;background: #3d6db8;} /*right*/ .right{width: 25%;padding: 2%;background: #f2f8ff;overflow: hidden;} .right h4{font-size: 20px;line-height: 180%;} .right-service{overflow: hidden;position: relative;} .right-service h4{margin-bottom: 4%;} .right-service h4 a{float: right;font-size: 16px;color: #ff8f46;} .right-service .txt{background: #fff;padding: 5% 5% 6% 5%;} .right-service .txt h3{margin-bottom: 1%;} .right-service .txt h3 a{display: block;font-size: 20px;letter-spacing: 2px;} .right-service .txt h3 a i{float: right;color: #3d6db8;} .right-service .txt p{color: #888;font-size: 15px;line-height: 180%;text-align: justify;} .right-service .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0;} .right-case{margin-top: 14%;} .right-case dl{padding: 6% 0;border-bottom: 1px solid #ddd;} .right-case dl dt{width: 45%;} .right-case dl dd{width: 50%;} .right-news{margin-top: 14%;} .right-news ul li{padding: 4% 0;border-bottom: 1px solid #ddd;} .right-news ul li i{color: #3d6db8;padding-right: 10px;} .right-contact{margin-top: 14%;position: relative;} .right-contact p{color: #888;} .right-contact .pic{position: absolute;width: 30%;right: 0;top:0;} .right-contact .txt{padding: 5% 5% 3% 5%;background: #fff;text-align: justify;margin: 5% 0;line-height: 180%;} .right-contact .rightTel{margin-bottom: 6%;justify-content: flex-start;} .right-contact .rightTel i{font-size: 80px;color: #3d6db8;margin-right: 20px;} .right-contact .rightTel span{font-size: 18px;letter-spacing: 1px;color: #888;} .right-contact .rightTel a{display: block;color: #ff8f46;font-size: 36px;line-height: 120%;font-family: Impact;} .right-contact ul li{width: 47%;text-align: center;color: #888;} .right-contact ul li img{border: 5px solid #fff;} .right-contact ul li span{display: block;margin-top: 4%;} .right-txt{background: #3d6db8;color: #fff;padding-top: 10%;margin-top: 5%;position: relative;z-index: 1;} .right-txt:before{content: "";position: absolute;left: -20%;top:0;width: 140%;height: 140%;background: #3d6db8;z-index: -1;} .right-txt h4{margin-bottom: 2%;} .right-txt h4 span{width: 36px;line-height: 36px;text-align: center;background: #fff;color: #3d6db8;border-radius: 50%;} .right-txt p{font-size: 20px;text-align: justify;line-height: 180%;} .right-txt p b{display: block;} /*position*/ .position{margin-top: 0%; margin-bottom: 1%;} .position b{font-size: 24px;letter-spacing: 2px;} .position b img{width: 50px;margin: 0 10px 0 0;} .position span{color: #888;} .position i{color: #3d6db8;margin-right: 10px;} .position span a{color: #888;} .position span a:hover{color: #3d6db8;} /**/ .aboutTop .topl.topl2 h3 em { font-size: 24px; letter-spacing: 0; } .position.position2 { border-bottom: 0; padding: 0; } .aboutL_c>ul { display: flex; margin: 2.5% 0 0; justify-content: space-between; } .aboutL_c li { padding: 10px; background: aliceblue; width: 20%; text-align: center; border: 1px solid #3d6db8; } .aboutL_c li+li { border-left: 0; } /*caseSort*/ .caseSort{margin-top: .5%;} .caseSort ul{border-left: 1px solid #eee;border-top: 1px solid #eee;} .caseSort ul li{width: 8.33%;border-right: 1px solid #eee;border-bottom: 1px solid #eee;text-align: center;font-size: 18px;line-height: 300%;} .caseSort ul li i{color: #888;margin-right: 10px;width: 25px;} .caseSort ul li.on{color: #3d6db8;} .caseSort ul li.on a{color: #3d6db8;} .caseSort ul li.on i{color: #3d6db8;} /*content*/ .conShow{align-items: flex-start;margin: 2% auto 3% auto;} .contentCon{width: 72%;} .contentTit h1{font-size: 30px;} .contentTit p{color: #888;padding: .5% 0;} .contentTit p i{margin-right: 5px;} .contentShare{background: #f2f8ff;margin: 2% 0;padding: 1% 1% 1% 1.5%;border-left: 2px solid #3d6db8;} .contentShare h3{font-size: 18px;letter-spacing: 2px;color: #3d6db8;} .content p{text-indent: 2em;margin: 1% 0;} /*piece*/ .piece{margin: 2% 0 4% 0;} .piece .pre,.piece .next{background: #f2f8ff;width: 49%;text-align: center;position: relative;line-height: 50px;height: 50px;overflow: hidden;} .piece .pre{padding-left: 40px;} .piece .next{padding-right: 40px;} .piece .pre:hover,.piece .next:hover{background: #3d6db8;color: #fff;} .piece .pre:hover a,.piece .next:hover a{color: #fff;} .piece .pre i,.piece .next i{background: #3d6db8;color: #fff;line-height: 50px;width: 40px;position: absolute;top:0;} .piece .pre i{left: 0;} .piece .next i{right: 0;} .piece .pre:hover i,.piece .next:hover i{background: #f2f8ff;color: #3d6db8;} /*kefu*/ .kefu{background: #f2f8ff;padding: 3%;position: relative;overflow: hidden;} .kefu .txt{width: 78%;} .kefu .txt dl dt{float: left;width: 200px;margin: 0 3% 0 0;position: relative;z-index: 1;} .kefu .txt dl dd h6{border-bottom: 1px solid #ccc;padding-bottom: 3%;margin-bottom: 2%;padding-top: 3%;position: relative;} .kefu .txt dl dd h6::before{content: "";position: absolute;width: 40px;height: 3px;left: 0;bottom:-2px;background: #3d6db8;} .kefu .txt dl dd h6 em{font-size: 30px;letter-spacing: 2px;font-weight: bold;} .kefu .txt dl dd h6 span{font-size: 20px;color: #ff8f46;} .kefu .txt dl dd p{font-size: 18px;letter-spacing: 2px;color: #888;text-align: justify;} .kefu .wx{position: absolute;right: 3%;top:10%;width: 25%;} /*contentCase*/ .contentCase{margin: 3% auto;} .contentCase h4{font-size: 30px;letter-spacing: 2px;} .contentCase dl{background: #f2f8ff;padding: 3%;margin-top: 2%;} .contentCase dl dt{width: 30%;} .contentCase dl dd{width: 66%;} .contentCase dl dd h5{font-size: 24px;letter-spacing: 2px;} .contentCase dl dd h5 a{display: block;} .contentCase dl dd h5 i{float: right;color: #3d6db8;} .contentCase dl dd .time{color: #ccc;font-weight: 100;margin: 1% 0;} .contentCase dl dd .time span{margin-right: 20px;} .contentCase dl dd .time i{margin-right: 10px;} .contentCase dl dd p{font-size: 18px;line-height: 200%;letter-spacing: 1px;color: #888;text-align: justify;} .contentCase dl:hover{background: #3d6db8;} .contentCase dl:hover a{color: #fff;} .contentCase dl:hover dd h5 i{color: #fff;} .contentCase dl:hover dd p{color: rgba(255,255,255.5);} /*contentNews*/ .contentNews h4{font-size: 30px;letter-spacing: 2px;} .contentNews ul li{justify-content: flex-start;width: 49%;position: relative;background: #f2f8ff;margin-top: 2%;} .contentNews ul li span{background: #3d6db8;color: #fff;line-height: 140%;text-align: right;padding: 10px;margin-right: 20px;} .contentNews ul li i{display: block;} .contentNews ul li a{display: block;} .contentNews ul li:hover{background: #3d6db8;} .contentNews ul li:hover a{color: #fff;} .contentNews ul li:hover span{background: #f2f8ff;color: #3d6db8;} /*newsBox*/ .newsBox ul li{width: 32%;background: #f2f8ff;margin-bottom: 2%;position: relative;} .newsBox ul li .time{position: absolute;right: 4%;top: -8%;background: #3d6db8;color: #fff;text-align: center;padding: 10px 10px 5px 10px;color: rgba(255,255,255,.6);} .newsBox ul li .time span{display: block;font-size: 30px;line-height: 100%;color: #fff;} .newsBox ul li h4{font-size: 18px;line-height: 30px;height: 30px;overflow: hidden;padding-right: 90px;margin: 5% 4% 2% 4%;} .newsBox ul li p{color: #888;letter-spacing: 1px;text-align: justify;padding: 0 4%;} .newsBox ul li .more{margin-top: 10px;line-height: 300%;padding: 0 4%;border-top: 2px solid #fff;width: 100%;display: block;color: #3d6db8;letter-spacing: 2px;} .newsBox ul li .more span{float: right;letter-spacing: 0;color: #ccc;} /*newsTxt*/ .newsTxt{margin: 1% auto 4% auto;} .newsTxt .container{align-items: flex-start;position: relative;} .newsTxtL{width: 48%;overflow: hidden;} .newsTxtL .txt{width: 100%;background: #3d6db8 url(../image/bg9.jpg) center no-repeat;color: #fff;padding: 5%;margin-bottom: 4%;-webkit-background-size: cover;background-size: cover;} .newsTxtL .txt .pic{width: 130px;} .newsTxtL .text{width: calc(100% - 150px);} .newsTxtL .text h4{font-size: 40px;font-weight: bold;text-align: justify;text-align-last: justify;margin-bottom: 10px;} .newsTxtL .text .c span{font-size: 30px;width: 60px;text-align: center;line-height: 60px;border-radius: 50%;background: #fff;color: #3d6db8;} .newsTxtL .text .c span.i{background: #ff8f46;color: #fff;} .newsTxtR{width: 48%;overflow: hidden;} .newsTxtR .txt{width: 48%;background: #3d6db8 url(../image/bg7.jpg) center no-repeat;color: #fff;padding: 2.5%;position: absolute;right: 0;bottom:0;-webkit-background-size: cover;background-size: cover;} .newsTxtR .txt h3{font-size: 40px;font-weight: bold;letter-spacing: 5px;padding-bottom: 4%;margin-bottom: 4%;position: relative;} .newsTxtR .txt h3::after{position: absolute;content: "";left: 0;bottom:0;width: 30px;height: 2px;background: #fff;} .newsTxtR .txt h4{font-size: 24px;letter-spacing: 2px;} .newsTxtR .txtr i{display: block;background: #fff;font-size: 24px;color: #3d6db8;letter-spacing: 2px;padding: 10px 50px 10px 30px;border-radius: 30px;margin-right: -40px;} .newsTxtR .txtr i.i1{margin-bottom: 10px;} .newsTxtR .txtr em{background: #ff8f46;border-radius: 50%;width: 130px;text-align: center;font-size: 28px;line-height: 30px;display: block;padding: 35px 0;} .newsTxt .li ul li{font-size: 24px;letter-spacing: 2px;line-height: 200%;} .newsTxt .li ul li.on a{color: #3d6db8;} .newsTxt .list h3{margin-bottom: 1%;} .newsTxt .list h3 b{font-size: 30px;font-weight: bold;letter-spacing: 2px;line-height: 150%;padding-left: 20px;position: relative;} .newsTxt .list h3 b::before{content: "";position: absolute;width: 3px;height: 26px;background: #3d6db8;left: 0;top:50%;margin-top: -10px;} .newsTxt .list h3 span{font-size: 20px;color: #888;letter-spacing: 2px;} .newsTxt .list dl{align-items: flex-start;margin-top: 2%;background: #f2f8ff;overflow: hidden;} .newsTxt .list dl dt{text-align: right;font-size: 20px;color: #ddd;padding: 25px 15px;background: #3d6db8;color: rgba(255,255,255,.6);position: relative;z-index: 1;} .newsTxt .list dl dt::after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 200%;background: #3d6db8;z-index: -1;} .newsTxt .list dl dt span{display: block;font-size: 30px;color: #fff;margin-bottom: 10px;line-height: 100%;} .newsTxt .list dl dd{width: calc(100% - 120px);padding: 3%;} .newsTxt .list dl dd h4{font-size: 20px;letter-spacing: 2px;margin-bottom: 1%;} .newsTxt .list dl dd p{color: #888;letter-spacing: 2px;text-align: justify;} /*newsSort*/ .newsSort{margin: 1% auto 3% auto;} .newsSort ul{border-left: 1px solid #eee;border-top: 1px solid #eee;} .newsSort ul li{width: 20%;padding: 0 2%;border-right: 1px solid #eee;border-bottom: 1px solid #eee;} .newsSort ul li a{display: block;font-size: 20px;letter-spacing: 2px;line-height: 300%;} .newsSort ul li .i1{margin-right: 10px;color: #ccc;} .newsSort ul li .i2{float: right;color: #3d6db8;line-height: 300%;} .newsSort ul li.on a{color: #3d6db8;} .newsSort ul li.on .i1{color: #3d6db8;} /*news*/ width: calc(~"50% + 80px"); .news{margin: 3% auto;} .news .newsCon{align-items: flex-start;} .newsList{width: 100%;} .newsList ul li{margin-bottom: 2%;align-items: flex-start;} .newsList ul li .time{width: 90px;background: #3d6db8;color: #fff;font-weight: 100;font-size: 18px;color: rgba(255,255,255,.6);padding: 15px 0;text-align: center;} .newsList ul li .time span{display: block;font-size: 36px;line-height: 100%;color: #fff;position: relative;margin-bottom: 5px;} .newsList ul li .time i{display: block;font-size: 20px;margin-top: 5px;} .newsList ul li .txt{width: calc(100% - 90px);background: #f2f8ff;padding: 3%;} .newsList ul li .txt h4{font-size: 24px;letter-spacing: 2px;} .newsList ul li .txt p{font-size: 18px;color: #888;letter-spacing: 2px;text-align: justify;margin: 1% 0;line-height: 200%;} .newsList ul li .more span{font-size: 18px;color: #ccc;font-weight: 100;} .newsList ul li .more span i{margin-right: 10px;} .newsList ul li .more a{background: #3d6db8;color: #fff;padding: 3px 20px;letter-spacing: 2px;} /*---------------about---------------*/ /*aboutTop*/ .aboutTop{margin-top: 0%;position: relative;z-index: 2;overflow: hidden;padding-top: 10px;} .aboutTop .container{align-items: flex-end;} .aboutTop .topl{width: 20%;background: #3d6db8;color: #fff;position: relative;z-index: 1;} .aboutTop .topl::after{content: "";position: absolute;left: -10px;top:-10px;width: calc(100% + 20px);height: calc(100% + 20px);border: 10px solid #fff;z-index: -1;} .aboutTop .topl h3{padding: 10% 10% 8% 10%;position: relative;z-index: 1;} .aboutTop .topl h3::after{position: absolute;content: "";width: 30px;height: 2px;background: #ff8f46;left: 10%;bottom:0;} .aboutTop .topl h3 span{font-size: 60px;color: rgba(255,255,255,.3);line-height: 100%;display: block;text-align: justify;text-align-last: justify;letter-spacing: 2px;} .aboutTop .topl h3 em{display: block;font-size: 30px;font-weight: bold;line-height: 150%;letter-spacing: 5px;} .aboutTop .topl h4{padding: 10%;font-size: 20px;text-align: justify;text-align-last: justify;line-height: 160%;} .aboutTop .topl h4 span{display: block;} .aboutTop .topr{width: 100%;} /*aboutTxt*/ .aboutTxt{border-top: 1px solid #eee;margin-top: 2%;padding: 1% 0;} .aboutTxt ul li{font-size: 18px;letter-spacing: 2px;margin: 15px 0;} .aboutTxt ul li em{margin-right: 15px;color: #3d6db8;padding-right: 15px;border-right: 1px solid #eee;} .aboutTxt .pic{width: 22%;} /*aboutList*/ .aboutList{background: #f2f8ff;} .aboutList ul{border-top: 1px solid #3d6db8;border-left: 1px solid #3d6db8;justify-content: flex-start;} .aboutList ul li{width: 33.33%;text-align: center;border-right: 1px solid #3d6db8;border-bottom: 1px solid #3d6db8;padding:4px 10px;} .aboutList ul li a{display: block;line-height: 300%;} /*company*/ .company{margin: 4% auto;} .company h3{justify-content: center;margin:1% 0 4% 0;position: relative;z-index: 1;} .company h3::before{display: block;content: "about us";text-transform: uppercase;font-size: 120px;line-height: 80%;color: #eee;font-family: Impact;position: absolute;z-index: -1;} .company .container{align-items: flex-start;position: relative;} .company .txt{width: 48%;} .company h3 em{width: 60px;line-height: 60px;font-size: 30px;text-align: center;background: #ff8f46;color: #fff;border-radius: 50%;margin: 0 5px;} .company .txt p{font-size: 18px;letter-spacing: 1px;text-align: justify;color: #666;line-height: 200%;padding-top: 4%;position: relative;} .company .txt p::before{position: absolute;content: "";width: 40px;height: 2px;background: #3d6db8;left: 0;top:0;} .company .pic{width: 48%;} .company .text{padding-right: 10%;margin-top: -5%;position: relative;} .company .text .img{position: absolute;right: 0;bottom:2%;width: 120px;} .company .text ul{align-items: flex-start;background: #3d6db8 url(../image/bg3.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;} .company .text ul li{width: 20%;padding: 2.5% 2%;border-right: 1px solid rgba(255,255,255,.2);font-size: 18px;letter-spacing: 2px;text-align: justify;} .company .text ul li:last-child{border-right: none;} .company .text ul li b{display: block;font-size: 24px;padding-bottom: 8%;margin-bottom: 8%;position: relative;letter-spacing: 5px;} .company .text ul li b::before{content: "";position: absolute;left: 0;bottom:0;width: 30px;height: 2px;background: #fff;} .company .text ul li b span{text-transform: uppercase;color: rgba(255,255,255,.4);letter-spacing: 0;float: right;} /*companyProject*/ .companyProject .swiper-container-project{width: 60%;overflow: hidden;position: relative;} .companyProject .txt{width: 36%;text-align: justify;} .companyProject .txt h3{font-size: 36px;font-weight: bold;letter-spacing: 2px;} .companyProject .txt hr{display: block;width: 40px;height: 2px;margin: 4% 0;background: #3d6db8;} .companyProject .txt p{font-size: 18px;letter-spacing: 1px;color: #666;line-height: 200%;text-align: justify;} /*number*/ /*.number{background: #3d6db8 url(../image/bg14.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;margin: 4% auto;padding: 4% 0;}*/ .number{margin: 4% auto;padding: 4% 0;} .number ul li{padding: 20px 0 0 0;text-align: center;} .number ul li span{display: block;width: 200px;height: 200px;background: #fff;line-height: 60px;position: relative;z-index: 1;border-radius: 50%;padding-top: 50px;font-size: 30px;color: #666;margin: 0 auto;} .number ul li span::before{position: absolute;content: "";width: calc(100% + 40px);height: calc(100% + 40px);border: 20px solid #ff8f46;border-radius: 50%;border-bottom: 20px solid transparent;top:-20px;left: -20px;} .number ul li span::after{content: "";border-top: 16px solid #f19f48;border-left: 16px solid transparent;border-right: 16px solid transparent;position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);} .number ul li i{display: block;font-size: 60px;font-family: Impact;color: #ff8f46;} .number ul li em{display: block;font-size: 20px;line-height: 240%;letter-spacing: 2px;margin-top: 30px;background: #ff8f46;color: #fff;border-radius: 30px;padding: 0 30px;} /*platform*/ .platform{margin-bottom: 4%;} .platform .container{align-items: flex-start;} .platform .txt{width: 68%;align-items: flex-start;} .platform h3{justify-content: flex-start;width: 100%;font-size: 40px;font-weight: bold;letter-spacing: 2px;margin-bottom: 4%;} .platform h3 img{width: 60px;margin: 0 20px 0 0;} .platform .txt1{width: 47%;} .platform .txt1 p{font-size: 18px;letter-spacing: 1px;text-align: justify;color: #666;line-height: 200%;} .platform .txt1 ul{margin: 8% 0;} .platform .txt1 ul li{width: 30%;background: #fff;font-size: 20px;color: #666;text-align: center;padding: 8% 0 6% 0;letter-spacing: 2px;-webkit-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.05), -2px 0px 10px 1px rgba(0,0,0,0.05);-ms-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.05),-2px 0px 10px 1px rgba(0,0,0,0.05);-o-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.05),-2px 0px 10px 1px rgba(0,0,0,0.05);-moz-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.05),-2px 0px 10px 1px rgba(0,0,0,0.05);box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.05), -2px 0px 10px 1px rgba(0,0,0,0.05);} .platform .txt1 ul li i{font-size: 40px;margin-bottom: 8%;line-height: 100%;color: #3d6db8;} .platform .txt1 ul li em{display: block;} .platform .txt1 .en{text-transform: uppercase;color: #eee;font-size: 100px;font-family: Impact;display: block;line-height: 100%;margin-top: 15%;letter-spacing: 5px;} .platform .txt2{width: 47%;position: relative;z-index: 2;} .platform .txt2 p{font-size: 18px;letter-spacing: 1px;text-align: justify;color: #666;line-height: 200%;} .platform .txt2 img{width: 130%;max-width:200%;margin-top: 8%;} .platform .pic{width: 28%;margin-top: 1%;} /*partners*/ .partners{padding: 3% 0;background: #f2f8ff;} .partners h3{font-size: 40px;letter-spacing: 2px;font-weight: bold;text-align: center;margin-bottom: 2%;} .partners h3 span{display: block;} .partners .p{text-align: center;font-size: 20px;letter-spacing: 2px;color: #666;margin-top: 2%;} .partners .container{position: relative;padding: 5px;overflow: hidden;z-index: 1;} .partners ul{width: 40%;position: relative;z-index: 2;} .partners ul::before{content: "";position: absolute;left: 0;top:-5px;width: 100%;height: 5%;background: #f2f8ff;z-index: -1;} .partners ul::after{content: "";position: absolute;left: 0;bottom:-5px;width: 100%;height: 5%;background: #f2f8ff;z-index: -1;} .partners ul li{width: 18%;overflow: hidden;border-radius: 50%;-webkit-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.05), -2px 0px 10px 1px rgba(0,0,0,0.05);-ms-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.05),-2px 0px 10px 1px rgba(0,0,0,0.05);-o-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.05),-2px 0px 10px 1px rgba(0,0,0,0.05);-moz-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.05),-2px 0px 10px 1px rgba(0,0,0,0.05);box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.05), -2px 0px 10px 1px rgba(0,0,0,0.05);padding: 3%;margin-top: 2%;margin-bottom: 2%;background: #fff;} .partners .ul1{justify-content: flex-start;} .partners .ul1 li{margin-left: 9%;} .partners .ul1 li:nth-child(1),.partners .ul1 li:nth-child(13){margin-left: 9%;} .partners .ul1 li:nth-child(3),.partners .ul1 li:nth-child(15){margin-left: 12%;} .partners .ul1 li:nth-child(4),.partners .ul1 li:nth-child(10){margin-left: 3%;} .partners .ul1 li:nth-child(7){margin-left: 0;} .partners .ul1 li:nth-child(9){margin-right: 10%;} .partners .ul1 li:nth-child(5),.partners .ul1 li:nth-child(11){margin-left: 6%;} .partners .ul1 li:nth-child(6),.partners .ul1 li:nth-child(12){margin-left: 7%;margin-right: 15%;} .partners .ul1 li:nth-child(8){margin-left: 6%;} .partners .ul1 li:nth-child(9){margin-left: 6%;margin-right: 15%;} .partners .ul1 li:nth-child(7),.partners .ul1 li:nth-child(8),.partners .ul1 li:nth-child(9){margin-top: 4%;margin-bottom: 4%;} .partners .ul2{justify-content: flex-end;} .partners .ul2 li{margin-right: 9%;} .partners .ul2 li:nth-child(3),.partners .ul2 li:nth-child(15){margin-right: 9%;} .partners .ul2 li:nth-child(1),.partners .ul2 li:nth-child(13){margin-right: 12%;} .partners .ul2 li:nth-child(6),.partners .ul2 li:nth-child(12){margin-right: 3%;} .partners .ul2 li:nth-child(9){margin-right: 0;} .partners .ul2 li:nth-child(7){margin-left: 10%;} .partners .ul2 li:nth-child(5),.partners .ul2 li:nth-child(11){margin-right: 6%;} .partners .ul2 li:nth-child(4),.partners .ul2 li:nth-child(10){margin-right: 7%;margin-left: 15%;} .partners .ul2 li:nth-child(8){margin-right: 6%;} .partners .ul2 li:nth-child(7){margin-right: 6%;margin-left: 15%;} .partners .ul2 li:nth-child(7),.partners .ul2 li:nth-child(8),.partners .ul2 li:nth-child(8){margin-top: 4%;margin-bottom: 4%;} .partners .txt{position: absolute;left: 50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);background: #3d6db8 url(../image/bg19.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;border-radius: 50%;width: 520px;height: 520px;padding: 6% 4%;z-index: 1;text-align: center;} .partners .txt::before{content: "";position: absolute;width: 120%;height: 120%;background: rgba(61, 109, 184, .6);border-radius: 50%;left: -10%;top:-10%;} .partners .txt .i1{content: "";position: absolute;width: 170%;height: 170%;border: 1px solid #3d6db8;border-radius: 50%;left: -35%;top:-35%;} .partners .txt .i2{content: "";position: absolute;width: 230%;height: 230%;border: 1px solid #3d6db8;border-radius: 50%;left: -65%;top:-65%;} .partners .txt .i3{content: "";position: absolute;width: 290%;height: 290%;border: 1px solid #3d6db8;border-radius: 50%;left: -95%;top:-95%;} .partners .txt h4{font-size: 36px;font-weight: bold;letter-spacing: 5px;} .partners .txt hr{width: 40px;height: 2px;background: #fff;display: block;margin: 5% auto;} .partners .txt p{font-size: 18px;letter-spacing: 2px;} /*contact*/ .contact{margin: 3% auto 0 auto;} .contact .contactCon{position: relative;z-index: 1;} .contact .contactCon::before{content: "contact us";text-transform: uppercase;font-size: 80px;color: #eee;position: absolute;top:0;right: 0;line-height: 100%;font-family: Impact;letter-spacing: 2px;z-index: -1;} .contact .pic{width: 18%;} .contact .txt{width: 40%;padding-bottom: 3%;} .contact .txt h6{font-size: 30px;font-weight: bold;letter-spacing: 2px;} .contact .txt p{text-indent:2em;font-size: 18px;letter-spacing: 2px;color: #666;margin-top: 2%;line-height: 200%;text-align: justify;} .contact .txt p b{font-size: 24px;color: #333;text-decoration: none;} .contact .txt p span{text-decoration:none} .contact .img{width: 26%;margin-top: 1%;} .contact .img ul li{width: 48%;text-align: center;} .contact .img ul li em{display: block;background: #3d6db8;color: #fff;font-size: 20px;line-height: 240%;border-radius: 30px;margin-bottom: 30px;} .contact .img ul li span{display: block;background: #ff8f46;color: #fff;font-size: 18px;line-height: 240%;margin-top: 5px;} .contact .contactTel{width: 100%;background: #3d6db8 url(../image/bg11.jpg) center no-repeat;padding: 4% 0 3% 0;-webkit-background-size: cover;background-size: cover;} .contact .contactTel p{font-size: 18px;letter-spacing: 2px;color: rgba(255,255,255,.6);text-align: center;line-height: 50px;} .contact .contactTel p i{font-size: 40px;text-align: center;color: #3d6db8;display: block;width: 80px;line-height: 80px;background: #fff;border-radius: 50%;margin: 0 auto 20px auto;} .contact .contactTel p a{display: block;font-size: 32px;font-family: Impact;color: #fff;} .contact .contactTel p em{display: block;font-size: 24px;font-family: Impact;color: #fff;} .contact .contactTel p span{display: block;color: #fff;} /*contactTxt*/ .contactTxt{margin-top: 3%;} .contactTxt dl{width: 32%;} .contactTxt dl dt{position: relative;} .contactTxt dl dt .en{position: absolute;left: 0;top:0;background: #ff8f46;text-transform: uppercase;font-size: 20px;font-family: Impact;color: #fff;padding: 5px 15px;letter-spacing: 2px;} .contactTxt dl dd{padding: 7% 6% 6% 6%;background: #f2f8ff;} .contactTxt dl dd h5{justify-content: flex-start;margin-bottom: 3%;} .contactTxt dl dd h5 span{width: 50px;line-height: 50px;text-align: center;font-size: 30px;background: #3d6db8;color: #fff;border-radius: 50%;margin-right: 10px;} .contactTxt dl dd h5 span.i{background: #ff8f46;} .contactTxt dl dd p{font-size: 18px;line-height: 200%;letter-spacing: 1px;text-align: justify;color: #666;} /*contactList*/ .contactList{margin-bottom: 3%;} .contactList .title{width: 100%;} .contactList .con{width: 49%;background: #f2f8ff;padding: 2%;margin: 1% 0;position: relative;z-index: 1;} .contactList .con::after{content: "";position: absolute;right: 0;top:0;width: 36%;height: 100%;background: #3d6db8;z-index: -1;} .contactList .con .flex{width: 100%;} .contactList .con h5{font-size: 24px;margin-bottom: 2%;letter-spacing: 2px;} .contactList .con h5 span{width: 30%;text-align: center;float: right;color: rgba(255,255,255,.6);font-size: 18px;} .contactList .con .pic{width: 30%;} .contactList .con .txt{width: 30%;} .contactList .con .txt ul li:first-child{margin-bottom: 10%;} .contactList .con .txt ul li i{font-size: 20px;color: #3d6db8;margin-right: 10px;} .contactList .con .txt ul li span{font-size: 20px;letter-spacing: 2px;color: #666;} .contactList .con .txt ul li a{display: block;font-size: 30px;font-family: Impact;color: #ff8f46;line-height: 150%;letter-spacing: 1px;} .contactList .con .img{width: 30%;} .contactList .con .img img{border: 5px solid #fff;} .contactList .con p{font-size: 20px;margin-top: 2%;letter-spacing: 2px;color: #666;} .contactList .con p span{width: 30%;text-align: center;float: right;color: rgba(255,255,255,.6);font-size: 18px;} /*cultureTxt*/ .cultureTxt{margin: 4% auto;} .cultureTxt .txt{width: 36%;} .cultureTxt .txt h3{margin-bottom: 2%;margin: -8% 0 6% 0;} .cultureTxt .txt h3 img{width: 70px;margin: 0;} .cultureTxt .txt h3 span{width: 60px;line-height: 60px;font-size: 36px;text-align: center;background: #3d6db8;color: #fff;text-align: center;border-radius: 50%;margin-left: 10px;} .cultureTxt .txt p{font-size: 18px;line-height: 200%;color: #666;letter-spacing: 2px;text-align: justify;} .cultureTxt .txt .span{font-size: 72px;line-height: 120%;font-family: monospace;font-weight: bold;color: #ff8f46;margin-top: 8%;} .cultureTxt .txt .i{text-transform: uppercase;font-family: Impact;font-size: 100px;line-height: 100%;color: #eee;letter-spacing: 5px;} .cultureTxt .pic{width: 60%;} .cultureTxt .pic ul{align-items:flex-start;} .cultureTxt .pic ul li{width: 30%;position: relative;} .cultureTxt .pic ul li::after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);z-index: 1;} .cultureTxt .pic ul li:nth-child(2){margin-top: 0%;} .cultureTxt .pic ul li span{background: #ff8f46;position: absolute;right: 0;top:0;text-transform: uppercase;font-size: 24px;font-family: Impact;color: #fff;line-height: 200%;letter-spacing: 2px;padding: 0 20px;z-index: 2;} .cultureTxt .pic ul li p{width: 20px;font-size: 20px;color: #666;position: absolute;left: 50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);color: #fff;z-index: 2;} .cultureTxt .pic ul li p i{display: block;} /*cultureBan*/ .cultureBan{background: #3d6db8 url(../image/bg12.jpg) center no-repeat;color: #fff;overflow: hidden;-webkit-background-size: cover;background-size: cover;} .cultureBan .container{position: relative;padding: 3% 0;} .cultureBan .txt h3{justify-content: flex-start;font-size: 36px;letter-spacing: 2px;font-weight: bold;} .cultureBan .txt h3 img{width: 110px;margin: 0 20px 0 0;} .cultureBan .txt h3 b{display: block;} .cultureBan .txt h4{font-size: 40px;margin: 4% 10px 4% 0;background: #fff;color: #3d6db8;text-align: center;padding: 0 20px;text-align: justify;text-align-last: justify;} .cultureBan .txt .span{justify-content: flex-start;} .cultureBan .txt .span span{width: 50px;line-height: 50px;font-size: 30px;background: #ff8f46;text-align: center;border-radius: 50%;margin: 5px 10px 5px 0;} .cultureBan .txt h5{font-size: 36px;letter-spacing: 5px;margin: 3% 0 4% 0;} .cultureBan .txt h5 i{justify-content: flex-start;} .cultureBan .txt h5 span{width: 50px;line-height: 50px;font-size: 30px;border-radius: 50%;background: #fff;color: #3d6db8;text-align: center;letter-spacing: 0;margin: 10px 10px 0 0;} .cultureBan .pic{width: 50%;} /*culture*/ .culture{overflow: hidden;} .culture .list1{position: relative;justify-content: flex-end;z-index: 1;margin: 4% auto;} .culture .list1::after{content: "culture";position: absolute;right: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);text-transform: uppercase;writing-mode: tb-rl;font-size: 240px;font-family: Impact;line-height: 80%;color: #eee;z-index: -1;letter-spacing: 15px;} .culture .list1 .pic{width: 50%;position: absolute;z-index: 1;left: 0;top:0;padding: 3% 0 0 0;} .culture .list1 .pic::after{content: "";position: absolute;left: 0;top:0;width: 114%;height: 114%;border: 1px solid #3d6db8;border-radius: 50%;z-index:-1;} .culture .list1 .pic img{border-radius: 50%;} .culture .list1 .txt{width: 65%;justify-content: flex-end;} .culture .list1 .txt dl{width: 100%;} .culture .list1 .txt dl{width: 100%;} .culture .list1 .txt dl:nth-child(1){margin-left: 6%;} .culture .list1 .txt dl:nth-child(2){margin-left: 18%;} .culture .list1 .txt dl:nth-child(3){margin-left: 25%;margin-top: 3%;margin-bottom: 4%;} .culture .list1 .txt dl:nth-child(4){margin-left: 28%;} .culture .list1 .txt dl:nth-child(5){margin-left: 25%;margin-top: 4%;margin-bottom: 3%;} .culture .list1 .txt dl:nth-child(6){margin-left: 16%;} .culture .list1 .txt dl dt{width: 120px;border: 1px solid #3d6db8;border-radius: 50%;background: #fff;padding: 3px;z-index: 1;} .culture .list1 .txt dl dt img{border-radius: 50%;} .culture .list1 .txt dl dd{width: calc(100% - 140px);} .culture .list1 .txt dl dd h4{font-size: 30px;letter-spacing: 2px;font-weight: bold;margin-bottom: 10px;} .culture .list1 .txt dl dd p{font-size: 18px;letter-spacing: 2px;color: #666;display: block;} .culture .list2{position: relative;} .culture .list2 ul{width: 100%;} .culture .list2 ul li{text-align: center;position: relative;z-index: 1;color: #fff;} .culture .list2 ul li::after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(61, 109, 184, .8);z-index: -1;} .culture .list2 ul li i.fa{font-size: 50px;color: rgba(255,255,255,.6);} .culture .list2 ul li h4{font-size: 30px;letter-spacing: 5px;font-weight: bold;position: relative;padding-left: 5px;margin: 3% 0 6% 0;} .culture .list2 ul li p i{margin: 10px 0;justify-content: center;} .culture .list2 ul li p span{width: 40px;line-height: 38px;font-size: 20px;text-align: center;border: 1px solid rgba(255,255,255,.6);border-radius: 50%;margin: 0 5px;} .culture .list2 ul.ul1{position: absolute;bottom:0;left: 0;} .culture .list2 ul.ul1 li{width: 16%;padding: 3% 0;} .culture .list2 ul.ul1 li:nth-child(1){background: #3d6db8 url(../image/culture8.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;} .culture .list2 ul.ul1 li:nth-child(2){background: #3d6db8 url(../image/culture9.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;} .culture .list2 ul.ul2{position: absolute;bottom:0;padding: 0 16.8%;} .culture .list2 ul.ul2 li{width: 24%;padding: 4.5% 0;} .culture .list2 ul.ul2 li:nth-child(1){background: #3d6db8 url(../image/culture10.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;} .culture .list2 ul.ul2 li:nth-child(2){background: #3d6db8 url(../image/culture11.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;} .culture .list2 ul.ul3{padding: 0 33.6%;} .culture .list2 ul.ul3 li{width: 48.6%;padding: 9% 0;} .culture .list2 ul.ul3 li:nth-child(1){background: #3d6db8 url(../image/culture12.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;} .culture .list2 ul.ul3 li:nth-child(2){background: #3d6db8 url(../image/culture13.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;} .culture .list3{margin: 2% auto;} .culture .list3 ul{margin-right: 60px;} .culture .list3 ul li{margin: 60px 0;} .culture .list3 ul li h4{font-size: 30px;letter-spacing: 2px;font-weight: bold;margin-bottom: 10px;position: relative;padding-left: 30px;} .culture .list3 ul li h4::before{content: "";position: absolute;left: 0;top:50%;margin-top: -12px;width: 3px;height: 28px;background: #3d6db8;} .culture .list3 ul li p{font-size: 18px;letter-spacing: 2px;color: #666;padding-left: 30px;} .culture .list3 .pic{width: 35%;} /*cultureCore*/ .cultureCore{background: #3d6db8 url(../image/bg5.jpg) center no-repeat;overflow: hidden;-webkit-background-size: cover;background-size: cover;} .cultureCore .container{position: relative;padding: 3% 0 2% 0;} .cultureCore h3{width: 100%;font-size: 40px;font-weight: bold;letter-spacing: 5px;text-align: center;color: #fff;margin-bottom: 2%;} .cultureCore ul{align-items: flex-start;} .cultureCore ul li{width: 18%;margin: 1.5% 0;align-items: flex-start;} .cultureCore ul li h5{align-items: flex-start;} .cultureCore ul li h5 em{width: 50px;font-size: 50px;line-height: 120%;font-weight: bold;font-family: monospace;color: #fb9959;} .cultureCore ul li h5 span{font-size: 20px;font-weight: 100;text-transform: uppercase;writing-mode: tb-rl;color: rgba(255,255,255,.6);margin: 30px 0 0 15px;} .cultureCore ul li img{width: 60%;margin: 0;border-radius: 50%;border: 2px solid #fff;} .cultureCore ul li p{width: 100%;margin-top: 20px;font-size: 20px;letter-spacing: 2px;color: #fff;} .cultureCore ul li p span{display: block;} /*culturePolicy*/ .culturePolicy{margin: 4% auto;} .culturePolicy h3{justify-content: center;margin-bottom: -60px;} .culturePolicy h3 span{width: 60px;line-height: 60px;font-size: 30px;text-align: center;background: #ff8f46;color: #fff;margin: 0 10px;border-radius: 50%;} .culturePolicy .Box{background: #3d6db8;} .culturePolicy .con{width: 70%;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px rgba(0,0,0,0.15);box-shadow:0 0 15px rgba(0,0,0,0.15);padding: 3%;background: #fff;} .culturePolicy .con ul li:nth-child(2){margin: 3% 0;} .culturePolicy .con ul li h4{justify-content: flex-start;margin-bottom: 10px;} .culturePolicy .con ul li h4 span{width: 50px;line-height: 50px;text-align: center;background: #ff8f46;color: #fff;border-radius: 50%;margin-right: 10px;font-size: 24px;} .culturePolicy .con ul li p{font-size: 18px;letter-spacing: 2px;color: #666;} .culturePolicy .txt{width: 30%;background: #3d6db8;color: #fff;padding: 2% 3%;} .culturePolicy .txt p{font-size: 18px;letter-spacing: 2px;text-align: justify;margin: 10px 0;line-height: 230%;} /*cultureDream*/ .cultureDream{background: #3d6db8;padding: 4% 0 3% 0;justify-content: center;align-items: flex-start;position: relative;z-index: 1;} .cultureDream::before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 40%;background: #3d6db8 url(../image/bg3.jpg) center no-repeat;z-index: -1;} .cultureDream::after{content: "";position: absolute;left: 0;bottom:0;width: 100%;height: 30%;background: #3d6db8 url(../image/bg17.jpg) center no-repeat;z-index: -1;} .cultureDream h3{width: 100%;margin-bottom: 4%;justify-content: center;} .cultureDream h3 span{width: 60px;line-height: 60px;font-size: 36px;text-align: center;border-radius: 50%;margin: 0 5px;background: #fff;color: #3d6db8;} .cultureDream ul.ul1{width: 50%;margin-top: 5.9%;} .cultureDream ul.ul2{width: 50%;} .cultureDream ul li{width: 33.33%;} .cultureDream ul.ul1 li img{transform:skew(0,-10deg);} .cultureDream ul.ul2 li img{transform:skew(0,10deg);} .cultureDream ul.ul1 li:nth-child(3n-1){margin-top: -11.8%;} .cultureDream ul.ul1 li:nth-child(3n){margin-top: -23.6%;} .cultureDream ul.ul2 li:nth-child(3n-1){margin-bottom: -11.8%;} .cultureDream ul.ul2 li:nth-child(3n){margin-bottom: -23.6%;} .cultureDream h4{width: 100%;justify-content: center;margin: -50px 0 20px 0;} .cultureDream h4 span{background: #fff;font-size: 24px;letter-spacing: 2px;color: #3d6db8;border-radius: 6px;padding: 10px 15px;margin: 0 10px;} .cultureDream p{font-size: 24px;font-weight: 100;letter-spacing: 2px;color: #fff;} /*cultureIdea*/ .cultureIdea{margin-bottom: 1%;} .cultureIdea ul{align-items: flex-start;} .cultureIdea ul li{width: 31%;margin-bottom: 3%;} .cultureIdea ul li h5{font-size: 30px;font-weight: bold;position: relative;z-index: 1;padding: 10px;letter-spacing: 5px;} .cultureIdea ul li h5::before{content: "";width: 30px;height: 30px;border-radius: 50%;background: #3d6db8;position: absolute;left: 0;top:0;z-index: -1;} .cultureIdea ul li h5::after{content: "";width: 30px;height: 2px;background: #ff8f46;position: absolute;right: 0;top:50%;z-index: -1;} .cultureIdea ul li p{font-size: 18px;letter-spacing: 2px;text-align: justify;color: #666;} /*zuzhi*/ .zuzhi .title{padding: 3% 6%;} .zuzhi .con1{text-align: center;} .zuzhi .con1 span{width: 15%;display: block;margin: 0 auto;background: #3d6db8;color: #fff;font-size: 24px;font-weight: bold;padding: 20px 0;letter-spacing: 5px;border-radius: 6px;position: relative;} .zuzhi .con1 span::after{content: "";position: absolute;bottom: -60px;left:50%;background: #3d6db8;height: 60px;width: 1px;} .zuzhi .con1 span i{display: block;font-size: 40px;margin: 5px 0 10px 0;} .zuzhi .con2{position: relative;margin: 120px 0;} .zuzhi .con2::before{content: "";position: absolute;top: -60px;left:25%;background: #3d6db8;height: 1px;width: 50%;} .zuzhi .con2 ul{justify-content: center;} .zuzhi .con2 ul li{width: 15%;font-size: 20px;letter-spacing: 2px;background: #3d6db8;color: #fff;border-radius: 6px;text-align: center;position: relative;margin: 0 5%;z-index: 1;padding: 20px 0;} .zuzhi .con2 ul li::before{content: "";position: absolute;top: -60px;left:50%;background: #3d6db8;height: calc(100% + 120px);width: 1px;z-index: -1;} .zuzhi .con2 ul li::after{content: "";position: absolute;top: -65px;left:calc(50% - 5px);;background: #3d6db8;height: 11px;width: 11px;border-radius: 50%;} .zuzhi .con2 ul li i{display: block;font-size: 40px;margin: 5px 0 10px 0;} .zuzhi .con3{position: relative;width: 100%;} .zuzhi .con3::before{content: "";position: absolute;top: -60px;left:1.33%;background: #3d6db8;height: 1px;width: calc(97.34% + 1px);} .zuzhi .con3 ul{width: 100%;align-items: flex-start;} .zuzhi .con3 ul li{width: 3%;background: #f2f8ff;border-top: 2px solid #3d6db8;border-radius: 6px;font-size: 18px;line-height: 160%;letter-spacing: 2px;padding: 20px 0;text-align: center;position: relative;} .zuzhi .con3 ul li::before{content: "";position: absolute;top: -60px;left:50%;background: #3d6db8;height: 60px;width: 1px;} .zuzhi .con3 ul li::after{content: "";position: absolute;top: -67px;left:calc(50% - 5px);;background: #3d6db8;height: 11px;width: 11px;border-radius: 50%;} .zuzhi .con3 ul li span{display: block;width: 18px;text-align: center;margin: 0 auto;} .zuzhiBox{padding: 4% 0;overflow: hidden;position: relative;} .swiper-container-zuzhi{position: relative;width: 100%;} .zuzhiPage{margin-bottom: 2%;} .zuzhiPage h4 img{width: 60px;margin: 0 10px 0 0;} .zuzhiPage h4 em{font-size: 40px;font-weight: bold;line-height: 150%;letter-spacing: 5px;} .zuzhiPage h4 span{text-transform: uppercase;color: #ccc;font-size: 30px;font-weight: 100;padding: 15px 0 0 10px;} .zuzhiPage ul{width: 40%;} .zuzhiPage ul li{font-size: 22px;font-weight: 100;letter-spacing: 2px;color: #666;margin-right: 1px;line-height: 240%;} .zuzhiPage ul li.on{color: #3d6db8;border-bottom: 2px solid #3d6db8;} .zuzhiTxt{width: 100%;} .zuzhiTxt .pic{width: 50%;} .zuzhiTxt .txt{width: 50%;position: relative;z-index: 1;padding: 4% 4% 3% 0;} .zuzhiTxt .txt::after{content: "";position: absolute;left: calc(-8% - 10px);top:0;width: 108%;height: 100%;background: #fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px rgba(0,0,0,0.15);box-shadow:0 0 15px rgba(0,0,0,0.15);z-index: -1;} .zuzhiTxt .txt h5{font-size: 36px;font-weight: bold;letter-spacing: 5px;margin-bottom: 3%;} .zuzhiTxt .txt p{font-size: 18px;line-height: 180%;letter-spacing: 2px;color: #666;position: relative;padding-left: 24px;margin: 10px 0;} .zuzhiTxt .txt p i{position: absolute;left: 0;color: #3d6db8;line-height: 180%;} .zuzhiTxt .txt1{padding-bottom: 10%;} .zuzhiTxt .txt1::before{content: "technology";position: absolute;left: 0;bottom:10%;text-transform: uppercase;color: #eee;font-size: 80px; font-family:Impact;letter-spacing: 2px;line-height: 100%;} .zuzhiTxt .txt1 .img{position: absolute;width: 50%;right: 20px;bottom:0;} .zuzhiTxt .txt2 .img{position: absolute;width: 50%;right: 20px;bottom:0;} .zuzhiTxt .txt3{padding-bottom: 10%;} .zuzhiTxt .txt3 .img{position: absolute;width: 45%;right: 20px;bottom:0;} .zuzhiTxt .txt3::before{content: "business";position: absolute;left: 0;bottom:10%;text-transform: uppercase;color: #eee;font-size: 80px; font-family:Impact;letter-spacing: 2px;line-height: 100%;} /*coreBox*/ .coreBox{overflow: hidden;margin: 4% auto;} .coreTit{padding-bottom: 2%;border-bottom: 1px solid #eee;position: relative;} .coreTit::after{display: block;content: "";position: absolute;width: 40px;height: 3px;background: #ff8f46;bottom:-2px;left:50%;margin-left: -20px;} .coreTit h4{justify-content: center;} .coreTit h4 span{background: #ff8f46;color: #fff;width: 60px;line-height: 60px;font-size: 36px;margin: 0 10px 0 0;border-radius: 50%;font-weight: bold;text-align: center;} .coreTit .en{display: block;text-transform: uppercase;line-height: 100%;font-size: 30px;color: #aaa;font-weight: 100;letter-spacing: 5px;margin-top: 10px;} .coreTit h3{font-size: 40px;letter-spacing: 2px;font-weight: bold;color: #3d6db8;} .coreTit p{font-size: 20px;color: #888;letter-spacing: 2px;margin-top: 5px;} .coreList{margin: 3% auto 2% auto;} .coreList ul li img{width: 60px;margin-right: 10px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);opacity: .3;transition:all .1s linear;} .coreList ul li b{font-size: 30px;letter-spacing: 2px;color: #888;} .coreList ul li b span{display: block;font-size: 16px;font-weight: 100;color: #888;margin-top: 8px;text-transform: uppercase;letter-spacing: 0;line-height: 120%;} .coreList ul li.on b{color: #3d6db8;} .coreList ul li.on img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;} .core{overflow: hidden;} .core .swiper-slide::after{position: absolute;content: "";right:0;top:0;width: 75%;height: 100%;background: #f2f8ff;z-index: -1;} .core .txt{width: 50%;padding: 3%;position: relative;z-index: 1;} .core .txt::after{position: absolute;content: "";right:0;top:0;width: 150%;height: 100%;background: #f2f8ff;z-index: -1;} .core .txt h3{font-size: 40px;font-weight: bold;letter-spacing: 2px;color: #ff8f46;margin-bottom: 30px;} .core .txt h3 span{font-size: 60px;margin-right: 30px;font-family: Impact;line-height: 100%;color: #3d6db8;float: left;} .core .txt p{font-size: 18px;letter-spacing: 1px;padding-left: 30px;position: relative;margin: 10px 0;text-align: justify;} .core .txt p i{position: absolute;left:0;top:6px;color: #3d6db8;} .core .txt p span{justify-content: flex-start;width: 100%;font-size: 20px;font-weight: bold;color: #3d6db8;} .core .txt p span img{margin: 0 10px 0 0;} .core .pic{width: 50%;position: relative;z-index: 2;} .core .pic img{width: 100%;} .corePage{margin-top: 40px;font-family: Impact;font-size: 30px;color: #aaa;text-align: right;position: relative;z-index: 1;} .corePage::before{position: absolute;content: "";left:0;top:50%;width: 82%;height: 1px;background: #ddd;z-index: -1;} .corePage::after{position: absolute;content: "";right:18%;top:50%;width: 15px;height: 15px;background: #ddd;z-index: -1;border-radius: 50%;margin-top: -7px;} .corePage .on{font-size: 150%;color: #ff8f46;line-height: 100%;} /*promise*/ .promise{margin: 4% auto;} .promise .con{position: relative;z-index: 1;} .promise .con::after{display: block;content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: url(../image/pic7.png) bottom center no-repeat;-webkit-background-size: 25%;background-size: 25%;z-index: -1;} .promise h3{justify-content: center;font-size: 40px;letter-spacing: 2px;font-weight: bold;} .promise h3 img{width: 60px;margin: 0 15px 0 0;} .promise dl{align-items: flex-start;position: relative;width: 32%;margin-top: 3%;z-index: 1;} .promise dl::before{display: block;content: "";position: absolute;left: 25px;top:0;width: 1px;height: 100%;background: #3d6db8;z-index: -1;} .promise dl::after{display: block;content: "";position: absolute;left: 20px;bottom:0;width: 10px;height: 10px;background: #3d6db8;z-index: -1;} .promise dl:nth-child(odd){margin-right: 20%;} .promise dl dt span{display: block;width: 50px;background: #3d6db8;font-size: 28px;line-height: 50px;text-align: center;color: #fff;border-radius: 50%;font-family: Impact;} .promise dl dd{width: calc(100% - 70px);} .promise dl dd h4{font-size: 28px;font-weight: bold;margin: 2px 0 10px 0;letter-spacing: 2px;} .promise dl dd p{font-size: 18px;letter-spacing: 2px;color: #666;} /*criterion*/ .criterion{position: relative;z-index: 1;} .criterion::after{display: block;content: "";position: absolute;width: 2px;background: #f2f8ff;height: 100%;top:0;left: 50%;margin-left: -1px;z-index: -1;} .criterion .container{position: relative;} .criterion .title{position: absolute;width: 48%;left: 0;top:-2%;} .criterion .title h3{padding-bottom: 2%;position: relative;margin-bottom: 3%;} .criterion .title h3::after{display: block;position: absolute;content: "";width: 40px;height: 2px;background: #3d6db8;left: 0;bottom:0;} .criterion .title p{padding-right: 30%;} .criterion .con{margin-top: 4%;padding-bottom: 1%;} .criterion .con ul li{width: 46%;margin-bottom: 3%;} .criterion .con ul li:first-child{margin-left: 54%;} .criterion .con ul li:nth-child(2n){margin-top: -26%;} .criterion .con ul li .tit{background: #f2f8ff;padding: 10px;flex-wrap: nowrap;position: relative;} .criterion .con ul li .tit::before{position: absolute;content: '';top: 50%;width: 30px;height: 30px;background: #fff;border-radius: 50%;border: 4px solid #3d6db8;margin-top: -15px;} .criterion .con ul li .tit::after{position: absolute;content: '';top: 50%;border-color: transparent #f2f8ff transparent transparent;border-width: 30px;border-style: solid;margin-top: -30px;} .criterion .con ul li:nth-child(even) .tit::before{right: calc(-12.75% + 15px);} .criterion .con ul li:nth-child(even) .tit::after{border-color: transparent transparent transparent #f2f8ff;right: -60px;} .criterion .con ul li:nth-child(odd) .tit::before{left: calc(-12.75% + 15px);} .criterion .con ul li:nth-child(odd) .tit::after{left: -60px;} .criterion .con ul li .tit img{margin: 0;} .criterion .con ul li .tit h4{text-align: center;margin: 0 40px 0 30px;} .criterion .con ul li .tit h4 span{display: block;font-size: 60px;font-family: Impact;line-height: 100%;margin-bottom: 20px;color: #888;} .criterion .con ul li .tit h4 em{display: block;width: 120px;padding: 25px 20px;font-size: 28px;font-weight: bold;text-align: center;line-height: 35px;letter-spacing: 3px;background: #3d6db8;color: #fff;border-radius: 50%;} .criterion .con ul li .txt{font-size: 18px;color: #666;letter-spacing: 1px;padding-left: 3px;margin-top: 20px;} .criterion .p{position: absolute;left: 0;bottom:3%;width: 46%;padding: 2%;background: #f2f8ff;} .criterion .p i{width: 100px;} .criterion .p h4{width: calc(100% - 120px);;font-size: 24px;letter-spacing: 2px;line-height: 160%;} .criterion .text{background: #3d6db8 url(../image/bg17.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;padding: 2% 0;} .criterion .text span{width: 50px;line-height: 48px;border: 1px solid #fff;margin: 0 5px;font-size: 30px;text-align: center;border-radius: 50%;} /*statement*/ .statement{margin: 3% auto;} .statement h3{justify-content: center;font-size: 40px;font-weight: bold;letter-spacing: 2px;margin-bottom: 1%;} .statement h3 img{width: 60px;margin: 0 15px 0 0;} .statement .con{width: 78%;} .statement .con h5{font-size: 28px;font-weight: bold;letter-spacing: 2px;margin: 2% 0 1% 0;} .statement .con p{font-size: 18px;letter-spacing: 1px;color: #666;margin: 10px 0;position: relative;padding-left: 45px;} .statement .con p i{position: absolute;left: 0;top:1px;width: 30px;line-height: 30px;background: #3d6db8;color: #fff;text-align: center;border-radius: 6px;} .statement .con .c .flex{justify-content: flex-start;padding-left: 45px;margin: 10px 0;} .statement .con .c span{width: 40px;line-height: 40px;background: #3d6db8;color: #fff;border-radius: 6px;margin-right: 10px;font-size: 20px;text-align: center;} .statement .pic{width: 22%;} /*speech*/ .speech{margin: 4% auto 3% auto;} .speech .con{width: 75%;position: relative;} .speech .con h3{justify-content: flex-start;align-items: flex-end;position: relative;z-index: 1;} .speech .con h3::after{content: "speech";text-transform: uppercase;position: absolute;font-family: Impact;color: #eee;font-size: 150px;line-height: 100%;right: 0;z-index: -1;letter-spacing: 5px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);} .speech .con h3 span{background: #3d6db8;color: #fff;width: 60px;line-height: 60px;text-align: center;font-size: 36px;border-radius: 50%;margin-right: 10px;font-family: monospace;} .speech .con h3 i{font-family: monospace;font-size: 80px;line-height: 100%;} .speech .con h3 i.i2{margin-bottom: 20px;} .speech .con h3 em{text-transform: uppercase;color: #ddd;font-weight: 100;position: absolute;line-height: 120%;font-size: 20px;left: 0;top: -10px;width: 200px;} .speech .con ul{width: 120px;position: absolute;right: -160px;top:60%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);z-index: 1;} .speech .con ul li{width: 100%;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;font-size: 20px;padding: 14px 0;letter-spacing: 5px;margin: 15px 0;position: relative;} .speech .con ul li::before{content: "";position: absolute;width: 20px;height: 20px;background: #fff;border: 2px solid #3d6db8;border-radius: 50%;top:-8px;left: calc(50% - 10px);} .speech .con ul li::after{content: "";position: absolute;width: 6px;height: 6px;background: #3d6db8;border-radius: 50%;top:-1px;left: calc(50% - 3px);} .speech .con ul li span{display: block;background: #ff8f46;padding: 5px 0;margin: 5px 0;border-radius: 50%;} .speech .con h5{font-size: 30px;font-weight: bold;letter-spacing: 2px;margin: 3% 0 2% 0;text-decoration: wavy underline #ccc;} .speech .con p{font-size: 18px;line-height: 200%;letter-spacing: 2px;color: #666;text-align: justify;text-indent:2em;margin-top: 1%;text-decoration: wavy underline #ccc;} .speech .con p b{color: #ff8f46;} .speech .pic{width: 20%;} /*message*/ .message .tit{margin: 4% auto 2% auto;} .message .tit h3{justify-content: center;margin-bottom: 1%;} .message .tit h3 img{width: 60px;margin: 0;} .message .tit h3 em{width: 52px;line-height: 52px;background: #3d6db8;color: #fff;text-align: center;border-radius: 50%;margin-left: 10px;font-size: 30px;} .message .tit h3 span{text-transform: uppercase;font-size: 24px;font-weight: 100;color: #888;padding-left: 15px;letter-spacing: 2px;} .message .tit p{font-size: 20px;letter-spacing: 2px;color: #888;line-height: 200%;padding: 0 9%;} .message .con{align-items: flex-end;} .message .txt{width: 46%;position: relative;z-index: 1;} .message .txt::before{content: "";position: absolute;width: 35vw;height: 35vw;background: rgba(255, 143, 70, .6);border-radius: 50%;border: 40px solid rgba(255, 143, 70, .3);z-index: -1;right: 20%;top:30%;} .message .txt p{align-items: flex-start;position: absolute;right: 3%;top:2%;font-size: 20px;line-height: 150%;color: #666;} .message .txt p span{display: block;width: 20px;margin: 0 15px;} .message .txt p i{display: block;} .message .txt img{width: 55%;margin: 0;} .message .form{width: 50%;margin: 3% 0;} .message .form ul li{width: 100%;position: relative;padding: 5px 10px 20px 10px;justify-content: flex-start;align-items: flex-start;line-height: 30px;margin-bottom: 4%;border-bottom: 1px solid #eee;} .message .form ul li input,.message .form ul li textarea{width: calc(100% - 60px);line-height: 30px;font-size: 18px;letter-spacing: 2px;} .message .form ul li i{font-size: 30px;color: #3d6db8;width: 30px;text-align: center;line-height: 30px;margin-right: 20px;} .message .form .btn{margin: 4% 0;} .message .form .btn input{width: 48%;line-height: 240%;font-size: 20px;color: #fff;} .message .form .btn .submit{background: #3d6db8;margin-right: 2%;} .message .form .btn .reset{background: #ff8f46;} .message .text{width: 100%;background: #3d6db8 url(../image/bg13.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;padding: 3%;position: relative;z-index: 2;} .message .text h5{display: block;font-size: 40px;font-weight: 100;letter-spacing: 10px;line-height: 150%;margin-bottom: 2%;} .message .text h4 span{width: 60px;line-height: 60px;font-size: 36px;text-align: center;border-radius: 50%;background: #ff8f46;margin-right: 10px;} .message .text .tel{padding: 2% 3% 1% 3%;border: 1px solid rgba(255,255,255,.8);letter-spacing: 5px;} .message .text .tel a{display: block;font-size: 40px;font-family: Impact;line-height: 150%;letter-spacing: 5px;} /*messageList*/ .messageList{margin-bottom: 4%;} .messageList .title{width: 100%;padding: 4% 0 1% 0;} .messageList .con{width: 23.5%;margin-top: 2%;} .messageList .con .picCon{padding: 5%;border: 1px solid #eee;border-bottom: none;} .messageList .con .pic{width: 54%;} .messageList .con .img{width: 40%;text-align: center;} .messageList .con .img span{display: block;color: #888;margin-bottom: 10px;line-height: 20px;} .messageList .con h5{width: 100%;background: #ff8f46;color: #fff;font-size: 18px;padding: 0 10px;letter-spacing: 2px;position: relative;} .messageList .con h5::before{content: "";position: absolute;left: 0;top:-10px;border-color: transparent transparent #ff8f46 #ff8f46;border-width: 5px;border-style: solid;} .messageList .con h5::after{content: "";position: absolute;right: 0;top:-10px;border-color: transparent #ff8f46 #ff8f46 transparent;border-width: 5px;border-style: solid;} .messageList .con h5 i{font-size: 20px;margin-right: 10px;color: rgba(255,255,255,.6);} .messageList .con h5 a{font-size: 24px;font-family: Impact;color: #fff;line-height: 46px;} /*certificate*/ .certificate{margin: 1% auto 3% auto;} .certificate ul{justify-content: flex-start;align-items: flex-start;} .certificate ul li{width: 23.5%;margin: 1% 2% 1% 0;padding:0 2%;position: relative;z-index: 1;} .certificate ul li::after{content: "";position: absolute;width: 100%;height: 40%;background: #3d6db8;right: 0;bottom:0;z-index: -1;} .certificate ul li:nth-child(4n){margin-right: 0;} .certificate ul li img{-webkit-box-shadow:0 0 15px rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px rgba(0,0,0,0.15);box-shadow:0 0 15px rgba(0,0,0,0.15);} .certificate ul li h3 a{display: block;font-size: 20px;line-height: 180%;letter-spacing: 2px;padding: 10px 0;color: #fff;text-align: center;text-align: center;} /*.labCon*/ .labCon{margin: 3% auto;} .labCon ul{justify-content: flex-start;align-items: flex-start;} .labCon ul li{width: 23.5%;margin: 1% 2% 1% 0;} .labCon ul li:nth-child(4n){margin-right: 0;} .labCon ul li h3{text-align: center;} .labCon ul li h3 a{display: inline-block;font-size: 20px;line-height: 50px;letter-spacing: 2px;background: #3d6db8;color: #fff;position: relative;z-index: 1;padding: 0 15px;} .labCon ul li h3 a::before{position: absolute;content: '';top: 0;left: -30px;border-color: transparent #3d6db8 #3d6db8 transparent;border-width: 25px 15px;border-style: solid;} .labCon ul li h3 a::after{position: absolute;content: '';top: 0;right: -30px;border-color: transparent transparent #3d6db8 #3d6db8;border-width: 25px 15px;border-style: solid;} .labCon ul li img{padding: 2%;border: 1px solid #3d6db8;} /*labShow*/ .labShow{margin: 3% auto;align-items: flex-start;position: relative;} .labShow::after{content:"";position: absolute;left: 18%;top:0;width: 1px;height: 100%;background: #eee;} .labShow .list{width: 18%;} .labShow .list h4{font-size: 36px;letter-spacing: 5px;font-weight: bold;padding-bottom: 5%;border-bottom: 1px solid #eee;margin-bottom: 5%;} .labShow .list h4 span{text-transform: uppercase;color: #ccc;font-size: 24px;font-weight: 100;display: block;line-height: 120%;letter-spacing: 2px;} .labShow .list ul li{font-size: 18px;letter-spacing: 2px;line-height: 240%;padding-left: 30px;position: relative;z-index: 1;} .labShow .list ul li::before{content: "";position: absolute;left: 0;top: 50%;width: 8px;height: 8px;background: #eee;margin-top: -5px;} .labShow .list ul li a{display: block;} .labShow .list ul li:hover a,.labShow .list ul li.on a{color: #3d6db8;} .labShow .list ul li:hover::before,.labShow .list ul li.on::before{background: #3d6db8;} .labShow .txt{width: 78%;} .labShow .txt h1{justify-content: center;font-size: 40px;font-weight: bold;letter-spacing: 5px;margin-bottom: 2%;} .labShow .txt h1 img{width: 60px;margin: 0 20px 0 0;} .labShow .txt p{font-size: 18px;letter-spacing: 1px;color: #666;text-align: justify;line-height: 200%;text-indent:2em;margin-top: 1%;} /*labPic*/ .labPic{background: #f2f8ff;padding: 3% 0;} .labPic h3{font-size: 40px;letter-spacing: 2px;font-weight: bold;} .labPic h3 em{color: #ff8f46;} .labPic h4{font-size: 24px;letter-spacing: 2px;font-weight: 100;color: #666;margin: .5% 0 2% 0;} .labPic h4 span{color: #3d6db8;} .labPic ul li{width: 24.25%;margin: .5% 0;} /*service*/ .service{margin: 3% auto;} .service .tit{margin-bottom: 1%;} .service .tit h3{font-size: 40px;letter-spacing: 2px;font-weight: bold;} .service .tit h3 img{width: 60px;margin: 0 15px 0 0;} .service .tit p{font-size: 20px;color: #888;letter-spacing: 2px;border-bottom: 1px solid #eee;padding-bottom: 10px;position: relative;} .service .tit p::before{content: "";position: absolute;left: -10px;bottom:-5px;width: 10px;height: 10px;border-radius: 50%;background: #eee;} .service .list{position: relative;} .service .list ul li{width: 24.25%;margin: .5% 0;position: relative;} .service .list ul li:nth-child(5){margin-right: 50%;} .service .list ul li h4{width: 100%;left: 0;bottom:0;text-align: center;font-size: 18px;letter-spacing: 2px;color: #313131;line-height: 280%; background-color: #e7e7e7;} .service .list ul li h4 a{display: block;font-size: 18px;letter-spacing: 2px;color: #313131;line-height: 280%; background-color: #ddd;} .service .list .img{width: 49.5%;position: absolute;left: 25.25%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);} /*systemBox*/ .systemBox{overflow: hidden;} .systemBox .title h3{justify-content: center;margin: 1% auto;} .systemBox .title h3 img{width: 70px;margin: 0 10px 0 0;} .systemBox .title h3 span{width: 60px;line-height: 60px;text-align: center;font-size: 36px;font-weight: bold;background: #3d6db8;color: #fff;margin-left: 10px;border-radius: 50%;letter-spacing: 0;} .systemBox .text{background: #3d6db8;color: #fff;overflow: hidden;} .systemBox .text p{font-size: 30px;font-weight: 100;letter-spacing: 3px;padding-left: 2%;} .systemBox .text h4{font-size: 36px;font-weight: bold;letter-spacing: 3px;background: #ff8f46;padding: 2% 2%;position: relative;} .systemBox .text h4::before{position: absolute;content: '';top: 0;left: -60px;border-color: transparent #ff8f46 #ff8f46 transparent;border-width: 60px 30px;border-style: solid;} .systemPage{margin: 4% auto;} .systemPage ul li{font-size: 28px;line-height: 300%;font-weight: 100;letter-spacing: 2px;color: #888;border: 1px solid #eee;padding: 0 2%;} .systemPage ul li.on{color: #3d6db8;border: 1px solid #3d6db8;} .systemPage ul li i{padding: 0 30px;color: #ddd;} .systemPage ul li.on i{color: #3d6db8;} .systemPage ul li span{} .system{overflow: hidden;} .system .tit{padding: 0 40% 2% 0;} .system .tit h4{font-size: 30px;line-height: 35px;padding: 25px 20px 25px 25px;font-weight: bold;letter-spacing: 5px;width: 120px;text-align: center;background: #ff8f46;color: #fff;border-radius: 50%;position: relative;} .system .tit h4::before{content: "";position: absolute;left: 50%;bottom:-40px;width: 2px;height: 40px;background: #ff8f46;margin-left: -1px;} .system .tit p{font-size: 20px;letter-spacing: 2px;color: #888;width: calc(100% - 140px);line-height: 200%;} .system .tit span{display: none;} .system .txt{padding: 3% 40% 3% 0;background: #f2f8ff;position: relative;} .system .txt p{font-size: 18px;text-align: justify;letter-spacing: 2px;color: #666;margin: 1.5% 0;padding-left: 70px;position: relative;} .system .txt p i{position: absolute;left: 0;top:0;background: #3d6db8;color: #fff;width: 50px;line-height: 30px;border-radius: 0 15px 15px 0;font-size: 20px;text-align: center;letter-spacing: 0;padding-right: 5px;font-family: Impact;} .system .pic{width: 36%;position: absolute;right: 0;bottom:0;background: #3d6db8;} /*budget*/ .budget{margin: 4% auto;background: #3d6db8 url(../image/bg1.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;} .budget .container{position: relative;padding: 3% 0;} .budget .txtl p{font-size: 20px;letter-spacing: 2px;color: rgba(255,255,255,.8);} .budget .txtl h3{font-size: 40px;font-weight: bold;letter-spacing: 5px;margin-top: 1%;} .budget .txtr p{font-size: 20px;letter-spacing: 2px;color: rgba(255,255,255,.8);} .budget .txtr .tel{justify-content:flex-end;margin-top: 3%;} .budget .txtr .tel a{font-size: 36px;} .budget .pic{position: absolute;bottom:0;width: 10%;left: 50%;} /*systemPraise*/ .systemPraise{margin-bottom: 4%;align-items:flex-start;position: relative;z-index: 1;} .systemPraise::after{content: "Public praise";position: absolute;right: 0;bottom:0;text-transform: uppercase;font-family: Impact;font-size: 120px;line-height: 80%;letter-spacing: 5px;color: #eee;} .systemPraise .pic{width: 48%;position: relative;z-index: 2;} .systemPraise .pic h3{justify-content:flex-start;margin-bottom: 5%;} .systemPraise .pic h3 img{width: 70px;margin: 0 10px 0 0;} .systemPraise .pic h3 span{width: 60px;line-height: 60px;text-align: center;font-size: 36px;background: #3d6db8;color: #fff;border-radius: 50%;margin-left: 10px;} .systemPraise .txt{width: 48%;position: relative;z-index: 1;padding: 4% 4% 4% 0;} .systemPraise .txt::before{content: "";position: absolute;right: 0;top:0;width: 120%;height: 100%;background: #f2f8ff;z-index: -1;} .systemPraise .txt h4{font-size: 32px;font-weight: bold;letter-spacing: 2px;margin-bottom: 3%;padding-bottom: 3%;position: relative;} .systemPraise .txt h4::before{content: "";position: absolute;left: 0;bottom:0;width: 30px;height: 2px;background: #3d6db8;} .systemPraise .txt p{font-size: 18px;text-align: justify;letter-spacing: 2px;color: #666;line-height: 200%;} /*process*/ .process .title{width: 100%;padding: 4% 0 1% 0;} .process .txt{width: 68%;} .process .txt h4{justify-content:flex-start;margin-top: 3%;} .process .txt h4 i{width: 60px;line-height: 60px;font-size: 40px;text-align: center;font-family: Impact;background: #ff8f46;color: #fff;border-radius: 50%;position: relative;margin-right: 10px;} .process .txt h4 i::after{position: absolute;content: '';top: 50%;right: -25px;border-color: transparent transparent transparent #ff8f46;border-width: 15px;border-style: solid;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);} .process .txt h4 span{width: 50px;line-height: 50px;font-size: 30px;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;margin-left: 10px;} .process .txt p{font-size: 18px;letter-spacing: 2px;color: #666;margin-top: 1.5%;padding-left: 2%;} .process .pic{width: 30%;} /*processBan*/ .processBan{background: #3d6db8 url(../image/bg14.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;margin-top: 3%;} .processBan .container{position: relative;z-index: 1;} .processBan .txt{padding: 4% 0;position: relative;z-index: 1;} .processBan .txt h3{font-size: 40px;font-weight: bold;letter-spacing: 2px;} .processBan .txt h3 img{display: none;} .processBan .txt h4{font-size: 30px;letter-spacing: 2px;margin: 2% 0 3% 0;} .processBan .txt h5{justify-content:flex-start;} .processBan .txt h5 span{width: 50px;line-height: 50px;font-size: 28px;text-align: center;margin-right: -5px;background: #ff8f46;border-radius: 50%;} .processBan .txt p{font-size: 24px;letter-spacing: 2px;margin: 3% 0;} .processBan .txt .img{position: absolute;width: 28%;right: 0;bottom:0;} .processBan .pic{width: 36%;} /*flowsheet*/ .flowsheet{margin-bottom: 3%;} .flowsheet .con{width: 78%;} .flowsheet .con .txt2{margin: 2% 0;} .flowsheet .con ul li{width: 20%;position: relative;background: #f2f8ff;padding: 1.5%;font-size: 18px;letter-spacing: 1px;z-index: 1;text-align: justify;} .flowsheet .con ul li::after{position: absolute;content: '';top: 50%;right: -30px;border-color: transparent transparent transparent #f2f8ff;border-width: 15px;border-style: solid;margin-top: -15px;z-index: -1;} .flowsheet .con ul li:first-child{width: 10%;background: #3d6db8;color: #fff;text-align: center;border-radius: 50%;} .flowsheet .con ul li:first-child::after{right: -40px;border-color: transparent transparent transparent #3d6db8;border-width: 25px 30px;margin-top: -25px;} .flowsheet .text{width: 20%;background: #f2f8ff;padding: 2%;} .flowsheet .text ul li{position: relative;background: #fff;padding: 5% 8%;font-size: 18px;letter-spacing: 1px;z-index: 1;margin: 5.5% 0;text-align: justify;} .flowsheet .text ul li::after{position: absolute;content: '';left: 50%;bottom: -30px;border-color: #fff transparent transparent transparent;border-width: 15px;border-style: solid;margin-left: -15px;z-index: -1;} .flowsheet .text ul li:nth-child(2)::before{position: absolute;content: '';left: 24%;bottom: -30px;border-color: #fff transparent transparent transparent;border-width: 15px;border-style: solid;margin-left: -15px;z-index: -1;} .flowsheet .text ul li:nth-child(2)::after{position: absolute;content: '';left: 76%;bottom: -30px;border-color: #fff transparent transparent transparent;border-width: 15px;border-style: solid;margin-left: -15px;z-index: -1;} .flowsheet .text ul li:last-child{background: none;padding: 0;} .flowsheet .text ul li:last-child::after{display: none;} .flowsheet .text ul li span{width: 46%;background: #fff;padding: 5% 8%;} /*send*/ .send{margin: 4% auto 3% auto;} .send h3{width: 100%;justify-content: center;margin-bottom: 2%;} .send h3 img{width: 70px;margin: 0 5px 0 0;} .send h3 span{width: 60px;line-height: 60px;font-size: 36px;font-weight: bold;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;margin-left: 10px;} .send .txt{width: 70%;} .send .txt p{font-size: 18px;letter-spacing: 2px;color: #666;margin-top: 2%;text-align: justify;position: relative;padding-left: 50px;} .send .txt p i{position: absolute;left: 0;top:0;background: #3d6db8;width: 30px;line-height: 30px;text-align: center;color: #fff;border-radius: 0 10px 0 10px;font-family: Impact;} .send .pic{width: 26%;position: relative;z-index: 1;} .send .pic::after{display: block;content: "SEND";position: absolute;left: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);writing-mode:vertical-rl;writing-mode:tb-rl;font-size: 240px;letter-spacing: 2px;color: #eee;line-height: 80%;z-index: -1;} /*sendAttention*/ .sendAttention h3{width: 100%;justify-content: center;margin-bottom: 3%;} .sendAttention h3 img{width: 70px;margin: 0 5px 0 0;} .sendAttention h3 span{width: 60px;line-height: 60px;font-size: 36px;font-weight: bold;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;margin-left: 10px;} .sendAttention .pic{width: 48%;} .sendAttention .txt{width: 48%;} .sendAttention .txt ul li{align-items:flex-start;} .sendAttention .txt ul li:nth-child(2){margin: 5% 0;} .sendAttention .txt ul li h4{width: 50px;background: #3d6db8;color: #fff;margin: 8px 0;text-align: center;font-size: 28px;line-height: 120%;padding: 15px 10px;position: relative;} .sendAttention .txt ul li h4::before{content: "";position: absolute;left: 50%;top:-10px;width: 20px;height: 20px;background: #fff;border: 2px solid #3d6db8;border-radius: 50%;margin-left: -10px;} .sendAttention .txt ul li h4::after{content: "";position: absolute;left: 50%;top:-4px;width: 8px;height: 8px;background: #3d6db8;border-radius: 50%;margin-left: -4px;} .sendAttention .txt ul li p{width: calc(100% - 70px);font-size: 18px;letter-spacing: 2px;color: #666;text-align: justify;} .sendAttention .txt ul li p span{display: block;color: #ff8f46;margin-top: 1%;} /*sendLoss*/ .sendLoss{margin: 3% auto;background: #3d6db8 url(../image/bg1.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .sendLoss .txt{padding: 3% 0 3% 3%;} .sendLoss .txt h4{font-size: 40px;margin-bottom: 2%;letter-spacing: 5px;} .sendLoss .txt p{font-size: 18px;letter-spacing: 2px;margin-top: 1%;} .sendLoss .down{color: #fff;text-align: center;font-size: 30px;padding: 0 3%;line-height: 140%;letter-spacing: 5px;position: relative;z-index: 1;} .sendLoss .down::after{content: "";position: absolute;width: 100%;height: 200%;left: 0;top:-50%;background: rgba(255, 143, 70, .9);z-index: -1;} .sendLoss .down a{color: #fff;} .sendLoss .down i{display: block;font-size: 60px;margin: 10px 0;} .sendLoss .down span{display: block;} /*sendLossTip*/ .sendLossTip{align-items: flex-start;} .sendLossTip .pic{width: 16%;} .sendLossTip .con{width: 80%;margin-top: 1%;align-items: flex-start;position: relative;z-index: 1;} .sendLossTip .con::after{content: "";position: absolute;left: 0;width: 20%;height: 80%;border-radius: 50%;border-right: 10px solid #3d6db8;border-bottom: 10px solid #3d6db8;z-index: -1;-webkit-box-shadow: 10px 10px 0 rgba(61, 109, 184, .2);-moz-box-shadow: 10px 10px 0 rgba(61, 109, 184, .2);box-shadow: 10px 10px 0 rgba(61, 109, 184, .2);} .sendLossTip h4{width: 20%;justify-content: flex-start;align-items: flex-start;} .sendLossTip h4 em{width: 85px;font-size: 68px;line-height: 130%;font-weight: bold;color: #3d6db8;text-shadow: 5px 5px 0 rgba(61, 109, 184, .2);} .sendLossTip h4 em.em2{margin-top: 30px;} .sendLossTip h4 i{text-transform: uppercase;background: #ff8f46;color: #fff;font-family: Impact;font-size: 24px;line-height: 150%;padding: 10px 0;border-radius: 6px;margin-top: -20px;writing-mode:vertical-rl;margin-top: 150px;} .sendLossTip ul{align-items:flex-start;width: 75%;margin-bottom: 3%;} .sendLossTip ul li{font-size: 18px;letter-spacing: 2px;color: #666;margin-bottom: 1%;line-height: 200%;text-align: justify;} .sendLossTip ul li:last-child{margin-bottom: 0;} .sendLossTip ul li a{font-size: 20px;font-weight: bold;color: #3d6db8;display: inline-block;} /*report*/ .report{margin: 4% auto;} .report .title{padding-top: 0;} .report .title h3{justify-content:center;margin-bottom: 1%;} .report .title h3 img{width: 70px;margin: 0 5px 0 0;} .report .title h3 span{width: 60px;line-height: 60px;font-size: 36px;font-weight: bold;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;margin-left: 10px;} .report .con{overflow: hidden;position: relative;} .report .txt{width: 70%;background: #f2f8ff;padding: 2% 3%;} .report .txt p{font-size: 18px;letter-spacing: 2px;color: #666;margin: 2.5% 0;position: relative;padding-left: 60px;} .report .txt p i{position: absolute;width: 40px;line-height: 40px;font-size: 24px;font-family: Impact;background: #3d6db8;color: #fff;text-align: center;border-radius: 50%;left: 0;top:-4px;} .report .txt p i::after{position: absolute;content: '';top: 50%;right: -15px;border-color: transparent transparent transparent #3d6db8;border-width: 10px;border-style: solid;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);} .reportTel{width: 30%;padding: 0 0 0 3%;color: #fff;position: relative;z-index: 1;} .reportTel::before{content: "";position: absolute;left: 0;top:-30%;width: 100%;height: 160%;background: #3d6db8 url(../image/bg19.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;} .reportTel h4{font-size: 20px;letter-spacing: 2px;line-height: 180%;} .reportTel h4 em{display: block;} .reportTel p{justify-content:flex-start;margin-top: 6%;letter-spacing: 2px;} .reportTel p i{width: 30px;font-size: 24px;text-align: center;margin-right: 15px;} .reportTel p span{font-size: 20px;opacity: .8;} .reportTel p a{width: 100%;color: #fff;font-size: 40px;font-family: Impact;line-height: 130%;letter-spacing: 5px;} .reportTel p em{width: 100%;font-size: 30px;font-family: Impact;line-height: 150%;} .report .img{position: absolute;bottom:0;right: 35%;width: 15%;} /*reportForm*/ .reportForm{margin-bottom: 4%;} .reportForm .title{padding-top: 0;} .reportForm ul li{width: 30%;margin-bottom: 3%;border-bottom: 1px solid #eee;padding: 5px 10px 20px 10px;justify-content: flex-start;align-items: flex-start;line-height: 30px;} .reportForm ul li:last-child{width: 100%;} .reportForm ul li input,.reportForm ul li textarea{width: calc(100% - 60px);line-height: 30px;font-size: 18px;letter-spacing: 2px;} .reportForm ul li i{font-size: 30px;color: #3d6db8;width: 30px;text-align: center;line-height: 30px;margin-right: 20px;} .reportForm .btn{justify-content:center;margin-top: 1%;} .reportForm .btn input{width: 200px;line-height: 240%;font-size: 20px;color: #fff;} .reportForm .btn .submit{background: #3d6db8;margin-right: 5%;} .reportForm .btn .reset{background: #ff8f46;} /*jobTxt*/ .jobTxt{margin: 4% auto 3% auto;} .jobTxt h3{width: 100%;font-size: 40px;font-weight: bold;letter-spacing: 2px;margin-bottom: 2%;text-align: center;} .jobTxt p{width: 48%;font-size: 18px;letter-spacing: 2px;color: #666;text-align: justify;line-height: 240%;padding-top: 3%;position: relative;} .jobTxt p::before{content: "";position: absolute;left: 0;top:0;width: 40px;height: 2px;background: #3d6db8;} .jobTxt .pic{width: 48%;} /*jobIdea*/ .jobIdea .txt{font-size: 20px;letter-spacing: 2px;line-height: 220%;} .jobIdea .con{background: #3d6db8 url(../image/bg5.jpg) center no-repeat;padding: 3%;width: 80%;-webkit-background-size: cover;background-size: cover;} .jobIdea ul li{background: #fff;padding: 40px 40px 30px 40px;} .jobIdea ul li h4{justify-content:center;margin-bottom: 15px;} .jobIdea ul li h4 span{width: 40px;line-height: 40px;text-align: center;font-size: 20px;font-weight: bold;background: #3d6db8;color: #fff;border-radius: 50%;margin-right: 5px;} .jobIdea ul li p{font-size: 20px;letter-spacing: 2px;color: #666;} /*job*/ .jobList ul li{width: 32%;background: #f2f8ff;margin-bottom: 2%;padding: 2%;position: relative;overflow: hidden;} .jobList ul li::before{position: absolute;content: '';bottom: 0;left: 0;border-color: transparent transparent #3d6db8 #3d6db8;border-width: 10px;border-style: solid;} .jobList ul li::after{content: "+";position: absolute;right: 0;width: 20%;background: #3d6db8 url(../image/jobMore.png) center no-repeat;-webkit-background-size: 60%;background-size: 60%;color: #fff;text-align: center;font-size: 40px;line-height: 100%;padding: 20% 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);} .jobList ul li h5{font-size: 24px;letter-spacing: 2px;margin-bottom: 2%;position: relative;z-index: 2;} .jobList ul li p{font-size: 18px;letter-spacing: 2px;color: #888;} .jobList ul li p span{font-weight: bold;color: #ff8f46;font-size: 20px;line-height: 100%;} .jobList ul li i{position: absolute;font-size: 120px;color: #fff;right: 30%;top:30%;text-shadow: 0 0 10px rgba(61, 109, 184, .1);} .jobBox{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(61, 109, 184, .6);z-index: 999;} .jobBox .con{width: 60%;background: #fff;padding: 3%;position: fixed;left: 20%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);max-height:80%;overflow-y: scroll;} .jobBox .con .close{position: fixed;right: 0;top:0;width: 50px;line-height: 50px;text-align: center;color: #fff;z-index: 2;font-size: 24px;} .jobBox .con .close::after{position: fixed;content: '';top: 0;right: 0;border-color: #3d6db8 #3d6db8 transparent transparent;border-width: 40px;border-style: solid;z-index: -1;} .jobBox .con h5{font-size: 30px;letter-spacing: 2px;padding-bottom: 2%;border-bottom: 1px solid #ccc;margin-bottom: 2%;} .jobBox .con p{font-size: 18px;letter-spacing: 2px;color: #666;margin-top: 5px;} .jobBox .con p span{display: block;font-size: 20px;font-weight: bold;margin: 2% 0 1% 0;} .jobBox .con hr{height: 1px;background: #ccc;margin: 3% 0;} .job .txt{margin-top: 1%;} .job .txt p{font-size: 20px;letter-spacing: 2px;line-height: 200%;color: #666;} .job .txt p span{color: #ff8f46;font-weight: bold;} /*jobBelieve*/ .jobBelieve{background: #3d6db8 url(../image/bg3.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;margin-top: 3%;padding: 2%;justify-content:flex-end;position: relative;} .jobBelieve .pic{position: absolute;left: 1%;bottom:0;width: 30%;} .jobBelieve h4{font-size: 40px;font-weight: bold;letter-spacing: 5px;} .jobBelieve p{font-size: 26px;font-weight: 100;text-align: justify;text-align-last: justify;margin: 1.5% 0 2% 0;padding-right: 5px;} .jobBelieve .telBox{padding-right: 5px;} .jobBelieve .telBox em{background: #fff;color: #3d6db8;font-size: 24px;line-height: 180%;letter-spacing: 5px;padding: 0 10px;} .jobBelieve .telBox em i{margin: 0 5px;} .jobBelieve .tel a{font-size: 40px;font-family: Impact;line-height: 100%;font-weight: 100;} /*jobProcess*/ .jobProcess{margin: 4% auto;} .jobProcess h3{justify-content:center;margin-bottom: 3%;} .jobProcess h3 img{width: 70px;margin: 0 5px 0 0;} .jobProcess h3 span{width: 60px;line-height: 60px;font-size: 36px;font-weight: bold;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;margin-left: 10px;} .jobProcess ul{align-items:flex-start;} .jobProcess ul li{width: 15%;background: #f2f8ff;padding: 2%;position: relative;text-align: center;} .jobProcess ul li span{position: absolute;left: 0;top:0;z-index: 1;width: 30px;font-size: 20px;font-family: Impact;color: #fff;text-align: center;} .jobProcess ul li span::after{content: '';position: absolute;top: 0;left: 0;border-color: #3d6db8 transparent transparent #3d6db8;border-width: 25px;border-style: solid;z-index: -1;} .jobProcess ul li h5{font-size: 24px;font-weight: bold;letter-spacing: 2px;margin: 2% 0 8% 0;padding-bottom: 10%;position: relative;} .jobProcess ul li h5::after{content: "";position: absolute;left: 50%;bottom:0;width: 30px;height: 2px;background: #3d6db8;margin-left: -15px;} .jobProcess ul li p{font-size: 18px;line-height: 200%;letter-spacing: 2px;color: #666;} .jobProcess ul li p a{display: inline-block;color: #ff8f46;font-weight: bold;letter-spacing: 0;} /*jishu*/ .jishu{margin: 4% auto 3% auto;} .jishu .con dl{justify-content:flex-start;margin-bottom: 5%;} .jishu .con dt{width: 140px;margin-right: 20px;position: relative;z-index: 2;} .jishu .con h4{font-size: 40px;font-weight: bold;letter-spacing: 2px;margin-bottom: 10px;} .jishu .con h5{font-size: 32px;line-height: 200%;letter-spacing: 5px;position: relative;z-index: 1;color: #fff;} .jishu .con h5::after{content: "";position: absolute;z-index: -1;background: #ff8f46;top:0;left: -80px;width: calc(100% + 80px);height: 100%;border-radius: 0 40px 40px 0;} .jishu .con p{font-size: 20px;letter-spacing: 2px;margin-top: 2%;color: #666;} .jishu .con p em{width: 36px;line-height: 36px;text-align: center;background: #3d6db8;color: #fff;border-radius: 6px;} .jishu .txt{width: 49%;background: #3d6db8 url(../image/bg5.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;padding: 2% 2.5% 3% 2.5%;color: #fff;position: relative;} .jishu .txt h3{font-size: 40px;font-weight: bold;letter-spacing: 2px;margin-bottom: 1%;} .jishu .txt p{font-size: 20px;letter-spacing: 2px;line-height: 200%;} .jishu .txt p span{display: inline-block;background: #ff8f46;padding: 5px 40px;border-radius: 30px;margin-top: 15px;} .jishu .pic{position: absolute;bottom:0;width: 42%;right: 3%;} /*jishuList*/ .jishuList{align-items:flex-start;} .jishuList ul li{width: 23.5%;margin: 1% 0;padding: 2%;border: 1px solid #eee;border-radius: 0 0 30px 0;} .jishuList ul li h5{border-bottom: 1px solid #eee;padding-bottom: 15px;} .jishuList ul li h5 b{font-size: 22px;letter-spacing: 2px;} .jishuList ul li h5 span{float: right;color: #ff8f46;font-size: 18px;} .jishuList ul li .txt{height: 190px;overflow: hidden;margin: 5% 0;} .jishuList ul li .txt p{opacity: .7;line-height: 30px;margin: 2px 0;text-align: justify;} .jishuList ul li .txt p span{font-weight: bold;} .jishuList ul li .more span{display: inline-block;font-size: 18px;letter-spacing: 2px;padding: 5px 30px;background: #3d6db8;color: #fff;border-radius: 30px;} .jishuList ul li:hover{background: #3d6db8;color: #fff;} .jishuList ul li:hover .more span{background: #fff;color: #3d6db8;} /*jishuReap*/ .jishuIncome{margin: 3% auto;background: #ff8f46;padding: 3% 18% 3% 3%;position: relative;} .jishuIncome h5{justify-content:center;} .jishuIncome h5 span{width: 70px;line-height: 70px;font-size: 40px;font-weight: bold;text-align: center;background: #fff;color: #ff8f46;margin-right: 20px;border-radius: 50%;} .jishuIncome h5 img{height: 100px;margin: 0 0 0 auto;} .jishuIncome p{font-size: 40px;font-weight: bold;line-height: 150%;color: #fff;letter-spacing: 2px;} .jishuIncome p span{display: block;} .jishuIncome .telBox{width: 100%;color: #fff;margin-top: 1%;} .jishuIncome .telBox h4{font-size: 28px;letter-spacing: 3px;} .jishuIncome .telBox h4 i{margin-right: 15px;} .jishuIncome .tel i{color: #fff;} .jishuIncome .tel a{display: block;color: #fff;line-height: 120%;font-size: 40px;font-family: Impact;font-weight: 100;} .jishuIncome .pic{position: absolute;width: 16%;right: 3%;bottom:0;} /*jishuReap*/ .jishuReap{margin-bottom: 3%;} .jishuReap ul{align-items:flex-start;} .jishuReap ul li{width: 23.5%;margin: 1% 0;position: relative;padding-bottom: 32px;overflow: hidden;} .jishuReap ul li:nth-child(2n){margin-top: 3%;} .jishuReap ul li p{width: 70%;position: absolute;left: 15%;bottom:0;background: #3d6db8;color: #fff;text-align: center;font-size: 20px;line-height: 160%;letter-spacing: 2px;padding: 15px 0;border-radius: 10px 10px 0 0;border: 2px solid #fff;border-bottom: none;} .jishuReap ul li p::before{position: absolute;content: '';bottom: 0;left: -30px;border-color: #2e60af #2e60af transparent transparent;border-width: 15px;border-style: solid;} .jishuReap ul li p::after{position: absolute;content: '';bottom: 0;right: -30px;border-color: #2e60af transparent transparent #2e60af;border-width: 15px;border-style: solid;} .jishuReap ul li:nth-child(2n) p{background: #ff8f46;} .jishuReap ul li:nth-child(2n) p::before{border-color: #f3833a #f3833a transparent transparent;} .jishuReap ul li:nth-child(2n) p::after{border-color: #f3833a transparent transparent #f3833a;} .jishuReap ul li p span{display: block;} /*recruit*/ .recruit{margin: 3% auto;} .recruitTxt h3{justify-content:flex-start;} .recruitTxt h3 img{width: 70px;margin: 0 10px 0 0;} .recruitTxt h3 span{width: 60px;line-height: 60px;text-align: center;font-size: 36px;background: #3d6db8;color: #fff;border-radius: 50%;font-weight: bold;margin-left: 10px;} .recruitTxt dl{justify-content:flex-start;margin: 1% 0;} .recruitTxt dl dt{font-size: 68px;font-weight: bold;letter-spacing: 5px;line-height: 150%;margin-right: 20px;color: #ff8f46;} .recruitTxt dl dd{font-size: 28px;line-height: 140%;letter-spacing: 2px;} .recruitTxt h5{font-size: 20px;letter-spacing: 2px;margin-bottom: 3%;color: #666;} .recruitTxt ul{justify-content:flex-start;} .recruitTxt ul li{background: #3d6db8;color: #fff;font-size: 20px;padding: 10px 30px;letter-spacing: 2px;margin-right: 20px;} .wages{margin-top: 5%;} .wages dl dt h6{font-size: 28px;text-align: justify;text-align-last: justify;padding-right: 5px;color: #ff8f46;border-bottom: 1px solid #eee;padding-bottom: 6%;margin-bottom: 6%;} .wages dl dt p{font-size: 20px;letter-spacing: 5px;margin-top: 1%;color: #666;} .wages dl dd{margin-left: 40px;padding-left: 40px;border-left: 1px solid #eee;} .wages dl dd p{font-size: 20px;letter-spacing: 2px;color: #666;} .wages dl dd p:nth-child(2){margin: 4% 0;} .wages dl dd p span{background: #ff8f46;color: #fff;margin-left: 5px;display: inline-block;padding: 2px 15px;border-radius: 6px;} .principle h3{justify-content:flex-start;margin-bottom: 3%;} .principle h3 img{width: 70px;margin: 0 10px 0 0;} .principle h3 span{width: 60px;line-height: 60px;text-align: center;font-size: 36px;background: #3d6db8;color: #fff;border-radius: 50%;font-weight: bold;margin-left: 10px;} .principle p{font-size: 18px;letter-spacing: 2px;color: #666;margin-top: 2%;position: relative;padding-left: 50px;margin-left: 20px;} .principle p i{width: 30px;line-height: 30px;position: absolute;left: 0;top:0;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;} .direction{margin-top: 5%;background: #f2f8ff;padding: 3% 0 3% 6%;justify-content:flex-start;} .direction h4{width: 120px;line-height: 32px;padding: 28px 20px;text-align: center;font-size: 30px;letter-spacing: 2px;background: #ff8f46;color: #fff;border-radius: 50%;margin-right: 30px;position: relative;z-index: 1;} .direction h4::before{position: absolute;content: '';top: 0;right: -40px;border-color: transparent transparent transparent #ff8f46;border-width: 15px 30px;border-style: solid;transform:rotate(-30deg);-moz-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);z-index: -1;} .direction h4::after{position: absolute;content: '';bottom: 0;right: -40px;border-color: transparent transparent transparent #ff8f46;border-width: 15px 30px;border-style: solid;transform:rotate(30deg);-moz-transform:rotate(30deg);-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);z-index: -1;} .direction dl{justify-content:flex-start;margin: 5% 0;} .direction dl dt{background: #ff8f46;font-size: 28px;letter-spacing: 5px;font-weight: bold;padding: 15px 20px 15px 25px;border-radius: 6px;margin-right: 20px;color: #fff;} .direction dl dd{font-size: 20px;letter-spacing: 2px;} .direction dl dd em{display: block;color: #3d6db8;} .direction dl dd span{color: #ff8f46;} /*recruitContact*/ .recruitContact{padding-bottom: 3%;overflow: hidden;position: relative;} .recruitContact .txt h5{font-size: 40px;font-weight: bold;letter-spacing: 2px;margin-bottom: 1%;width: 100%;} .recruitContact .txt{justify-content:flex-start;} .recruitContact .txt ul.ul1{width: 42%;} .recruitContact .txt ul.ul1 li{background: #f2f8ff;padding: 5%;margin: 2% 0;width: 48%;} .recruitContact .txt ul.ul1 li i{color: #3d6db8;font-size: 24px;margin-right: 15px;} .recruitContact .txt ul.ul1 li span{font-size: 20px;letter-spacing: 2px;color: #666;} .recruitContact .txt ul.ul1 li a{display: block;font-size: 30px;font-family: Impact;color: #ff8f46;letter-spacing: 2px;line-height: 30px;margin-top: 10px;} .recruitContact .txt ul.ul1 li em{display: block;font-size: 24px;letter-spacing: 2px;color: #3d6db8;font-family: Impact;line-height: 30px;margin-top: 10px;} .recruitContact .txt ul.ul1 li .span{display: block;line-height: 30px;margin-top: 10px;} .recruitContact .txt ul.ul1 li:last-child{width: 100%;} .recruitContact .txt ul.ul2{width: 42%;justify-content:flex-start;} .recruitContact .txt ul.ul2 li{width: 40%;background: #f2f8ff;padding: 5%;margin-left: 4%;} .recruitContact .txt ul.ul2 li span{font-size: 18px;line-height: 100%;display: block;margin-bottom: 20px;text-align: center;color: #666;letter-spacing: 2px;} .recruitContact .txt ul.ul2 li img{border: 5px solid #fff;} .recruitContact .img{position: absolute;width: 20%;top: 0;right: 0;} /*era*/ .era{background: #3d6db8 url(../image/bg11.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .era .con{padding: 3% 0;justify-content:flex-end;position: relative;} .era .pic{position: absolute;left: 0;top:5%;width: 42%;} .era h5{font-size: 60px;font-weight: bold;} .era h5 img{width: 80px;margin: 0;} .era .span{margin: 3% auto;} .era .span span{width: 60px;line-height: 60px;text-align: center;font-size: 30px;background: #fff;color: #3d6db8;border-radius: 50%;margin: 0 5px;} .era .span .em2 span{background: #ff8f46;color: #fff;} .era h3{font-size: 32px;letter-spacing: 2px;padding-bottom: 2%;border-bottom: 1px solid rgba(255,255,255,.2);margin-bottom: 3%;} .era p{font-size: 24px;font-weight: 100;letter-spacing: 2px;} .era p i{font-size: 36px;margin-right: 15px;color: #ff8f46;} .era p a{font-size: 36px;font-family: Impact;color: #ff8f46;letter-spacing: 2px;} /*recruitObject*/ .recruitObject{margin: 3% auto 1% auto;} .recruitObject h4{justify-content: center;margin: 1% 0 2% 0;width: 100%;} .recruitObject h4 img{width: 70px;margin: 0 10px 0 0;} .recruitObject h4 span{width: 60px;line-height: 60px;text-align: center;font-size: 36px;font-weight: bold;background: #3d6db8;color: #fff;border-radius: 50%;margin-left: 10px;} .recruitObject .txt{width: 48%;} .recruitObject .txt p{font-size: 20px;letter-spacing: 2px;color: #666;margin: 3% 0;position: relative;padding-left: 50px;} .recruitObject .txt p i{width: 36px;line-height: 36px;position: absolute;left: 0;top:-2px;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;font-family: Impact;font-size: 24px;letter-spacing: 0;} .recruitObject .pic{width: 48%;} /*recruitList*/ .recruitList{margin-bottom: 3%;} .recruitList .pic{width: 48%;} .recruitList .recruitPage{width: 48%;} .recruitList .recruitPage ul li{width: 48%;background: #3d6db8;color: #fff;margin: 2% 0;padding: 3%;font-size: 24px;letter-spacing: 2px;} .recruitList .recruitPage ul li em{display: block;padding-bottom: 4%;border-bottom: 1px solid rgba(255,255,255,.3);} .recruitList .recruitPage ul li span{float: right;} .recruitList .text{width: 100%;text-align: center;font-size: 20px;letter-spacing: 2px;margin-top: 2%;line-height: 220%;color: #666;} .recruitList .text span{display: block;} /*idea*/ .idea{margin-bottom: 4%;} .idea .title h3{justify-content:center;margin: 1% 0;} .idea .title h3 img{width: 70px;margin: 0 10px 0 0;} .idea .title h3 span{width: 60px;line-height: 60px;text-align: center;font-size: 36px;font-weight: bold;background: #3d6db8;color: #fff;border-radius: 50%;margin-left: 10px;} .idea .title p em{margin-top: 1%;display: inline-block;padding: 8px 40px;border: 1px solid #3d6db8;border-radius: 30px;} .idea dl{margin-bottom: 3%;position: relative;} .idea dl:nth-child(2n){justify-content:flex-end;} .idea dl dt{width: 46%;padding: 10px 10px 10px 0;background: #f2f8ff;} .idea dl dt i{width: 140px;text-align: center;} .idea dl dt i span{width: 60px;line-height: 60px;background: #3d6db8;color: #fff;border-radius: 50%;font-size: 30px;display: block;text-align: center;margin: 15px auto;} .idea dl dt img{width: calc(100% - 140px);margin: 0;} .idea dl dd{width: 50%;} .idea dl:nth-child(2n) dd{position: absolute;left: 0;} .idea dl dd h4{font-size: 30px;font-weight: bold;letter-spacing: 2px;margin-bottom: 3%;padding-bottom: 2%;position: relative;border-bottom: 1px solid #eee;} .idea dl dd h4::after{content: "";position: absolute;width: 40px;height: 3px;background: #3d6db8;left: 0;bottom: -2px;transition:all .5s linear;} .idea dl:hover dd h4::after{width: 100%;} .idea dl dd p{font-size: 18px;letter-spacing: 2px;text-align: justify;color: #666;line-height: 200%;} /*duty*/ .duty{padding-bottom: 3%;overflow: hidden;background: url(../image/dutyBg.png) center bottom no-repeat;-webkit-background-size: 90%;background-size: 90%;} .duty .title{padding-bottom: 2%;} .duty .title h3{justify-content:center;margin: 1% 0;} .duty .title h3 img{width: 70px;margin: 0 10px 0 0;} .duty .title h3 span{width: 60px;line-height: 60px;text-align: center;font-size: 36px;font-weight: bold;background: #3d6db8;color: #fff;border-radius: 50%;margin-left: 10px;} .duty ul{align-items: flex-start;} .duty ul li{width: 18.4%;padding: 1.5% 1.5% 2% 1.5%;border: 1px solid #eee;margin: 1% 0;position: relative;border-radius: 0 30px;overflow: hidden;} .duty ul li i{position: absolute;background: #ff8f46;right: 0;bottom:0;font-family: Impact;font-size: 24px;width: 50px;line-height: 40px;text-align: center;border-radius: 100% 0 0 0;padding: 10px 0 0 10px;color: rgba(255,255,255,.8);} .duty ul li h4{justify-content:flex-start;margin-bottom: 4%;} .duty ul li h4 span{width: 40px;line-height: 40px;font-size: 20px;text-align: center;background: #3d6db8;border-radius: 50%;color: #fff;margin-right: 10px;position: relative;z-index: 1;} .duty ul li h4 span::before{content: "";position: absolute;left: 50%;top:-30px;width: 1px;height: 30px;background: #3d6db8;} .duty ul li h4 span::after{content: "";position: absolute;left: 50%;top:-30px;width: 12px;height: 12px;background: #3d6db8;border-radius: 50%;margin-left: -6px;} .duty ul li p{font-size: 18px;letter-spacing: 2px;color: #666;text-align: justify;} /*dutyIdea*/ .dutyIdea{background: #3d6db8 url(../image/bg5.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;padding: 3% 0;} .dutyIdea .con{position: relative;} .dutyIdea h3{justify-content:center;margin: 1% 0 3% 0;width: 100%;} .dutyIdea h3 img{width: 70px;margin: 0 10px 0 0;} .dutyIdea h3 span{width: 60px;line-height: 60px;text-align: center;font-size: 36px;font-weight: bold;background: #fff;color: #3d6db8;border-radius: 50%;margin-left: 10px;} .dutyIdea .pic{width: 24%;position: absolute;left: 0;bottom: 0;} .dutyIdea .txt{padding-left: 25%;} .dutyIdea .txt ul{align-items:flex-start;border-bottom: 2px solid #fff;position: relative;} .dutyIdea .txt ul::before{content: "";position: absolute;left: 0;top:-7px;width: 16px;height: 16px;border-radius: 50%;border: 2px solid #fff;background: #fff;} .dutyIdea .txt ul::after{content: "";position: absolute;left: 0;bottom:-9px;width: 16px;height: 16px;border-radius: 50%;border: 2px solid #fff;background: #fff;} .dutyIdea .txt ul li{width: 25%;font-size: 18px;letter-spacing: 2px;position: relative;padding: 3%;position: relative;z-index: 1;text-align: justify;line-height: 200%;border-top: 2px solid #fff;} .dutyIdea .txt ul li:nth-child(4){border-right: 2px solid #fff;} .dutyIdea .txt ul li:nth-child(5){border-left: 2px solid #fff;} .dutyIdea .txt ul li:last-child{border-right: 2px solid #fff;} .dutyIdea .txt ul li::after{content: "";position: absolute;left: 50%;top:-9px;width: 16px;height: 16px;border-radius: 50%;border: 2px solid #fff;margin-left: -8px;background: #ff8f46;} /*dutyTxt*/ .dutyTxt{margin: 3% auto;} .dutyTxt ul{align-items:flex-start;} .dutyTxt ul li{width: 48%;margin: 1% 0;} .dutyTxt ul li h4{font-size: 30px;font-weight: bold;letter-spacing: 2px;margin-bottom: 1%;position: relative;z-index: 1;padding: 10px 0 0 15px;} .dutyTxt ul li h4::before{content: "";position: absolute;left: 0;top:0;width: 30px;height: 30px;background: #3d6db8;border-radius: 50%;z-index: -1;} .dutyTxt ul li h4::after{content: "";position: absolute;right: 0;top:50%;width: 30px;height: 2px;background: #ff8f46;z-index: -1;} .dutyTxt ul li p{font-size: 18px;letter-spacing: 2px;color: #666;text-align: justify;} /*invest*/ .invest{margin: 3% auto;} .invest .tit{margin-bottom: 3%;} .invest .tit dl{justify-content:center;} .invest .tit dl dt{width: 120px;margin-right: 20px;} .invest .tit dl dd h3{font-size: 40px;font-weight: bold;letter-spacing: 5px;margin-bottom: 1%;} .invest .tit dl dd h4 span{width: 50px;line-height: 50px;font-size: 30px;background: #ff8f46;color: #fff;text-align: center;border-radius: 50%;} .invest .txt{width: 48%;} .invest .txt h4{font-size: 36px;letter-spacing: 2px;padding-bottom: 4%;margin-bottom: 4%;position: relative;border-bottom: 1px solid #eee;} .invest .txt h4::after{content: "";position: absolute;left: 0;bottom:-2px;width: 40px;height: 3px;background: #3d6db8;} .invest .txt h4 span{display: block;} .invest .txt p{font-size: 18px;letter-spacing: 2px;color: #666;text-align: justify;line-height: 200%;} .invest .pic{width: 48%;} /*investDevelop*/ .investDevelop{position: relative;} .investDevelop .pic{width: 48%;} .investDevelop .txt{width: 48%;position: absolute;right: 0;} .investDevelop .txt h3{justify-content:flex-start;margin-bottom: 3%;} .investDevelop .txt h3 span{width: 50px;line-height: 50px;text-align: center;font-size: 30px;font-weight: bold;margin-right: 10px;background: #3d6db8;color: #fff;border-radius: 50%;} .investDevelop .txt p{font-size: 18px;letter-spacing: 2px;color: #666;text-align: justify;line-height: 200%;} /*investSector*/ .investSector{margin: 3% auto 4% auto;} .investSector .container{position: relative;} .investSector .con{padding-right: 30%;margin-bottom: 3%;} .investSector .con h3{font-size: 40px;font-weight: bold;letter-spacing: 2px;padding-bottom: 2%;margin-bottom: 2%;position: relative;} .investSector .con h3::after{content: "";position: absolute;left: 0;bottom:-2px;width: 40px;height: 2px;background: #3d6db8;} .investSector .con p{font-size: 18px;letter-spacing: 2px;color: #666;text-align: justify;line-height: 200%;} .investSector .txt{background: #3d6db8 url(../image/bg14.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;padding: 3% 0;} .investSector .txt .container{padding-right: 30%;} .investSector .txt p{font-size: 18px;letter-spacing: 2px;color: #fff;text-align: justify;line-height: 200%;} .investSector .text{width: 30%;background: #ff8f46;padding:3%;position: absolute;right: 0;bottom:0;} .investSector .text p{font-size: 22px;font-weight: 100;margin-bottom: 2%;} .investSector .text .tel{margin-top: 8%;padding: 8% 10%;border: 1px solid rgba(255,255,255,.6);} .investSector .text .tel i{color: #fff;} .investSector .text .tel span{color: #fff;} .investSector .text .tel a{color: #fff;font-family: Impact;font-size: 40px;line-height: 120%;margin-top: 5px;} /*investNew*/ .investNew .pic{width: 48%;} .investNew .txt{width: 48%;} .investNew .txt h3{font-size: 40px;letter-spacing: 5px;} .investNew .txt ul{justify-content: flex-start;margin: 3% 0 4% 0;} .investNew .txt ul li{background: #3d6db8;color: #fff;font-size: 24px;font-weight: 100;padding: 10px 30px;margin-right: 10px;letter-spacing: 2px;} .investNew .txt p{font-size: 18px;letter-spacing: 2px;color: #666;text-align: justify;line-height: 200%;} .investNew .img{width: 100%;} .investNew .img ul li{width: 23.5%;margin-top: 2%;} /*investTxt*/ .investTxt{padding-top: 4%;} .investTxt .tit{margin-bottom: 2%;} .investTxt h3 span{width: 60px;line-height: 60px;text-align: center;font-size: 36px;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;margin-right: 10px;} .investTxt h4{font-size: 40px;font-weight: bold;letter-spacing: 5px;} .investTxt p{font-size: 18px;letter-spacing: 2px;color: #666;text-align: center;line-height: 240%;} .investTxt img{margin-top: -5%;} /*investGovern*/ .investGovern{background: #3d6db8 url(../image/bg5.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;padding: 4% 0;color: #fff;} .investGovern .txt{width: 48%;} .investGovern .txt h3{justify-content:flex-start;margin-bottom: 3%;} .investGovern .txt h3 span{width: 60px;line-height: 60px;text-align: center;font-size: 36px;text-align: center;background: #fff;color: #3d6db8;border-radius: 50%;margin-right: 10px;} .investGovern .txt p{font-size: 18px;letter-spacing: 2px;text-align: justify;line-height: 200%;} .investGovern .pic{width: 50%;} .investGovern .con{width: 100%;} .investGovern .con ul li{width: 24%;padding: 2.5% 3%;border: 1px solid rgba(255,255,255,.6);margin-top: 2%;} .investGovern .con ul li:first-child{width: 48%;} .investGovern .con ul li h4{font-size: 30px;font-weight: bold;letter-spacing: 5px;margin-bottom: 15px;} .investGovern .con ul li p{font-size: 18px;letter-spacing: 2px;text-align: justify;line-height: 200%;} /*investList*/ .investList{margin: 3% auto 4% auto;align-items: flex-start;} .investList .tit{width: 30%;margin-top: 1%;} .investList .tit h3{justify-content:flex-start;margin-bottom: 3%;} .investList .tit h3 img{width: 70px;margin: 0;} .investList .tit h3 span{width: 60px;line-height: 60px;text-align: center;font-size: 36px;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;margin-left: 10px;} .investList .tit p{font-size: 20px;letter-spacing: 2px;line-height: 200%;color: #666;padding-right: 20%;} .investList .tit img{margin-top: -5%;} .investList .txt{width: 65%;align-items: flex-start;} .investList .txt dl{width: 46%;margin: 2% 0;} .investList .text{width: 100%;align-items: flex-start;} .investList .text dl{width: 30%;} .investList dl{align-items: flex-start;margin-top: 1.5%;} .investList dl dt{width: 50px;} .investList dl dd{width: calc(100% - 70px);} .investList dl dd h4{font-size: 30px;letter-spacing: 5px;margin-bottom: 2%;} .investList dl dd p{font-size: 18px;letter-spacing: 2px;color: #666;text-align: justify;} /*investTalent*/ .investTalent{background: #3d6db8 url(../image/investTalentBg.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;} .investTalent .container{position: relative;padding: 3% 0;} .investTalent .txt{width: 48%;} .investTalent .txt h3{font-size: 40px;font-weight: bold;letter-spacing: 2px;margin-bottom: 2%;position: relative;padding-bottom: 2%;margin-bottom: 4%;} .investTalent .txt h3::after{content: "";position: absolute;left: 0;bottom:-2px;width: 40px;height: 2px;background: #ff8f46;} .investTalent p{font-size: 18px;letter-spacing: 2px;text-align: justify;line-height: 200%;} .investTalent .pic{width: 48%;} .investTalent .text{padding: 3%;border: 1px solid rgba(255,255,255,.6);margin-top: 3%;} .investTalent .text img{width: 120px;margin: 0 20px 0 0;} .investTalent .text p{width: calc(100% - 140px);font-size: 20px;} /*CooContact*/ .CooContact{margin: 3.5% auto 0 auto;align-items:flex-start;} .CooContact .tit{width: 100%;margin-bottom: 3%;} .CooContact .tit h3{font-size: 40px;font-weight: bold;text-align: center;letter-spacing: 2px;margin-bottom: 1%;} .CooContact .tit h5{justify-content:center;} .CooContact .tit h5 span{width: 50px;line-height: 50px;font-size: 24px;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;margin: 0 8px;} .CooContact .tit h5 span.i{background: #ff8f46;} .CooContact .con{width: 48%;position: relative;overflow: hidden;padding-bottom: 4%;} .CooContact .con .txt{margin-left: 40%;} .CooContact .con ul{margin: 6% 20% 10% 0;} .CooContact .con ul li{text-align: center;width: 45%;} .CooContact .con ul li span{display: block;color: #666;margin-bottom: 10px;letter-spacing: 2px;} .CooContact .con p{justify-content:flex-start;font-size: 18px;letter-spacing: 2px;color: #666;margin-top: 3%;} .CooContact .con p i{width: 20px;text-align: center;color: #3d6db8;margin-right: 10px;} .CooContact .con p a{font-size: 32px;font-family: Impact;color: #ff8f46;line-height: 100%;} .CooContact .con p em{font-size: 28px;font-family: Impact;color: #3d6db8;} .CooContact .con .pic{position: absolute;left: 0;top: 0;width: 36%;} .CooContact .form{width: 48%;} .CooContact .form h4{font-size: 24px;letter-spacing: 2px;font-weight: 100;color: #666;margin-bottom: 3%;} .CooContact .form ul li{background: #f2f8ff;align-items:flex-start;padding: 10px;margin-bottom: 3%;} .CooContact .form ul li i{font-size: 30px;color: #3d6db8;width: 30px;text-align: center;line-height: 30px;margin-right: 20px;} .CooContact .form ul li input,.CooContact .form ul li textarea{width: calc(100% - 50px);line-height: 30px;font-size: 18px;letter-spacing: 2px;} .CooContact .form .btn input{width: 48%;line-height: 240%;font-size: 20px;color: #fff;} .CooContact .form .btn .submit{background: #3d6db8;} .CooContact .form .btn .reset{background: #ff8f46;} .CooContact .form p{font-size: 18px;letter-spacing: 2px;color: #666;margin-top: 3%;} .CooContact .form p span{display: block;} .CooContact .form p a{color: #3d6db8;font-size: 28px;line-height: 100%;font-family: Impact;} .CooContact .url{width: 100%;background: #ff8f46;padding: 3%;margin-bottom: 4%;} .CooContact .url ul li{font-size: 20px;letter-spacing: 2px;color: #fff;} .CooContact .url ul li i{font-size: 24px;margin-right: 10px;} .CooContact .url ul li span{opacity: .8;} .CooContact .url ul li a{display: block;color: #fff;letter-spacing: 0;font-size: 24px;margin-top: 5px;} /*join*/ .join{margin: 4% auto;align-items:flex-start;} .join h3{width: 100%;font-size: 40px;letter-spacing: 2px;font-weight: bold;margin-bottom: 4%;justify-content: center;} .join h3 img{width: 60px;margin: 0 20px 0 0;} .join .txt{width: 48%;} .join .txt p{font-size: 18px;letter-spacing: 2px;color: #666;line-height: 200%;text-align: justify;margin-bottom: 4%;} .join .pic{width: 48%;} .join .list{background: #3d6db8 url(../image/bg17.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;width: 90%;padding: 3% 4%;margin-top: -6%;} .join .list ul li{font-size: 24px;font-weight: 100;letter-spacing: 2px;text-align: center;} .join .list ul li i{display: block;font-size: 50px;margin-bottom: 20px;opacity: .6;} /*joinProblem*/ .joinProblem{position: relative;overflow: hidden;} .joinProblem .txt{width: 70%;} .joinProblem .txt h3{font-size: 40px;font-weight: bold;letter-spacing: 2px;margin-bottom: 2%;} .joinProblem .txt ul li{width: 49%;} .joinProblem .txt ul li{font-size: 18px;letter-spacing: 2px;color: #666;margin: 1% 0;padding: 1.5%;background: #f2f8ff;position: relative;z-index: 1;align-items:flex-start;} .joinProblem .txt ul li i{color: #3d6db8;font-size: 30px;} .joinProblem .txt ul li span{width: calc(100% - 40px);} .joinProblem .con{width: 28%;} .joinProblem .con h4{justify-content:center;margin-bottom: 1%;} .joinProblem .con h4 img{width: 60px;margin: 0 10px 0 0;} .joinProblem .con h4 span{width: 50px;line-height: 50px;font-size: 30px;background: #ff8f46;color: #fff;border-radius: 50%;margin-left: 10px;text-align: center;letter-spacing: 0;} .joinProblem .con h5{font-size: 30px;letter-spacing: 2px;font-weight: bold;} /*joinChoice*/ .joinChoice{background: #3d6db8 url(../image/bg17.jpg) center no-repeat;color: #fff;margin: 3% auto 4% auto;-webkit-background-size: cover;background-size: cover;overflow: hidden;} .joinChoice .container{padding: 4% 0;position: relative;justify-content:flex-end;} .joinChoice h3{justify-content:flex-start;} .joinChoice h3 img{width: 70px;margin: 0 10px 0 0;} .joinChoice h3 span{width: 60px;line-height: 60px;font-size: 36px;background: #ff8f46;color: #fff;border-radius: 50%;margin-left: 10px;text-align: center;letter-spacing: 0;} .joinChoice ul{margin: 3% 0;} .joinChoice ul li{background: #fff;font-size: 24px;letter-spacing: 2px;padding: 8px 20px;color: #3d6db8;border-radius: 8px;} .joinChoice .telBox em{font-size: 32px;letter-spacing: 3px;} .joinChoice .tel i{font-size: 40px;margin-right: 20px;} .joinChoice .tel a{font-size: 40px;font-family: Impact;font-weight: 100;} .joinChoice .pic{width: 40%;position: absolute;left: -3%;bottom: 0;} /*joinAdvantage*/ .joinAdvantage{margin-bottom: 4%;} .joinAdvantage .tit h3{justify-content:center;font-size: 46px;font-weight: bold;letter-spacing: 5px;margin-bottom: 1%;} .joinAdvantage .tit h3 img{width: 70px;margin: 0 20px 0 0;} .joinAdvantage .tit h3 span{width: 70px;line-height: 70px;font-size: 46px;background: #ff8f46;color: #fff;border-radius: 50%;margin-left: 10px;text-align: center;letter-spacing: 0;} .joinAdvantage .con ul li{width: 49%;background: #f2f8ff;padding: 3%;margin-top: 2%;position: relative;} .joinAdvantage .con ul li::after{position: absolute;content: '';top: 0;left: 0;border-color: #3d6db8 transparent transparent #3d6db8;border-width: 15px;border-style: solid;} .joinAdvantage .con ul li .txt{width: 56%;} .joinAdvantage .con ul li .txt h4{font-size: 36px;letter-spacing: 2px;font-weight: bold;padding-bottom: 4%;margin-bottom: 4%;position: relative;} .joinAdvantage .con ul li .txt h4::after{content: "";position: absolute;left: 0;bottom:0;width: 40px;height: 2px;background: #ff8f46;} .joinAdvantage .con ul li .txt p{font-size: 18px;letter-spacing: 2px;color: #666;text-align: justify;line-height: 200%;} .joinAdvantage .con ul li .pic{width: 40%;} /*joinDream*/ .joinDream h3{justify-content:center;font-size: 46px;letter-spacing: 5px;font-weight: bold;color: #3d6db8;} .joinDream h3 img{width: 60px;margin: 0 20px 0 0;} .joinDream h4{justify-content:center;margin: 2% 0 2.5% 0;} .joinDream h4 span{width: 60px;line-height: 60px;font-size: 36px;text-align: center;margin: 0 10px;background: #ff8f46;border-radius: 50%;color: #fff;} .joinDream .tel{justify-content:center;} .joinDream .tel i{font-size: 36px;} .joinDream .tel span{font-size: 24px;font-weight: 100;} .joinDream .tel a{font-size: 40px;font-family: Impact;font-weight: 100;} .joinDream .pic{margin-top: -5%;} /*joinCondition*/ .joinCondition{background: #3d6db8 url(../image/bg1.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;padding: 4% 0;color: #fff;} .joinCondition h3{font-size: 40px;font-weight: bold;letter-spacing: 2px;text-align: center;margin-bottom: 3%;} .joinCondition .txt{position: relative;} .joinCondition h4{position: absolute;left: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);width: 100%;z-index: 2;} .joinCondition h4 span{background: #ff8f46;padding: 20px 20px 20px 25px;font-size: 30px;text-align: center;width: 120px;line-height: 40px;border-radius: 50%;letter-spacing: 5px;} .joinCondition ul{padding: 0 8%;position: relative;z-index: 1;} .joinCondition ul::after{content: "";position: absolute;width: 100%;height: 48%;border: 2px solid #f2f8ff;border-radius: 100px;left: 0;top:26%;z-index: -1;} .joinCondition ul li{width: 25%;text-align: center;font-size: 20px;letter-spacing: 2px;position: relative;} .joinCondition ul li:nth-child(1),.joinCondition ul li:nth-child(2),.joinCondition ul li:nth-child(3),.joinCondition ul li:nth-child(4){padding-bottom: 60px;} .joinCondition ul li:nth-child(5),.joinCondition ul li:nth-child(6),.joinCondition ul li:nth-child(7),.joinCondition ul li:nth-child(8){padding-top: 60px;margin-top: 5%;} .joinCondition ul li span{display: block;width: 50px;line-height: 50px;background: #f2f8ff;color: #3d6db8;font-size: 30px;font-family: Impact;border-radius: 50%;position: absolute;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);} .joinCondition ul li:nth-child(1) span,.joinCondition ul li:nth-child(2) span,.joinCondition ul li:nth-child(3) span,.joinCondition ul li:nth-child(4) span{bottom:0;} .joinCondition ul li:nth-child(5) span,.joinCondition ul li:nth-child(6) span,.joinCondition ul li:nth-child(7) span,.joinCondition ul li:nth-child(8) span{top:0;} /*joinSupport*/ .joinSupport{margin: 4% auto;} .joinSupport h3{text-align: center;font-size: 40px;font-weight: bold;letter-spacing: 2px;margin-bottom: 4%;} .joinSupport ul li{background:rgba(61, 109, 184, .2);width:18.4%;position:relative;margin: 5.3% 0;text-align: center;z-index: 1;} .joinSupport ul li:before{content:"";height:100%;width:100%;background:rgba(61, 109, 184, .2);position:absolute;top:0px;left:0px;transform:rotate(60deg);-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);z-index: -1;} .joinSupport ul li:after{content:"";height:100%;width:100%;background:rgba(61, 109, 184, .2);position:absolute;top:0px;left:0px;z-index:1;transform:rotate(-60deg);-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);z-index: -1;} .joinSupport ul li:nth-child(even),.joinSupport ul li:nth-child(even):before,.joinSupport ul li:nth-child(even):after{background: rgba(255, 143, 70, .2);} .joinSupport ul li:nth-child(6){margin-left: 10.2%;} .joinSupport ul li:nth-child(9){margin-right: 10.2%;} .joinSupport ul li:nth-child(6),.joinSupport ul li:nth-child(7),.joinSupport ul li:nth-child(8),.joinSupport ul li:nth-child(9){margin-top: 1.8%;} .joinSupport ul li .txt{background: #3d6db8;border: 3px solid #fff;width: 9vw;height: 9vw;border-radius: 50%;overflow: hidden;position: relative;margin: 0 auto;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;background:linear-gradient(#638ccc , #3d6db8);background: -webkit-linear-gradient(#638ccc , #3d6db8);background: -o-linear-gradient(#638ccc , #3d6db8);background: -moz-linear-gradient(#638ccc , #3d6db8);} .joinSupport ul li:nth-child(even) .txt{background: #ff8f46;background:linear-gradient(#fbb88c , #ff8f46);background: -webkit-linear-gradient(#fbb88c , #ff8f46);background: -o-linear-gradient(#fbb88c , #ff8f46);background: -moz-linear-gradient(#fbb88c , #ff8f46);} .joinSupport ul li .txt:hover{-webkit-transform:rotate(360deg) scale(1.3);-moz-transform:rotate(360deg) scale(1.3);-ms-transform:rotate(360deg) scale(1.3);-o-transform:rotate(360deg) scale(1.3);} .joinSupport ul li .txt img{display: block;height: 2.5vw;margin: 1.5vw auto .5vw auto;} .joinSupport ul li .txt em{display: block;font-size: 20px;letter-spacing: 2px;color: #fff;} .joinSupport ul li .txt span{display: block;background: #ff8f46;border-radius: 50% 50% 0 0;font-size: 20px;line-height: 150%;padding: 5px 8px 0 8px;font-family: Impact;color: #fff;position: absolute;bottom:-2px;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);} .joinSupport ul li:nth-child(even) .txt span{background: #3d6db8;} /*joinHonor*/ .joinHonor{background: #3d6db8 url(../image/bg10.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;padding: 4% 0;position: relative;} .joinHonor .container{overflow: hidden;} .joinHonor .tit{margin-bottom: 3%;} .joinHonor .tit h3{justify-content:center;margin-bottom: 1%;} .joinHonor .tit h3 img{width: 60px;margin: 0 15px 0 0;} .joinHonor .tit h3 span{font-size: 40px;font-weight: bold;line-height: 100%;letter-spacing: 5px;} .joinHonor .tit h4{justify-content:center;font-size: 30px;letter-spacing: 5px;} .joinHonor .tit h4 span{width: 50px;line-height: 50px;text-align: center;background: #ff8f46;color: #fff;margin-left: 10px;letter-spacing: 0;border-radius: 50%;} .joinHonor .swiper-container-honor{width: 100%;overflow: hidden;} .joinHonor .swiper-slide{position: relative;z-index: 1;padding: 0 2% 2% 2%;transition:all .5s linear;} .joinHonor .swiper-slide::after{content: "";position: absolute;left: 0;bottom:0;width: 100%;height: 30%;background: #ff8f46;z-index: -1;} .joinHonor .swiper-slide img{border: 5px solid #fff;} .joinHonor .swiper-slide:hover{top:20px;} .joinHonor .swiper-pagination{bottom:3%;} /*joinGet*/ .joinGet{margin-top: 4%;} .joinGet h3{justify-content:center;font-size: 40px;letter-spacing: 2px;font-weight: bold;} .joinGet h3 img{width: 60px;margin: 0 20px 0 0;} .joinGet .txt{position: relative;padding: 3% 0;} .joinGet .txt dl{align-items:flex-start;width: 30%;margin: 1.5% 0;position: relative;} .joinGet .txt dl:nth-child(odd){margin-right: 20%;} .joinGet .txt dl dt{width: 60px;line-height: 60px;background: #3d6db8;color: #fff;font-family: Impact;border-radius: 50%;font-size: 30px;text-align: center;} .joinGet .txt dl dd{width: calc(100% - 80px);} .joinGet .txt dl dd h4{font-size: 28px;letter-spacing: 2px;padding-bottom: 5%;margin-bottom: 5%;position: relative;} .joinGet .txt dl dd h4::after{content: "";position: absolute;width: 30px;height: 2px;background: #ff8f46;left: 0;bottom:0;} .joinGet .txt dl dd p{font-size: 18px;letter-spacing: 2px;color: #666;text-align: justify;} .joinGet .text{width: 30%;} .joinGet .text h4{margin-bottom: 5%;} .joinGet .text h4 span{width: 60px;line-height: 60px;text-align: center;background: #ff8f46;color: #fff;font-size: 36px;border-radius: 50%;} .joinGet .text p i{color: #ff8f46;font-size: 36px;margin-right: 10px;} .joinGet .text p span{font-size: 24px;letter-spacing: 2px;font-weight: 100;} .joinGet .text p a{font-size: 40px;letter-spacing: 5px;font-family: Impact;color: #3d6db8;} .joinGet .pic{position: absolute;width: 34%;bottom:0;left: 33%;} /*joining*/ .joining{background: #3d6db8 url(../image/bg5.jpg) center no-repeat;color: #fff;overflow: hidden;-webkit-background-size: cover;background-size: cover;} .joining .container{padding: 4% 0;position: relative;} .joining .txt .span{justify-content: flex-start;} .joining .txt .span img{width: 70px;margin: 0 10px 0 0;} .joining .txt .span span{width: 60px;line-height: 60px;font-size: 36px;text-align: center;background: #fff;color: #3d6db8;font-weight: bold;margin-left: 10px;border-radius: 50%;} .joining .txt .span span.i{background: #ff8f46;color: #fff;} .joining .txt p{font-size: 32px;letter-spacing: 6px;margin: 2% 0;} .joining .txt p i{margin-right: 15px;} .joining .txt h3{font-size: 40px;font-weight: bold;letter-spacing: 5px;line-height: 180%;position: relative;padding-left: 40px;position: relative;z-index: 1;} .joining .txt h3::after{content: "";position: absolute;width: 70%;height: 100%;background: #ff8f46;border-radius: 50px 0 0 50px;left: 0;top:0;z-index: -1;} .joining .txt h4{font-size: 36px;letter-spacing: 3px;margin: 2% 0;} .joining .tel i{font-size: 30px;} .joining .tel span{letter-spacing: 5px;font-weight: 100;font-size: 24px;} .joining .tel a{font-family: Impact;font-weight: normal;font-size: 40px;letter-spacing: 5px;} .joining .pic{width: 40%;position: absolute;right: 0;top:8%;z-index: 2;} /*joinProcess*/ .joinProcess{padding-top: 1%;} .joinProcess ul li{width: 32%;background: #f2f8ff;padding: 3%;overflow: hidden;position: relative;} .joinProcess ul li::after{position: absolute;content: '';bottom: 0;right: 0;border-color: transparent #3d6db8 #3d6db8 transparent;border-width: 15px;border-style: solid;} .joinProcess ul li i{position: absolute;right: 8%;top:15%;} .joinProcess ul li span{display: inline-block;font-size: 30px;font-family: Impact;position: relative;z-index: 1;line-height: 180%;padding-right: 30px;color: #fff;letter-spacing: 2px;} .joinProcess ul li span::after{content: "";position: absolute;right: 0;top:0;width: 300%;height: 100%;background: #ff8f46;z-index: -1;border-radius: 0 30px 30px 0;} .joinProcess ul li h4{font-size: 30px;letter-spacing: 5px;margin: 6% 0 3% 0;} .joinProcess ul li p{font-size: 18px;letter-spacing: 2px;color: #666;line-height: 200%;text-align: justify;} /*cooperation*/ .cooperation{margin: 4% auto;align-items:flex-start;} .cooperation .txt{width: 48%;position: relative;} .cooperation .txt h3{font-size: 36px;letter-spacing: 2px;margin-bottom: 2%;} .cooperation .txt ul li{font-size: 18px;letter-spacing: 2px;color: #666;margin: 3% 0;} .cooperation .txt ul li i{color: #3d6db8;margin-right: 15px;} .cooperation .txt .img{width: 28%;position: absolute;right: 0;} .cooperation .txt h4{font-size: 30px;letter-spacing: 2px;margin-top: 2%;} .cooperation .pic{width: 48%;} .cooperation .text{width: 70%;padding: 3%;background: #f2f8ff;margin-top: -8%;} .cooperation .text p{font-size: 18px;letter-spacing: 2px;color: #666;text-align: justify;line-height: 200%;} /*CooBrand*/ .CooBrand{background: #ff8f46;color: #fff;padding-right: 3%;} .CooBrand p{font-size: 20px;letter-spacing: 2px;line-height: 200%;padding: 3%;background: #3d6db8;} .CooBrand dl dt{width: 120px;margin: 0 20px 0 0;} .CooBrand dl dd .span span{width: 60px;line-height: 60px;font-size: 36px;background: #fff;color: #ff8f46;border-radius: 50%;text-align: center;font-weight: bold;} .CooBrand dl dd h3{font-size: 40px;font-weight: bold;letter-spacing: 2px;line-height: 100%;margin-top: 3%;} .CooBrand .txt h4{font-size: 30px;letter-spacing: 2px;padding-bottom: 3%;margin-bottom: 5%;border-bottom: 1px solid rgba(255,255,255,.2);text-align: justify;text-align-last: justify;} .CooBrand .txt .tel i{font-size: 36px;color: #fff;} .CooBrand .txt .tel a{font-size: 40px;font-family: Impact;color: #fff;font-weight: 100;} /*CooTerms*/ .CooTerms{margin: 4% auto;} .CooTerms h3{font-size: 40px;font-weight: bold;letter-spacing: 2px;text-align: center;margin-bottom: 3%;} .CooTerms ul{position: relative;z-index: 1;} .CooTerms ul::after{content: "";position: absolute;left: 50%;top:52%;width: 30vw;height: 30vw;border: 2px solid #3d6db8;border-radius: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);z-index: -1;background: #f2f8ff url(../image/pic28.png) center 90px no-repeat;-webkit-background-size: 82% auto;background-size: 82% auto;} .CooTerms ul li{width: 26%;font-size: 18px;letter-spacing: 2px;color: #666;position: relative;padding: 2% 0;border-bottom: 1px solid #3d6db8;margin: .5% 0;z-index: 1;} .CooTerms ul li::after{content: "";position: absolute;bottom:-6px;width: 10px;height: 10px;background: #3d6db8;border-radius: 50%;} .CooTerms ul li:nth-child(odd)::after{left: 0;} .CooTerms ul li:nth-child(even)::after{right: 0;} .CooTerms ul li:nth-child(odd){margin-right: 20%;} .CooTerms ul li i{position: absolute;width: 80px;line-height: 80px;font-size: 40px;font-family: Impact;background: #3d6db8;color: #fff;text-align: center;border-radius: 50%;letter-spacing: 0;} .CooTerms ul li:nth-child(1) i{right: -70%;top: 15%;} .CooTerms ul li:nth-child(3) i{right: -38%;top:10%;} .CooTerms ul li:nth-child(5) i{right: -38%;top:50%;} .CooTerms ul li:nth-child(7) i{right: -70%;top:50%;} .CooTerms ul li:nth-child(2) i{left: -70%;top:15%;} .CooTerms ul li:nth-child(4) i{left: -38%;top:10%;} .CooTerms ul li:nth-child(6) i{left: -38%;top:50%;} .CooTerms ul li:nth-child(8) i{left: -70%;top:50%;} /*CooSupport*/ .CooSupport{padding: 4% 0;overflow: hidden;background: url(../image/supportBg.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;} .CooSupport .tit{margin-bottom: 4%;} .CooSupport .tit h3{justify-content:center;} .CooSupport .tit h3 img{width: 70px;margin: 0 10px 0 0;} .CooSupport .tit h3 span{width: 60px;line-height: 60px;font-size: 36px;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;margin-left: 10px;} .CooSupport .tit h4{text-align: center;margin-top: 1%;} .CooSupport .tit h4 span{display: inline-block;font-size: 30px;letter-spacing: 5px;background: #ff8f46;color: #fff;line-height: 200%;padding: 0 3%;border-radius: 50px;} .CooSupport .con{position: relative;z-index: 1;} .CooSupport .con::after{content: "";position: absolute;left: 50%;top:8%;width: 80vw;height: 80vw;border: 2px solid rgba(61, 109, 184, .2);border-radius: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);z-index: -1;} .CooSupport .con h5{position: absolute;width: 100%;text-align: center;font-size: 80px;line-height: 120%;font-weight: bold;letter-spacing: 10px;color: #ff8f46;bottom:0;} .supportList ul{align-items:flex-start;padding-bottom: 5%;} .supportList ul li{position: relative;text-align: center;} .supportList ul li:nth-child(1),.supportList ul li:nth-child(8){margin-top: 27%;} .supportList ul li:nth-child(2),.supportList ul li:nth-child(7){margin-top: 14%;} .supportList ul li:nth-child(3),.supportList ul li:nth-child(6){margin-top: 5%;} .supportList ul li:nth-child(4),.supportList ul li:nth-child(5){margin: 0 1.5%;} .supportList ul li:nth-child(1){margin-left: 3%;margin-right: -3%;} .supportList ul li:nth-child(8){margin-right: 3%;margin-left: -3%;} .supportList ul li i{display: block;padding: 15px;background: #fff;border: 2px solid rgba(61, 109, 184, .2);border-radius: 50%;} .supportList ul li img{width: 90px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);opacity: .6;} .supportList ul li em{display: block;font-size: 20px;letter-spacing: 2px;margin-top: 10px;} .supportList ul li span{position: absolute;left: 50%;top:-16px;width: 40px;line-height: 40px;font-size: 24px;font-family: Impact;background: #3d6db8;color: #fff;border-radius: 50%;margin-left: -20px;} .supportList ul li.on i{border: 2px solid rgba(61, 109, 184, 1);} .supportList ul li.on img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;} .supportList ul li.on em{color: #3d6db8;} .support{position: absolute;left: 25%;top:32%;width: 50%;overflow: hidden;} .support .swiper-slide h4{justify-content:center;margin: 1% auto 4% auto;text-align: center;color: #fff;} .support .swiper-slide h4 i{width: 60px;line-height: 60px;font-family: Impact;font-size: 36px;background: #ff8f46;border-radius: 50%;} .support .swiper-slide h4 span{width: 60px;line-height: 60px;font-size: 36px;background: #3d6db8;border-radius: 50%;margin-left: 10px;} .support .swiper-slide p{font-size: 18px;letter-spacing: 2px;color: #666;text-align: center;line-height: 200%;} .support .swiper-slide span{font-size: 40px;text-transform: uppercase;font-family: Impact;line-height: 100%;} /*CooShare*/ .CooShare{background: #3d6db8 url(../image/bg17.jpg) center no-repeat;color: #fff;-webkit-background-size: cover;background-size: cover;overflow: hidden;} .CooShare .container{padding: 1% 0;position: relative;} .CooShare .txt h3{font-size: 60px;font-weight: bold;letter-spacing: 10px;margin: 3% 0 4% 0;} .CooShare .txt h3 span{display: block;} .CooShare .txt h4{padding-right: 10px;} .CooShare .txt h4 span{width: 50px;line-height: 50px;font-size: 30px;background: #ff8f46;border-radius: 50%;text-align: center;font-weight: 100;} .CooShare .tel i{font-size: 36px;margin-right: 15px;} .CooShare .tel span{font-size: 24px;font-weight: 100;letter-spacing: 5px;} .CooShare .tel a{font-family: Impact;font-size: 44px;font-weight: 100;letter-spacing: 5px;} .CooShare .pic{width: 48%;} /*CooMoney*/ .CooMoney{background: #3d6db8 url(../image/bg3.jpg) center no-repeat;color: #fff;overflow: hidden;-webkit-background-size: cover;background-size: cover;} .CooMoney .container{padding: 3% 0;position: relative;padding-right: 12%;} .CooMoney h5{font-size: 70px;line-height: 120%;font-weight: bold;margin-bottom: 2%;} .CooMoney h5 img{width: 80px;margin: 0;} .CooMoney h3 span{width: 70px;line-height: 70px;background: #fff;color: #ff8f46;border-radius: 50%;text-align: center;font-size: 40px;margin-left: 15px;} .CooMoney h3 span.i{width: 80px;line-height: 80px;font-size: 50px;background: #ff8f46;color: #fff;margin-left: 0;} .CooMoney h4{margin-top: 1%;} .CooMoney h4 span{font-size: 24px;letter-spacing: 2px;background: #ff8f46;line-height: 220%;padding: 0 25px;border-radius: 8px;margin-right: 10px;} .CooMoney .telBox p{font-size: 22px;font-weight: 100;letter-spacing: 5px;margin: 3% 0;} .CooMoney .tel i{font-size: 36px;margin-right: 15px;} .CooMoney .tel span{letter-spacing: 5px;} .CooMoney .tel a{font-size: 36px;font-family: Impact;font-weight: 100;letter-spacing: 5px;} .CooMoney .pic{width: 12%;position: absolute;right: 0;top: 5%;} /*link*/ .link{margin: 4% auto;} .link .txt{width: 42%;} .link .txt h4{font-size: 40px;letter-spacing: 2px;padding-bottom: 2%;} .link .txt p{font-size: 18px;letter-spacing: 2px;color: #666;margin-top: 4%;padding-left: 45px;position: relative;line-height: 200%;} .link .txt p span{width: 30px;line-height: 30px;font-family: Impact;background: #3d6db8;color: #fff;letter-spacing: 0;text-align: center;border-radius: 50%;position: absolute;left: 0;top: 2px;} .link .form{width: 48%;} .link .form ul li{width: 48%;margin-bottom: 4%;} .link .form ul li:last-child{width: 100%;} .link .form ul li label{width: 100%;font-size: 18px;letter-spacing: 2px;} .link .form ul li label i{width: 20px;font-size: 20px;color: #3d6db8;margin-right: 10px;} .link .form ul li label span{color: red;float: right;} .link .form ul li input,.link .form ul li textarea{width: 100%;border-bottom: 1px solid #eee;font-size: 18px;letter-spacing: 2px;padding: 10px 0;line-height: 200%;} .link .form .btn input{width: 45%;font-size: 20px;line-height: 240%;text-align: center;background: #3d6db8;color: #fff;} .link .form .btn input.submit{background: #ff8f46;} @media screen and (max-width:1620px){ .aboutTop .topl2 h3 em { font-size: 22px; } } @media screen and (max-width:1440px){ .casePage ul li{margin-bottom: 1%;} .casePage ul li a{font-size: 18px;} .casePage ul li a i{width: 24px;} .caseshow .con{padding-top: 40px;} .caseshow .con .icon{margin-left: -40px;} .caseshow .con .icon a{width: 80px;padding: 15px;font-size: 18px;line-height: 25px;} .caseshow .con .icon a i{font-size: 24px;line-height: 25px;} .caseshow .txt h4{font-size: 22px;} .caseshow .txt dl dd p{font-size: 16px;} .caseshow .txt dl dd .more{font-size: 16px;padding: 5px 20px 2px 25px;} .praise .txt h4{font-size: 32px;} .praise .txt h3{font-size: 36px;} .praise .txt h5{font-size: 36px;} .praise .txt p{font-size: 22px;} .praise .txt p em{width: 46px;line-height: 46px;font-size: 24px;} .praise .pic{width: 46%;} .partner .txt h4{font-size: 32px;} .partner .txt p{font-size: 16px;line-height: 240%;} .team .txt{padding-left: 130px;} .team .txt::after{font-size: 140px;} .team .txt .no{font-size: 24px;} .team .txt .yes{margin: 2% 0;} .team .txt .yes span{width: 40px;font-size: 24px;line-height: 38px;margin-right: 5px;} .team .txt dl dt{width: 90px;margin-right: 15px;} .team .txt dl dd h3{font-size: 36px;} .team .txt dl dd p{font-size: 24px;letter-spacing: 3px;} .team .txt .text{width: 700px;font-size: 20px;margin: 2% 0;} .team .txt h4{font-size: 24px;} .team .txt h4 b{font-size: 28px;} .team .txt .tel{margin-top: 2%;} .team h2{font-size: 26px;} .ganyan h4{font-size: 32px;letter-spacing: 1px;} .ganyan p{font-size: 16px;} .caseList ul li .txt p{margin: 1% 0;} .right-service .txt h3 a{font-size: 18px;} .right-case{margin-top: 12%;} .right-case dl{padding: 4% 0;} .right-case dl dd{line-height: 180%;} .right-news{margin-top: 12%;} .right-news ul li{padding: 2% 0;} .right-news ul li a{display: block;line-height: 36px;height: 36px;overflow: hidden;} .right-contact{margin-top: 12%;} .right-contact ul li span{font-size: 14px;margin-top: 2%;} .right-contact .rightTel i{font-size: 70px;} .right-contact .rightTel span{font-size: 16px;} .right-contact .rightTel a{font-size: 32px;} .right-txt h4 span{width: 30px;line-height: 30px;font-size: 16px;} .right-txt p{font-size: 16px;text-align-last: justify;} .kefu .txt dl dd h6{padding-top: 1%;} .kefu .txt dl dd p{font-size: 16px;line-height: 180%;letter-spacing: 1px;} .kefu .wx{width: 23%;} .position b{font-size: 22px;letter-spacing: 1px;} .position b img{width: 40px;} .caseSort ul li{line-height: 240%;} .caseSort ul li i{margin-right: 5px;} .contentTit h1{font-size: 28px;} .contentShare h3{letter-spacing: 1px;} .contentCase dl dd h5{font-size: 22px;letter-spacing: 1px;} .contentCase dl dd p{font-size: 16px;} .newsTxtL .txt .pic{width: 110px;} .newsTxtL .text{width: calc(100% - 130px);} .newsTxtL .text h4{font-size: 32px;} .newsTxtL .text .c span{width: 56px;line-height: 56px;} .newsTxt .li ul li{font-size: 22px;letter-spacing: 1px;} .newsTxt .list h3 b{font-size: 28px;} .newsTxt .list dl dt span{font-size: 28px;} .newsTxt .list dl dd{width: calc(100% - 110px);} .newsTxt .list dl dd p{line-height: 180%;letter-spacing: 1px;} .newsList ul li .txt p{font-size: 16px;letter-spacing: 1px;} .newsTxtR .txt h3{font-size: 36px;} .newsTxtR .txt h4{font-size: 20px;letter-spacing: 1px;} .newsTxtR .txtr i{font-size: 20px;padding: 5px 50px 5px 20px;} .newsTxtR .txtr em{width: 110px;font-size: 24px;padding: 25px 0;} .aboutTop .topl{width: 20%;} .aboutTop .topl h3 span{font-size: 50px;} .aboutTop .topl h3 em{font-size: 26px;} .aboutTxt ul li{font-size: 16px;letter-spacing: 1px;} .company h3::before{font-size: 110px;} .company h3 em{width: 52px;line-height: 52px;font-size: 28px;} .company .txt p{font-size: 16px;} .company .text{padding-right: 0;margin-top: 2px;} .company .text ul li{font-size: 16px;} .company .text .img{display: none;} .companyProject .txt h3{font-size: 32px;} .companyProject .txt hr{width: 30px;margin: 3% 0;} .companyProject .txt p{font-size: 16px;} .platform h3{font-size: 36px;} .platform h3 img{width: 50px;margin-right: 15px;} .platform .txt1{width: 48%;} .platform .txt1 p{font-size: 16px;} .platform .txt1 ul li i{font-size: 36px;} .platform .txt1 .en{margin-top: 5%;font-size: 80px;} .platform .txt2{width: 48%;} .platform .txt2 p{font-size: 16px;} .partners h3{font-size: 36px;} .partners .txt{width: 460px;height: 460px;padding:4%;} .partners .txt p{font-size: 16px;} .partners .txt .i1{width: 160%;height: 160%;left: -30%;top:-30%;} .partners .txt .i2{width: 216%;height: 216%;left: -58%;top:-58%;} .partners .txt .i3{width: 270%;height: 270%;left: -85%;top:-85%;} .contact .txt h6{font-size: 24px;} .contact .txt p{font-size: 16px;} .contact .txt p b{font-size: 20px;} .contact .img ul li em{font-size: 18px;margin-bottom: 20px;} .contact .img ul li span{font-size: 16px;} .contact .contactTel p{line-height: 40px;} .contact .contactTel p i{font-size: 36px;width: 70px;line-height: 70px;margin-bottom: 10px;} .contactTxt dl dd h5 span{width: 46px;line-height: 46px;font-size: 24px;margin-right: 5px;} .contactList .con h5{font-size: 20px;letter-spacing: 1px;} .contactList .con h5 span{font-size: 16px;} .contactList .con .txt{width: 32%;} .contactList .con .txt ul li span{font-size: 18px;} .contactList .con .txt ul li a{font-size: 28px;letter-spacing: 0;line-height: 120%;} .contactList .con p{font-size: 18px;letter-spacing: 1px;} .contactList .con p span{font-size: 16px;} .cultureTxt .txt .i{font-size: 80px;} .cultureTxt .txt h3 img{width: 60px;} .cultureTxt .txt h3 span{width: 52px;line-height: 52px;font-size: 30px;} .cultureTxt .txt p{font-size: 16px;} .cultureTxt .txt .span{font-size: 60px;} .cultureTxt .pic ul li{width: 32%;} .cultureTxt .pic ul li span{font-size: 18px;padding: 0 15px;} .cultureBan .txt h4{font-size: 36px;margin-right: 5px;} .cultureBan .txt h3{font-size: 32px;} .cultureBan .txt h3 img{width: 100px;margin-right: 10px;} .cultureBan .txt .span span{width: 46px;line-height: 46px;font-size: 26px;margin: 5px 5px 5px 0;} .cultureBan .txt h5{font-size: 32px;} .cultureBan .txt h5 span{width: 46px;line-height: 46px;font-size: 26px;margin-right: 5px;} .culture .list1::after{font-size: 200px;} .culture .list1 .txt dl dt{width: 100px;} .culture .list1 .txt dl dd {width: calc(100% - 120px);} .culture .list1 .txt dl dd h4{font-size: 28px;} .culture .list1 .txt dl dd p{font-size: 16px;letter-spacing: 1px;line-height: 160%;} .culture .list2 ul li i.fa{font-size: 40px;} .culture .list2 ul li h4{font-size: 28px;} .culture .list2 ul li p span{width: 36px;line-height: 34px;font-size: 18px;margin: 0 3px;} .culture .list3 ul{margin-right: 40px;} .culture .list3 ul li{margin: 40px 0;} .culture .list3 ul li h4{font-size: 28px;padding-left: 20px;} .culture .list3 ul li p{font-size: 16px;padding-left: 20px;} .culture .list3 .pic{width: 34%;} .cultureCore h3{font-size: 36px;} .cultureCore ul li h5 em{width: 46px;font-size: 46px;} .cultureCore ul li h5 span{font-size: 16px;margin-left: 10px;} .culturePolicy h3 span{width: 50px;line-height: 50px;font-size: 28px;margin: 0 5px;} .culturePolicy .con ul li h4 span{width: 42px;line-height: 42px;margin-right: 5px;} .culturePolicy .con ul li p{font-size: 16px;} .culturePolicy .txt p{font-size: 16px;} .cultureDream h3 span{width: 50px;line-height: 50px;font-size: 30px;} .cultureDream h4{margin-top: -30px;} .cultureDream h4 span{font-size: 20px;} .cultureDream p{font-size: 20px;} .cultureIdea ul li{width: 32%;margin-bottom: 2%;} .cultureIdea ul li h5{font-size: 28px;} .cultureIdea ul li p{font-size: 16px;letter-spacing: 1px;} .zuzhi .title{padding: 3% 2%;} .zuzhiPage ul{width: 50%;} .zuzhiPage ul li{font-size: 20px;} .zuzhiTxt .txt p{font-size: 16px;} .zuzhiTxt .txt1::before{font-size: 60px;} .zuzhiTxt .txt3::before{font-size: 60px;} .coreTit h4 span{width: 52px;line-height: 52px;font-size: 32px;} .coreTit .en{font-size: 26px;} .coreTit h3{font-size: 36px;} .coreTit p{font-size: 18px;} .coreList ul li b{font-size: 24px;} .coreList ul li b span{font-size: 14px;margin-top: 5px;} .core .txt h3{font-size: 36px;} .core .txt h3 span{font-size: 50px;margin-right: 20px;} .core .txt p{font-size: 16px;line-height: 180%;} .promise .con::after{background-position: center 66%;-webkit-background-size: 26%;background-size: 26%;} .promise h3{font-size: 36px;} .promise h3 img{width: 50px;} .promise dl{width: 36%;} .promise dl::before{left: 23px;} .promise dl::after{left: 18px;} .promise dl dt span{width: 46px;line-height: 46px;} .promise dl dd {width: calc(100% - 60px);} .promise dl dd h4{font-size: 24px;margin: 5px 0;} .promise dl dd p{font-size: 16px;line-height: 180%;} .criterion .title p{padding-right: 0;} .criterion .con ul li:nth-child(2n){margin-top: -36%;} .criterion .con ul li .tit h4 span{font-size: 50px;margin-bottom: 15px;} .criterion .con ul li .tit h4 em{width: 100px;font-size: 24px;line-height: 30px;padding: 20px;} .criterion .con ul li .txt{font-size: 16px;} .criterion .p{padding: 3%;} .criterion .p i{width: 110px;} .criterion .p h4{width: calc(100% - 130px);} .criterion .text span{width: 46px;line-height: 44px;font-size: 28px;} .statement h3{font-size: 36px;} .statement h3 img{width: 50px;} .statement .con h5{font-size: 24px;} .statement .con p{font-size: 16px;} .statement .con .c span{width: 36px;line-height: 36px;} .speech .con h3::after{font-size: 120px;} .speech .con h3 span{width: 52px;line-height: 52px;} .speech .con h3 i{font-size: 70px;} .speech .con ul{right: -130px;width: 110px;} .speech .con h5{font-size: 26px;} .speech .con p{font-size: 16px;} .speech .pic{width: 22%;} .message .tit p{padding: 0 5%;} .message .txt p{top:0;} .message .form{margin: 2% 0;} .message .form ul li{margin-bottom: 3%;} .message .text h5{font-size: 36px;margin-bottom: 1%;} .message .text h4 span{width: 52px;line-height: 52px;font-size: 30px;} .message .text .tel a{letter-spacing: 2px;} .messageList .con .img span{font-size: 14px;} .messageList .con h5{font-size: 16px;} .messageList .con h5 i{font-size: 18px;} .messageList .con h5 a{font-size: 20px;line-height: 40px;} .certificate ul li::after{height: 30%;} .certificate ul li h3 a{font-size: 18px;padding: 5px 0;} .labCon ul li h3 a{font-size: 18px;line-height: 42px;padding: 0 10px;} .labCon ul li h3 a::before{border-width: 21px 12px;left: -24px;} .labCon ul li h3 a::after{border-width: 21px 12px;right: -24px;} .labShow .list h4{font-size: 32px;} .labShow .list h4 span{font-size: 20px;} .labShow .list ul li{font-size: 16px;padding-left: 24px;letter-spacing: 1px;} .labShow .txt h1{font-size: 36px;} .labShow .txt h1 img{width: 52px;margin-right: 10px;} .labShow .txt p{font-size: 16px;} .labPic h3{font-size: 36px;} .labPic h4{font-size: 22px;} .service .tit h3{font-size: 36px;} .service .tit h3 img{width: 50px;margin-right: 10px;} .service .tit p{font-size: 18px;padding-bottom: 5px;} .systemBox .title h3 img{width: 60px;margin-right: 5px;} .systemBox .title h3 span{width: 56px;line-height: 56px;font-size: 30px;} .systemBox .text p{font-size: 26px;letter-spacing: 2px;} .systemBox .text h4{font-size: 32px;letter-spacing: 2px;} .systemPage ul li{font-size: 24px;} .systemPage ul li i{padding: 0 25px;} .system .tit h4{width: 100px;font-size: 24px;line-height: 30px;padding: 20px 10px 20px 15px;} .system .tit p{font-size: 18px;line-height: 180%;width: calc(100% - 120px);} .system .txt p{font-size: 16px;padding-left: 60px;letter-spacing: 1px;} .system .txt p i{font-size: 18px;line-height: 28px;letter-spacing: 2px;top:2px;} .budget .txtl p{font-size: 18px;} .budget .txtl h3{font-size: 36px;letter-spacing: 3px;} .budget .txtr p{font-size: 18px;} .budget .txtr .tel a{font-size: 32px;} .systemPraise::after{font-size: 80px;} .systemPraise .pic h3 img{width: 60px;margin-right: 5px;} .systemPraise .pic h3 span{width: 56px;line-height: 56px;font-size: 30px;} .systemPraise .txt h4{font-size: 30px;letter-spacing: 1px;} .systemPraise .txt p{font-size: 16px;} .process .txt h4{margin-top: 2%;} .process .txt h4 i{width: 50px;line-height: 50px;font-size: 36px;} .process .txt h4 span{width: 46px;line-height: 46px;font-size: 24px;margin-left: 5px;} .process .txt p{font-size: 16px;} .processBan .txt h3{font-size: 36px;} .processBan .txt h4{font-size: 26px;} .processBan .txt h5 span{width: 46px;line-height: 46px;font-size: 24px;} .processBan .txt p{font-size: 22px;} .processBan .pic{width: 34%;} .flowsheet .con ul li{font-size: 16px;letter-spacing: 0;} .flowsheet .con ul li:first-child{padding: 2% 2.5%;font-size: 20px;line-height: 140%;letter-spacing: 2px;} .flowsheet .text ul li{font-size: 16px;letter-spacing: 0;} .send h3 img{width: 60px;} .send h3 span{width: 52px;line-height: 52px;font-size: 30px;} .send .txt p{font-size: 16px;line-height: 180%;} .send .pic::after{font-size: 200px;} .sendAttention h3 img{width: 60px;} .sendAttention h3 span{width: 52px;line-height: 52px;font-size: 30px;} .sendAttention .txt ul li:nth-child(2){margin: 3% 0;} .sendAttention .txt ul li h4{margin: 6px 0;font-size: 24px;} .sendAttention .txt ul li p{font-size: 16px;line-height: 180%;} .sendLoss .txt h4{font-size: 36px;} .sendLoss .txt p{font-size: 16px;} .sendLoss .down{font-size: 24px;} .sendLoss .down i{font-size: 50px;} .sendLossTip .pic{width: 18%;} .sendLossTip h4 em{font-size: 60px;width: 75px;} .sendLossTip h4 i{margin-top: 130px;} .sendLossTip ul li{font-size: 16px;line-height: 180%;margin-bottom: 2%;} .report .title h3 img{width: 60px;} .report .title h3 span{width: 52px;line-height: 52px;font-size: 30px;} .report .txt p{font-size: 16px;padding-left: 45px;margin: 1.5% 0;} .report .txt p i{width: 30px;line-height: 30px;font-size: 16px;top:0;} .reportTel h4{font-size: 18px;} .reportTel p{margin-top: 3%;} .reportTel p i{width: 20px;font-size: 20px;margin-right: 10px;} .reportTel p span{font-size: 18px;} .reportTel p a{font-size: 32px;} .reportTel p em{font-size: 24px;} .report .img{right: 32%;} .reportForm ul li{width: 31%;} .reportForm ul li i{margin-right: 10px;font-size: 24px;} .reportForm ul li input, .reportForm ul li textarea{font-size: 16px;width: calc(100% - 50px);} .jobTxt h3{font-size: 36px;} .jobTxt p{font-size: 16px;line-height: 220%;} .jobIdea .txt{font-size: 18px;line-height: 200%;} .jobIdea ul li{padding: 30px 30px 20px 30px;} .jobIdea ul li h4{margin-bottom: 10px;} .jobIdea ul li p{font-size: 18px;letter-spacing: 1px;} .jobList ul li h5{font-size: 22px;} .jobList ul li p{font-size: 16px;} .jobList ul li p span{font-size: 18px;} .jobList ul li i{font-size: 100px;} .jobBox .con p{font-size: 16px;margin-top: 2px;line-height: 180%;} .job .txt p{font-size: 18px;} .jobBelieve h4{font-size: 36px;letter-spacing: 3px;} .jobBelieve p{font-size: 24px;} .jobBelieve .telBox em{font-size: 20px;} .jobBelieve .tel a{font-size: 36px;} .jobProcess h3 img{width: 60px;} .jobProcess h3 span{width: 52px;line-height: 52px;font-size: 30px;} .jobProcess ul li h5{font-size: 22px;} .jobProcess ul li p{font-size: 16px;} .jishu .con dt{width: 130px;} .jishu .con h4{font-size: 36px;} .jishu .con h5{font-size: 28px;} .jishu .con p{font-size: 18px;} .jishu .txt h3{font-size: 36px;} .jishu .txt p{font-size: 18px;} .jishu .txt p span{margin-top: 10px;} .jishu .pic{width: 38%;} .jishuList ul li h5 b{letter-spacing: 1px;} .jishuIncome{padding-right: 15%;} .jishuIncome h5 span{margin-right: 10px;} .jishuIncome p{font-size: 36px;} .jishuIncome .telBox h4{font-size: 26px;} .jishuIncome .pic{width: 14%;right: 1%;} .jishuReap ul li p{font-size: 18px;} .recruitTxt h3 img{width: 60px;margin-right: 5px;} .recruitTxt h3 span{width: 56px;line-height: 56px;font-size: 30px;} .recruitTxt dl{margin: 2% 0 1% 0;} .recruitTxt dl dt{font-size: 60px;margin-right: 15px;} .recruitTxt dl dd{font-size: 24px;} .recruitTxt ul li{padding: 8px 25px;} .wages dl dt h6{font-size: 26px;} .wages dl dt p{font-size: 18px;} .wages dl dd{padding-left: 30px;margin-left: 30px;} .wages dl dd p{font-size: 18px;} .principle h3 img{width: 60px;margin-right: 5px;} .principle h3 span{width: 56px;line-height: 56px;font-size: 30px;} .principle p{margin-left: 15px;} .direction{padding: 2% 0 2% 6%;margin-top: 4%;} .direction h4{width: 110px;font-size: 28px;padding: 23px 20px;} .direction dl dt{font-size: 26px;} .recruitContact .txt h5{font-size: 36px;} .recruitContact .txt ul.ul1{width: 46%;} .recruitContact .txt ul.ul1 li span{font-size: 18px;} .recruitContact .txt ul.ul1 li .span{margin-top: 4px;} .recruitContact .txt ul.ul2{width: 46%;} .recruitContact .img{width: 16%;} .era .span{margin: 2% auto;} .era .span span{width: 50px;line-height: 50px;} .era h3{font-size: 28px;} .recruitObject h4 img{width: 60px;margin: 0;} .recruitObject h4 span{width: 52px;line-height: 52px;font-size: 30px;} .recruitObject .txt p{font-size: 18px;margin: 2% 0;padding-left: 45px;} .recruitObject .txt p i{width: 32px;line-height: 32px;top:0;font-size: 20px;} .recruitList .recruitPage ul li{font-size: 20px;padding: 2% 3% 3% 3%;} .recruitList .recruitPage ul li em{padding-bottom: 3%;} .idea .title h3 img{width: 60px;margin: 0;} .idea .title h3 span{width: 52px;line-height: 52px;font-size: 30px;} .idea dl dt i{width: 120px;} .idea dl dt i span{width: 50px;line-height: 50px;font-size: 28px;} .idea dl dt img{width: calc(100% - 120px);} .idea dl dd h4{font-size: 28px;} .idea dl dd p{font-size: 16px;letter-spacing: 1px;} .duty .title h3 img{width: 60px;margin-right: 5px;} .duty .title h3 span{width: 52px;line-height: 52px;font-size: 30px;} .duty ul li i{width: 40px;line-height: 30px;font-size: 20px;} .duty ul li h4 span::after{top:-28px;} .duty ul li p{font-size: 16px;letter-spacing: 1px;line-height: 180%;} .dutyIdea h3 img{width: 60px;margin-right: 5px;} .dutyIdea h3 span{width: 52px;line-height: 52px;font-size: 30px;} .dutyIdea .txt ul li{font-size: 16px;letter-spacing: 1px;} .dutyTxt ul li h4{font-size: 26px;padding: 6px 0 0 15px;} .dutyTxt ul li p{font-size: 16px;letter-spacing: 1px;} .invest .tit dl dt{width: 100px;margin-right: 15px;} .invest .tit dl dd h3{font-size: 36px;} .invest .tit dl dd h4 span{width: 46px;line-height: 46px;font-size: 24px;} .invest .txt h4{font-size: 30px;padding-bottom: 2%;margin-bottom: 3%;} .invest .txt p{font-size: 16px;} .investDevelop .txt h3{margin-bottom: 2%;} .investDevelop .txt h3 span{width: 46px;line-height: 46px;font-size: 24px;margin-right: 5px;} .investDevelop .txt p{font-size: 16px;} .investSector .con{margin-bottom: 2%;} .investSector .con h3{font-size: 36px;padding-bottom: 1.5%;} .investSector .con p{font-size: 16px;} .investSector .txt p{font-size: 16px;} .investSector .text{width: 28%;padding: 2.5%;} .investSector .text p{font-size: 18px;} .investSector .text .tel a{font-size: 32px;} .investNew .txt h3{font-size: 36px;} .investNew .txt ul li{font-size: 20px;} .investNew .txt p{font-size: 16px;} .investTxt .tit{margin-bottom: 1%;} .investTxt h3 span{width: 50px;line-height: 50px;font-size: 30px;} .investTxt h4{font-size: 36px;} .investTxt p{font-size: 16px;line-height: 220%;} .investGovern .txt h3 span{width: 50px;line-height: 50px;font-size: 30px;} .investGovern .txt p{font-size: 16px;} .investGovern .con ul li{padding: 2.5%;} .investGovern .con ul li h4{font-size: 28px;letter-spacing: 2px;margin-bottom: 10px;} .investGovern .con ul li p{font-size: 16px;} .investList .tit h3 img{width: 60px;} .investList .tit h3 span{width: 52px;line-height: 52px;font-size: 30px;} .investList .tit p{font-size: 18px;padding-right: 10%;} .investList .tit img{margin: 0;} .investList .txt{width: 66%;} .investList .txt dl{width: 48.5%;} .investList .text dl{width: 32%;} .investList dl dd{width: calc(100% - 65px);} .investList dl dd h4{font-size: 28px;letter-spacing: 2px;} .investList dl dd p{font-size: 16px;line-height: 180%;} .investTalent .txt h3{font-size: 36px;} .investTalent p{font-size: 16px;} .investTalent .text p{font-size: 18px;} .CooContact .tit h3{font-size: 36px;} .CooContact .tit h5 span{width: 46px;line-height: 46px;margin: 0 5px;} .CooContact .con p{font-size: 16px;} .CooContact .con p a{font-size: 30px;} .CooContact .con p em{font-size: 24px;} .CooContact .form h4{font-size: 20px;margin-bottom: 2%;} .CooContact .form ul li i{font-size: 24px;margin-right: 10px;} .CooContact .form ul li input, .CooContact .form ul li textarea{font-size: 16px;width: calc(100% - 40px);} .CooContact .form p{font-size: 16px;letter-spacing: 1px;} .CooContact .form p a{font-size: 20px;} .CooContact .url ul li{font-size: 18px;} .CooContact .url ul li a{font-size: 20px;} .join h3{font-size: 36px;margin-bottom: 3%;} .join h3 img{width: 50px;margin-right: 10px;} .join .txt p{font-size: 16px;line-height: 190%;} .join .list ul li{font-size: 20px;} .join .list ul li i{font-size: 40px;} .joinProblem .txt h3{font-size: 36px;} .joinProblem .txt ul li{font-size: 16px;letter-spacing: 1px;} .joinProblem .txt ul li i{font-size: 24px;margin-top: 3px;} .joinProblem .txt ul li span{width: calc(100% - 30px);} .joinProblem .con h5{margin-bottom: 5%;} .joinChoice h3 img{width: 60px;margin-right: 5px;} .joinChoice h3 span{width: 52px;line-height: 52px;font-size: 30px;margin-left: 8px;} .joinChoice ul li{font-size: 20px;} .joinChoice .telBox em{font-size: 30px;} .joinChoice .tel i{font-size: 36px;} .joinChoice .tel a{font-size: 36px;} .joinAdvantage .tit h3{font-size: 40px;} .joinAdvantage .tit h3 img{width: 60px;margin-right: 15px;} .joinAdvantage .tit h3 span{width: 60px;line-height: 60px;font-size: 40px;} .joinAdvantage .con ul li .txt h4{font-size: 30px;} .joinAdvantage .con ul li .txt p{font-size: 16px;} .joinDream h3{font-size: 40px;} .joinDream h3 img{width: 50px;margin-right: 15px;} .joinDream h4{margin: 1.5% 0 2% 0;} .joinDream h4 span{width: 50px;line-height: 50px;font-size: 30px;margin: 0 5px;} .joinDream .tel i{font-size: 30px;} .joinDream .tel span{font-size: 20px;} .joinDream .tel a{font-size: 36px;} .joinCondition h3{font-size: 36px;} .joinCondition ul li{font-size: 18px;} .joinCondition ul li span{font-size: 24px;} .joinSupport h3{font-size: 36px;margin-bottom: 3%;} .joinSupport ul li .txt{width: 10vw;height: 10vw;} .joinHonor .tit h3 img{width: 50px;} .joinHonor .tit h3 span{font-size: 36px;} .joinHonor .tit h4{font-size: 24px;} .joinHonor .tit h4 span{width: 46px;line-height: 46px;} .joinGet h3{font-size: 36px;} .joinGet h3 img{width: 50px;margin-right: 15px;} .joinGet .txt dl dt{width: 50px;line-height: 50px;} .joinGet .txt dl dd{width: calc(100% - 70px);} .joinGet .txt dl dd h4{font-size: 26px;} .joinGet .txt dl dd p{font-size: 16px;} .joinGet .text h4 span{width: 50px;line-height: 50px;font-size: 30px;} .joinGet .text p span{font-size: 20px;} .joinGet .text p a{font-size: 36px;letter-spacing: 2px;} .joining .txt .span img{width: 60px;margin-right: 5px;} .joining .txt .span span{width: 52px;line-height: 52px;font-size: 30px;} .joining .txt p{font-size: 26px;margin: 1.5% 0;} .joining .txt h3{font-size: 32px;padding: 5px 0 5px 40px;} .joining .txt h4{font-size: 30px;margin: 1.5% 0;} .joining .pic{width: 42%;} .joinProcess ul li span{font-size: 28px;} .joinProcess ul li h4{font-size: 26px;} .joinProcess ul li p{font-size: 16px;letter-spacing: 1px;} .cooperation .txt h3{font-size: 32px;} .cooperation .txt ul li{font-size: 16px;margin: 2% 0;} .cooperation .txt h4{font-size: 24px;} .cooperation .text{width: 80%;} .cooperation .text p{font-size: 16px;} .CooBrand p{font-size: 18px;} .CooBrand dl dt{width: 110px;margin-right: 15px;} .CooBrand dl dd .span span{width: 52px;line-height: 52px;font-size: 28px;} .CooBrand dl dd h3{font-size: 36px;} .CooBrand .txt h4{font-size: 24px;} .CooBrand .txt .tel span{display: none;} .CooBrand .txt .tel a{font-size: 36px;letter-spacing: 5px;} .CooTerms h3{font-size: 36px;margin-bottom: 1%;} .CooTerms ul li{width: 31%;font-size: 16px;} .CooTerms ul li i{width: 68px;line-height: 68px;font-size: 36px;} .CooTerms ul li:nth-child(1) i{right: -45%;top:40%;} .CooTerms ul li:nth-child(2) i{left: -45%;top:40%;} .CooTerms ul li:nth-child(3) i{right: -23%;top:20%;} .CooTerms ul li:nth-child(4) i{left: -23%;top:20%;} .CooTerms ul li:nth-child(5) i{right: -23%;top:35%;} .CooTerms ul li:nth-child(6) i{left: -23%;top:35%;} .CooTerms ul li:nth-child(7) i{right: -45%;top:15%;} .CooTerms ul li:nth-child(8) i{left: -45%;top:15%;} .CooSupport .tit h3 img{width: 60px;margin-right: 5px;} .CooSupport .tit h3 span{width: 56px;line-height: 56px;font-size: 32px;} .CooSupport .tit h4{margin-top: 1.5%;} .CooSupport .tit h4 span{font-size: 24px;} .CooSupport .con::after{width: 86vw;height: 86vw;} .support .swiper-slide h4 i{width: 52px;line-height: 52px;font-size: 30px;} .support .swiper-slide h4 span{width: 52px;line-height: 52px;font-size: 30px;} .support .swiper-slide p{font-size: 16px;} .CooSupport .con h5{font-size: 68px;} .CooShare .txt h4 span{width: 46px;line-height: 46px;font-size: 24px;} .CooShare .txt h3{font-size: 50px;} .CooShare .tel span{font-size: 20px;letter-spacing: 2px;} .CooShare .tel a{font-size: 40px;} .CooMoney h5{font-size: 60px;} .CooMoney h5 img{width: 70px;} .CooMoney h3 span{width: 60px;line-height: 60px;font-size: 36px;} .CooMoney h3 span.i{width: 70px;line-height: 70px;font-size: 46px;} .CooMoney h4 span{font-size: 20px;padding: 0 20px;} .CooMoney .telBox p{font-size: 20px;letter-spacing: 2px;margin: 3% 0 2% 0;} .link .txt{width: 45%;} .link .txt h4{font-size: 36px;} .link .txt p{font-size: 16px;} .link .txt p span{top:0;} .link .form ul li label{font-size: 16px;} .link .form ul li input, .link .form ul li textarea{font-size: 16px;padding: 5px 0;} } @media screen and (max-width:1280px){ .praise .txt h4{font-size: 30px;} .praise .txt h3{font-size: 32px;} .praise .txt h5{font-size: 36px;} .praise .txt p{font-size: 22px;} .praise .txt p em{width: 42px;line-height: 42px;font-size: 24px;} .partner .txt p{letter-spacing: 1px;} .team .txt{padding-left: 0;} .team .txt::after{display: none;} .team .txt h4{font-size: 22px;} .team .txt h4 b{font-size: 24px;} .team .pic{width: 52%;} .ganyan h4{font-size: 30px;} .ganyan p{line-height: 180%;} .caseList ul li .time{font-size: 16px;padding: 6px 10px;} .caseList ul li .time span{font-size: 20px;padding-bottom: 2px;margin-bottom: 2px;} .caseList ul li .txt h4{font-size: 20px;letter-spacing: 1px;} .caseList ul li .txt p{font-size: 16px;} .caseList ul li .more a{font-size: 14px;padding: 0 15px;} .page a, .page .page-num{padding: 3px 15px;} .right-case dl{padding: 5% 0;} .right-case dl dd{font-size: 15px;line-height: 24px;height: 72px;overflow: hidden;} .right-news ul li a{font-size: 15px;} .right-contact ul li span{font-size: 12px;} .right-contact p{font-size: 15px;line-height: 180%;} .right-txt{display: none;} .newsBox ul li p{line-height: 180%;letter-spacing: 1px;} .newsTxtL{width: 49%;} .newsTxtL .txt .pic{width: 100px;} .newsTxtL .text{width: calc(100% - 110px);} .newsTxtL .text h4{font-size: 30px;} .newsTxtL .text .c span{width: 50px;line-height: 50px;} .newsTxtR{width: 49%;} .newsTxtR .txt{width: 49%;} .newsTxtR .txt h3{font-size: 32px;padding-bottom: 5%;margin-bottom: 5%;} .newsTxtR .txt h4{font-size: 18px;letter-spacing: 0;} .newsTxtR .txtr i{margin-right: -45px;} .newsTxtR .txtr em{width: 100px;padding: 20px 0;} .newsTxt .li ul li{font-size: 20px;} .newsTxt .list dl dd h4{letter-spacing: 1px;line-height: 30px;height: 30px;overflow: hidden;} .newsTxt .list h3 b{font-size: 24px;line-height: 180%;} .newsTxt .list h3 span{font-size: 18px;} .newsSort ul li a{font-size: 18px;letter-spacing: 1px;} .newsList ul li .txt h4{font-size: 22px;} .aboutTop .topl h4{font-size: 18px;} .aboutTxt ul li{letter-spacing: 0;margin: 10px 0;} .aboutTxt ul li em{padding-right: 10px;margin-right: 10px;} .aboutTxt .pic{width: 22%;} .company .container {align-items: center;} .company .txt p{padding: 0;line-height: 190%;} .company .txt p::before{display: none;} .company .text{margin-top: 3%;} .company .text ul li{letter-spacing: 0;} .companyProject .swiper-container-project{width: 52%;} .companyProject .swiper-pagination .swiper-pagination-bullet{width: 10px;} .companyProject .txt{width: 45%;} .companyProject .txt h3{font-size: 30px;letter-spacing: 0;margin-bottom: 1%;} .companyProject .txt hr{display: none;} .companyProject .txt p{letter-spacing: 0;line-height: 190%;} .number ul li span{width: 160px;height: 160px;font-size: 26px;line-height: 50px;} .number ul li em{font-size: 18px;letter-spacing: 1px;} .platform h3{font-size: 32px;margin-bottom: 2%;} .platform .txt1 p{line-height: 190%;letter-spacing: 0;} .platform .txt1 ul{margin: 6% 0;} .platform .txt1 ul li{font-size: 18px;line-height: 150%;padding: 6% 0 4% 0;} .platform .txt1 .en{margin-top: 8%;} .platform .txt2 p{line-height: 190%;letter-spacing: 0;} .platform .txt2 img{margin-top: 6%;} .partners h3{font-size: 32px;} .partners .p{font-size: 18px;} .partners .txt{width: 420px;height: 420px;} .partners .txt p{line-height: 180%;} .partners .txt .i1{width: 156%;height: 156%;left: -28%;top:-28%;} .partners .txt .i2{width: 210%;height: 210%;left: -55%;top:-55%;} .partners .txt .i3{width: 264%;height: 264%;left: -82%;top:-82%;} .contact .txt p{line-height: 190%;} .contact .contactTel p{letter-spacing: 0;} .contactTxt dl dd h5 span{width: 40px;line-height: 40px;font-size: 20px;} .contactTxt dl dd p{font-size: 16px;line-height: 180%;} .contactList .con h5{letter-spacing: 0;} .contactList .con .txt{width: 35%;} .contactList .con .txt ul li:first-child{margin-bottom: 5%;} .cultureTxt .txt .i{display: none;} .cultureTxt .txt h3{margin-top: 0;} .cultureTxt .pic ul li p{font-size: 18px;line-height: 150%;} .cultureTxt .txt .span{font-size: 52px;} .cultureBan .txt h3{font-size: 30px;letter-spacing: 0;} .cultureBan .txt h3 img{width: 90px;} .cultureBan .txt h4{font-size: 32px;} .cultureBan .txt .span span{width: 40px;line-height: 40px;font-size: 24px;} .cultureBan .txt h5{font-size: 30px;letter-spacing: 2px;} .cultureBan .txt h5 span{width: 40px;line-height: 40px;font-size: 24px;} .culture .list1::after{font-size: 180px;} .culture .list1 .txt dl:nth-child(2){margin-top: -1%;} .culture .list1 .txt dl:nth-child(3){margin-top: 1%;margin-bottom: 2%;} .culture .list1 .txt dl:nth-child(4){margin-left: 27%;} .culture .list1 .txt dl:nth-child(5){margin-left: 24%;margin-top: 2%;margin-bottom: 1%;} .culture .list1 .txt dl dd h4{margin-bottom: 5px;font-size: 24px;} .culture .list2 ul li h4{font-size: 24px;} .culture .list2 ul li p span{margin: 0;} .culture .list3 ul{margin-right: 0;} .culture .list3 ul li{margin: 30px 0;} .culture .list3 ul li h4{font-size: 24px;margin-bottom: 5px;} .culture .list3 ul li h4::before{height: 22px;margin-top: -10px;} .culture .list3 .pic{width: 32%;} .cultureCore ul li h5 em{font-size: 42px;width: 42px;} .cultureCore ul li h5 span{margin-top: 20px;} .cultureCore ul li p{margin-top: 15px;font-size: 18px;} .culturePolicy .con ul li p{letter-spacing: 1px;} .culturePolicy .txt p{line-height: 200%;} .cultureIdea ul li h5{font-size: 24px;padding: 8px;} .cultureIdea ul li h5::before{width: 24px;height: 24px;} .zuzhi .title{padding: 3% 0;} .zuzhi .title p{letter-spacing: 1px;} .zuzhiPage h4 img{width: 50px;} .zuzhiPage h4 em{font-size: 36px;} .zuzhiPage h4 span{font-size: 24px;} .zuzhiPage ul li{letter-spacing: 0;} .zuzhiTxt .txt h5{font-size: 32px;} .zuzhiTxt .txt p{letter-spacing: 0;} .coreTit .titl,.coreTit .titr{width: 100%;text-align: center;} .coreTit .en{display: none;} .coreTit h4 span{margin: 0 5px;} .coreTit h3{margin: 8px 0 5px 0;} .coreTit p{font-size: 20px;margin: 0;} .core .txt p{letter-spacing: 0;padding-left: 25px;} .corePage{display: none;} .promise h3{margin-bottom: 1%;} .promise dl{width: 37%;margin-top: 2%;} .promise dl:nth-child(odd){margin-right: 0;} .promise dl dt span{font-size: 24px;} .promise dl dd p{letter-spacing: 1px;text-align: justify;} .criterion .title h3{letter-spacing: 0;} .criterion .con ul li:nth-child(2n){margin-top: -32%;} .criterion .con ul li .tit::before{width: 20px;height: 20px;margin-top: -10px;} .criterion .con ul li .tit::after{border-width: 20px;margin-top: -20px;} .criterion .con ul li:nth-child(odd) .tit::before{left: calc(-12.25% + 10px);} .criterion .con ul li:nth-child(even) .tit::before{right: calc(-12.25% + 10px);} .criterion .con ul li:nth-child(odd) .tit::after{left: -40px;} .criterion .con ul li:nth-child(even) .tit::after{right: -40px;} .criterion .con ul li .txt{line-height: 180%;letter-spacing: 0;} .criterion .con ul li .tit h4{margin: 0 30px 0 20px;} .criterion .con ul li .tit h4 span{font-size: 46px;margin-bottom: 10px;} .criterion .con ul li .tit h4 em{width: 90px;font-size: 20px;line-height: 25px;} .criterion .p{padding: 2% 3%;} .criterion .p i{width: 100px;} .criterion .p h4{width: calc(100% - 120px);font-size: 20px;} .criterion .text span{width: 42px;line-height: 40px;font-size: 24px;margin: 3px;} .statement .container{position: relative;} .statement .con{width: 100%;position: relative;z-index: 2;} .statement .pic{position: absolute;right: 0;bottom:0;width: 18%;z-index: 1;} .speech .con ul{width: auto;right: 0;top:20px;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);} .speech .con ul li{width: 120px;margin: 0 0 0 20px;} .speech .con ul li span{padding: 2px 0;margin: 2px 0;} .speech .pic{width: 25%;} .message .tit p{font-size: 18px;padding: 0;} .message .txt p{font-size: 18px;top:-8%;} .message .txt p span{margin: 0 10px;} .message .text h4 span{width: 50px;line-height: 50px;} .message .text .tel a{font-size: 36px;} .messageList .con .img span{font-size: 12px;} .messageList .con h5{letter-spacing: 0;} .messageList .con h5 i{margin-right: 5px;} .certificate ul li h3 a{font-size: 16px;letter-spacing: 1px;} .labShow::after{left: 19%;} .labShow .list{width: 19%;} .systemBox .text p{font-size: 22px;} .systemBox .text h4{font-size: 30px;} .systemPage ul li{font-size: 22px;padding: 0 1%;} .system .swiper-slide{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .system .tit{width: 100%;padding-right: 25%;} .system .tit span{display: block;position: absolute;right: 0;font-family: Impact;color: #eee;font-size: 80px;text-transform: uppercase;z-index: -1;} .system .txt{width: 64%;padding-right: 4%;} .system .txt p{letter-spacing: 0;} .system .pic{position: relative;} .budget .pic{display: none;} .systemPraise::after{display: none;} .systemPraise .pic h3 span{width: 50px;line-height: 50px;font-size: 26px;} .systemPraise .txt h4{font-size: 24px;padding-bottom: 4%;} .process .txt{width: 62%;} .process .txt h4{margin-top: 3%;} .process .txt p{letter-spacing: 1px;line-height: 180%;} .process .pic{width: 36%;} .processBan .txt h3{font-size: 32px;} .processBan .txt h4{font-size: 24px;margin: 1% 0 2% 0;} .processBan .txt h5 span{width: 42px;line-height: 42px;} .processBan .txt p{font-size: 20px;margin: 2% 0;} .flowsheet .con{width: 100%;} .flowsheet .con ul{width: 32%;float: left;} .flowsheet .con ul.txt2{margin: 0 2%;} .flowsheet .con ul li{width: 100%;line-height: 180%;padding: 5%;letter-spacing: 1px;margin-bottom: 20px;} .flowsheet .con ul li:first-child{width: 80%;padding: 4%;margin-left: auto;margin-right: auto;} .flowsheet .con ul li:first-child::after{border-width: 10px;border-color: #3d6db8 transparent transparent transparent;right: 50%;margin-top: 0;margin-right: -10px;top:auto;bottom:-20px;} .flowsheet .con ul li::after{border-width: 10px;border-color: #f2f8ff transparent transparent transparent;right: 50%;margin-top: 0;margin-right: -10px;top:auto;bottom:-20px;} .flowsheet .text{width: 100%;} .flowsheet .text ul li{width: auto;margin: 0;padding: 1% 2%;line-height: 180%;letter-spacing: 1px;} .flowsheet .text ul li:last-child{width: 200px;} .flowsheet .text ul li::after{border-width: 10px;border-color: transparent transparent transparent #fff;left: auto;right: -20px;margin-top: 0;margin-bottom: -10px;bottom:50%;} .flowsheet .text ul li:nth-child(2)::before{border: none;width: 40px;height: 2px;background: #fff;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);left: auto;right: -30px;bottom:90%;} .flowsheet .text ul li:nth-child(2)::after{border: none;width: 40px;height: 2px;background: #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);left: auto;right: -30px;bottom:20%;} .flowsheet .text ul li span{width: 100%;margin: 4% 0;} .send .pic{width: 28%;} .sendAttention .txt ul li p span{display: none;} .sendLossTip .pic{width: 20%;} .sendLossTip .con::after{width: 25%;} .sendLossTip ul{width: 70%;} .report .txt p{letter-spacing: 1px;} .reportTel h4{letter-spacing: 0;} .reportTel p a{letter-spacing: 3px;} .reportTel p em{letter-spacing: 1px;} .jobTxt p{line-height: 200%;padding-top: 0;} .jobTxt p::before{display: none;} .jobIdea .txt{display: none;} .jobIdea .con{width: 100%;} .jobIdea ul li{width: 32%;padding: 3% 3% 2% 3%;text-align: center;} .jobIdea ul li p{letter-spacing: 2px;} .jobList ul li h5{font-size: 20px;letter-spacing: 1px;margin-bottom: 1%;} .jobBox .con h5{font-size: 28px;} .jobBelieve h4{font-size: 32px;} .jobBelieve p{font-size: 22px;} .jobBelieve .pic{width: 28%;} .jobProcess h3 span{margin-left: 5px;} .jobProcess ul li{padding: 2% 1%;} .jobProcess ul li h5{font-size: 20px;} .jobProcess ul li p{line-height: 180%;} .jishu .con dt{width: 110px;margin-right: 15px;} .jishu .con h4{font-size: 32px;} .jishu .con h5{font-size: 26px;letter-spacing: 4px;} .jishu .con h5::after{left: -70px;width: calc(100% + 70px);} .jishu .con p{font-size: 17px;letter-spacing: 1px;} .jishuList ul li h5 b{font-size: 20px;} .jishuList ul li h5 span{display: none;} .jishuList ul li .txt{height: 182px;} .jishuList ul li .txt p{font-size: 15px;line-height: 24px;margin: 3px 0;} .jishuList ul li .more span{font-size: 16px;padding: 2px 20px;} .jishuIncome{padding: 3%;} .jishuIncome .pic{display: none;} .jishuReap ul li{padding-bottom: 22px;} .jishuReap ul li p{font-size: 16px;padding: 10px 0;} .jishuReap ul li p::before{left: -20px;border-width: 10px;} .jishuReap ul li p::after{right: -20px;border-width: 10px;} .recruitTxt h3 img{width: 56px;} .recruitTxt h3 span{width: 50px;line-height: 50px;font-size: 26px;margin-left: 8px;} .recruitTxt dl dt{font-size: 56px;} .recruitTxt dl dd{font-size: 22px;line-height: 150%;} .recruitTxt ul li{font-size: 18px;} .wages dl dt p{letter-spacing: 2px;} .wages dl dd{padding-left: 20px;margin-left: 20px;} .wages dl dd p{letter-spacing: 0;} .principle h3 img{width: 56px;} .principle h3 span{width: 50px;line-height: 50px;font-size: 26px;margin-left: 8px;} .principle p{padding-left: 45px;letter-spacing: 1px;} .direction h4{font-size: 26px;} .direction dl dt{font-size: 24px;} .direction dl dd{font-size: 18px;} .recruitContact .txt h5{text-align: center;} .recruitContact .txt ul.ul1{width: 57%;} .recruitContact .txt ul.ul1 li{padding: 4%;} .recruitContact .txt ul.ul2{width: 43%;} .recruitContact .txt ul.ul2 li{width: 46%;} .recruitContact .img{display: none;} .era h5{font-size: 50px;} .era h5 img{width: 68px;} .era .span span{width: 46px;line-height: 46px;font-size: 24px;margin: 0 3px;} .era h3{font-size: 24px;} .era p{font-size: 20px;} .era p i{font-size: 32px;} .era p a{font-size: 32px;} .recruitObject .txt{width: 49%;} .recruitObject .txt p{font-size: 16px;margin: 1% 0;} .recruitObject .pic{width: 49%;} .recruitList .pic{width: 49%;} .recruitList .recruitPage{width: 49%;} .recruitList .recruitPage ul li{width: 49%;margin: 1% 0;padding: 3%;font-size: 18px;} .recruitList .text{font-size: 18px;} .idea dl dt i{width: 100px;} .idea dl dt img{width: calc(100% - 100px);} .idea dl dd h4{font-size: 24px;} .duty ul li h4 span::after{top:-25px;} .dutyIdea .pic{width: 26%;} .invest .txt h4{font-size: 28px;padding-bottom: 0;border-bottom: none;margin-bottom: 1%;} .invest .txt h4::after{display: none;} .invest .txt p{line-height: 180%;} .investDevelop .txt h3 span{width: 40px;line-height: 40px;font-size: 20px;} .investDevelop .txt p{line-height: 180%;} .investSector .con h3{font-size: 32px;padding-bottom: 0;margin-bottom: 1%;} .investSector .con h3::after{display: none;} .investSector .con p{line-height: 180%;} .investSector .txt p{line-height: 180%;} .investSector .text p span{letter-spacing: 1px;} .investSector .text .tel a{font-size: 30px;} .investNew .txt h3{font-size: 32px;} .investNew .txt ul li{padding: 5px 25px;} .investNew .txt p{line-height: 180%;} .investTxt h3{width: 100%;justify-content:center;margin-bottom: .5%;} .investTxt h3 span{margin: 0 5px;} .investTxt h4{width: 100%;text-align: center;} .investGovern .txt p{line-height: 180%;} .investGovern .con ul li h4{font-size: 24px;} .investList .tit h3 img{width: 52px;} .investList .tit h3 span{width: 46px;line-height: 46px;font-size: 26px;} .investList .tit img{margin-top: 5%;} .investList dl dd h4{font-size: 24px;margin-bottom: 1%;} .investTalent .txt h3{font-size: 32px;} .investTalent p{line-height: 180%;} .CooContact .con ul li span{letter-spacing: 0;} .CooContact .form h4{font-size: 18px;margin-bottom: 3%;} .CooContact .form p span{display: inline;} .CooContact .url ul li i{font-size: 20px;} .CooContact .url ul li a{margin-top: 0;} .join .txt p{letter-spacing: 1px;line-height: 180%;} .join .list{margin-top: 2%;width: 100%;} .joinProblem .txt{width: 63%;} .joinProblem .txt h3{font-size: 32px;} .joinProblem .txt ul li{line-height: 180%;} .joinProblem .txt ul li i{margin-top: 1px;} .joinProblem .con{width: 34%;} .joinProblem .con h4 img{width: 52px;margin: 0;} .joinProblem .con h4 span{width: 46px;line-height: 46px;font-size: 26px;} .joinProblem .con h5{font-size: 26px;margin-bottom: 3%;} .joinChoice h3 img{width: 50px;} .joinChoice h3 span{width: 46px;line-height: 46px;font-size: 26px;margin-left: 6px;} .joinChoice ul li{font-size: 18px;padding: 6px 15px;} .joinChoice .telBox em{font-size: 26px;} .joinAdvantage .con ul li .txt h4{font-size: 26px;} .joinAdvantage .con ul li .txt p{line-height: 180%;} .joinCondition ul li:nth-child(5), .joinCondition ul li:nth-child(6), .joinCondition ul li:nth-child(7), .joinCondition ul li:nth-child(8){margin-top: 6%;} .joinSupport ul li .txt img{margin: 1vw auto .5vw auto;} .joinSupport ul li .txt em{font-size: 18px;} .joinGet .text h4 span{width: 46px;line-height: 46px;font-size: 28px;} .joinGet .text p span{letter-spacing: 0;} .joinGet .text p a{letter-spacing: 1px;} .joining .txt h3{font-size: 30px;padding: 2px 0 2px 30px;} .joining .txt h4{font-size: 26px;} .joining .tel span{font-size: 20px;letter-spacing: 2px;} .joining .pic{width: 40%;} .joinProcess ul li p{letter-spacing: 2px;} .cooperation .txt h3{font-size: 30px;} .cooperation .txt ul li{margin: 1.5% 0;} .cooperation .txt ul li i{margin-right: 6px;} .cooperation .txt .img{right: -3%;} .cooperation .txt h4{letter-spacing: 0;} .cooperation .text{width: 85%;} .CooBrand p{font-size: 16px;letter-spacing: 0;} .CooBrand dl dt{width: 100px;margin-right: 10px;} .CooBrand dl dd .span span{width: 46px;line-height: 46px;font-size: 24px;} .CooBrand dl dd h3{font-size: 32px;} .CooTerms ul::after{background: #f2f8ff url(../image/pic28.png) center 60px no-repeat;-webkit-background-size: 82% auto;background-size: 82% auto;} .CooTerms ul li{margin: 0;line-height: 180%;} .CooTerms ul li i{width: 60px;line-height: 60px;font-size: 30px;} .CooTerms ul li:nth-child(1) i{right: -50%;top:25%;} .CooTerms ul li:nth-child(2) i{left:-50%;top:25%;} .CooTerms ul li:nth-child(5) i{top:60%;} .CooTerms ul li:nth-child(6) i{top:60%;} .CooTerms ul li:nth-child(7) i{right: -50%;top:45%;} .CooTerms ul li:nth-child(8) i{left:-50%;top:45%;} .supportList ul li img{width: 70px;} .supportList ul li span{font-size: 20px;} .supportList ul li em{font-size: 18px;} .support{width: 56%;left: 22%;} .support .swiper-slide img{width: 90px;} .support .swiper-slide h4{margin: 0 0 3% 0;} .CooSupport .con h5{font-size: 60px;bottom:-3%;} .CooShare .txt h4 span{width: 42px;line-height: 42px;} .CooShare .txt h3{font-size: 46px;letter-spacing: 8px;} .CooShare .tel i{font-size: 30px;margin-right: 10px;} .CooShare .tel span{font-size: 18px;} .CooShare .tel a{font-size: 36px;} .CooMoney .container{padding-right: 10%;} .CooMoney h5{font-size: 56px;} .CooMoney h3 span.i{width: 60px;line-height: 60px;font-size: 40px;} .CooMoney h3 span{width: 52px;line-height: 52px;font-size: 32px;} .CooMoney h4 span{padding: 0 15px;} .CooMoney .telBox p{letter-spacing: 1px;} .CooMoney .tel span{font-size: 18px;letter-spacing: 2px;} .CooMoney .tel a{font-size: 32px;} .CooMoney .pic{width: 10%;top:10%;} .link .txt{width: 48%;} .link .txt h4{font-size: 32px;} .link .txt p{letter-spacing: 1px;} } @media screen and (max-width:1024px){ .aboutL_c>ul{ margin: -1px 0 0 0; } .aboutL_c li{ width: 20%; } .aboutL_c li:nth-child(3) { width: 23%; } .casePage ul li{margin-bottom: .5%;} .casePage ul li a i{margin-right: 5px;} .caseshow .txt h4{font-size: 20px;letter-spacing: 1px;line-height: 30px;height: 30px;overflow: hidden;} .caseshow .txt dl dd p{font-size: 15px;line-height: 160%;} .caseshow .txt dl dd .more{display: none;} .praise .txt h4{font-size: 26px;letter-spacing: 2px;} .praise .txt h3{font-size: 30px;letter-spacing: 0;} .praise .txt h5{font-size: 32px;letter-spacing: 4px;} .praise .txt p{font-size: 20px;} .praise .txt p em{width: 36px;line-height: 36px;font-size: 20px;} .praise .pic{width: 42%;} .partner .txt h4{font-size: 30px;} .partner .txt p{line-height: 200%;} .partner .txt p span{display: inline;} .team .txt .no{font-size: 20px;} .team .txt .yes{margin-top: 1%;} .team .txt .yes span{width: 36px;font-size: 20px;line-height: 34px;} .team .txt dl dt{width: 80px;margin-right: 10px;} .team .txt dl dd h3{font-size: 30px;line-height: 140%;} .team .txt .text{width: 600px;font-size: 18px;letter-spacing: 3px;margin: 3% 0;} .team .txt h4{font-size: 20px;} .team .txt h4 b{font-size: 22px;} .team .pic{right: -2%;top:auto;bottom:0;} .team .pic i{top:-5%;left: 15%;} .team h2{font-size: 24px;letter-spacing: 2px;} .ganyan .pic{width: 38%;} .ganyan .txt{width: 60%;} .ganyan h4{font-size: 24px;margin-bottom: 5px;} .ganyan hr{display: none;} .ganyan p{font-size: 15px;letter-spacing: 0;} .caseList{width: 100%;} .page{justify-content: center;margin-top: 3%;} .right{display: none;} .caseSort ul li{font-size: 16px;} .caseSort ul li i{width: 20px;} .contentCon{width: 100%;} .newsBox ul li .time{top:-4%;} .newsBox ul li h4{height: 60px;} .newsBox ul li p{font-size: 15px;} .newsTxtL .txt .pic{display: none;} .newsTxtL .text{width: 100%;} .newsTxtR .txt h4 span{display: none;} .newsTxt .li ul li{letter-spacing: 0;} .newsTxt .list dl dt span{font-size: 24px;margin-bottom: 5px;} .newsTxt .list dl dd{width: calc(100% - 100px);} .newsTxt .list dl dd h4{font-size: 18px;} .newsTxt .list dl dd p{font-size: 15px;} .newsList{width: 100%;} .aboutTop{margin-top: 0;padding-top: 0;} .aboutTop .topl{display: none;} .aboutTop .topr{width: 100%;} .company .container{align-items: flex-start;} .company .txt{width: 50%;} .company .txt p{line-height: 180%;} .company .pic{position: relative;} .company .pic::after{position: absolute;width: 100%;content: "Metrological";text-transform: uppercase;color: #eee;text-align: center;font-size: 58px;line-height: 200%;border-bottom: 1px solid #eee;} .company .text ul li{line-height: 180%;letter-spacing: 2px;} .company .text ul li b{font-size: 22px;} .company .text ul li b span{display: none;} .companyProject .container{align-items: flex-start;position: relative;} .companyProject .container::after{position: absolute;width: 52%;left: 0;bottom:0;content: "Project";text-transform: uppercase;color: #eee;text-align: center;font-size: 120px;line-height: 100%;font-family: Impact;letter-spacing: 2px;} .companyProject .txt p{line-height: 180%;} .number ul li span{width: 140px;height: 140px;padding-top: 45px;font-size: 20px;line-height: 40px;} .number ul li i{font-size: 50px;} .number ul li em{font-size: 16px;letter-spacing: 0;} .platform h3{justify-content: center;} .platform .txt{width: 100%;} .platform .txt2 img{width: 100%;} .platform .pic{display: none;} .partners .txt{width: 400px;height: 400px;} .partners .txt::before{display: none;} .partners .txt .i1{width: 152%;height: 152%;left: -26%;top:-26%;} .partners .txt .i2{width: 198%;height: 198%;left: -49%;top:-49%;} .partners ul::before,.partners ul::after{display: none;} .partners .p span{display: block;} .contact .txt{width: 80%;} .contact .txt p{margin-top: 1%;} .contact .img{display: none;} .contact .contactTel p{font-size: 16px;line-height: 30px;} .contact .contactTel p i{width: 60px;line-height: 60px;font-size: 30px;} .contact .contactTel p a{font-size: 26px;} .contact .contactTel p em{font-size: 22px;} .contactTxt dl dd h5 span{width: 32px;line-height: 32px;} .contactTxt dl dd p{letter-spacing: 0;} .contactList .con::after{display: none;} .contactList .con h5 span{display: none;} .contactList .con .txt ul li i{font-size: 18px;margin-right: 5px;} .contactList .con .txt ul li span{font-size: 16px;letter-spacing: 1px;} .contactList .con .txt ul li a{font-size: 24px;} .contactList .con p span{display: none;} .cultureTxt .txt h3{margin-bottom: 3%;} .cultureTxt .txt h3 img{width: 50px;} .cultureTxt .txt h3 span{width: 42px;line-height: 42px;font-size: 24px;margin-left: 5px;} .cultureTxt .txt p{letter-spacing: 1px;line-height: 180%;} .cultureTxt .txt .span{font-size: 46px;margin-top: 6%;} .cultureTxt .pic ul li p{font-size: 16px;line-height: 140%;} .cultureTxt .pic ul li span{font-size: 16px;padding: 0 10px;letter-spacing: 0;} .cultureBan .txt h3{font-size: 28px;} .cultureBan .txt h3 img{width: 80px;} .cultureBan .txt h4{margin: 2% 5px 2% 0;font-size: 28px;padding: 0 15px;} .cultureBan .txt .span span{width: 36px;line-height: 36px;} .cultureBan .txt h5{font-size: 28px;margin: 1% 0 3% 0;} .cultureBan .txt h5 span{margin-top: 5px;} .cultureBan .pic{position: absolute;right: 0;width: 45%;} .culture .list1 .pic{padding-top: 8%;} .culture .list1 .pic::after{width: 116%;height: 130%;} .culture .list2 ul li i.fa{font-size: 36px;} .culture .list2 ul li h4{letter-spacing: 2px;padding-left: 2px;} .culture .list2 ul li p i{margin: 5px 0;} .culture .list2 ul li p span{width: 32px;line-height: 30px;margin: 0 -1px;} .culture .list3 .txt{width: 100%;} .culture .list3 .pic{display: none;} .cultureCore h3{font-size: 32px;} .cultureCore ul li h5 em{font-size: 36px;width: 36px;} .cultureCore ul li h5 span{font-size: 12px;margin-left: 2px;} .cultureCore ul li p{font-size: 16px;margin-top: 10px;line-height: 180%;} .culturePolicy .con ul li p{line-height: 180%;} .culturePolicy .txt p{letter-spacing: 1px;line-height: 180%;} .cultureDream h3 span{width: 46px;line-height: 46px;font-size: 28px;} .cultureDream h4{margin: -10px 0 10px 0;} .cultureIdea ul li p{letter-spacing: 0;line-height: 180%;} .zuzhi .con2{margin: 80px 0;} .zuzhi .con2::before{width: 60%;left: 20%;top:-40px;} .zuzhi .con2 ul li{width: 20%;} .zuzhi .con2 ul li::before{height: calc(100% + 80px);top:-40px;} .zuzhi .con2 ul li::after{top:-45px;} .zuzhi .con3::before{top:-40px;} .zuzhi .con3 ul li{width: 3.5%;padding: 15px 0;} .zuzhi .con3 ul li::before{height: 40px;top:-42px;} .zuzhi .con3 ul li::after{top:-47px;} .zuzhiPage h4 span{display: none;} .zuzhiPage ul li{font-size: 18px;margin-right: 3%;} .zuzhiPage ul li:last-child{margin-right: 0;} .zuzhiTxt .txt{padding: 3% 3% 2% 0;} .zuzhiTxt .txt::after{width: 106%;left: calc(-6% - 10px);} .zuzhiTxt .txt h5{font-size: 30px;letter-spacing: 2px;} .zuzhiTxt .txt p{padding-left: 0;margin: 5px 0;} .zuzhiTxt .txt p i{left: -20px;} .zuzhiTxt .txt1 .img{width: 40%;} .zuzhiTxt .txt3 .img{width: 35%;} .coreTit h4 span{width: 50px;line-height: 50px;font-size: 30px;} .coreTit h3{font-size: 32px;margin: 5px 0 2px 0;letter-spacing: 5px;} .coreTit p{font-size: 18px;} .coreList ul li img{width: 50px;margin-right: 5px;} .coreList ul li b{font-size: 20px;} .coreList ul li b span{font-size: 12px;margin-top: 2px;} .core .txt h3{font-size: 30px;margin-bottom: 10px;} .core .txt h3 span{font-size: 40px;} .core .txt p{padding-left: 20px;line-height: 160%;} .core .txt p em{display: none;} .promise h3{font-size: 32px;} .promise h3 img{margin-right: 10px;} .promise .con::after{background-position: center 64%;-webkit-background-size: 30%;background-size: 30%;} .promise dl dd h4{font-size: 20px;} .promise dl dd p{letter-spacing: 0;} .criterion .title h3{font-size: 28px;} .criterion .con ul li .tit h4 span{font-size: 40px;} .criterion .con ul li .tit h4 em{width: 80px;padding: 15px;} .criterion .con ul li:nth-child(2n){margin-top: -40%;} .criterion .con ul li:nth-child(odd) .tit::before {left: calc(-13.25% + 10px);} .criterion .con ul li:nth-child(even) .tit::before {right: calc(-13.25% + 10px);} .criterion .p h4{font-size: 18px;letter-spacing: 0;} .criterion .text span{width: 36px;line-height: 34px;font-size: 20px;margin: 2px;} .statement h3{font-size: 32px;} .statement h3 img{margin-right: 10px;} .speech .con{width: 100%;} .speech .pic{display: none;} .message .tit h3 img{width: 50px;} .message .tit h3 em{width: 46px;line-height: 46px;font-size: 28px;margin-left: 6px;} .message .tit p{line-height: 180%;} .message .txt p{top:-14%;right: 0;line-height: 140%;} .message .form ul li{padding: 10px 5px;margin-bottom: 2%;} .message .form ul li i{font-size: 20px;margin-right: 10px;} .message .form ul li input, .message .form ul li textarea{width: calc(100% - 50px);font-size: 16px;} .message .text h5{font-size: 30px;letter-spacing: 8px;} .message .text h4 span{width: 42px;line-height: 42px;font-size: 26px;margin-right: 5px;} .message .text .tel a{font-size: 32px;line-height: 130%;} .messageList .con .img span{margin-bottom: 5px;} .messageList .con .img span i{display: none;} .messageList .con h5{font-size: 15px;} .messageList .con h5 a{font-size: 18px;line-height: 36px;} .messageList .con h5 em{display: none;} .certificate ul li h3 a{letter-spacing: 0;line-height: 30px;height: 40px;overflow: hidden;} .labCon ul li h3 a{font-size: 16px;line-height: 36px;letter-spacing: 0;padding: 0 5px;} .labCon ul li h3 a::before{border-width: 18px 10px;left:-20px;} .labCon ul li h3 a::after{border-width: 18px 10px;right:-20px;} .labShow::after{display: none;} .labShow .list{display: none;} .labShow .txt{width: 100%;} .labShow .txt h1{font-size: 32px;} .labShow .txt h1 img{width: 50px;} .labPic h3{font-size: 32px;} .labPic h4{font-size: 20px;} .service .tit h3{font-size: 32px;} .service .tit p{padding-bottom: 0;border-bottom: none;} .service .tit p::before{display: none;} .service .list ul li h4 a{font-size: 16px;letter-spacing: 1px;line-height: 260%;} .systemBox .title h3 span{width: 50px;line-height: 50px;} .systemBox .text p{font-size: 20px;letter-spacing: 0;} .systemBox .text h4{font-size: 24px;letter-spacing: 1px;} .systemPage ul li{font-size: 20px;} .systemPage ul li i{padding: 0 20px;} .system .tit{padding-right: 10%;} .system .txt{width: 100%;} .system .pic{display: none;} .budget .txtl p{font-size: 20px;letter-spacing: 5px;} .budget .txtl h3{letter-spacing: 8px;} .budget .txtr p{font-size: 20px;padding-top: 3%;margin-top: 3%;position: relative;letter-spacing: 5px;} .budget .txtr p::before{content: "";position: absolute;width: 120%;height: 1px;background: rgba(255,255,255,.6);right: 0;top:0;} .budget .txtr p::after{content: "";position: absolute;width: 10px;height: 10px;background: rgba(255,255,255,.6);border-radius: 50%;right: -10px;top:-5px;} .budget .txtr .tel{justify-content:flex-start;letter-spacing: 5px;margin-top: 2%;} .budget .pic{display: block;left: auto;right: 0;width: 18%;} .systemPraise .txt{padding: 0;} .systemPraise .txt::before{display: none;} .systemPraise .txt h4{font-size: 22px;padding-top: 3%;} .systemPraise .txt p{letter-spacing: 1px;line-height: 190%;} .process .title{padding-bottom: 0;} .process .txt{width: 100%;} .process .pic{display: none;} .processBan .pic{display: none;} .processBan .txt{width: 100%;} .processBan .txt h3{font-size: 36px;letter-spacing: 5px;} .processBan .txt h4{font-size: 26px;letter-spacing: 5px;} .processBan .txt h5 span{width: 46px;line-height: 46px;} .processBan .txt p{font-size: 22px;} .flowsheet .con ul li{letter-spacing: 0;} .flowsheet .text ul li{max-width:36%;} .flowsheet .text ul li:nth-child(2)::before{width: 50px;right: -40px;bottom:72%;} .flowsheet .text ul li:nth-child(2)::after{width: 50px;right: -40px;bottom:35%;} .flowsheet .text ul li{padding: 2%;} .send h3{margin-bottom: 1%;} .send h3 img{width: 56px;} .send h3 span{width: 46px;line-height: 46px;font-size: 26px;margin-left: 5px;} .send .txt p{letter-spacing: 1px;padding-left: 40px;} .send .pic{width: 30%;} .send .pic::after{right: 0;} .sendAttention h3 img{width: 56px;} .sendAttention h3 span{width: 46px;line-height: 46px;font-size: 26px;margin-left: 5px;} .sendAttention .pic{width: 50%;} .sendAttention .txt{width: 50%;} .sendAttention .txt ul li h4{width: 40px;padding: 10px;font-size: 20px;} .sendAttention .txt ul li h4::before,.sendAttention .txt ul li h4::after{display: none;} .sendAttention .txt ul li p{letter-spacing: 1px;line-height: 150%;width: calc(100% - 50px);} .sendLoss{position: relative;} .sendLoss .txt h4{font-size: 32px;} .sendLoss .txt p{letter-spacing: 1px;} .sendLoss .down{position: absolute;right: 0;top:0;background: #ff8f46;padding: 1% 2%;} .sendLoss .down::after{display: none;} .sendLoss .down i{display: inline;font-size: 24px;margin: 0 10px 0 0;} .sendLoss .down span{display: inline;} .sendLossTip .pic{width: 28%;} .sendLossTip .con{width: 70%;} .sendLossTip .con::after{display: none;} .sendLossTip h4{width: 100%;margin-bottom: 3%;} .sendLossTip h4 em{width: auto;letter-spacing: 10px;} .sendLossTip h4 i{margin-top: 10px;} .sendLossTip h4 em.em2{margin-top: 0;} .sendLossTip ul{width: 100%;} .sendLossTip .tel{display: none;} .report .title h3 img{width: 56px;} .report .title h3 span{width: 50px;line-height: 50px;font-size: 28px;} .report .txt{width: 64%;} .report .img{display: none;} .reportTel{width: 36%;} .reportForm ul li{padding: 0 10px 15px 10px;width: 32%;} .jobTxt h3{font-size: 32px;} .jobTxt p{width: 50%;letter-spacing: 1px;line-height: 180%;} .job .title h3 em{display: block;line-height: 120%;margin-bottom: 1%;} .job .title p{padding: 0 15%;letter-spacing: 2px;} .jobList ul li h5{font-size: 18px;letter-spacing: 0;padding-top: 1%;} .jobList ul li p{letter-spacing: 0;position: relative;z-index: 1;} .jobList ul li i{font-size: 80px;right: 25%;} .jobBox .con{width: 80%;left: 10%;} .jobBelieve .pic{display: none;} .jobBelieve .txt{width: 100%;padding-bottom: 1%;} .jobBelieve h4{font-size: 36px;text-align: justify;text-align-last: justify;} .jobProcess h3{margin-bottom: 1%;} .jobProcess h3 img{width: 52px;} .jobProcess h3 span{width: 46px;line-height: 46px;font-size: 26px;} .jobProcess ul li{width: 32%;padding: 3%;margin-top: 2%;} .jobProcess ul li h5{padding-bottom: 5%;margin-bottom: 5%;} .jishu{justify-content:center;} .jishu .con dl{justify-content:center;margin-bottom: 3%;} .jishu .con p{font-size: 18px;margin-top: 1%;} .jishu .txt{width: 100%;margin-top: 3%;padding: 5%;} .jishu .txt p{font-size: 22px;font-weight: 100;} .jishuList ul li h5 b{font-size: 18px;} .jishuIncome h5 span{width: 60px;line-height: 60px;font-size: 36px;} .jishuIncome h5 img{height: 70px;} .jishuIncome p{font-size: 30px;letter-spacing: 1px;} .jishuIncome .telBox h4{font-size: 22px;letter-spacing: 2px;} .jishuIncome .telBox h4 i{margin-right: 10px;} .jishuIncome .tel a{font-size: 36px;} .jishuReap ul li p{width: 80%;left: 10%;} .recruitTxt h3 img{width: 50px;} .recruitTxt h3 span{width: 46px;line-height: 46px;} .recruitTxt dl dt{font-size: 50px;margin-right: 10px;} .recruitTxt dl dd{font-size: 20px;line-height: 140%;} .recruitTxt h5{font-size: 18px;} .recruitTxt ul li{padding: 5px 15px;margin-right: 10px;font-size: 16px;} .wages dl dt h6{font-size: 22px;} .wages dl dt p{font-size: 16px;letter-spacing: 0;line-height: 180%;} .wages dl dd{padding-left: 10px;margin-left: 10px;} .wages dl dd p{font-size: 16px;} .wages dl dd p span{padding: 0 5px;} .principle h3 img{width: 50px;} .principle h3 span{width: 46px;line-height: 46px;} .principle p{font-size: 16px;padding-left: 40px;margin-left: 0;} .direction{padding: 0;background: none;margin-top: 0;} .direction h4{width: 100px;padding: 18px 15px;margin-right: 20px;} .direction dl dt{letter-spacing: 2px;padding: 12px 20px;margin-right: 15px;} .recruitContact .txt h5{font-size: 32px;} .recruitContact .txt ul.ul1{width: 54%;} .recruitContact .txt ul.ul1 li span{font-size: 16px;} .recruitContact .txt ul.ul1 li a{font-size: 28px;} .recruitContact .txt ul.ul1 li em{font-size: 20px;} .recruitContact .txt ul.ul2{width: 46%;} .recruitContact .txt ul.ul2 li span{font-size: 16px;} .era .pic{top:auto;bottom:0;left: -5%;width: 40%;} .era h5{font-size: 46px;} .era h5 img{width: 60px;} .era .span span{width: 40px;line-height: 40px;font-size: 20px;} .era h3{font-size: 22px;} .era p{font-size: 18px;} .recruitObject h4 img{width: 50px;} .recruitObject h4 span{width: 46px;line-height: 46px;font-size: 26px;} .recruitObject .txt{width: 51%;} .recruitObject .txt p{letter-spacing: 0;line-height: 150%;padding: 3px 0;} .recruitObject .txt p i{display: none;} .recruitList .recruitPage ul li em{padding-bottom: 0;border-bottom: none;} .idea dl dd{width: 52%;} .idea dl dd h4{font-size: 22px;letter-spacing: 1px;padding-bottom: 0;border-bottom: none;margin-bottom: 1%;} .idea dl dd h4::after{display: none;} .idea dl dd p{line-height: 180%;letter-spacing: 0;} .duty .title h3 img{width: 50px;margin: 0;} .duty .title h3 span{width: 46px;line-height: 46px;font-size: 26px;} .duty ul li{padding: 2%;} .duty ul li h4 span{width: 36px;line-height: 36px;margin-right: 5px;} .duty ul li p{letter-spacing: 0;} .dutyIdea h3 img{width: 50px;margin: 0;} .dutyIdea h3 span{width: 46px;line-height: 46px;font-size: 26px;} .dutyIdea .pic{display: none;} .dutyIdea .txt{padding-left: 0;} .dutyIdea .txt ul li{letter-spacing: 0;} .dutyTxt ul li h4{font-size: 24px;} .dutyTxt ul li p{line-height: 190%;} .invest .tit dl dd h3{font-size: 32px;} .invest .tit dl dd h4 span{width: 42px;line-height: 42px;} .invest .txt{width: 49%;} .invest .txt h4{font-size: 24px;letter-spacing: 1px;} .invest .txt p{letter-spacing: 0;} .invest .pic{width: 49%;position: relative;padding-top: 10%;z-index: 1;} .invest .pic::after{content: "invest";position: absolute;right: 0;top:0;font-family: Impact;font-size: 120px;text-transform: uppercase;color: #eee;letter-spacing: 10px;line-height: 80%;z-index: -1;} .investDevelop{justify-content:flex-end;} .investDevelop .txt{width: 49%;position: relative;} .investDevelop .txt h3 span{width: 36px;line-height: 36px;margin-right: 2px;} .investDevelop .txt p{letter-spacing: 0;} .investDevelop .pic{width: 49%;position: absolute;left: 0;z-index: 1;padding-bottom: 9%;} .investDevelop .pic::after{content: "meterage";position: absolute;left: 0;bottom:0;font-family: Impact;font-size: 80px;text-transform: uppercase;color: #eee;letter-spacing: 10px;line-height: 80%;z-index: -1;} .investSector .con h3{font-size: 30px;letter-spacing: 0;} .investSector .text .tel{padding: 8% 0;border-left: none;border-right: none;} .investNew .pic{width: 49%;} .investNew .txt{width: 49%;} .investNew .txt h3{font-size: 28px;letter-spacing: 2px;line-height: 130%;} .investNew .txt ul{margin: 1% 0;} .investNew .txt ul li{font-size: 18px;padding: 2px 18px;} .investNew .txt p{letter-spacing: 0;} .investTxt h3 span{width: 46px;line-height: 46px;font-size: 26px;} .investTxt h4{font-size: 32px;letter-spacing: 2px;} .investTxt p{line-height: 200%;} .investGovern .txt{width: 100%;} .investGovern .txt h3{justify-content:center;margin-bottom: 2%;} .investGovern .txt h3 span{margin: 0 5px;} .investList .tit{width: 32%;} .investList .tit p{letter-spacing: 0;} .investList dl{position: relative;} .investList dl dt{position: absolute;right: 0;width: 40px;} .investList dl dd{width: 100%;} .investList dl dd h4{margin-bottom: 2%;} .investList dl dd p{letter-spacing: 0;} .investGovern .con{width: 48%;} .investGovern .con ul li{width: 49%;padding: 3%;} .investGovern .con ul li:first-child{width: 100%;} .investGovern .con ul li h4{margin-bottom: 5px;} .investGovern .con ul li p{line-height: 180%;} .investTalent .txt{width: 100%;} .investTalent .txt h3{text-align: center;padding-bottom: 1.5%;margin-bottom: 2%;} .investTalent .txt h3::after{left: 50%;margin-left: -20px;} .investTalent .text{width: 48%;padding: 2%;} .investTalent .text img{display: none;} .investTalent .text p{width: 100%;font-size: 16px;} .CooContact .tit h3{font-size: 32px;} .CooContact .tit h5 span{width: 42px;line-height: 42px;margin: 0 4px;} .CooContact .con ul li{width: 48%;} .CooContact .con ul li span{font-size: 14px;margin-bottom: 5px;} .CooContact .con p{letter-spacing: 0;} .CooContact .con .pic{width: 38%;} .CooContact .form ul li{padding: 6px 10px;} .CooContact .url ul li{font-size: 16px;letter-spacing: 0;} .CooContact .url ul li i{font-size: 18px;} .CooContact .url ul li a{font-size: 16px;} .join h3{font-size: 32px;} .join h3 img{width: 46px;} .join .txt p{font-size: 15px;line-height: 160%;letter-spacing: 0;margin-bottom: 0;} .join .list{padding: 3%;} .join .list ul li{font-size: 18px;} .join .list ul li i{margin-bottom: 15px;} .joinProblem .txt{width: 100%;} .joinProblem .txt h3{text-align: center;} .joinProblem .txt ul li i{margin-top: 3px;font-size: 20px;} .joinProblem .txt ul li span{width: calc(100% - 25px);text-align: justify;line-height: 160%;} .joinProblem .con{width: 100%;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top: 2%;} .joinProblem .con h4{margin: 0;} .joinProblem .con h5{margin: 0;} .joinProblem .con .pic{display: none;} .joinChoice h3 img{width: 46px;} .joinChoice h3 span{width: 42px;line-height: 42px;font-size: 24px;} .joinChoice ul li{padding: 3px 15px;letter-spacing: 1px;} .joinChoice .telBox em{font-size: 24px;} .joinChoice .tel i{font-size: 30px;} .joinChoice .tel a{font-size: 32px;} .joinChoice .pic{left: -12%;} .joinAdvantage .tit h3{font-size: 32px;} .joinAdvantage .tit h3 img{width: 50px;} .joinAdvantage .tit h3 span{width: 50px;line-height: 50px;font-size: 30px;} .joinAdvantage .con ul li{padding: 2%;} .joinAdvantage .con ul li::after{border-width: 10px;} .joinAdvantage .con ul li .txt h4{font-size: 22px;padding-bottom: 0;margin-bottom: 2%;} .joinAdvantage .con ul li .txt h4::after{display: none;width: 30px;} .joinAdvantage .con ul li .txt p{font-size: 15px;letter-spacing: 0;line-height: 170%;} .joinDream h3{font-size: 32px;} .joinDream h3 img{width: 42px;margin-right: 10px;} .joinDream h4 span{width: 42px;line-height: 42px;font-size: 24px;margin: 0 3px;} .joinCondition h3{font-size: 32px;margin-bottom: 2%;} .joinCondition h4 span{width: 110px;font-size: 28px;line-height: 30px;letter-spacing: 2px ;padding: 25px 20px;} .joinCondition ul li{font-size: 16px;} .joinCondition ul li:nth-child(1), .joinCondition ul li:nth-child(2), .joinCondition ul li:nth-child(3), .joinCondition ul li:nth-child(4){padding-bottom: 50px;} .joinCondition ul li:nth-child(5), .joinCondition ul li:nth-child(6), .joinCondition ul li:nth-child(7), .joinCondition ul li:nth-child(8){padding-top: 50px;margin-top: 8%;} .joinCondition ul li span{width: 42px;line-height: 42px;} .joinSupport h3{font-size: 32px;} .joinSupport ul li .txt span{background: none;} .joinSupport ul li:nth-child(even) .txt span{background: none;} .joinSupport ul li .txt em{letter-spacing: 0;} .joinHonor .tit h3 img{width: 46px;margin-right: 10px;} .joinHonor .tit h3 span{font-size: 32px;} .joinHonor .tit h4 span{width: 40px;line-height: 40px;} .joinGet h3{font-size: 32px;} .joinGet h3 img{width: 46px;margin-right: 10px;} .joinGet .txt dl{width: 48%;} .joinGet .txt dl:nth-child(odd){margin-right: 0;} .joinGet .txt dl dd h4{font-size: 24px;} .joinGet .text{width: 48%;} .joinGet .text h4 span{width: 50px;line-height: 50px;} .joinGet .text p span{letter-spacing: 5px;} .joinGet .text p a{letter-spacing: 5px;} .joinGet .pic{display: none;} .joining .txt .span img{width: 50px;margin: 0;} .joining .txt .span span{width: 46px;line-height: 46px;font-size: 26px;} .joining .txt p{font-size: 24px;letter-spacing: 3px;} .joining .txt h3{font-size: 26px;} .joining .txt h4{font-size: 24px;} .joining .tel span{font-size: 18px;} .joining .tel a{font-size: 36px;letter-spacing: 2px;} .joining .pic{width: 35%;top: 12%;right: -1%;} .joinProcess ul li{padding: 3% 2% 2% 2%;} .joinProcess ul li::after{border-width: 10px;} .joinProcess ul li span{font-size: 24px;padding-right: 25px;} .joinProcess ul li h4{font-size: 24px;letter-spacing: 2px;} .joinProcess ul li p{letter-spacing: 1px;} .joinProcess ul li i{width: 60px;top:12%;} .cooperation .txt{width: 50%;} .cooperation .txt h3{font-size: 26px;letter-spacing: 1px;} .cooperation .txt ul li{letter-spacing: 1px;margin: 2% 0;} .cooperation .txt .img{display: none;} .cooperation .txt h4{font-size: 20px;} .cooperation .text{width: 100%;margin: 0;} .cooperation .text p{letter-spacing: 1px;} .CooBrand{padding: 3%;} .CooBrand p{display: none;} .CooBrand dl dt{width: 110px;margin-right: 15px;} .CooBrand dl dd .span span{width: 50px;line-height: 50px;font-size: 28px;} .CooBrand dl dd h3{font-size: 36px;} .CooTerms h3{font-size: 32px;} .CooTerms ul li i{width: 50px;line-height: 50px;font-size: 24px;} .CooTerms ul li:nth-child(1) i{top:65%;} .CooTerms ul li:nth-child(2) i{top:65%;} .CooTerms ul li:nth-child(3) i{top:50%;} .CooTerms ul li:nth-child(4) i{top:50%;} .CooTerms ul li:nth-child(5) i{top:55%;} .CooTerms ul li:nth-child(6) i{top:55%;} .CooTerms ul li:nth-child(7) i{top:20%;} .CooTerms ul li:nth-child(8) i{top:20%;} .CooSupport .tit h3 img{width: 50px;margin: 0;} .CooSupport .tit h3 span{width: 50px;line-height: 50px;font-size: 28px;} .CooSupport .tit h4 span{font-size: 22px;line-height: 220%;} .support{top:35%;} .supportList ul li img{width: 60px;} .support .swiper-slide img{width: 80px;} .support .swiper-slide h4 span{width: 46px;line-height: 46px;font-size: 24px;} .support .swiper-slide p{line-height: 180%;} .CooSupport .con h5{opacity: .4;} .CooShare .txt h4 span{width: 36px;line-height: 36px;font-size: 20px;} .CooShare .txt h3{font-size: 40px;line-height: 130%;} .CooShare .tel span{letter-spacing: 0;} .CooShare .tel a{letter-spacing: 2px;} .CooShare .pic{width: 40%;} .CooMoney .container{padding-right: 0;} .CooMoney h5{font-size: 46px;margin-bottom: 3%;} .CooMoney h5 img{width: 60px;} .CooMoney h3 span.i{width: 50px;line-height: 50px;font-size: 36px;} .CooMoney h3 span{width: 46px;line-height: 46px;font-size: 28px;margin-left: 10px;} .CooMoney h4 span{letter-spacing: 0;line-height: 200%;} .CooMoney .telBox p{font-size: 18px;} .CooMoney .tel i{font-size: 32px;} .CooMoney .tel a{letter-spacing: 2px;} .CooMoney .pic{display: none;} .link .txt h4{font-size: 30px;} .link .txt p{letter-spacing: 0;} } @media screen and (max-width:768px){ .aboutList ul li{ padding: 0; width: 33.3%; } .aboutL_c>ul{ justify-content: flex-start; } .aboutL_c li{ line-height: 160%; } .casePage ul li{width: 11%;} .caseshow .con{padding-top: 3%;} .caseshow .con .icon{display: none;} .caseshow .txt dl dd{width: 100%;} .caseshow .txt dl dt{width: 100%;margin-top: 3%;} .praise .txt h4{font-size: 24px;} .praise .txt h3{font-size: 26px;letter-spacing: 2px;margin: 1% 0;} .praise .txt h5{font-size: 30px;} .praise .txt p{font-size: 18px;margin: 2% 0;} .praise .txt p em{width: 32px;line-height: 32px;} .praise .txt .tel span{font-size: 16px;} .praise .pic{width: 30%;top:10%;left: -2%;} .partner ul li{width: 18%;margin-top: 4%;margin-bottom: 4%;} .partner ul li:nth-child(8){margin-left: 0;} .partner ul li:nth-child(13){margin-right: 0;} .partner ul li:nth-child(6){margin-left: 10.25%;} .partner ul li:nth-child(9){margin-right: 10.25%;} .partner ul li:nth-child(15){margin-left: 10.25%;} .partner ul li:nth-child(18){margin-right: 10.25%;} .partner ul li:nth-child(19),.partner ul li:nth-child(20){display: none;} .team .txt h4{letter-spacing: 2px;} .team .txt .tel{letter-spacing: 0;} .team .pic{width: 40%;} .team .pic i{width: 50%;top:-70%;left: auto;right: 10%;} .ganyan .txt{width: 100%;} .ganyan hr{display: block;width: 30px;} .ganyan .pic{display: none;} .caseList ul li .txt h4{font-size: 18px;} .caseList ul li .txt p{font-size: 15px;line-height: 180%;} .caseList ul li .more span{font-size: 16px;} .page a, .page .page-num{padding: 0 10px;} .position b{display: none;} .caseSort ul li{width: 11.11%;} .contentShare h3{font-size: 16px;letter-spacing: 0;} .contentTit h1{font-size: 26px;} .kefu .txt dl dt{width: 150px;} .kefu .txt dl dd h6::before{width: 30px;} .kefu .txt dl dd h6 em{font-size: 24px;} .kefu .txt dl dd h6 span{font-size: 16px;} .kefu .wx{width: 25%;top:auto;bottom:0;right: 2%;} .contentCase h4{font-size: 24px;} .contentCase dl dd h5{font-size: 20px;line-height: 30px;height: 30px;overflow: hidden;} .contentCase dl dd .time{margin-bottom: 0;} .contentCase dl dd p{line-height: 180%;} .contentNews h4{font-size: 24px;} .contentNews ul li span{padding: 6px 6px 2px 6px;margin-right: 10px;} .contentNews ul li a{width: calc(100% - 64px);line-height: 50px;height: 50px;overflow: hidden;} .newsBox ul li{width: 49%;} .newsTxtL{width: 100%;} .newsTxtL .txt .pic{display: block;} .newsTxtL .text {width: calc(100% - 120px);} .newsTxtR{width: 100%;} .newsTxtR .txt{width: 100%;position: relative;margin: 4% auto 3% auto;padding: 5%;} .newsTxtR .txt h4 span{display: inline;} .newsTxtR .txtr em{width: 110px;padding: 25px 0;} .newsSort ul li a{text-align: center;} .newsSort ul li .i2{display: none;} .newsList ul li .txt p{line-height: 180%;} .aboutTxt .pic{display: none;} .aboutTxt ul li{margin: 5px 0;} .aboutList ul li a{line-height: 240%;} .company h3::before{font-size: 90px;} .company h3 em{width: 46px;line-height: 46px;} .company .txt{width: 100%;} .company .pic{width: 100%;margin-top: 3%;} .company .pic::after{display: none;} .company .text ul{padding: 2% 3% 4% 3%;} .company .text ul li{letter-spacing: 0;width: 30%;border-right: none;padding: 3% 0;text-align: center;} .company .text ul li:nth-child(4){margin-left: 17.5%;padding: 0;} .company .text ul li:nth-child(5){margin-right: 17.5%;padding: 0;} .company .text ul li b::before{left: 50%;margin-left: -15px;} .companyProject .container::after{display: none;} .companyProject .swiper-container-project{width: 100%;} .companyProject .txt{width: 100%;margin-top: 3%;} .companyProject .txt h3{text-align: center;} .companyProject .txt hr{display: block;margin: 2% auto;} .number ul{justify-content: center;} .number ul li:nth-child(2){margin: 0 5%;} .number ul li:nth-child(4){margin: 3% 5% 0 0;} .number ul li:nth-child(5){margin: 3% 0 0 0;} .number ul li em{font-size: 18px;letter-spacing: 1px;} .platform .txt1 ul{margin: 4% 0;} .platform .txt1 .en{font-size: 60px;margin-top: 0;} .platform .txt1 p{line-height: 180%;} .platform .txt1 ul li{letter-spacing: 0;} .platform .txt1 ul li i{font-size: 30px;} .platform .txt2 p{line-height: 180%;} .partners h3{font-size: 30px;} .partners ul{width: 100%;} .partners ul li{width: 20%;} .partners .ul1 li:nth-child(1),.partners .ul1 li:nth-child(2),.partners .ul1 li:nth-child(3),.partners .ul1 li:nth-child(4),.partners .ul1 li:nth-child(5),.partners .ul1 li:nth-child(6),.partners .ul1 li:nth-child(7),.partners .ul1 li:nth-child(8),.partners .ul1 li:nth-child(9),.partners .ul1 li:nth-child(10),.partners .ul1 li:nth-child(11),.partners .ul1 li:nth-child(12),.partners .ul1 li:nth-child(13),.partners .ul1 li:nth-child(14),.partners .ul1 li:nth-child(15){margin: 0;} .partners .ul2 li:nth-child(1),.partners .ul2 li:nth-child(2),.partners .ul2 li:nth-child(3),.partners .ul2 li:nth-child(4),.partners .ul2 li:nth-child(5),.partners .ul2 li:nth-child(6),.partners .ul2 li:nth-child(7),.partners .ul2 li:nth-child(8),.partners .ul2 li:nth-child(9),.partners .ul2 li:nth-child(10),.partners .ul2 li:nth-child(11),.partners .ul2 li:nth-child(12),.partners .ul2 li:nth-child(13),.partners .ul2 li:nth-child(14),.partners .ul2 li:nth-child(15){margin: 0;} .partners .txt{position: relative;width: 100%;height: auto;left: 0;top:0;transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);padding: 4%;border-radius: 10px;margin-top: 3%;} .partners .txt hr{margin: 2% auto;} .partners .txt .i1,.partners .txt .i2,.partners .txt .i3{display: none;} .contact .pic{width: 30%;} .contact .txt{width: 68%;} .contact .contactTel p{width: 50%;margin: 3% 0;font-size: 18px;line-height: 40px;} .contact .contactTel p a{font-size: 30px;} .contact .contactTel p em{font-size: 24px;} .contact .contactTel p span{font-size: 16px;} .contactTxt dl dt .en{font-size: 16px;padding: 2px 10px;} .contactTxt dl dd{padding-left: 0;padding-right: 0;} .contactTxt dl dd h5{display: inline-block;background: #3d6db8;line-height: 220%;padding: 0 10% 0 6%;border-radius: 0 50px 50px 0;} .contactTxt dl dd h5 span{width: auto;margin-right: 2px;background: none;line-height: 220%;} .contactTxt dl dd h5 span.i{background: none;line-height: 220%;} .contactTxt dl dd p{padding: 2% 6% 0 6%;line-height: 180%;} .contactList .con{width: 100%;padding: 4%;} .contactList .con::after{display: block;} .contactList .con h5 span{display: block;} .contactList .con .txt ul li span{font-size: 18px;} .contactList .con .txt ul li a{font-size: 30px;line-height: 150%;} .contactList .con p span{display: block;} .cultureTxt .txt{width: 100%;text-align: center;} .cultureTxt .txt h3{justify-content: center;margin-bottom: 2%;} .cultureTxt .txt p{line-height: 200%;text-align: justify;} .cultureTxt .txt .span{margin: 3% 0;} .cultureTxt .pic{width: 100%;} .cultureTxt .pic ul li p{font-size: 18px;line-height: 160%;} .cultureBan .txt{width: 100%;} .cultureBan .txt h3{letter-spacing: 5px;} .cultureBan .txt h4{margin-right: 0;} .cultureBan .txt .span {justify-content: space-between;} .cultureBan .txt .span span{width: 46px;line-height: 46px;margin-right: 0;} .cultureBan .pic{top:65%;width: 30%;} .culture .list1 .pic{display: none;} .culture .list1 .txt{width: 100%;} .culture .list1 .txt dl:nth-child(1),.culture .list1 .txt dl:nth-child(2),.culture .list1 .txt dl:nth-child(3),.culture .list1 .txt dl:nth-child(4),.culture .list1 .txt dl:nth-child(5),.culture .list1 .txt dl:nth-child(6){margin: 1% 0;} .culture .list2 ul.ul1,.culture .list2 ul.ul2,.culture .list2 ul.ul3{width: 32%;position: relative;padding: 0;} .culture .list2 ul.ul1 li,.culture .list2 ul.ul2 li,.culture .list2 ul.ul3 li{width: 100%;padding: 10% 0;margin: 3% 0;} .culture .list3{position: relative;} .culture .list3 ul{width: 100%;} .culture .list3 ul li{margin: 3% 0;} .culture .list3 ul li:first-child{margin-top: 0;} .culture .list3 .pic{display: block;position: absolute;right: 0;bottom:0;width: 50%;} .cultureCore h3{font-size: 30px;} .cultureCore ul li{width: 32%;} .cultureCore ul li:last-child{display: none;} .cultureCore ul li h5 span{font-size: 16px;margin-left: 10px;} .cultureCore ul li:nth-child(6) p span{display: inline;padding-left: 5px;} .culturePolicy h3{margin-bottom: -45px;} .culturePolicy h3 span{width: 42px;line-height: 42px;font-size: 24px;} .culturePolicy .con{width: 100%;} .culturePolicy .con ul li h4 span{width: 40px;line-height: 40px;} .culturePolicy .txt{width: 100%;} .cultureDream::before{height: 15%;} .cultureDream::after{height: 15%;} .cultureDream ul.ul1{width: 100%;margin-top: 10%;} .cultureDream ul.ul2{width: 100%;} .cultureDream ul.ul2 li:nth-child(3n-1){margin-bottom: 0;margin-top: -11.8%;} .cultureDream ul.ul2 li:nth-child(3n){margin-bottom: 0;margin-top: -23.6%;} .cultureDream ul.ul2 li img{transform: skew(0,-10deg);} .cultureDream h4{margin: 10px 0;} .cultureIdea ul li{width: 48%;} .zuzhi .con{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;align-items: center;} .zuzhi .con1{width: 20%;} .zuzhi .con1 span{width: 100%;} .zuzhi .con1 span::after{bottom:50%;left: auto;right: -30px;width: 30px;height: 1px;} .zuzhi .con2{width: 28%;margin: 0 60px;} .zuzhi .con2::before{width: 1px;height: 68%;left: -30px;top:16%;} .zuzhi .con2 ul li{width: 100%;margin: 30% 0;} .zuzhi .con2 ul li::before{width: calc(100% + 60px);height: 1px;left: -30px;top:50%;} .zuzhi .con2 ul li::after{top:calc(50% - 5px);left: -35px;} .zuzhi .con3{width: 28%;} .zuzhi .con3::before{width: 1px;height: calc(100% - 48px);left: -30px;top:24px;} .zuzhi .con3 ul li{width: 100%;padding: 10px 20px;margin: 2% 0;border-top: none;border-left: 2px solid #3d6db8;} .zuzhi .con3 ul li span{width: 100%;text-align: left;} .zuzhi .con3 ul li::before{width: 30px;height: 1px;left: -30px;top:50%;} .zuzhi .con3 ul li::after{top:calc(50% - 5px);left: -37px;} .zuzhiPage h4{width: 100%;justify-content: center;margin-bottom: 1%;} .zuzhiPage ul{width: 100%;justify-content: center;} .zuzhiPage ul li{margin: 0 2%;font-size: 20px;letter-spacing: 2px;} .zuzhiTxt .pic{width: 100%;margin-top: 0;} .zuzhiTxt .txt{width: 96%;margin: 0 5%;padding: 4%;margin-top: -20%;} .zuzhiTxt .txt::after{width: 100%;left: 0;} .zuzhiTxt .txt p{padding-left: 24px;} .zuzhiTxt .txt p i{left: 0;} .zuzhiTxt .txt1::before{left: 4%;display: none;} .zuzhiTxt .txt1 .img{width: 30%;} .zuzhiTxt .txt2 .img{width: 45%;} .zuzhiTxt .txt3::before{left: 4%;display: none;} .coreList ul li{width: 15%;} .coreList ul li img{margin: 0 auto;} .coreList ul li b{width: 100%;text-align: center;} .core .txt{width: 100%;} .core .txt::after{width: 100%;} .core .txt h3{margin: 10px 0 20px 0;} .core .txt h3 span{font-size: 46px;} .core .txt p{line-height: 200%;padding-left: 25px;} .core .txt p em{display: inline;} .core .pic{width: 100%;} .promise h3{font-size: 30px;} .promise h3 img{width: 46px;} .promise .con::after{display: none;} .promise dl{width: 48%;} .promise dl dd h4{font-size: 22px;} .criterion .title h3{padding-right: 15%;line-height: 150%;padding: 15px 0;} .criterion .title h3 span{display: none;} .criterion .title p{letter-spacing: 1px;} .criterion .con ul li:nth-child(even) .tit::before{right: calc(-14.75% + 10px);} .criterion .con ul li:nth-child(odd) .tit::before{left: calc(-14.75% + 10px);} .criterion .con ul li .tit::after{border-width: 15px;margin-top: -15px;} .criterion .con ul li:nth-child(even) .tit::after{right: -30px;} .criterion .con ul li:nth-child(odd) .tit::after{left: -30px;} .criterion .con ul li .tit h4{margin: 0 20px 0 10px;} .criterion .con ul li .tit h4 span{display: none;} .criterion .con ul li .tit h4 em{width: 70px;font-size: 16px;line-height: 20px;} .criterion .con ul li .txt{font-size: 15px;} .criterion .p{bottom:2.5%;} .criterion .p i{display: none;} .criterion .p h4{width: 100%;} .criterion .text .flex{justify-content: center;} .criterion .text span{width: 40px;line-height: 38px;margin: 5px;} .statement h3{font-size: 30px;} .statement h3 img{width: 46px;} .statement .con h5{font-size: 22px;} .speech .con h3 span{width: 46px;line-height: 46px;font-size: 30px;margin-right: 6px;} .speech .con h3 i{font-size: 60px;} .speech .con h3 i.i2{margin-top: 15px;} .speech .con h3 em{top:0;} .speech .con ul{top:30px;} .speech .con ul li{width: 100px;font-size: 18px;margin-left: 10px;padding: 10px 0;} .speech .con ul li span{padding: 0;margin: 0;} .speech .con h5{font-size: 24px;} .message .tit p{letter-spacing: 0;} .message .txt::before{width: 60vw;height: 60vw;right: 10%;top:8%;} .message .txt p{display: none;} .message .txt img{width: 80%;} .message .text .textTxt{width: 100%;text-align: center;} .message .text h5{padding-left: 8px;margin-bottom: 2%;} .message .text h4{justify-content:center;} .message .text h4 span{margin: 0 5px;} .message .text .tel{width: 100%;border: none;padding: 0;margin-top: 2%;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;align-items: center;} .message .text .tel i{color: #fff;} .message .text .tel a{font-size: 36px;color: #fff;} .messageList .con{width: 49%;} .messageList .con .img span{font-size: 16px;margin-bottom: 10px;} .messageList .con .img span i{display: inline;} .messageList .con h5{font-size: 18px;letter-spacing: 1px;} .messageList .con h5 i{font-size: 20px;margin-right: 10px;} .messageList .con h5 a{font-size: 24px;line-height: 46px;} .messageList .con h5 em{display: inline;} .certificate ul{justify-content:space-between;} .certificate ul li{width: 48%;margin: 2% 0;padding: 0 4%;} .certificate ul li::after{height: 40%;} .certificate ul li h3 a{font-size: 18px;letter-spacing: 2px;padding: 8px 0;height: auto;} .labCon ul{justify-content:space-between;} .labCon ul li{width: 48%;margin: 2% 0;} .labCon ul li h3 a{font-size: 20px;letter-spacing: 2px;line-height: 50px;padding: 0 12px;} .labCon ul li h3 a::before{border-width:25px 15px;left: -30px;} .labCon ul li h3 a::after{border-width:25px 15px;right: -30px;} .labShow .txt h1{font-size: 30px;letter-spacing: 2px;} .labShow .txt h1 img{width: 46px;} .labPic h3{font-size: 30px;} .labPic h3 em{display: block;} .labPic h4{letter-spacing: 1px;font-size: 18px;} .service .tit h3{width: 100%;justify-content:center;} .service .tit p{width: 100%;text-align: center;margin: 1% 0;} .service .list ul li{width: 49%;margin: 1% 0;} .service .list ul li:nth-child(5){margin-right: 0;} .service .list ul li h4 a{font-size: 18px;letter-spacing: 2px;line-height: 280%;} .service .list .img{width: 100%;position: relative;left: 0;top: 0;transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);margin-top: 1%;} .systemBox .title h3 img{width: 50px;} .systemBox .title h3 span{width: 46px;line-height: 46px;font-size: 26px;margin-left: 5px;} .systemPage ul li{padding: 0 5%;line-height: 260%;} .systemPage ul li i{display: none;} .systemBox .text p{font-size: 18px;line-height: 140%;letter-spacing: 2px;} .systemBox .text p span{display: block;} .systemBox .text h4{padding: 3% 2%;} .system .tit{padding-right: 0;} .system .tit span{display: none;} .budget .txtl p{letter-spacing: 2px;font-size: 18px;} .budget .txtl h3{letter-spacing: 2px;font-size: 32px;} .budget .txtr p{letter-spacing: 2px;font-size: 18px;} .budget .txtr .tel{letter-spacing: 2px;} .systemPraise .pic{width: 100%;} .systemPraise .pic h3{justify-content:center;margin-bottom: 3%;} .systemPraise .txt{width: 100%;} .systemPraise .txt h4{font-size: 32px;padding-bottom: 3%;text-align: center;} .systemPraise .txt h4::before{left: 50%;margin-left: -15px;} .process .txt h4 i{width: 46px;line-height: 46px;font-size: 30px;} .process .txt h4 i::after{right: -24px;} .process .txt h4 span{width: 40px;line-height: 40px;font-size: 22px;} .processBan .txt h3{font-size: 30px;letter-spacing: 1px;} .processBan .txt h4{font-size: 22px;letter-spacing: 2px;} .processBan .txt h5 span{width: 42px;line-height: 42px;} .processBan .txt p{font-size: 20px;letter-spacing: 1px;} .processBan .txt .img{width: 24%;} .flowsheet .text ul li{max-width:30%;} .flowsheet .text ul li:nth-child(2)::before{width: 70px;right: -60px;bottom:68%;} .flowsheet .text ul li:nth-child(2)::after{width: 70px;right: -60px;bottom:35%;} .flowsheet .text ul li:last-child{width: 32%;max-width:32%;} .send .txt{width: 100%;} .send .pic{display: none;} .sendAttention .pic{width: 100%;} .sendAttention .txt{width: 100%;margin-top: 3%;} .sendAttention .txt ul li p{line-height: 180%;} .sendAttention .txt ul li p span{display: block;} .sendLoss .txt{padding: 3%;} .sendLoss .txt h4{font-size: 30px;} .sendLoss .down{font-size: 20px;letter-spacing: 2px;padding: 2%;} .sendLoss .down i{display: block;} .sendLoss .down span{display: none;} .sendLossTip{align-items:flex-end;} .sendLossTip .con{width: 72%;margin: 1% 0 2% 0 ;} .sendLossTip h4 em{font-size: 50px;} .sendLossTip h4 i{font-size: 20px;padding: 8px 0;} .sendLossTip ul li{letter-spacing: 1px;} .report .txt{width: 100%;} .reportTel{width: 100%;padding: 4% 0 4% 3%;} .reportTel::before{height: 100%;top:0;} .reportTel h4{font-size: 20px;letter-spacing: 2px;} .reportTel p{margin-top: 2%;} .reportTel p i{font-size: 24px;width: 30px;} .reportTel p a,.reportTel p em{width: auto;} .report .img{display: block;right: 3%;width: 25%;z-index: 1;} .reportForm ul li{padding: 0 0 10px 0;} .reportForm ul li input, .reportForm ul li textarea{letter-spacing: 1px;font-size: 15px;} .jobTxt h3{font-size: 30px;} .jobTxt p{width: 100%;} .jobTxt .pic{width: 80%;margin: 2% auto 0 auto;} .jobIdea ul li{padding: 3% 2% 2% 2%;} .jobIdea ul li h4{margin-bottom: 8px;} .jobIdea ul li h4 span{width: 36px;line-height: 36px;font-size: 18px;margin: 0 2px;} .jobIdea ul li p{font-size: 16px;line-height: 180%;} .job .title p{padding: 0 10%;} .jobList ul li{width: 49%;} .jobList ul li h5{font-size: 20px;} .jobBox .con .close{width: 40px;line-height: 40px;} .jobBox .con .close::after{border-width: 30px;} .jobBox .con h5{font-size: 24px;margin-bottom: 4%;} .jobBox .con p{letter-spacing: 0;} .jobBox .con p span{font-size: 18px;} .job .txt p{letter-spacing: 0;} .jobBelieve h4{font-size: 28px;letter-spacing: 0;} .jobBelieve p{font-size: 20px;padding-right: 0;} .jobBelieve .telBox{padding-right: 0;} .jishu .txt{padding: 4%;} .jishu .txt p{font-size: 20px;} .jishuList ul li{width: 49%;padding: 4% 3%;} .jishuList ul li h5 b{font-size: 20px;} .jishuList ul li h5 span{display: block;} .jishuIncome h5{width: 100%;} .jishuIncome p{width: 100%;font-size: 32px;letter-spacing: 0;text-align: justify;text-align-last: justify;margin-top: 1%;} .jishuIncome .telBox h4{font-size: 20px;} .jishuIncome .tel span{display: none;} .jishuIncome .tel a{font-size: 32px;} .jishuReap ul li{width: 49%;} .jishuReap ul li:nth-child(2n){margin-top: 1%;} .jishuReap ul li p{font-size: 18px;} .recruit .txt{width: 100%;margin-top: 1%;} .recruitTxt h3{justify-content:center;} .recruitTxt dl{justify-content:center;margin: 1% 0;} .recruitTxt h5{text-align: center;} .recruitTxt ul{justify-content:center;} .recruitTxt ul li{font-size: 20px;padding: 6px 25px;margin: 0 5px;} .wages{margin-top: 4%;} .wages dl{justify-content:center;} .wages dl dt h6{font-size: 26px;} .wages dl dt p{font-size: 20px;letter-spacing: 5px;} .wages dl dd{margin-left: 30px;padding-left: 30px;} .wages dl dd p{font-size: 20px;letter-spacing: 2px;} .wages dl dd p span{padding: 2px 15px;} .recruit .con{width: 100%;margin-top: 4%;} .principle h3{justify-content:center;} .principle p{font-size: 20px;letter-spacing: 2px;} .direction{padding: 2% 6%;background: #f2f8ff;margin-top: 3%;} .direction dl dd{font-size: 20px;} .recruitContact .txt h5{margin-bottom: 2%;} .recruitContact .txt ul.ul1{width: 100%;} .recruitContact .txt ul.ul1 li{width: 49%;margin: 1% 0;} .recruitContact .txt ul.ul1 li span{font-size: 18px;} .recruitContact .txt ul.ul1 li a{font-size: 30px;} .recruitContact .txt ul.ul1 li em{font-size: 24px;} .recruitContact .txt ul.ul2{width: 60%;} .recruitContact .txt ul.ul2 li{margin: 1% 4% 1% 0;} .recruitContact .txt ul.ul2 li span{margin-bottom: 10px;} .recruitContact .img{display: block;width: 30%;top:60%;right: 5%;} .era .txt{width: 100%;} .era .span{margin: 1% auto;} .era .span span{margin: 0 5px;} .era h3{font-size: 24px;text-align: justify;text-align-last: justify;padding-bottom: 1%;margin-bottom: 2%;} .era .pic{display: none;} .recruitObject .txt{width: 100%;} .recruitObject .txt p{padding-left: 40px;letter-spacing: 2px;font-size: 18px;} .recruitObject .txt p i{display: block;} .recruitObject .pic{display: none;} .recruitList .pic{display: none;} .recruitList .recruitPage{width: 100%;} .recruitList .recruitPage ul li{font-size: 20px;} .recruitList .text{font-size: 16px;letter-spacing: 1px;line-height: 200%;} .idea .title h3 img{width: 50px;} .idea .title h3 span{width: 46px;line-height: 46px;font-size: 24px;} .idea dl dt{width: 100%;} .idea dl dt i{width: 140px;} .idea dl dt img{width: calc(100% - 140px);} .idea dl dd{width: 100%;margin-top: 3%;} .idea dl:nth-child(2n) dd{position: relative;} .idea dl dd h4{font-size: 24px;letter-spacing: 2px;} .idea dl dd p{line-height: 200%;letter-spacing: 2px;} .duty ul li{width: 49%;} .duty ul li h4{margin-bottom: 2%;} .duty ul li h4 span::after{top:-22px;} .duty ul li p{line-height: 200%;} .dutyIdea{padding-bottom: 4%;} .dutyIdea .txt ul::after{left: auto;right: 0;} .dutyIdea .txt ul li{width: 33.33%;letter-spacing: 1px;} .dutyIdea .txt ul li:nth-child(3){border-right: 2px solid #fff;} .dutyIdea .txt ul li:nth-child(4){border-right: none;border-left: 2px solid #fff;} .dutyIdea .txt ul li:nth-child(5){border-left: none;} .dutyIdea .txt ul li:nth-child(9){border-right: 2px solid #fff;} .dutyIdea .txt ul li:nth-child(10){border-left: 2px solid #fff;} .dutyIdea .txt ul li:last-child{border-right: none;} .dutyTxt ul li p{line-height: 180%;} .invest .tit dl dt{width: 90px;margin-right: 10px;} .invest .tit dl dd h3{font-size: 30px;letter-spacing: 2px;} .invest .tit dl dd h4 span{width: 36px;line-height: 36px;} .invest .txt{width: 100%;} .invest .txt h4{padding-bottom: 2%;margin-bottom: 3%;letter-spacing: 2px;text-align: center;} .invest .txt h4::after{display: block;width: 30px;height: 2px;left: 50%;margin-left: -15px;} .invest .txt p{letter-spacing: 2px;} .invest .pic{width: 100%;padding-top: 3%;} .invest .pic::after{display: none;} .investDevelop .txt{width: 100%;} .investDevelop .txt h3{justify-content:center;} .investDevelop .txt h3 span{width: 40px;line-height: 40px;margin: 0 5px;} .investDevelop .txt p{letter-spacing: 2px;} .investDevelop .pic{width: 100%;position: relative;padding: 0;margin-top: 3%;} .investDevelop .pic::after{display: none;} .investSector .con{padding: 0;} .investSector .txt .container{padding: 0;} .investSector .text{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;width: 100%;position: relative;margin-top: 3%;} .investSector .txt p{margin: 0;} .investSector .text .tel{padding: 0;border: none;margin: 0;} .investNew .pic{width: 100%;display: none;} .investNew .txt{width: 100%;} .investNew .txt h3{font-size: 30px;line-height: 150%;text-align: center;} .investNew .txt ul{margin: 2% 0 3% 0;justify-content:center;} .investNew .txt ul li{padding: 5px 25px;margin: 0 5px;} .investNew .txt p{letter-spacing: 2px;} .investNew .img ul li{width: 49%;} .investTxt p{line-height: 180%;} .investGovern .pic{width: 100%;margin-top: 2%;} .investGovern .con{width: 100%;} .investList .tit{width: 100%;} .investList .tit h3{justify-content:center;margin-bottom: 1%;} .investList .tit p{letter-spacing: 2px;text-align: center;padding: 0;} .investList .tit .pic{display: none;} .investList .txt{width: 100%;} .investList .txt dl{width: 48%;margin: 2% 0 0 0;} .investList .text dl{width: 48%;margin-top: 2%;} .investList .text dl:last-child{width: 100%;} .investList dl dt{position: relative;width: 50px;} .investList dl dd{width: calc(100% - 65px);} .investTalent{background: #3d6db8 url(../image/investTalentBg.jpg) center left no-repeat;} .investTalent .pic{width: 100%;} .investTalent .text{width: 100%;} .CooContact .tit h3{font-size: 30px;} .CooContact .con{width: 100%;} .CooContact .con ul li span{font-size: 16px;letter-spacing: 2px;margin-bottom: 10px;} .CooContact .con p{font-size: 18px;letter-spacing: 2px;} .CooContact .form{width: 100%;margin: 3% 0;} .CooContact .url{background: #ff8f46 url(../image/company.png) right bottom no-repeat;-webkit-background-size: 35%;background-size: 35%;} .CooContact .url ul li{width: 100%;margin: 1% 0;font-size: 18px;letter-spacing: 2px;} .CooContact .url ul li a{font-size: 20px;display: inline-block;} .join h3{font-size: 30px;margin-bottom: 2%;} .join .txt{width: 100%;} .join .txt p{font-size: 16px;line-height: 180%;letter-spacing: 2px;margin-bottom: 2%;text-indent:2em;} .join .pic{width: 100%;} .join .list ul li{width: 48%;margin: 2% 0;} .joinProblem .txt h3{font-size: 30px;} .joinProblem .con h4 img{width: 46px;} .joinProblem .con h4 span{width: 42px;line-height: 42px;font-size: 24px;} .joinProblem .con h5{font-size: 24px;} .joinChoice .txt{width: 100%;} .joinChoice h3{justify-content:space-between;} .joinChoice .telBox em{width: 100%;margin-bottom: 3%;} .joinChoice .tel a{letter-spacing: 5px;} .joinChoice .pic{left: auto;bottom:0;top:50%;right: 0;width: 48%;} .joinAdvantage .tit h3{font-size: 30px;} .joinAdvantage .con ul li{width: 100%;padding: 3%;} .joinAdvantage .con ul li .txt h4{font-size: 24px;} .joinAdvantage .con ul li .txt p{font-size: 16px;letter-spacing: 2px;line-height: 180%;} .joinDream h3{font-size: 30px;} .joinDream h4 span{width: 36px;line-height: 36px;font-size: 22px;margin: 0 2px;} .joinDream .tel i{font-size: 24px;} .joinDream .tel span{font-size: 18px;} .joinDream .tel a{font-size: 32px;} .joinCondition h3{font-size: 30px;} .joinCondition ul{padding: 0 2%;} .joinCondition ul li{letter-spacing: 0;} .joinCondition h4{padding: 0 15%;} .joinCondition h4 span{width: 160px;font-size: 24px;padding: 15px 20px;} .joinSupport h3{font-size: 30px;} .joinSupport ul li{width: 32%;margin: 10% 0;} .joinSupport ul li:nth-child(6){margin-left: 0;} .joinSupport ul li:nth-child(9){margin-right: 0;} .joinSupport ul li:nth-child(6), .joinSupport ul li:nth-child(7), .joinSupport ul li:nth-child(8), .joinSupport ul li:nth-child(9){margin-top: 10%;} .joinSupport ul li .txt{width: 17.5vw;height: 17.5vw;} .joinSupport ul li .txt img{height: 4vw;margin: 3vw auto 1vw auto;} .joinSupport ul li .txt span{background: #ff8f46;} .joinSupport ul li:nth-child(even) .txt span{background: #3d6db8;} .joinHonor .tit h3 span{font-size: 30px;} .joinHonor .tit h4{font-size: 22px;} .joinGet h3{font-size: 30px;} .joinGet .txt dl dd{width: calc(100% - 65px);} .joinGet .text h4 span{width: 46px;line-height: 46px;font-size: 26px;} .joinGet .text p span{font-size: 18px;letter-spacing: 0;} .joinGet .text p a{font-size: 32px;letter-spacing: 2px;} .joining .txt p{font-size: 20px;letter-spacing: 1px;} .joining .txt h3{font-size: 22px;letter-spacing: 2px;padding-left: 25px;} .joining .txt h4{font-size: 20px;letter-spacing: 1px;} .joining .tel i{font-size: 24px;} .joining .tel span{font-size: 16px;} .joining .tel a{font-size: 32px;} .joining .pic{width: 32%;top:30%;} .joinProcess ul li{padding: 4% 3% 3% 3%;} .joinProcess ul li span{padding-right: 20px;font-size: 20px;} .joinProcess ul li i{width: 50px;} .joinProcess ul li h4{margin: 8% 0 4% 0;} .joinProcess ul li p{line-height: 180%;} .cooperation .txt{width: 100%;} .cooperation .txt ul li{letter-spacing: 2px;} .cooperation .txt h4{font-size: 22px;margin-top: 1%;} .cooperation .txt .img{display: block;right: 0;} .cooperation .pic{width: 100%;margin-top: 4%;} .CooBrand dl dt{width: 90px;margin-right: 10px;} .CooBrand dl dd .span span{width: 42px;line-height: 42px;font-size: 24px;} .CooBrand dl dd h3{font-size: 30px;} .CooBrand .txt h4{font-size: 20px;letter-spacing: 0;} .CooBrand .txt .tel i{font-size: 32px;} .CooBrand .txt .tel a{font-size: 32px;letter-spacing: 2px;} .CooTerms ul::after{display: none;} .CooTerms ul li{width: 48%;letter-spacing: 1px;padding-left: 60px;} .CooTerms ul li:nth-child(odd){margin-right: 0;} .CooTerms ul li:nth-child(1) i,.CooTerms ul li:nth-child(3) i,.CooTerms ul li:nth-child(5) i,.CooTerms ul li:nth-child(7) i,.CooTerms ul li:nth-child(2) i,.CooTerms ul li:nth-child(4) i,.CooTerms ul li:nth-child(6) i,.CooTerms ul li:nth-child(8) i{left: 0;top: 15px;} .CooTerms ul li:nth-child(odd)::after{left: auto;right: 0;} .CooSupport .tit h4{margin-top: 2%;} .supportList ul{padding-bottom: 3%;} .supportList ul li:nth-child(1),.supportList ul li:nth-child(2),.supportList ul li:nth-child(3),.supportList ul li:nth-child(4),.supportList ul li:nth-child(5),.supportList ul li:nth-child(6),.supportList ul li:nth-child(7),.supportList ul li:nth-child(8){margin: 0;} .supportList ul li i{padding: 10px;} .supportList ul li span{display: none;} .CooSupport .con::after{display: none;} .support{position: relative;width: 100%;left: 0;top:0;} .support .swiper-slide img{width: 100px;} .support .swiper-slide p{line-height: 200%;} .CooSupport .con h5{position: relative;bottom:0;margin-top: 3%;} .CooShare .container{padding: 4% 0;} .CooShare .txt h3{font-size: 36px;margin: 2% 0;} .CooShare .tel span{font-size: 16px;} .CooShare .tel a{font-size: 32px;} .CooShare .pic{width: 36%;position: absolute;right: -3%;} .CooMoney .txtr{margin-top: 3%;} .CooMoney .telBox p{letter-spacing: 2px;} .CooMoney .pic{display: block;width: 28%;} .link .txt{width: 80%;} .link .txt p{margin-top: 2%;} .link .form{width: 100%;margin-top: 5%;} } @media screen and (max-width:480px){ .aboutL_c ul{ flex-wrap: wrap; } .aboutL_c li:nth-child(3) { width: 50%; } .aboutL_c li{ width: 50%; padding: 7px 0; } .aboutL_c li:nth-child(n+3){ border-top: 0; } .aboutL_c li:nth-child(3),.aboutL_c li:nth-child(5){ border-left: 1px solid #3d6db8; } .casePage ul li{margin: 1% 0;} .casePage ul li a{font-size: 15px;letter-spacing: 1px;} .casePage ul li a i{margin-right: 0;font-size: 18px;display: block;margin: 0 auto;} .caseshow .txt{width: 100%;padding: 3%;} .caseshow .txt h4{font-size: 16px;line-height: 24px;height: 24px;margin-bottom: 3%;} .caseshow .txt dl dd{width: 58%;} .caseshow .txt dl dd p{height: 66px;overflow: hidden;font-size: 14px;} .caseshow .txt dl dt{width: 40%;margin-top: 0;} .praise .txt{width: 100%;} .praise .txt h4{font-size: 18px;letter-spacing: 0;text-align: justify;text-align-last: justify;} .praise .txt h3{font-size: 19px;letter-spacing: 0;text-align: justify;text-align-last: justify;} .praise .txt h5{font-size: 22px;letter-spacing: 0;text-align: justify;text-align-last: justify;} .praise .txt p{font-size: 16px;width: 210px;} .praise .txt p span{margin-right: 3px;} .praise .txt p em{width: 30px;line-height: 30px;font-size: 16px;margin: 1px;} .praise .txt p .i{display: none;} .praise .txt .tel span{display: none;} .praise .pic{left: auto;right: 0;top:50%;width: 40%;} .partner .title h3{font-size: 18px;} .partner ul li{width: 23.5%;} .partner ul li:nth-child(5){margin-left: 12.75%;} .partner ul li:nth-child(7){margin-right: 12.75%;} .partner ul li:nth-child(12){margin-left: 12.75%;} .partner ul li:nth-child(14){margin-right: 12.75%;} .partner ul li:nth-child(6){margin-left: 0;} .partner ul li:nth-child(9){margin-right: 0;} .partner ul li:nth-child(15){margin-left: 0%;} .partner ul li:nth-child(18){margin-right: 0%;} .partner .txt h4{font-size: 18px;letter-spacing: 0;} .partner .txt p{font-size: 14px;line-height: 180%;} .team .txt{width: 100%;} .team .txt .no{font-size: 16px;letter-spacing: 2px;text-align: center;} .team .txt .yes{justify-content: space-between;} .team .txt .yes span{width: 28px;font-size: 16px;line-height: 26px;margin: 0;} .team .txt dl dt{width: 50px;} .team .txt dl dd{width: calc(100% - 60px);} .team .txt dl dd h3{font-size: 20px;font-weight: normal;letter-spacing: 0;text-align: justify;text-align-last: justify;} .team .txt dl dd p{font-size: 14px;letter-spacing: 0;margin-top: 2px;text-align: justify;text-align-last: justify;} .team .txt .text{width: auto;font-size: 14px;padding: 0;background: none;color: rgba(255,255,255,.6);letter-spacing: 0;text-align: justify;text-align-last: justify;border-top: 1px solid rgba(255,255,255,.6);border-bottom: 1px solid rgba(255,255,255,.6);padding: 2% 0;} .team .txt h4{font-size: 16px;letter-spacing: 2px;line-height: 180%;} .team .txt h4 b{font-size: 18px;} .team .txt h4 span{display: block;} .team .txt .tel span{display: none;} .team h2{font-size: 16px;padding: 3%;} .team .pic{width: 40%;right: 0;} .team .pic i{display: none;} .ganyan h4{font-size: 18px;} .ganyan hr{width: 30px;margin: 3% 0;} .ganyan p{font-size: 14px;line-height: 160%;} .caseList ul li .time{font-size: 14px;} .caseList ul li .time span{font-size: 18px;} .caseList ul li .pic{width: 100%;} .caseList ul li .txt{width: 100%;margin-top: 3%;} .caseList ul li .txt h4{font-size: 16px;letter-spacing: 0;} .caseList ul li .txt .more{display: none;} .page .page-status{display: none;} .page a, .page .page-num{margin: 2px;} .caseSort ul li{font-size: 15px;line-height: 150%;} .caseSort ul li i{margin-right: 0;display: block;margin: 0 auto;} .caseSort ul li a{padding: 6px 0 4px 0;display: block;} .contentTit h1{font-size: 20px;} .contentShare h3{letter-spacing: 1px;} .content p{line-height: 160%;} .piece .pre, .piece .next{width: 100%;line-height: 40px;height: 40px;} .piece .pre i, .piece .next i{width: 30px;line-height: 40px;} .piece .pre{padding-left: 30px;} .piece .next{padding: 0 0 0 30px;margin-top: 3%;} .piece .next i{right: auto;left: 0;} .kefu .txt{width: 100%;} .kefu .txt dl dt{width: 140px;} .kefu .txt dl dd h6 em{font-size: 20px;line-height: 150%;width: 100%;} .kefu .txt dl dd h6{font-size: 15px;} .kefu .txt dl dd p{font-size: 15px;line-height: 160%;} .kefu .wx{display: none;} .contentCase h4{font-size: 20px;} .contentCase dl dt{width: 100%;} .contentCase dl dd{width: 100%;margin-top: 3%;} .contentCase dl dd h5{font-size: 16px;letter-spacing: 0;} .contentCase dl dd .time{margin: 0;} .contentCase dl dd p{font-size: 14px;} .contentNews h4{font-size: 20px;} .contentNews ul li{width: 100%;} .newsBox ul li{width: 100%;} .newsBox ul li h4{font-size: 16px;height: 30px;margin: 3% 3% 1% 3%;padding-right: 60px;} .newsBox ul li p{font-size: 14px;padding: 0 3%;} .newsBox ul li .time{right: 3%;font-size: 12px;padding: 8px 8px 3px 8px;} .newsBox ul li .time span{font-size: 20px;} .newsBox ul li .more{padding: 0 3%;} .newsTxtL .txt .pic{display: none;} .newsTxtL .text{width: 100%;} .newsTxtL .text h4{font-size: 20px;} .newsTxtL .text .c span{width: 36px;line-height: 36px;font-size: 22px;} .newsTxtR .txt{padding: 4%;} .newsTxtR .txt h3{font-size: 24px;} .newsTxtR .txt h4{font-size: 16px;} .newsTxtR .txt h4 span{display: none;} .newsTxtR .txtr i{font-size: 16px;letter-spacing: 0;padding: 2px 50px 2px 10px;} .newsTxtR .txtr i.i1{margin-bottom: 5px;} .newsTxtR .txtr em{width: 70px;font-size: 18px;line-height: 20px;padding: 15px 0;} .newsTxt .li ul li{font-size: 16px;} .newsTxt .list h3 b{font-size: 20px;padding-left: 15px;} .newsTxt .list h3 b::before{height: 18px;margin-top: -8px;} .newsTxt .list h3 span{font-size: 16px;width: 100%;} .newsTxt .list dl dt{padding: 15px 10px;font-size: 16px;} .newsTxt .list dl dt span{font-size: 20px;} .newsTxt .list dl dd{width: calc(100% - 78px);} .newsTxt .list dl dd h4{font-size: 16px;letter-spacing: 0;} .newsTxt .list dl dd p{font-size: 14px;letter-spacing: 0;line-height: 160%;} .newsSort ul li a{font-size: 16px;line-height: 140%;padding: 10px 8px;letter-spacing: 2px;} .newsSort ul li .i1{display: none;} .newsList ul li .time{width: 60px;font-size: 14px;} .newsList ul li .time span{font-size: 24px;} .newsList ul li .time i{font-size: 18px;} .newsList ul li .txt{width: calc(100% - 60px);} .newsList ul li .txt h4{font-size: 16px;letter-spacing: 1px;} .newsList ul li .txt p{font-size: 14px;line-height: 160%;height: 88px;overflow: hidden;margin-bottom: 2%;} .newsList ul li .more a{padding: 2px 15px;letter-spacing: 0;} .newsList ul li .more span{font-size: 16px;} .newsList ul li .more span i{margin-right: 5px;} .aboutTxt{display: none;} .aboutList{margin-top: 2%;} .aboutList ul li{width: 33.3%;} .company h3{padding: 4% 0;margin: 0;} .company h3::before{font-size: 70px;} .company h3 em{width: 40px;line-height: 40px;font-size: 24px;margin: 0 3px;} .company .txt p{font-size: 15px;letter-spacing: 0;} .company .text ul{padding: 0;} .company .text ul li{width: 100%;text-align: justify;padding: 5% 3% 3% 3%;border-bottom: 1px solid rgba(255,255,255,.2);letter-spacing: 1px;} .company .text ul li b{padding-bottom: 0;margin-bottom: 2%;font-size: 20px;} .company .text ul li b::before{display: none;} .company .text ul li b span{display: block;} .company .text ul li:nth-child(4),.company .text ul li:nth-child(5){margin: 0;padding: 5% 3% 3% 3%;} .companyProject .swiper-pagination .swiper-pagination-bullet{width: 6px;} .companyProject .txt h3{font-size: 20px;} .companyProject .txt hr{margin: 3% auto;} .companyProject .txt p{font-size: 15px;} .number{padding: 5% 0;} .number ul li{width: 29%;padding-top: 10px;} .number ul li span{width: 90px;height: 90px;font-size: 18px;line-height: 30px;padding-top: 20px;} .number ul li span::before{border: 10px solid #ff8f46;border-bottom: 20px solid transparent;width: calc(100% + 20px);height: calc(100% + 20px);top:-10px;left: -10px;} .number ul li span::after{bottom:-10px;border-top: 12px solid #f19f48;border-left: 12px solid transparent;border-right: 12px solid transparent;} .number ul li i{font-size: 30px;} .number ul li em{font-size: 16px;letter-spacing: 0;margin-top: 20px;line-height: 130%;padding: 5% 15%;} .platform h3{font-size: 20px;letter-spacing: 1px;} .platform h3 img{width: 40px;margin-right: 8px;} .platform .txt1{width: 100%;} .platform .txt1 p{font-size: 15px;} .platform .txt1 .en{display: none;} .platform .txt2{width: 100%;} .platform .txt2 p{font-size: 15px;} .platform .txt2 img{margin-top: 3%;} .partners h3{font-size: 18px;letter-spacing: 0;padding: 1% 2% 0 2%;} .partners h3 span{display: inline;} .partners .txt h4{font-size: 24px;} .partners .txt hr{width: 30px;margin: 3% auto;} .partners .txt p{font-size: 15px;} .partners .p{font-size: 15px;padding: 0 3%;letter-spacing: 1px;} .partners .p span{display: inline;} .contact .contactCon::before{font-size: 40px;width: 100%;text-align: center;} .contact .pic{display: none;} .contact .txt{width: 100%;} .contact .txt h6{font-size: 20px;padding-top: 5px;} .contact .txt p{font-size: 15px;letter-spacing: 0;} .contact .txt p b{font-size: 18px;} .contact .img{display: block;width: 100%;} .contact .img ul li em{font-size: 15px;margin-bottom: 10px;} .contact .img ul li span{font-size: 13px;} .contact .contactTel{margin-top: 4%;} .contact .contactTel p{width: 100%;text-align: left;position: relative;padding-left: 70px;} .contact .contactTel p i{position: absolute;left: 0;top:0;} .contact .contactTel p{font-size: 16px;line-height: 180%;} .contact .contactTel p a{font-size: 28px;} .contactTxt{margin-top: 4%;} .contactTxt dl{width: 100%;padding-top: 46px;position: relative;} .contactTxt dl:nth-child(2){margin: 3% 0;} .contactTxt dl dt{width: 40%;} .contactTxt dl dt .en{letter-spacing: 0;} .contactTxt dl dd{width: 58%;padding: 0;background: none;} .contactTxt dl dd h5{position: absolute;top:0;left: 0;width: 100%;display: flex; justify-content: center;padding: 0;background: none;} .contactTxt dl dd h5 span{width: 36px;line-height: 36px;background: #3d6db8;font-size: 18px;margin: 0 2px;} .contactTxt dl dd h5 span.i{background: #ff8f46;line-height: 36px;} .contactTxt dl dd p{font-size: 15px;line-height: 160%;padding: 0;} .contactList .con{padding: 4% 2%;} .contactList .con::after{display: none;} .contactList .con h5{font-size: 18px;text-align: center;letter-spacing: 1px;} .contactList .con h5 span{display: none;} .contactList .con .txt{width: 38%;margin-left: 2%;} .contactList .con .txt ul li span{font-size: 15px;} .contactList .con .txt ul li a{font-size: 20px;line-height: 100%;} .contactList .con p{font-size: 16px;text-align: center;} .contactList .con p span{display: none;} .cultureTxt .txt h3 img{width: 40px;} .cultureTxt .txt h3 span{width: 36px;line-height: 36px;font-size: 20px;} .cultureTxt .txt p{font-size: 15px;line-height: 180%;} .cultureTxt .txt .span{font-size: 36px;} .cultureTxt .pic ul li span{display: none;} .cultureTxt .pic ul li p{font-size: 12px;line-height: 120%;} .cultureBan .container{padding: 4% 0;} .cultureBan .txt h3{font-size: 20px;letter-spacing: 1px;text-align: center;} .cultureBan .txt h3 img{display: none;} .cultureBan .txt h3 span{width: 100%;} .cultureBan .txt h4{margin: 3% 0;font-size: 20px;padding: 0 10px;} .cultureBan .txt .span span{width: 26px;line-height: 26px;font-size: 18px;margin: 3px 0;} .cultureBan .txt h5{font-size: 18px;margin: 2% 0;} .cultureBan .txt h5 span{width: auto;line-height: 150%;font-size: 18px;background: none;color: #fff;margin: 0;} .cultureBan .txt .tel span{display: none;} .cultureBan .pic{width: 42%;top:75%;} .culture .list1 .txt dl dt{width: 100px;} .culture .list1 .txt dl dd{width: calc(100% - 110px);} .culture .list1 .txt dl dd h4{font-size: 20px;} .culture .list1 .txt dl dd p{font-size: 15px;text-align: justify;} .culture .list2 ul.ul1, .culture .list2 ul.ul2, .culture .list2 ul.ul3{width: 100%;} .culture .list2 ul.ul1 li, .culture .list2 ul.ul2 li, .culture .list2 ul.ul3 li{width: 49%;margin: 1% 0;padding: 8% 0;} .culture .list2 ul li p span{margin: 0 2px;} .culture .list3 ul{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;} .culture .list3 ul li{width: 48%;margin: 2% 0;} .culture .list3 ul li:first-child{margin-top: 2%;} .culture .list3 ul li h4{font-size: 20px;padding-left: 15px;} .culture .list3 ul li p{font-size: 15px;letter-spacing: 1px;text-align: justify;padding-left: 15px;} .culture .list3 .pic{width: 100%;position: relative;display: none;} .cultureCore h3{font-size: 20px;padding-top: 5px;} .cultureCore ul li{width: 48%;} .cultureCore ul li:last-child{display: flex;} .cultureCore ul li h5 em{font-size: 28px;width: 28px;} .cultureCore ul li h5 span{font-size: 12px;margin-left: 5px;} .cultureCore ul li p{font-size: 15px;} .cultureCore ul li:nth-child(6) p{letter-spacing: 0;} .cultureCore ul li:nth-child(6) p span{padding-left: 3px;} .culturePolicy h3{margin-bottom: 0;} .culturePolicy h3 span{width: 36px;line-height: 36px;margin: 0 3px;font-size: 20px;} .culturePolicy .con{padding: 4% 3% 3% 3%;} .culturePolicy .con ul li h4{margin-bottom: 5px;} .culturePolicy .con ul li h4 span{width: 32px;line-height: 32px;font-size: 18px;} .culturePolicy .con ul li p{font-size: 15px;text-align: justify;} .culturePolicy .txt{padding: 1% 3%;} .culturePolicy .txt p{font-size: 15px;} .cultureDream h3 span{width: 32px;line-height: 32px;font-size: 20px;margin: 0 1px;} .cultureDream h4 span{font-size: 16px;padding: 8px 15px;margin: 0 3px;} .cultureDream p{font-size: 16px;letter-spacing: 1px;} .cultureIdea ul li{width: 100%;} .cultureIdea ul li h5{font-size: 20px;padding: 6px;} .cultureIdea ul li p{font-size: 15px;} .zuzhi .title p{letter-spacing: 0;} .zuzhi .con1{width: 40px;} .zuzhi .con1 span i{font-size: 24px;} .zuzhi .con2{width: 40px;} .zuzhi .con2 ul li i{font-size: 24px;} .zuzhi .con3{width: 150px;} .zuzhi .con3 ul li{font-size: 16px;padding: 6px 10px;letter-spacing: 1px;} .zuzhiPage h4 img{width: 40px;} .zuzhiPage h4 em{font-size: 24px;} .zuzhiPage ul li{font-size: 15px;letter-spacing: 0;margin: 0 1%;} .zuzhiTxt .txt{width: 100%;margin: 0;padding: 4% 0 0 0;} .zuzhiTxt .txt::after{display: none;} .zuzhiTxt .txt h5{font-size: 20px;} .zuzhiTxt .txt p{font-size: 15px;padding-left: 16px;line-height: 160%;text-align: justify;} .zuzhiTxt .txt p i{line-height: 160%;} .zuzhiTxt .txt .img{display: none;} .coreTit h4 span{width: 32px;line-height: 32px;font-size: 20px;margin: 1px;} .coreTit h3{font-size: 20px;letter-spacing: 0;} .coreTit p{font-size: 16px;} .coreList ul li img{width: 36px;} .coreList ul li b{font-size: 18px;} .coreList ul li b span{display: none;} .core .txt h3{font-size: 24px;margin: 5px 0 10px 0;} .core .txt h3 span{font-size: 36px;margin-right: 10px;} .core .txt p{font-size: 14px;line-height: 160%;padding-left: 20px;margin: 5px 0;} .core .txt p i{top:4px;} .core .txt p span{font-size: 16px;} .core .txt p em{display: none;} .promise h3{font-size: 20px;} .promise h3 img{width: 32px;margin-right: 8px;} .promise dl{width: 100%;} .promise dl::before{left: 20px;} .promise dl::after{left: 15px;} .promise dl dt span{width: 40px;line-height: 40px;font-size: 20px;} .promise dl dd{width: calc(100% - 50px);} .promise dl dd h4{font-size: 18px;margin: 5px 0;} .promise dl dd p{font-size: 15px;} .criterion::after{display: none;} .criterion .title{position: relative;width: 100%;top:0;padding: 0 0 3% 0;} .criterion .title h3{padding: 0;font-size: 20px;text-align: center;margin-bottom: 5px;} .criterion .title h3::after{display: none;} .criterion .title p{letter-spacing: 0;} .criterion .con ul li{width: 100%;} .criterion .con ul li .tit::before{display: none;} .criterion .con ul li .tit::after{display: none;} .criterion .con ul li:first-child{margin-left: 0;} .criterion .con ul li:nth-child(2n){margin-top: 0;} .criterion .con ul li .txt{margin-top: 2%;} .criterion .con ul li .tit h4 span{display: block;font-size: 30px;} .criterion .con ul li .tit h4 em{width: 60px;letter-spacing: 0;padding: 10px;} .criterion .p{display: none;} .criterion .text{padding: 4% 0;} .criterion .text span{width: 28px;font-size: 16px;line-height: 26px;margin: 1px;} .statement h3{font-size: 20px;} .statement h3 img{width: 32px;margin-right: 8px;} .statement .con h5{font-size: 18px;margin: 2% 0;} .statement .con h5 span{display: none;} .statement .con p{font-size: 15px;padding-left: 32px;text-align: justify;margin: 5px 0;} .statement .con p i{width: 24px;line-height: 24px;top:0;} .statement .con .c{margin: 3% 0 4% 0;} .statement .con .c .flex{padding-left: 0;margin: 2px 0;} .statement .con .c span{width: 26px;line-height: 26px;margin-right: 2px;font-size: 16px;} .statement .pic{display: none;} .speech .con h3{justify-content:center;align-items:center;} .speech .con h3::after{display: none;} .speech .con h3 span{width: 36px;line-height: 36px;font-size: 24px;} .speech .con h3 i{font-size: 40px;} .speech .con h3 i.i2{margin: 0;} .speech .con h3 em{font-size: 14px;width: 160px;display: none;} .speech .con ul{width: 100%;justify-content:space-between;position: relative;right: auto;top:auto;margin-top: 3%;} .speech .con ul li{margin: 0;width: 32%;font-size: 16px;letter-spacing: 1px;border-radius: 0;padding: 5px 0;background: #f2f8ff;color: #3d6db8;} .speech .con ul li::before,.speech .con ul li::after{display: none;} .speech .con ul li span{display: inline;background: none;color: #ff8f46;} .speech .con h5{font-size: 18px;} .speech .con p{font-size: 15px;line-height: 180%;} .message .tit h3 img{width: 46px;} .message .tit h3 em{width: 40px;line-height: 40px;font-size: 24px;} .message .tit h3 span{display: none;} .message .tit p{font-size: 15px;} .message .txt{display: none;} .message .form{width: 100%;} .message .form .btn input{font-size: 18px;} .message .text h5{padding-left: 0;letter-spacing: 0;text-align: center;font-size: 18px;letter-spacing: 2px;} .message .text h4{justify-content:space-between;} .message .text h4 span{width: 24px;line-height: 24px;margin: 0;font-size: 18px;} .message .text .tel{letter-spacing: 2px;} .message .text .tel a{font-size: 24px;} .messageList .con{width: 100%;margin-top: 3%;} .certificate ul li h3 a{font-size: 15px;letter-spacing: 0;line-height: 32px;height: 32px;padding: 0;} .labCon ul li{width: 49%;overflow: hidden;margin: 1% 0;} .labCon ul li h3 a{font-size: 15px;letter-spacing: 0;line-height: 32px;padding: 0 5px;} .labCon ul li h3 a::before{border-width:16px 8px;left: -16px;} .labCon ul li h3 a::after{border-width:16px 8px;right: -16px;} .labShow .txt h1{font-size: 20px;} .labShow .txt h1 img{width: 36px;margin-right: 6px;} .labShow .txt p{font-size: 15px;line-height: 160%;} .labPic h3{font-size: 20px;letter-spacing: 1px;} .labPic h3 em{font-size: 24px;} .labPic h4{font-size: 16px;} .labPic ul li{width: 49%;margin: 1% 0;} .service .tit h3{font-size: 20px;margin: 1% 0 0 0;} .service .tit h3 img{width: 36px;margin-right: 8px;} .service .tit p{font-size: 15px;letter-spacing: 0;margin-top: 0;} .service .list ul li h4{width: 100%;left: 0;bottom:0;text-align: center;font-size: 14px;letter-spacing: 0px;color: #313131;line-height: 280%; background-color: #e7e7e7;} .service .list ul li h4 a{font-size: 15px;letter-spacing: 0;line-height: 32px;height: 32px;overflow: hidden;} .systemBox .title h3 img{width: 40px;} .systemBox .title h3 span{width: 36px;line-height: 36px;font-size: 20px;} .systemBox .text p{width: 100%;text-align: center;padding: 3%;line-height: 150%;} .systemBox .text h4{width: 100%;font-size: 20px;text-align: center;letter-spacing: 2px;padding: 2%;} .systemPage ul li{width: 23.5%;padding: 0;font-size: 16px;text-align: center;line-height: 240%;} .system .tit h4{display: none;} .system .tit p{font-size: 15px;letter-spacing: 0;width: 100%;} .system .txt p{font-size: 15px;padding-left: 50px;} .system .txt p i{width: 40px;font-size: 16px;line-height: 24px;top:0;} .budget .txtl{width: 100%;} .budget .txtl p{line-height: 160%;} .budget .txtl p span{display: block;} .budget .txtl h3{font-size: 20px;letter-spacing: 0;text-align: justify;text-align-last: justify;} .budget .txtr{width: 100%;} .budget .txtr p{font-size: 16px;line-height: 160%;} .budget .txtr p::after{right: 0;background: #fff;} .budget .txtr p span{display: block;} .budget .txtr .tel span{display: none;} .budget .txtr .tel a{font-size: 24px;} .systemPraise .pic h3 img{width: 40px;} .systemPraise .pic h3 span{width: 36px;line-height: 36px;font-size: 20px;margin-left: 5px;} .systemPraise .txt h4{font-size: 18px;letter-spacing: 0;} .systemPraise .txt p{font-size: 15px;line-height: 180%;letter-spacing: 0;} .process .title h3{font-size: 18px;letter-spacing: 0;} .process .txt h4 i{width: 40px;line-height: 40px;font-size: 24px;} .process .txt h4 i::after{right: -23px;} .process .txt h4 span{width: 36px;line-height: 36px;font-size: 20px;} .process .txt p{font-size: 15px;padding-left: 0;text-align: justify;} .processBan .txt h3{font-size: 20px;letter-spacing: 0;justify-content: flex-start;} .processBan .txt h3 img{display: block;width: 60px;margin: 0 10px 0 0;} .processBan .txt h3 em{width: calc(100% - 70px);text-align: justify;text-align-last: justify;} .processBan .txt h3 span{display: block;} .processBan .txt h4{font-size: 18px;margin: 3% 0;background: #ff8f46;padding: 3% 2%;text-align: center;} .processBan .txt h4 span{display: block;} .processBan .txt h5 span{width: auto;line-height: 150%;margin: 0;background: none;font-size: 20px;} .processBan .txt p{font-size: 16px;} .processBan .txt p span{display: block;} .processBan .txt .tel span{display: none;} .processBan .txt .img{width: 32%;} .flowsheet .con ul li{font-size: 14px;line-height: 150%;margin-bottom: 12px;} .flowsheet .text ul li::after{border-color: #fff transparent transparent transparent;border-width: 10px;right: 50%;margin-bottom: 0;margin-right: -10px;bottom:-20px;} .flowsheet .con ul li:first-child{width: 80px;font-size: 18px;line-height: 22px;padding: 18px;} .flowsheet .con ul li:first-child::after{bottom:-18px;} .flowsheet .text ul li{width: 100%;margin-bottom: 15px;max-width:100%;font-size: 14px;line-height: 150%;} .flowsheet .text ul li:nth-child(2)::before{width: 40px;right: 70%;bottom:-10px;} .flowsheet .text ul li:nth-child(2)::after{width: 40px;right: 20%;bottom:-10px;} .flowsheet .text ul li:last-child{width: 100%;margin: 0;max-width:100%;} .flowsheet .text ul li span{width: 46%;margin: 0;padding: 2%;text-align: center;} .send h3 img{width: 40px;margin: 0;} .send h3 span{width: 36px;line-height: 36px;font-size: 20px;} .send .txt p{font-size: 15px;padding-left: 32px;line-height: 160%;} .send .txt p i{width: 24px;line-height: 24px;} .sendAttention h3 img{display: none;} .sendAttention h3 span{width: 32px;line-height: 32px;font-size: 18px;margin: 0 2px;} .sendAttention .txt ul li h4{width: 32px;font-size: 18px;padding: 10px 5px;line-height: 150%;} .sendAttention .txt ul li p{width: calc(100% - 40px);font-size: 15px;line-height: 160%;} .sendLoss .txt h4{font-size: 20px;letter-spacing: 2px;} .sendLoss .txt p{font-size: 15px;} .sendLoss .down{position: relative;width: 100%;} .sendLoss .down i{display: inline;} .sendLossTip .pic{display: none;} .sendLossTip .con{width: 100%;} .sendLossTip h4{justify-content:center;} .sendLossTip h4 em{font-size: 30px;letter-spacing: 5px;} .sendLossTip h4 i{writing-mode: initial;padding: 0 5px;margin-top: 8px;margin-left: 5px;} .sendLossTip ul li{font-size: 15px;line-height: 160%;} .sendLossTip .tel{display: block;margin-bottom: 1%;} .sendLossTip .tel a{letter-spacing: 0;font-size: 22px;} .report .title h3 img{width: 42px;margin: 0;} .report .title h3 span{width: 36px;line-height: 36px;font-size: 18px;margin-left: 5px;} .report .txt{padding: 3% 3% 2% 3%;} .report .txt p{font-size: 15px;text-align: justify;margin: 3% 0;} .report .txt p i{top:-4px;} .reportTel h4{font-size: 18px;letter-spacing: 1px;} .reportTel p{margin-top: 4%;} .reportTel p a{letter-spacing: 5px;} .reportTel p em{letter-spacing: 2px;} .report .img{display: none;} .reportForm{margin-bottom: 6%;} .reportForm ul li{width: 100%;} .reportForm .btn{margin-top: 2%;} .reportForm .btn input{width: 40%;font-size: 18px;} .jobTxt h3{font-size: 20px;letter-spacing: 0;} .jobTxt p{font-size: 15px;line-height: 160%;} .jobIdea ul li{width: 100%;margin: 1% 0;padding: 4% 0 3% 0;} .job .title h3{letter-spacing: 0;} .job .title p{padding: 0;margin-top: 2%;letter-spacing: 1px;} .jobList ul li{width: 100%;padding: 2.5% 3% 3% 3%;} .jobList ul li i{top:25%;} .jobBox .con h5{font-size: 20px;letter-spacing: 0;} .jobBox .con p{font-size: 15px;line-height: 160%;} .jobBox .con p span{font-size: 16px;} .job .txt p{font-size: 15px;} .jobBelieve{padding: 3%;} .jobBelieve h4{font-size: 20px;} .jobBelieve h4 span{display: none;} .jobBelieve p{font-size: 16px;} .jobBelieve p span{display: block;} .jobBelieve .telBox em{font-size: 16px;letter-spacing: 0;} .jobBelieve .telBox em i{margin-left: 0;} .jobBelieve .tel span{display: none;} .jobBelieve .tel a{font-size: 24px;} .jobProcess h3 img{width: 40px;margin: 0;} .jobProcess h3 span{width: 36px;line-height: 36px;font-size: 18px;margin-left: 2px;} .jobProcess ul li{width: 49%;} .jobProcess ul li span{width: 20px;font-size: 18px;} .jobProcess ul li span::after{border-width: 20px;} .jobProcess ul li h5{font-size: 18px;padding-bottom: 6%;margin-bottom: 6%;} .jobProcess ul li p{font-size: 15px;line-height: 160%;} .jobProcess ul li p a{display: block;} .jishu .con dt{width: 70px;margin-right: 10px;} .jishu .con h4{font-size: 20px;margin-bottom: 5px;letter-spacing: 1px;} .jishu .con h5{font-size: 16px;letter-spacing: 3px;} .jishu .con h5::after{left: -55px;width: calc(100% + 55px);} .jishu .con p{font-size: 15px;text-align: center;} .jishu .con p em{width: 19px;line-height: 19px;border-radius: 2px;} .jishu .text{width: 100%;} .jishu .txt h3{font-size: 24px;} .jishu .txt p{font-size: 16px;letter-spacing: 0;line-height: 180%;} .jishu .txt p span{padding: 5px 30px;margin-bottom: 1%;} .jishu .pic{width: 24%;} .jishuList ul li{width: 100%;} .jishuList ul li h5{padding-top: 5px;} .jishuList ul li .txt{margin-top: 3%;} .jishuIncome h5 span{width: 50px;line-height: 50px;margin-right: 5px;font-size: 30px;} .jishuIncome p{font-size: 18px;} .jishuIncome .telBox{justify-content:center;margin-top: 2%;} .jishuIncome .telBox h4{display: none;} .jishuIncome .tel span{display: block;font-size: 15px;} .jishuIncome .tel a{font-size: 24px;} .jishuReap ul li p{font-size: 14px;letter-spacing: 1px;padding: 8px 0;} .recruitTxt h3 img{width: 40px;margin: 0;} .recruitTxt h3 span{width: 36px;line-height: 36px;font-size: 18px;} .recruitTxt dl dt{font-size: 40px;letter-spacing: 2px;} .recruitTxt dl dd{font-size: 16px;} .recruitTxt h5{font-size: 16px;} .recruitTxt ul li{font-size: 16px;padding: 5px 10px;letter-spacing: 0;margin: 0 3px;} .wages dl dt h6{font-size: 22px;padding-bottom: 3%;margin-bottom: 3%;} .wages dl dt p{font-size: 16px;line-height: 160%;} .wages dl dd{padding-left: 0;margin-left: 0;border-left: none;margin-top: 4%;} .wages dl dd p{font-size: 16px;} .principle h3 img{width: 40px;margin: 0;} .principle h3 span{width: 36px;line-height: 36px;font-size: 18px;margin-left: 2px;} .principle p{font-size: 15px;padding-top: 2px;} .direction{padding: 0;background: none;} .direction h4{width: 50px;font-size: 20px;line-height: 20px;padding: 10px 5px;} .direction dl{margin: 2% 0;} .direction dl dt{font-size: 18px;padding: 8px 10px;margin-right: 10px;} .direction dl dd{font-size: 16px;letter-spacing: 0;} .recruitContact .txt h5{font-size: 20px;} .recruitContact .txt ul.ul1 li{width: 100%;} .recruitContact .txt ul.ul1 li i{font-size: 20px;margin-right: 10px;} .recruitContact .txt ul.ul1 li span{font-size: 16px;} .recruitContact .txt ul.ul2{width: 100%;justify-content:space-between;} .recruitContact .txt ul.ul2 li{width: 49%;margin: 1% 0;} .recruitContact .txt ul.ul2 li span{font-size: 15px;letter-spacing: 0;} .recruitContact .img{display: none;} .era .con{padding: 4% 0;} .era h5{font-size: 24px;} .era h5 img{width: 36px;} .era .span{margin: 2% auto;} .era .span span{width: 26px;line-height: 26px;font-size: 18px;margin: 0 1px;} .era h3{font-size: 20px;text-align: center;text-align-last: center;} .era p{font-size: 16px;} .era p em{width: 100%;text-align: center;} .era p span{width: 100%;justify-content: center;margin-top: 3%;} .era p i{font-size: 24px;} .era p a{font-size: 28px;} .recruitObject h4 img{width: 40px;margin: 0;} .recruitObject h4 span{width: 36px;line-height: 36px;font-size: 18px;margin-left: 8px;} .recruitObject .txt p{font-size: 15px;letter-spacing: 1px;padding-left: 36px;} .recruitObject .txt p i{width: 26px;line-height: 26px;font-size: 16px;} .recruitList .recruitPage ul li{width: 100%;padding: 5% 3%;} .recruitList .text{line-height: 180%;} .recruitList .text span{display: inline;} .idea .title h3 img{width: 40px;} .idea .title h3 span{width: 36px;line-height: 36px;font-size: 20px;margin-left: 8px;} .idea .title p em{padding: 6px 30px;margin: 2% 0;} .idea dl dt i{width: 80px;} .idea dl dt i span{width: 40px;line-height: 40px;font-size: 20px;margin: 10px auto;} .idea dl dt img{width: calc(100% - 80px);} .idea dl dd h4{font-size: 18px;letter-spacing: 0;} .idea dl dd p{font-size: 15px;letter-spacing: 1px;line-height: 180%;} .duty .title h3 img{width: 40px;} .duty .title h3 span{width: 36px;line-height: 36px;font-size: 20px;margin-left: 8px;} .duty ul li{padding: 4% 3%;width: 100%;border-radius: 0 20px;} .duty ul li p{line-height: 180%;letter-spacing: 1px;} .dutyIdea h3{margin: 2% 0 5% 0;} .dutyIdea h3 img{width: 40px;} .dutyIdea h3 span{width: 36px;line-height: 36px;font-size: 20px;margin-left: 8px;} .dutyIdea .txt ul::before{width: 12px;height: 12px;top:-5px;} .dutyIdea .txt ul::after{width: 12px;height: 12px;bottom:-7px;} .dutyIdea .txt ul li{width: 50%;line-height: 180%;padding: 4%;font-size: 15px;letter-spacing: 0;} .dutyIdea .txt ul li:nth-child(2),.dutyIdea .txt ul li:nth-child(6),.dutyIdea .txt ul li:nth-child(10){border-left: none;border-right: 2px solid #fff;} .dutyIdea .txt ul li:nth-child(3),.dutyIdea .txt ul li:nth-child(7),.dutyIdea .txt ul li:nth-child(11){border-right: none;border-left: 2px solid #fff;} .dutyIdea .txt ul li:nth-child(4){border-left: none;} .dutyIdea .txt ul li:nth-child(9){border-right: none;} .dutyIdea .txt ul li::after{width: 12px;height: 12px;top:-7px;} .dutyTxt ul li{width: 100%;} .dutyTxt ul li h4{font-size: 20px;padding-left: 10px;} .dutyTxt ul li h4::before{width: 24px;height: 24px;} .dutyTxt ul li p{font-size: 15px;} .invest .tit dl dt{display: none;} .invest .tit dl dd h3{font-size: 19px;letter-spacing: 0;} .invest .tit dl dd h4 span{width: 24px;line-height: 24px;font-size: 16px;margin: 0 -1px;} .invest .txt h4{font-size: 18px;letter-spacing: 1px;} .invest .txt p{font-size: 15px;letter-spacing: 0;} .investDevelop .txt h3 span{width: 26px;line-height: 26px;font-size: 16px;margin: 0 1px;} .investDevelop .txt p{font-size: 15px;letter-spacing: 0;} .investSector .con h3{font-size: 18px;} .investSector .con p{font-size: 15px;letter-spacing: 0;} .investSector .txt p{font-size: 15px;letter-spacing: 0;} .investSector .text p{font-size: 18px;letter-spacing: 1px;} .investSector .text .tel a{margin-top: 0;font-size: 28px;} .investNew .txt h3{font-size: 20px;} .investNew .txt ul li{font-size: 16px;padding: 5px 12px;margin: 0 3px;} .investNew .txt p{font-size: 15px;letter-spacing: 0;} .investTxt h3 span{width: 30px;line-height: 30px;font-size: 18px;margin: 0 2px;} .investTxt h4{font-size: 20px;letter-spacing: 1px;} .investTxt p{font-size: 15px;letter-spacing: 0;text-align: justify;} .investGovern .txt h3 span{width: 36px;line-height: 36px;font-size: 20px;margin: 0 3px;} .investGovern .txt p{font-size: 15px;letter-spacing: 0;} .investGovern .con ul li h4{font-size: 20px;} .investGovern .con ul li p{font-size: 15px;letter-spacing: 0;} .investList .tit h3 img{width: 40px;} .investList .tit h3 span{width: 36px;line-height: 36px;font-size: 18px;margin-left: 6px;} .investList .tit p{font-size: 16px;line-height: 180%;} .investList .tit .pic{display: block;margin: 0;padding: 3%;} .investList .txt dl{width: 100%;margin-top: 3%;} .investList .text dl{width: 100%;margin-top: 3%;} .investList dl dt{width: 40px;} .investList dl dd{width: calc(100% - 50px);} .investList dl dd h4{font-size: 18px;margin-bottom: 1%;} .investList dl dd p{font-size: 15px;} .investTalent .txt h3{font-size: 20px;padding: 1% 0 2% 0;margin-bottom: 3%;} .investTalent .txt h3::after{width: 30px;margin-left: -15px;} .investTalent p{font-size: 15px;letter-spacing: 0;} .investTalent .text p{font-size: 15px;} .CooContact .tit h3{font-size: 20px;} .CooContact .tit h3 span{display: none;} .CooContact .tit h5 span{width: 26px;line-height: 26px;font-size: 16px;margin: 0;} .CooContact .con .pic{display: none;} .CooContact .con .txt{margin: 0;} .CooContact .con ul{margin: 0 5% 5% 5%;} .CooContact .con p{font-size: 16px;letter-spacing: 1px;} .CooContact .con p a{font-size: 26px;} .CooContact .con p em{font-size: 22px;} .CooContact .form{margin-top: 0;} .CooContact .form h4{font-size: 15px;letter-spacing: 0;} .CooContact .form .btn input{font-size: 18px;} .CooContact .url{background: #ff8f46;} .CooContact .url ul li{font-size: 16px;letter-spacing: 0;} .CooContact .url ul li a{font-size: 18px;} .join h3{font-size: 18px;letter-spacing: 0;} .join h3 img{display: none;} .join .txt p{font-size: 15px;letter-spacing: 0;text-indent:0;} .join .list ul li i{font-size: 30px;margin-bottom: 10px;} .joinProblem .txt h3{font-size: 20px;} .joinProblem .txt ul li{width: 100%;font-size: 15px;letter-spacing: 0;} .joinProblem .con h4{width: 100%;margin: 2% 0 1% 0;} .joinProblem .con h4 img{width: 40px;} .joinProblem .con h4 span{width: 36px;line-height: 36px;margin-left: 6px;} .joinProblem .con h5{width: 100%;text-align: center;font-size: 20px;} .joinProblem .con .pic{display: block;height: 180px;} .joinChoice{margin-top: 0;} .joinChoice h3 img{display: none;} .joinChoice h3 span{margin-left: 0;width: 26px;line-height: 26px;font-size: 18px;} .joinChoice ul li{font-size: 16px;width: 15%;padding: 8px;line-height: 130%;text-align: center;} .joinChoice .telBox em{font-size: 16px;letter-spacing: 0;margin-bottom: 1%;} .joinChoice .tel i{font-size: 24px;margin-right: 10px;} .joinChoice .tel a{font-size: 24px;letter-spacing: 2px;} .joinChoice .pic{width: 40%;top:auto;bottom:0;} .joinAdvantage .tit h3{font-size: 18px;letter-spacing: 1px;} .joinAdvantage .tit h3 img{display: none;} .joinAdvantage .tit h3 span{width: 32px;line-height: 32px;font-size: 20px;margin-left: 5px;} .joinAdvantage .con ul li .txt{width: 100%;} .joinAdvantage .con ul li .txt h4{font-size: 20px;margin-top: 2%;text-align: center;} .joinAdvantage .con ul li .txt p{font-size: 15px;letter-spacing: 0;} .joinAdvantage .con ul li .pic{width: 100%;margin-top: 2%;padding: 0 5%;} .joinDream h3{font-size: 20px;letter-spacing: 1px;} .joinDream h3 img{display: none;} .joinDream h4 span{width: 30px;line-height: 30px;font-size: 20px;margin: 2px;} .joinDream .tel span{display: none;} .joinDream .tel a{font-size: 28px;} .joinDream .pic{margin-top: 0;} .joinCondition h3{font-size: 20px;} .joinCondition h4{position: relative;top:0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);justify-content:center;padding: 0;margin-bottom: 3%;} .joinCondition h4 span{width: auto;font-size: 18px;padding: 3px 15px;border-radius: 6px;margin: 0 5px;} .joinCondition ul::after{height: 30%;top:35%;} .joinCondition ul li{font-size: 15px;} .joinCondition ul li:nth-child(1), .joinCondition ul li:nth-child(2), .joinCondition ul li:nth-child(3), .joinCondition ul li:nth-child(4){padding-bottom: 46px;} .joinCondition ul li:nth-child(5), .joinCondition ul li:nth-child(6), .joinCondition ul li:nth-child(7), .joinCondition ul li:nth-child(8){padding-top: 46px;} .joinCondition ul li span{width: 36px;line-height: 36px;font-size: 20px;} .joinSupport h3{font-size: 20px;} .joinSupport ul li .txt{border: 2px solid #fff;} .joinSupport ul li .txt img{margin: .5vw auto;} .joinSupport ul li .txt em{font-size: 15px;padding: 0 10px;line-height: 120%;} .joinSupport ul li .txt span{display: none;} .joinHonor .tit h3 img{width: 36px;} .joinHonor .tit h3 span{font-size: 20px;} .joinHonor .tit h4{font-size: 16px;letter-spacing: 0;} .joinHonor .tit h4 span{width: 26px;line-height: 26px;margin-left: 2px;} .joinGet h3{font-size: 20px;letter-spacing: 1px;} .joinGet h3 img{width: 36px;} .joinGet .txt{padding-bottom: 0;} .joinGet .txt dl{width: 100%;} .joinGet .txt dl dt{width: 40px;line-height: 40px;font-size: 24px;} .joinGet .txt dl dd{width: calc(100% - 50px);} .joinGet .txt dl dd h4{font-size: 20px;padding-bottom: 0;margin-bottom: 2%;} .joinGet .txt dl dd h4::after{left: auto;bottom:50%;right: 0;} .joinGet .txt dl dd p{font-size: 15px;letter-spacing: 1px;} .joinGet .text{width: 100%;} .joinGet .text h4{margin: 2% 0 3% 0;justify-content:center;} .joinGet .text h4 span{width: 42px;line-height: 42px;margin: 0 3px;} .joinGet .text p{justify-content:center;} .joinGet .pic{display: block;position: relative;width: 100%;left: 0;padding: 3% 5% 0 5%;} .joining .txt .span{justify-content:space-between;} .joining .txt .span img{width: 36px;} .joining .txt .span span{width: 30px;line-height: 30px;font-size: 20px;margin: 0;} .joining .txt p{font-size: 15px;letter-spacing: 0;text-align: justify;text-align-last: justify;} .joining .txt p i{margin-right: 5px;} .joining .txt h3{font-size: 16px;padding: 3px 10px;letter-spacing: 0;text-align: justify;text-align-last: justify;} .joining .txt h3::after{width: 100%;border-radius: 50px;} .joining .txt h4{font-size: 16px;width: 60%;} .joining .tel i{font-size: 20px;margin-right: 10px;} .joining .tel span{display: none;} .joining .tel a{font-size: 24px;} .joining .pic{width: 38%;top:60%;right: 0;} .joinProcess ul li{width: 100%;} .joinProcess ul li:nth-child(2){margin: 3% 0;} .joinProcess ul li span{margin-top: 2%;font-size: 18px;} .joinProcess ul li i{right: 3%;} .joinProcess ul li h4{font-size: 20px;margin: 5% 0 3% 0;} .joinProcess ul li p{font-size: 15px;} .cooperation .txt h3{font-size: 20px;letter-spacing: 0;margin-bottom: 0;} .cooperation .txt ul li{font-size: 15px;letter-spacing: 0;padding-left: 20px;position: relative;} .cooperation .txt ul li i{position: absolute;left: 0;top:5px;} .cooperation .txt h4{font-size: 20px;letter-spacing: 2px;} .cooperation .txt .img{display: none;} .cooperation .text p{font-size: 15px;letter-spacing: 0;line-height: 180%;} .CooBrand p{display: block;width: 100%;background: #fff;color: #666;margin-bottom: 4%;letter-spacing: 1px;padding-right: 0;} .CooBrand dl{width: 100%;} .CooBrand dl dt{width: 70px;} .CooBrand dl dd{width: calc(100% - 80px);} .CooBrand dl dd .span span{width: 36px;line-height: 36px;font-size: 22px;} .CooBrand dl dd h3{font-size: 24px;text-align: justify;text-align-last: justify;} .CooBrand .txt{width: 100%;} .CooBrand .txt h4{margin: 3% 0 4% 0;} .CooBrand .txt .tel{justify-content:center;} .CooBrand .txt .tel i{display: block;} .CooBrand .txt .tel span{display: block;letter-spacing: 2px;} .CooBrand .txt .tel a{font-size: 28px;} .CooTerms h3{font-size: 20px;} .CooTerms ul li{width: 100%;padding: 0 0 3% 50px;margin: 2% 0;font-size: 15px;line-height: 160%;border-bottom: 1px solid #ddd;} .CooTerms ul li i{width: 40px;line-height: 40px;font-size: 20px;} .CooTerms ul li:nth-child(1) i, .CooTerms ul li:nth-child(3) i, .CooTerms ul li:nth-child(5) i, .CooTerms ul li:nth-child(7) i, .CooTerms ul li:nth-child(2) i, .CooTerms ul li:nth-child(4) i, .CooTerms ul li:nth-child(6) i, .CooTerms ul li:nth-child(8) i{top:4px;} .CooSupport .tit h3 img{width: 36px;} .CooSupport .tit h3 span{width: 32px;line-height: 32px;font-size: 20px;margin-left: 5px;} .CooSupport .tit h4{margin-top: 3%;} .CooSupport .tit h4 span{font-size: 18px;letter-spacing: 2px;padding: 0 6%;line-height: 200%;} .supportList{padding: 0 3%;} .supportList ul{padding: 0;} .supportList ul li{width: 25%;} .supportList ul li i{display: inline-block;} .supportList ul li img{width: 40px;} .supportList ul li em{font-size: 16px;margin: 0 0 10px 0;} .support .swiper-slide img{width: 80px;} .support .swiper-slide h4 i{width: 40px;line-height: 40px;font-size: 24px;} .support .swiper-slide h4 span{width: 36px;line-height: 36px;font-size: 20px;} .support .swiper-slide p{font-size: 15px;} .CooSupport .con h5{font-size: 30px;letter-spacing: 2px;} .CooShare .txt{width: 100%;} .CooShare .txt h4{padding-right: 0;} .CooShare .txt h4 span{width: 28px;line-height: 28px;font-size: 18px;} .CooShare .txt h3{font-size: 24px;text-align: justify;text-align-last: justify;letter-spacing: 0;} .CooShare .tel{justify-content:center;margin-top: 3%;} .CooShare .tel i{font-size: 24px;} .CooShare .tel span{display: none;} .CooShare .tel a{font-size: 28px;} .CooShare .pic{right: 0;position: relative;width: 100%;height: 100px;} .CooMoney .txtl,.CooMoney .txtr{width: 100%;} .CooMoney h5{font-size: 40px;} .CooMoney h5 img{width: 50px;} .CooMoney h3 span.i{width: 46px;line-height: 46px;font-size: 28px;} .CooMoney h3 span{width: 42px;line-height: 42px;font-size: 24px;margin-left: 0;} .CooMoney h4 span{width: 23.5%;margin: 0;padding: 0;font-size: 18px;text-align: center;} .CooMoney .telBox p{font-size: 15px;letter-spacing: 0;text-align: justify;text-align-last: justify;} .CooMoney .tel{justify-content:center;} .CooMoney .tel i{font-size: 24px;margin-right: 10px;} .CooMoney .tel span{font-size: 15px;letter-spacing: 1px;} .CooMoney .tel a{font-size: 28px;} .CooMoney .pic{display: none;} .link .txt{width: 100%;} .link .txt h4{font-size: 20px;} .link .txt p{font-size: 15px;line-height: 180%;padding-left: 32px;} .link .txt p span{width: 24px;line-height: 24px;} .link .form ul li{width: 100%;} .link .form .btn input{font-size: 18px;line-height: 240%;} }