/* CSS Document */ /*serviceTxt*/ .serviceTxt{margin: 1% auto 0 auto;overflow: hidden;} .serviceTxt .pic{width: 23.5%;position: relative;z-index: 33;} .serviceTxt .pic .txt{width: 100%;height: 100%;position: absolute;top:0;justify-content: center;background: rgba(61, 109, 184, .6);text-align: center;color: #fff;transition:all .15s linear;} .serviceTxt .pic .txt:hover{background: rgba(61, 109, 184, .8);} .serviceTxt .pic .txt {font-size: 18px;} .serviceTxt .pic .txt a{color: #ffffff;} .serviceTxt .pic .txt a:hover{color: #fcb00e;} .serviceTxt .pic .txt hr{width: 30px;height: 2px;background: #ff8f46;margin: 10px auto;} .serviceTxt .pic .txt b{font-size: 30px;font-weight: bold;letter-spacing: 2px;} .serviceTxt .con{width: 74.5%;margin-top: 0%;} .service-position{padding-bottom: 10px;border-bottom: 1px solid #eee;} .service-position b{font-size: 24px;letter-spacing: 1px;} .service-position b img{width: 50px;margin-right: 10px;} .service-position span{color: #888;} .service-position span i{margin-right: 10px;color: #3d6db8;} .service-position span a{color: #888;} .service-position span a:hover{color: #3d6db8;} .service-txt{margin: 1% auto 3% auto;align-items: flex-start;} .service-txt .txtl{width: 48%;} .service-txt .txtr{width: 48%;} .service-txt p{font-size: 18px;justify-content: flex-start;align-items: flex-start;flex-wrap: nowrap;margin-top: 20px;} .service-txt p i{font-weight: bold;width: 65px;margin-right: 3%;position: relative;} .service-txt p i::after{display: block;content: "";position: absolute;right: 0;top:18%;width: 1px;height: 64%;background: #eee;} .service-txt p span{width: 100%;letter-spacing: 1px;color: #666;} .service-p{padding: 3% 0;font-size: 18px;line-height: 200%;letter-spacing: 1px;text-align: justify;position: relative;margin-bottom: 10px;} .service-p::before{display: block;content: "";position: absolute;left: -10%;top:0;width: 200%;height: 100%;background: #f2f8ff;} /*serviceList*/ .serviceList{overflow: hidden;} .serviceList .container{justify-content: flex-end;position: relative;} .serviceList .tit{width: 23.5%;} .serviceList .tit hr{width: 36px;height: 2px;background: #3d6db8;margin: 0 auto 0 0;} .serviceList .tit h3{font-size: 36px;font-weight: bold;letter-spacing: 2px;margin: 5% 0 1% 0;} .serviceList .tit span{font-size: 30px;text-transform: uppercase;color: #eee;} .serviceList .tit p{font-size: 20px;letter-spacing: 2px;padding-right: 5%;margin-top: 2%;color: #666;} .serviceList .tit p i{display: block;} .serviceList .con{position: relative;overflow: hidden;width: 23.5%;margin:1% 0 1% 2%;} .serviceList div:nth-child(5){margin-left: 0;} .serviceList .con .img{transition:all .25s linear;} .serviceList .con .text{position: absolute;top:82%;left: 0;width: 100%;height: 100%;text-align: center;color: #fff;padding: 0 8%;z-index: 1;transition: .4s;} .serviceList .con .text::after{position: absolute;top: 0;left: 0;display: block;content: '';width: 100%;height: 100%;background: linear-gradient(0deg, rgba(61, 109, 184, 0.6) 80%, rgba(255, 255, 255, 0) 100%);transition: .3s;z-index: -1;} .serviceList .con .text h4{font-size: 24px;line-height: 36px;height: 36px;overflow: hidden;} .serviceList .con .text h4 a{color: #fff;} .serviceList .con .text p{margin: 20px 0;} .serviceList .con .text .more a{display: inline-block;padding: 4px 30px;background: #fff;color: #3d6db8;} .serviceList .con:hover .img {transform: scale(1.1);} .serviceList .con:hover .text{top: 0;padding:12% 8%;} .serviceList .con:hover .text::after{background: rgba(61, 109, 184, 0.6);} .serviceList .con .text .more:hover a{background: #ff8f46;color: #fff;} .serviceList .serviceTel{position: absolute;bottom:0;left: 0;width: 23.5%;background: #3d6db8;z-index: 1;margin: 1% 0; overflow: hidden;height: 30.5%;} .serviceList .serviceTel::after{display: block;content: "";position: absolute;right: 0;top:0;width: 200%;height: 100%;background: #3d6db8;z-index: -1;} .serviceList .serviceTel img{opacity: 0;} .serviceList .serviceTel .txt{position: absolute;left: 5%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);padding-right: 10%;color: #fff;} .serviceList .serviceTel .txt p{font-size: 24px;letter-spacing: 2px;line-height: 160%;margin-bottom: 5%;} .serviceList .serviceTel .txt span{opacity: 0.5;} .serviceList .serviceTel .txt a{color: #fff;line-height: 40px;display: block;} /*serviceCore*/ .serviceCore{margin: 3% auto;} .serviceCore .tit{margin-bottom: 1%;} .serviceCore .tit h3{font-size: 40px;font-weight: bold;letter-spacing: 2px;} .serviceCore .tit p{justify-content: center;} .serviceCore .tit p span{margin: 10px 5px;background: #3d6db8;color: #fff;font-size: 20px;padding: 4px 18px 5px 20px;border-radius: 6px;letter-spacing: 2px;} .serviceCore .tit p span:nth-child(2){background: #ff8f46;} .serviceCore .con{width: 48%;} .serviceCore .con dl{background: #f2f8ff;position: relative;padding: 10px;overflow: hidden;margin: 3% 0;} .serviceCore .con dl dt{width: 40%;position: absolute;left: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);z-index: 1;} .serviceCore .con dl dd{width: 64%;margin-left: 36%;position: relative;z-index: 2;padding: 3% 4%;background: #fff;} .serviceCore .con dl dd h4{font-size: 28px;font-weight: bold;margin-bottom: 10px;letter-spacing: 2px;} .serviceCore .con dl dd p{font-size: 18px;text-align: justify;color: #666;} .serviceCore .text{width: 48%;} .serviceCore .txt{background: #f2f8ff;padding: 4%;} .serviceCore .txt h4{font-size: 28px;font-weight: bold;margin-bottom: 10px;letter-spacing: 2px;} .serviceCore .txt p{font-size: 18px;text-align: justify;color: #666;} /*cnas*/ .cnas{overflow: hidden;background: #f2f8ff;margin-bottom: 4%;} .cnas .pic{text-align: center;} .cnas .pic span{font-size: 30px;font-weight: bold;display: block;line-height: 180%;margin-top: 5px;color: #3d6db8;} .cnas .txt{padding: 3% 0 2% 3%;position: relative;z-index: 1;color: #fff;} .cnas .txt::before{display: block;content: "";position: absolute;left: 0;top:0;width: 200%;height: 100%;background: #3d6db8 url(../image/bg11.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;z-index: -1;} .cnas .txt p{font-size: 24px;letter-spacing: 1px;} .cnas .txt h2{font-size: 40px;font-weight: bold;letter-spacing: 1px;margin: 10px 0 15px 0;} .cnas .txt h3{font-size: 28px;font-weight: bold;letter-spacing: 2px;} .cnas .txt h3 span{background: #ff8f46;padding: 5px 20px;position: relative;margin-left: 30px;} .cnas .txt h3 span::after{position: absolute;content: '';top: calc(50% - 15px);left: -30px;border-color: transparent #ff8f46 transparent transparent;border-width: 15px;border-style: solid;} .cnas .txt .tel{margin-top: 2%;} .cnas .txt img{width: 16%;position: absolute;right: 0;bottom:0;z-index: -1;} /*serviceProject*/ .serviceProject .txt{width: 35%;} .serviceProject .txt h3{font-size: 38px;} .serviceProject .txt h3 span{display: block;margin-top: 2%;} .serviceProject .txt hr{width: 38px;height: 2px;background: #3d6db8;margin: 5% auto 8% 0;} .serviceProject .txt h4{font-size: 22px;margin-bottom: 3%;color: #ff8f46;} .serviceProject .txt p{font-size: 18px;line-height: 200%;text-align: justify;color: #666;} .serviceProject .txt h5{font-size: 24px;font-weight: bold;letter-spacing: 2px;margin: 5% 0;} .serviceProject .txt h5 i{margin-right: 10px;color: #3d6db8;} .serviceProject .txt a{display: inline-block;padding: 10px 30px;border: 1px solid #eee;font-size: 18px;letter-spacing: 2px;} .serviceProject .txt a:hover{background: #3d6db8;color: #fff;} .serviceProject .swiper-container-project{width: 60%;overflow: hidden;position: relative;} /*direct*/ .direct{background: #3d6db8 url(../image/bg4.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;position: relative;z-index: 1;overflow: hidden;margin-top: 4%;} .direct::after{position: absolute;content: '';top: 0;left: 0;width: 100%;height: 30px;background: #fff;z-index: -1;} .direct .container{justify-content: flex-end;position: relative;} .direct h4{justify-content: center;} .direct h4 span{background: #3d6db8;border: 2px solid #fff;width: 60px;font-size: 30px;font-weight: bold;line-height: 56px;text-align: center;border-radius: 50%;margin: 0 10px;} .direct h4 i span{background: #ff8f46;} .direct .txt{width: 740px;padding: 3% 0;position: relative;z-index: 1;padding-left: 120px;margin-right: -20px;} .direct .txt::after{display: block;content: "SINCERE";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: 90px;letter-spacing: 1px;color: rgba(255,255,255,.3);line-height: 80%;z-index: -1;} .direct .txt h3{font-size: 40px;font-weight: bold;letter-spacing: 5px;} .direct .txt h3 span{display: block;color: #ff8f46;} .direct .txt ul{justify-content: flex-start;margin: 3% 0 4% 0;} .direct .txt ul li{font-size: 20px;letter-spacing: 3px;margin: 1% 4% 1% 0;} .direct .txt ul li i{margin-right: 10px;color: #ff8f46;} .direct .txt ul li span{font-size: 24px;font-weight: bold;} .direct .txt p{font-size: 24px;letter-spacing: 5px;background: #fff;color: #3d6db8;padding: 10px 15px;} .direct .txt .tel{margin: 4% 0 2% 0;} .direct .pic{width: 35%;z-index: 3;} .direct .img{position: absolute;width: 25%;left: -3%;top:5%;z-index: 3;} /*approve*/ .approve{margin: 3.5% auto 4% auto;} .approve h3{font-size: 40px;letter-spacing: 2px;font-weight: bold;text-align: center;} .approve .p{justify-content: center;margin: 1% auto 3% auto;} .approve .p span{margin: 0 5px;width: 50px;line-height: 50px;font-size: 30px;background: #ff8f46;color: #fff;text-align: center;border-radius: 50%;} .approve .p span:nth-child(1),.approve .p span:nth-child(2),.approve .p span:nth-child(3),.approve .p span:nth-child(4){background: #3d6db8;} .approve .pic{width: 36%;} .approve .txt{width: 60%;} .approve dl{position: relative;} .approve dl:nth-child(2){justify-content: flex-end;} .approve dl:nth-child(2) dd{position: absolute;left: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);} .approve dl dt{width: 38%;} .approve dl dd{width: 58%;} .approve dl dd h4{font-size: 24px;font-weight: bold;} .approve dl dd hr{width: 40px;height: 2px;background: #3d6db8;margin: 3% auto 4% 0;} .approve dl dd p{font-size: 18px;letter-spacing: 1px;color: #666;} /*trust*/ .trust{background: #3d6db8 url(../image/bg17.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;padding: 3% 0;overflow: hidden;} .trust .container{justify-content: flex-start;position: relative;} .trust .txt h3{justify-content: flex-start;font-size: 46px;font-weight: bold;letter-spacing: 4px;line-height: 120%;} .trust .txt h3 img{height: 70px;margin: 0 15px 0 0;} .trust ul{justify-content: flex-start;margin: 3% 0;padding-bottom: 3%;position: relative;z-index: 1;} .trust ul::after{display: block;position: absolute;content: "";width: 150%;height: 1px;background: rgba(255,255,255,.2);bottom:0;right: -5%;} .trust ul li{font-size: 20px;letter-spacing: 1px;margin-right: 30px;} .trust ul li:last-child{margin-right: 0;} .trust ul li i{font-size: 24px;color: #ff8f46;margin-right: 5px;} .trust ul li span{font-size: 24px;margin-right: 5px;} .trust .txt h4{font-size: 32px;letter-spacing: 3px;} .trust .tel{margin-top: 2%;} .trust .pic{width: 42%;position: absolute;right: 0;top: -8%;z-index: 2;} /*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: 120%;font-weight: bold;letter-spacing: 2px;} .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;} .team .txt h4 b{font-size: 30px;font-weight: bold;} .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%;} .team1 .txt h4{font-size: 24px;letter-spacing: 0;} /*impartiality*/ .impartiality{padding-bottom: 3%;overflow: hidden;} .impartiality .title{padding-bottom: 2%;} .impartiality .pic{width: 32.66%;overflow: hidden;} .impartiality .txt1{width: 66.34%;} .impartiality .txt p{font-size: 18px;margin: .5% 0;text-align: justify;background: #f2f8ff;padding: 1.5% 2%;letter-spacing: 1px;position: relative;overflow: hidden;color: #666;} .impartiality .txt p::after{position: absolute;content: '';top: 0;left: 0;border-color: #3d6db8 transparent transparent #3d6db8;border-width: 10px;border-style: solid;} .impartiality .txt p span{position: absolute;font-size: 50px;color: #3d6db8;right: 6%;bottom:-5%;} .impartiality .p{text-align: center;font-size: 20px;letter-spacing: 2px;margin: 2% 0 .5% 0;color: #666;} .impartiality .txt1 p{width: 49.23%;padding: 2.5% 3%;margin: .75% 0;} .impartiality .txt2 p{width: 32.66%;} .impartiality .tel{justify-content: center;color: #666;} /*than*/ .than{margin: 4% auto;} .than .tit h3{justify-content: center;} .than .tit h3 span{width: 50px;font-size: 30px;line-height: 50px;background: #3d6db8;color: #fff;text-align: center;border-radius: 50%;margin: 0 5px;} .than .tit h3 i span{background: #ff8f46;} .than .tit p{text-align: center;font-size: 24px;letter-spacing: 5px;margin: 1% 0 3% 0;color: #888;font-weight: 100;} .than .con{position: relative;z-index: 1;} .than .con::after{display: block;content: "STRENGTH";position: absolute;left: 51%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);writing-mode:vertical-rl;writing-mode:tb-rl;font-size: 100px;letter-spacing: 4px;line-height: 100%;z-index: -1;font-weight: bold;text-shadow: 0 0 10px rgba(82, 128, 222, .4);color: #fff;} .than .txt{width: 40%;} .than .txt ul li{width: 48%;background: #f2f8ff;padding: 5% 0;} .than .txt ul li p{font-size: 20px;letter-spacing: 2px;line-height: 216%;padding-left: 50px;background: url(../image/thanIcon.png) left center no-repeat;-webkit-background-size: 36px;background-size: 36px;} .than .txt ul li:nth-child(1),.than .txt ul li:nth-child(2){margin-bottom: 4%;} .than .pic{width: 48%;} /*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%;} /*------------------------------------*/ /*customized*/ .customized{background: #3d6db8 url(../image/bg13.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .customized .container{position: relative;} .customized .txt{width: 60%;padding: 4% 0;} .customized .txt .t{justify-content: flex-start;} .customized .txt .t img{width: 90px;margin: 0 20px 0 0;} .customized .txt .t b{font-size: 50px;font-weight: bold;line-height: 100%;letter-spacing: 5px;color: #ff8f46;margin-right: 20px;} .customized .txt .t b span{display: block;font-size: 20px;line-height: 120%;font-weight: 100;color: rgba(255,255,255,.3);text-transform: uppercase;letter-spacing: 0;text-align-last: justify;padding-right: 5px;margin-top: 10px;} .customized .txt .t em{font-size: 30px;line-height: 150%;letter-spacing: 5px;} .customized .txt .t em span{display: block;} .customized .txt .c{justify-content: flex-start;margin: 3% 0 2% 0;} .customized .txt .c span{font-size: 24px;background: #fff;color: #3d6db8;width: 40px;line-height: 40px;border-radius: 50%;text-align: center;margin-right: 5px;} .customized .txt h3{font-size: 36px;letter-spacing: 5px;font-weight: bold;position: relative;display: inline-block;} .customized .txt h3 span{font-weight: normal;font-size: 20px;position: absolute;border: 1px dashed rgba(255,255,255,.5);border-radius: 50%;padding: 0 30px;letter-spacing: 2px;right: -220px;} .customized .txt p{font-size: 20px;letter-spacing: 2px;margin: 2% 0;opacity: .8;} .customized .pic{width: 48%;position: absolute;right: 0;top:2%;} /*gratis*/ .gratis{background: #3d6db8 url(../image/bg3.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .gratis .container{position: relative;} .gratis .txt{width: 55%;margin-left: 45%;padding: 4% 0;position: relative;z-index: 1;} .gratis .txt::after{display: block;content: "CHOICE";position: absolute;right: 40px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);writing-mode:vertical-rl;writing-mode:tb-rl;font-size: 120px;letter-spacing: 1px;color: rgba(255,255,255,.3);line-height: 80%;z-index: -1;} .gratis .txt .c{justify-content: flex-start;} .gratis .txt .c span{font-size: 30px;width: 50px;line-height: 48px;border: 1px solid #fff;text-align: center;margin-right: 10px;border-radius: 50%;} .gratis .txt h3{font-size: 36px;letter-spacing: 2px;margin-top: 1%;} .gratis .txt dl{justify-content: flex-start;margin: 2% 0;} .gratis .txt dl dt{width: 100px;margin-right: 20px;} .gratis .txt dl dd h4{font-size: 30px;letter-spacing: 2px;} .gratis .txt dl dd h5{font-size: 40px;letter-spacing: 10px;} .gratis .txt p{justify-content: flex-start;font-size: 24px;font-weight: 100;letter-spacing: 3px;} .gratis .txt p strong{font-size: 60px;line-height: 120%;} .gratis .txt ul{position: absolute;right:0;width: 180px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);z-index: 1;} .gratis .txt ul::after{display: block;content: "";position: absolute;left:50%;top:-50%;width: 2px;height: 200%;margin-left: -1px;background: #fff;z-index: -1;} .gratis .txt ul li{width: 100%;text-align: center;font-size: 20px;letter-spacing: 2px;background: #fff;color: #3d6db8;padding: 8px 15px;margin: 10px 0;line-height: 200%;} .gratis .txt .tel{margin-top: 3%;} .gratis .pic{width: 42%;position: absolute;left: 0;top: 6%;} /*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;border-radius: 50%;font-weight: bold;} .coreTit h3{font-size: 40px;letter-spacing: 2px;font-weight: bold;color: #3d6db8;margin: 10px 0 5px 0;} .coreTit p{font-size: 20px;color: #888;letter-spacing: 2px;} .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 i{font-size: 50px;letter-spacing: 10px;color: #d5d5d5;} .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 i{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 .txt{width: 50%;padding: 3%;position: relative;z-index: 1;} .core .txt::after{position: absolute;content: "";left: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;} .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%;} /*benefit*/ .benefit{background: #f2f8ff;padding: 4% 0;} .benefit h3{font-size: 40px;font-weight: bold;text-align: center;margin-bottom: 2.5%;letter-spacing: 2px;} .benefit ul li{text-align: center;} .benefit ul li img{border-radius: 50%;} .benefit ul li:nth-child(1),.benefit ul li:nth-child(5){width: 13%;} .benefit ul li:nth-child(2),.benefit ul li:nth-child(4){width: 18%;} .benefit ul li:nth-child(3){width: 22%;} .benefit ul li:nth-child(even) img{width: 90%;} .benefit ul li span{display: inline-block;width: 60px;line-height: 60px;font-size: 30px;text-align: center;background: #ff8f46;border-radius: 50%;position: relative;top:-35px;color: #fff;} .benefit ul li span::after{display: block;content: "";position: absolute;left: 50%;bottom:-35px;width: 1px;height: 35px;background: #ff8f46;} .benefit ul li hr{width: 1em;height: 1em;margin: 0 auto;background: #ff8f46;} .benefit ul li p{font-size: 18px;letter-spacing: 1px;line-height: 200%;margin-top: 20px;} /*earnest*/ .earnest{background: #3d6db8 url(../image/bg10.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .earnest .container{position: relative;justify-content: flex-start;} .earnest .txt{padding: 4% 0;margin-left: 2%;position: relative;z-index: 2;} .earnest .txt ul li{font-size: 24px;letter-spacing: 2px;} .earnest .txt h5{text-align: right;margin: 3% 0;position: relative;z-index: 1;} .earnest .txt h5::after{position: absolute;content: "";right:0;top:50%;width: 150%;height: 1px;background: #ff8f46;z-index: -1;} .earnest .txt h5 em{display: inline-block;background: #ff8f46;font-size: 24px;line-height: 200%;padding: 0 20px 0 25px;letter-spacing: 5px;position: relative;} .earnest .txt h5 em::before{position: absolute;content: '';top: 50%;left: -30px;border-color: transparent #ff8f46 transparent transparent;border-width: 15px;border-style: solid;margin-top: -15px;} .earnest .txt .h{justify-content: flex-start;} .earnest .txt .h img{width: 120px;margin: 0 10px 0 0;} .earnest .txt .h h3 span{width: 50px;line-height: 48px;border: 1px solid #fff;border-radius: 50%;font-size: 30px;text-align: center;margin: 5px;} .earnest .txt p{font-size: 24px;font-weight: 100;letter-spacing: 4px;margin: 3% 0;} .earnest .pic{width: 38%;position: relative;z-index: 3;} .earnest .img{position: absolute;right: 0;top:10%;width: 14%;z-index: 1;} /*criterion*/ .criterion{position: relative;z-index: 1;padding: 4% 0 0 0;} .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 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:2%;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%;} /*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%;} /*BrandTrust*/ .BrandTrust{background: #3d6db8 url(../image/bg5.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .BrandTrust .container{position: relative;padding: 4% 0;} .BrandTrust .txt{width: 50%;margin-left: 50%;position: relative;z-index: 1;} .BrandTrust .txt::after{display: block;content: "TRUST";position: absolute;right: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);writing-mode:vertical-rl;writing-mode:tb-rl;font-size: 130px;letter-spacing: 2px;color: rgba(255,255,255,.3);line-height: 80%;z-index: -1;} .BrandTrust .txt h3{font-size: 40px;font-weight: bold;letter-spacing: 5px;} .BrandTrust .txt h4{justify-content: flex-start;font-size: 40px;font-weight: bold;letter-spacing: 5px;margin-top: 1%;} .BrandTrust .txt h4 img{height: 50px;margin: 0 10px 0 0;} .BrandTrust .txt p{font-size: 24px;font-weight: 100;letter-spacing: 5px;margin: 2% 0;color: rgba(255,255,255,.6);} .BrandTrust .txt .f{justify-content: flex-start;} .BrandTrust .txt .f img{width: 110px;margin: 0 20px 0 0;} .BrandTrust .txt .f h2{font-size: 40px;line-height: 140%;letter-spacing: 5px;} .BrandTrust .txt .f h2 span{display: block;} .BrandTrust .pic{width: 46%;position: absolute;left: 0;top:8%;} .provider{background: #3d6db8 url(../image/bg11.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .provider .container{position: relative;} .provider .txt{width: 50%;padding: 5% 0 4% 0;} .provider .txt .c{justify-content: flex-start;margin-bottom: 2%;} .provider .txt .c span{font-size: 30px;width: 50px;line-height: 48px;border: 1px solid #fff;text-align: center;margin-right: 20px;border-radius: 50%;} .provider .txt h3{font-size: 40px;font-weight: bold;letter-spacing: 5px;} .provider .txt h3 span{display: block;font-size: 16px;font-weight: 100;letter-spacing: 1px;text-transform: uppercase;line-height: 180%;color: rgba(255,255,255,.6);} .provider .txt h4{margin: 3% 0;position: relative;z-index: 1;} .provider .txt h4::after{display: block;content: "";position: absolute;left: 0;top:50%;width: 150%;height: 1px;background: #fff;z-index: -1;} .provider .txt h4 em{display: inline-block;font-size: 36px;line-height: 60px;letter-spacing: 5px;padding: 0 20px 0 30px;background: #fff;color: #3d6db8;position: relative;} .provider .txt h4 em::after{position: absolute;content: '';top: 0;right: -60px;border-color: transparent transparent transparent #fff;border-width: 30px;border-style: solid;} .provider .txt h5{margin: 3% 0;font-size: 32px;padding: 1% 3%;background: #fff;color: #3d6db8;text-align: justify;text-align-last: justify;} .provider .txt ul li{font-size: 24px;font-weight: 100;letter-spacing: 2px;margin: 1% 0;} .provider .txt ul li i{margin-right: 10px;} .provider .txt ul li span{font-size: 28px;} .provider .txt .tel{margin-top: 3%;} .provider .pic{width: 46%;} /*statement*/ .statement{margin: 3% auto;} .statement h3{font-size: 40px;font-weight: bold;letter-spacing: 2px;text-align: center;margin-bottom: 1%;} .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%;} /*strengthBox*/ .strengthBox{overflow: hidden;margin: 4% auto;position: relative;} .strengthTit h3{justify-content: center;margin-bottom: 1%;} .strengthTit h3 span{width: 60px;line-height: 60px;background: #ff8f46;border-radius: 50%;font-size: 36px;font-weight: bold;text-align: center;margin-right: 10px;color: #fff;} .strengthTit h3 strong{font-size: 40px;font-weight: bold;letter-spacing: 2px;color: #3d6db8;} .strengthTit p{font-size: 20px;color: #888;letter-spacing: 2px;} .strengthList{padding: 3% 0;position: relative;z-index: 1;} .strengthList::before{ content: ''; position: absolute; height: 1px; width:100%; top: 50%; background: #eee;z-index: -1;} .strengthList ul li{letter-spacing: 2px;background: #fff;color: #888;padding: 0 1em;} .strengthList ul li i{font-size: 72px;line-height: 100%;} .strengthList ul li b{font-size: 24px;letter-spacing: 1px;} .strengthList ul li span{display: block;font-size: 20px;font-weight: 300;opacity: .6;line-height: 150%;} .strengthList ul li.on{color: #ff8f46;} .strength{overflow: hidden;} .strength .pic{width:48%;z-index: 33;} .strength .pic img{width: 100%;} .strength .txt{width: 52%;padding: 4%;position: relative;z-index: 1;} .strength .txt::after{display: block;content: "";position: absolute;left: 0;top:0;width: 150%;height: 100%;background: #f2f8ff;z-index: -1;} .strength .txt dl{justify-content: flex-start;align-items: flex-start;margin-bottom: 3%;} .strength .txt dl dt{margin-right: 15px;} .strength .txt dl dt i{width: 70px;line-height: 66px;border: 2px solid #3d6db8;font-size: 30px;color: #3d6db8;border-radius: 50%;text-align: center;} .strength .txt dl dd{} .strength .txt dl dd b{font-size: 40px;font-weight: bold;letter-spacing: 2px;line-height: 100%;color: #3d6db8;} .strength .txt dl dd span{display: block;font-size: 20px;color: #ccc;font-weight: 100;} .strength .txt h3{font-size: 36px;font-weight: bold;} .strength .txt hr{width: 40px;height: 2px;background: #3d6db8;margin: 3% 0;} .strength .txt p{font-size: 18px;line-height: 200%;color: #555;text-align: justify;letter-spacing: 1px;} .strength .txt p b{color: #3d6db8;} .strength .strengthPage{font-size: 36px; color: #bbb;font-family: Impact;line-height: 100%;margin-top: 6%;} .strength .strengthPage span.on{ color: #ff8f46; font-size: 150%;font-style: normal;} /*advantage1*/ .advantage{margin: 4% auto;overflow: hidden;} .advantage .container{position: relative;} .advantage h3{font-size: 40px;font-weight: bold;text-align: center;letter-spacing: 2px;margin-bottom: 1%;} .advantage .txt{position: relative;z-index: 1;overflow: hidden;} .advantage .txt::after{content: "";position: absolute;left: 50%;bottom:30%;width: 34vw;height: 34vw;border-radius: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);z-index: -1;background:linear-gradient(top,#fff 50%, #3d6db8);background: -webkit-linear-gradient(top,#fff 50%, #3d6db8);background: -o-linear-gradient(top,#fff 50%, #3d6db8);background: -moz-linear-gradient(top,#fff 50%, #3d6db8);} .advantage dl{width: 24%;position: relative;margin: 2% 0;} .advantage dl:nth-child(odd){margin-right: 40%;} .advantage dl:nth-child(3){margin-left: 5%;margin-top: 5%;} .advantage dl:nth-child(4){margin-right: 5%;margin-top: 5%;} .advantage dl:nth-child(5){margin: 1% auto 0 auto;width: 50%;text-align: center;} .advantage dl dt{position: absolute;} .advantage dl:nth-child(1) dt{right: -180px;} .advantage dl:nth-child(2) dt{left: -180px;} .advantage dl:nth-child(3) dt{right: -180px;top:-30%;} .advantage dl:nth-child(4) dt{left: -180px;top:-30%;} .advantage dl:nth-child(5) dt{right: auto;top:-160px;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);} .advantage dl dd h5{font-size: 28px;letter-spacing: 2px;font-weight: bold;margin-bottom: 10px;} .advantage dl dd p{font-size: 18px;line-height: 200%;letter-spacing: 1px;color: #666;} .advantage .pic{width: 26%;position: absolute;left: 50%;top: 8%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);z-index: 2;} /*customization*/ .customization{background: #3d6db8 url(../image/bg17.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .customization .container{position: relative;padding: 3% 0;} .customization .txt{justify-content: flex-start;width: 100%;} .customization .txt1{margin-right: 2%;} .customization .txt1 h3 img{width: 100px;margin: 0 20px 0 0;} .customization .txt1 h3 b{font-size: 60px;letter-spacing: 5px;line-height: 100%;} .customization .txt1 h3 b span{display: block;font-size: 20px;line-height: 100%;letter-spacing: 3px;text-transform: uppercase;font-weight: 100;color: rgba(255,255,255,.6);margin-top: 15px;} .customization .txt1 p{background: #fff;color: #3d6db8;font-size: 20px;padding: 1% 2%;font-size: 22px;text-align: justify;text-align-last: justify;margin: 3% 0;} .customization .txt1 h5{font-size: 32px;text-align: justify;text-align-last: justify;} .customization .txt1 h5 span{display: block;} .customization .txt2{padding: 20px 30px;border: 1px solid rgba(255,255,255,.6);} .customization .txt2 h4{font-size: 40px;font-weight: bold;letter-spacing: 2px;} .customization .txt2 h4 span{display: block;} .customization .txt2 p{font-size: 24px;font-weight: 100;letter-spacing: 2px;margin: 3% 0;opacity: .8;} .customization .pic{width: 25%;position: absolute;right: 0;bottom:0;} /*free*/ .free{background: #3d6db8 url(../image/bg11.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .free .txt{width: 62%;padding: 4% 0;position: relative;z-index: 1;} .free .txt::after{display: block;content: "CHOICE";position: absolute;right: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);writing-mode:vertical-rl;writing-mode:tb-rl;font-size: 130px;letter-spacing: 1px;color: rgba(255,255,255,.3);line-height: 80%;z-index: -1;} .free .txt .c span{font-size: 30px;width: 50px;line-height: 48px;border: 1px solid #fff;text-align: center;border-radius: 50%;} .free .txt .f{justify-content: flex-start;} .free .txt .f .img{width: 180px;margin-right: 20px;position: relative;z-index: 2;} .free .txt .f .text h4{font-size: 30px;line-height: 120%;margin: 15px 0 10px 0;padding: 5px 20px 5px 0;background: #fff;color: #3d6db8;letter-spacing: 5px;position: relative;z-index: 1;} .free .txt .f .text h4::after{position: absolute;content: "";width: 120%;height: 100%;background: #fff;right: 0;top:0;z-index: -1;} .free .txt .f .text h5{font-size: 40px;line-height: 120%;text-align: justify;text-align-last: justify;} .free .txt h3{font-size: 36px;letter-spacing: 5px;margin: 2% 0;} .free .txt p{justify-content: flex-start;font-size: 24px;font-weight: 100;letter-spacing: 3px;} .free .txt p strong{font-size: 60px;line-height: 120%;} .free .txt p span i{display: block;} .free .txt ul{width: 82%;margin: 2% 0;flex-wrap: nowrap;} .free .txt ul li{text-align: center;font-size: 20px;letter-spacing: 2px;background: #fff;color: #3d6db8;padding: 5px 15px;margin: 10px 0;line-height: 200%;} .free .pic{width: 35%;} /*one-stop*/ .one-stop{background: #3d6db8 url(../image/bg5.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .one-stop .container{position: relative;padding: 3% 0;justify-content: flex-end;} .one-stop .pic{width: 40%;position: absolute;left: 0;top:10%;} .one-stop .txt h3{font-size: 46px;font-weight: bold;letter-spacing: 5px;} .one-stop .txt h4{font-size: 30px;letter-spacing: 2px;margin: 2% 0;border-bottom: 1px solid rgba(255,255,255,.6);padding-bottom: 1%;} .one-stop .txt h5{font-size: 36px;font-weight: bold;letter-spacing: 2px;} .one-stop .txt p{font-size: 24px;letter-spacing: 5px;font-weight: 100;color: rgba(255,255,255,.6);margin: 2% 0;} /*listen*/ .listen{background: #3d6db8 url(../image/bg6.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .listen .container{position: relative;padding: 3% 0;justify-content: flex-end;} .listen .txt{position: relative;z-index: 1;padding-right: 120px;} .listen .txt::after{display: block;content: "LISTEN";position: absolute;right: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);writing-mode:vertical-rl;writing-mode:tb-rl;font-size: 100px;letter-spacing: 1px;color: rgba(255,255,255,.3);line-height: 80%;z-index: -1;} .listen .txt h3{font-size: 42px;font-weight: bold;letter-spacing: 5px;} .listen .txt h3 span{font-size: 50px;line-height: 100%;} .listen .txt .c{margin: 3% 0;} .listen .txt .c span{font-size: 30px;width: 50px;line-height: 48px;border: 1px solid #fff;text-align: center;border-radius: 50%;} .listen .txt .c span.i{background: #ff8f46;border: 1px solid #ff8f46;} .listen .txt h4{font-size: 40px;font-weight: bold;text-align: justify;text-align-last: justify;padding: 1% 3%;background: #fff;color: #3d6db8;} .listen .txt p{font-size: 24px;margin: 3% 0 2% 0;text-align: justify;text-align-last: justify;} .listen .pic{width: 49%;position: absolute;left: 0;top:10%;} /*---------- show ----------*/ /*position*/ .position{border-bottom: 1px solid #eee;padding: .5% 0;} .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;} /*showTxt*/ .showTxt{margin: 3% 0;} .showTxt .container{position: relative;} .showTxt .pic{width: 42%;position: relative;} .showTxt .pic strong{position: absolute;left: -10px;top:0;background: #3d6db8;color: #fff;font-size: 30px;letter-spacing: 2px;line-height: 60px;padding: 0 10px 0 20px;} .showTxt .pic strong::before{position: absolute;content: '';bottom: -10px;left: 0;border-color: #234a86 #234a86 transparent transparent;border-width: 5px;border-style: solid;} .showTxt .pic strong::after{position: absolute;content: '';top: 0;right: -40px;border-color: #3d6db8 transparent transparent #3d6db8;border-width: 30px 20px;border-style: solid;} .showTxt .txt{width: 60%;background: #f2f8ff;padding: 2.5% 3%;position: absolute;right: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);} .showTxt .txt ul{align-items: flex-start;} .showTxt .txt ul li{width: 48%;font-size: 18px;align-items: flex-start;margin: .5% 0;text-align: justify;letter-spacing: 1px;line-height: 180%;} .showTxt .txt ul li i{font-weight: bold;width: 55px;margin-right: 15px;position: relative;} .showTxt .txt ul li i::after{display: block;content: "";position: absolute;right: 0;top:18%;width: 1px;height: 64%;background: #ddd;} .showTxt .txt ul li span{width: calc(100% - 70px);color: #666;} .showTxt .txt ul li:last-child{width: 100%;} /*serviceShow*/ .serviceShow{overflow: hidden;position: relative;z-index: 1;} .serviceShow .container{align-items: flex-start;} .serviceShow .list{width: 18%;position: relative;z-index: 1;} .serviceShow .list::after{position: absolute;content: '';top: 0;right: -1px;width:1px;height:100%;background:#eee;} .serviceShow .list h4{font-size: 30px;font-weight: bold;border-bottom: 1px solid #eee;padding-bottom: 0%;margin-bottom: 0%;padding-top: 5px;} .serviceShow .list h4 span{display: block;font-size: 20px;text-transform: uppercase;font-weight: normal;line-height: 150%;color: #ddd;letter-spacing: 2px;} .serviceShow .list ul li{position: relative;} .serviceShow .list ul li::before{content: "";position: absolute;left: 0;top:50%;width: 6px;height: 6px;background: #eee;margin-top: -3px;} .serviceShow .list ul li a{display: block;font-size: 18px;letter-spacing: 2px;padding-left: 20px;line-height: 300%;} .serviceShow .list ul li a:hover{color: #3d6db8;} .serviceShow .list ul li:hover::before{background: #3d6db8;} .serviceShow .list1 ul li a{letter-spacing:0;} .serviceShow .txt{width: 82%;padding-left: 4%;border-left: 1px solid #eee;} .serviceShow .txt h2{justify-content: flex-start;font-size: 36px;padding-bottom: 1%;margin-bottom: 2%;border-bottom: 1px solid #eee;letter-spacing: 2px;} .serviceShow .txt h2 img{width: 60px;margin: 0 15px 0 0;} .serviceShow .txt p,.serviceShow .txt div{margin: 0 0;color: #484848;} .serviceShow .pic{width: 100%;margin-top: 2%;} .serviceShow .pic ul li{width: 49%;margin: .5% 0;} /*effect*/ .effect{padding: 3% 0 4% 0;position: relative;overflow: hidden;align-items: flex-start;} .effect .con{width: 52%;position: relative;} .effect .con .added{margin-bottom: 4%;} .effect .con .added h3{font-size: 36px;font-weight: bold;margin-bottom: 2%;} .effect .con .added ul{justify-content: flex-start;} .effect .con .added ul li{font-size: 20px;background: #3d6db8;color: #fff;padding:10px 20px;letter-spacing: 2px;margin-right: 2%;} .effect .con .txt h3{font-size: 36px;font-weight: bold;} .effect .con .txt ul li{justify-content: flex-start;width: 82%;font-size: 18px;letter-spacing: 2px;background: #3d6db8;color: #fff;line-height: 320%;margin-top: 2%;padding: 0 20px;} .effect .con .txt ul li span{font-family: Impact;font-size: 30px;line-height: 100%;color: rgba(255,255,255,.6);margin-right: 20px;padding-right: 20px;border-right: 1px solid rgba(255,255,255,.2);} .effect .con .pic{position: absolute;right: 0;bottom:0;width: 35%;} .effect .text{width: 46%;} .effect .text h3{font-size: 36px;font-weight: bold;} .effect .text ul{width: 70%;} .effect .text ul li{font-size: 18px;letter-spacing: 1px;padding: 5%;background: #f2f8ff;margin-top: 4.5%;text-align: justify;position: relative;} .effect .text ul li span{font-size: 26px;color: #fff;letter-spacing: 0;position: absolute;left: 0;top:0;z-index: 1;padding: 5px 10px;color: rgba(255,255,255,.6);} .effect .text ul li span::before{position: absolute;content: '';top: 0;left: 0;border-color: #3d6db8 transparent transparent #3d6db8;border-width: 30px;border-style: solid;z-index: -1;} .effect .text ul li p{text-indent:2em;} .effect .text ul li:first-child{padding-right: 10%;} .effect .img{position: absolute;width: 20%;right: 0;top:18%;} /*provide*/ .provide{background: #3d6db8 url(../image/bg1.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .provide .container{position: relative;justify-content: flex-end;padding:3% 0;} .provide .txt{position: relative;padding-right: 120px;z-index: 1;} .provide .txt::after{display: block;content: "provide";position: absolute;right: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);writing-mode:vertical-rl;writing-mode:tb-rl;font-size: 100px;letter-spacing: 1px;color: rgba(255,255,255,.2);line-height: 80%;z-index: -1;text-transform: uppercase;} .provide .txt h3{font-size: 46px;font-weight: bold;letter-spacing: 5px;} .provide .txt h2{justify-content: flex-start;margin: 3% 0;} .provide .txt h2 i{width: 70px;margin-right: 15px;} .provide .txt h2 span{width: 60px;line-height: 60px;color: #fff;text-align: center;background: #ff8f46;font-size: 36px;border-radius: 50%;margin-right: 15px;} .provide .txt h4{font-size: 24px;letter-spacing: 2px;} .provide .txt p{font-size: 20px;letter-spacing: 5px;margin: 3% 0;color: rgba(255,255,255,.6);} .provide .pic{width: 46%;position: absolute;left: 0;top:8%;} /*process*/ .process1{margin-bottom: 3%;} .process .tit{margin-bottom: 2%;} .process .tit h3{font-size: 40px;font-weight: bold;letter-spacing: 2px;} .process .tit p{justify-content: center;} .process .tit p span{width: 50px;line-height: 50px;text-align: center;font-size: 24px;border-radius: 50%;margin: 10px 5px;background: #3d6db8;color: #fff;} .process .tit p span.i{background: #ff8f46;} .process .pic{width: 28%;} .process .txt{width: 70%;} .process .txt ul li{width: 49%;margin: 1% 0;background: #f2f8ff;padding:3%;overflow: hidden;} .process .txt ul li h5{font-size: 28px;letter-spacing: 2px;font-weight: bold;padding-bottom: 4%;margin-bottom: 4%;position: relative;} .process .txt ul li h5::after{width: 30px;height: 2px;position: absolute;content: "";background: #3d6db8;left: 0;bottom:0;} .process .txt ul li h5 span{position: absolute;right: 0;width: 50px;line-height: 50px;letter-spacing: 0;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;z-index: 1;} .process .txt ul li h5 span::before{content: "";position: absolute;left: 50%;bottom:0;width: 2px;height: 200%;background: #3d6db8;margin-left: -1px;z-index: -1;} .process .txt ul li p{font-size: 18px;letter-spacing: 1px;text-align: justify;color: #666;} /*details*/ .details .title{padding: 3% 0 1% 0;} .details .title ul{justify-content: center;position: relative;z-index: 1;margin: 1% auto;} .details .title ul::after{position: absolute;content: '';top: 50%;left: 0;width: 100%;height: 1px;background: #eee;z-index: -1;} .details .title ul li{background: #fff;font-size: 20px;letter-spacing: 5px;text-align: center;color: #666;padding: 10px 30px 10px 35px;margin: 0 1%;box-shadow: 0 0 5px rgba(0,0,0,.2);border-radius: 50px;} .details .title ul li:hover{color: #ff8f46;} .details .txt{width: 32%;} .details .txt h4 span{font-size: 24px;line-height: 60px;letter-spacing: 2px;background: #3d6db8;color: #fff;display: inline-block;padding: 0 20px;position: relative;} .details .txt h4 span::after{position: absolute;content: '';top: 0;right: -40px;border-color: transparent transparent #3d6db8 #3d6db8;border-width: 30px 20px;border-style: solid;} .details .txt img{padding: 2px;border: 1px solid #eee;} .details .txt p{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: flex-start;align-items: center;padding: 10px 0;line-height: 150%;letter-spacing: 2px;color: #666;} .details .txt p span{display: block;background: #3d6db8;width: 40px;line-height: 40px;text-align: center;font-size: 20px;text-align: center;margin-right: 10px;color: #fff;border-radius: 0 10px;} /*certificateList*/ .certificateList{background: #3d6db8 url(../image/bg5.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;padding:4% 0;margin: 3% auto;} .certificateTit{justify-content: center;} .certificateTit img{width: 100px;margin: 0 15px 0 0;} .certificateTit h3{font-size: 40px;letter-spacing: 1px;font-weight: bold;line-height: 140%;color: #fff;} .certificateTit h3 span{display: block;font-size: 24px;letter-spacing: 5px;font-weight: normal;color: rgba(255,255,255,.6);} .certificateTxt{position: relative;z-index: 1;margin: 2.5% auto 3% auto;} .certificateTxt::after{position: absolute;content: '';top: 50%;left: 0;width: 100%;height: 1px;background: #eaeaea;z-index: -1;} .certificateTxt ul{justify-content: center;} .certificateTxt ul li{background: #f2f8ff;font-size: 20px;letter-spacing: 5px;text-align: center;color: #666;padding: 10px 30px 10px 35px;margin: 0 1.5%;box-shadow: 0 0 10px rgba(0,0,0,.4);border-radius: 50px;color: #3d6db8;} .certificateList .pic ul li{width: 20%;} .certificateList .pic ul li:last-child{width: 37%;} .certificateList .pic ul li p{text-align: center;padding-top: 30px;border-top: 2px solid #fff;z-index: 3;} .certificateList .pic ul li p span{display: inline-block;background: #fff;color: #3d6db8;font-size: 18px;letter-spacing: 2px;padding: 10px 30px;border-radius: 50px;position: relative;} .certificateList .pic ul li p span::after{position: absolute;content: '';top: -30px;left: 50%;width: 2px;height: 30px;margin-left: -1px;background: #fff;} .certificateList .pic .img{position: relative;} .certificateList .pic .img img{width: 54.055%;margin: 0;} .certificateList .pic .img img:nth-child(1){position: relative;left: 0;top:0;z-index: 3;} .certificateList .pic .img img:nth-child(2){position: absolute;left: 50%;top:0;z-index: 2;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);} .certificateList .pic .img img:nth-child(3){position: absolute;right: 0;top:0;z-index: 1;} /*cnasTxt*/ .cnasTxt{margin: 3% auto;} .cnasTxt .container{position: relative;} .cnasTxt h3{justify-content: center;margin-bottom: 3%;} .cnasTxt h3 span{width: 60px;line-height: 60px;font-size: 30px;text-align: center;background: #3d6db8;color: #fff;border-radius: 50%;margin: 0 10px;} .cnasTxt h3 span.i{background: #ff8f46;} .cnasTxt ul{} .cnasTxt ul li{width: 32%;font-size: 18px;letter-spacing: 1px;color: #666;margin: 1% 0;line-height: 200%;padding:2% 3%;border: 1px solid #3d6db8;text-align: justify;position: relative;} .cnasTxt ul li::before{position: absolute;content: '';top: 0;left: 0;border-color: #3d6db8 transparent transparent #3d6db8;border-width: 15px;border-style: solid;} .cnasTxt ul li::after{position: absolute;content: '';bottom: 0;right: 0;border-color: transparent #3d6db8 #3d6db8 transparent;border-width: 15px;border-style: solid;} .cnasTxt ul li:nth-child(2n){margin-left: 20%;} .cnasTxt .pic{position: absolute;width: 30%;left: 35%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);} /*increment*/ .increment{background: #3d6db8 url(../image/bg7.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .increment .c{width: 100%;justify-content: center;padding-top: 3%;} .increment .c span{width: 60px;line-height: 60px;font-size: 36px;text-align: center;background: #fff;color: #3d6db8;border-radius: 50%;margin: 0 .5%;} .increment .txt{text-align: center;padding: 4% 0;} .increment .txt .txt1{justify-content: center;} .increment .txt .icon{width: 140px;margin-right: 20px;} .increment .txt h3{font-size: 46px;font-weight: bold;letter-spacing: 5px;margin-bottom: 20px;line-height: 100%;} .increment .txt h5 span{font-size: 24px;width: 50px;line-height: 48px;border: 1px solid #fff;border-radius: 50%;} .increment .txt h5 span.i{background: #ff8f46;border: 1px solid #ff8f46;} .increment .txt p{text-transform: uppercase;font-size: 20px;margin: 2% 0;font-weight: 100;color: rgba(255,255,255,.6);letter-spacing: 1px;} .increment .txt h4{display: inline-block;margin: 0 80px;font-size: 36px;letter-spacing: 2px;letter-spacing: 5px;text-align: center;line-height: 50px;padding: 20px 0 20px 5px;background: #fff;color: #3d6db8;position: relative;z-index: 1;margin-bottom: 1%;} .increment .txt h4::before{position: absolute;content: '';top: 0;left: -80px;border-color: #fff #fff transparent transparent;border-width: 70px 40px;border-style: solid;} .increment .txt h4::after{position: absolute;content: '';top: 0;right: -80px;border-color: #fff transparent transparent #fff;border-width: 70px 40px;border-style: solid;} .increment .txt h4 span{display: block;} .increment .txt .tel{justify-content: center;margin-top: 2%;} .increment .pic{width: 49%;} /*intimate*/ .intimate{background: #3d6db8 url(../image/bg9.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .intimate .container{position: relative;padding: 3% 0;} .intimate .txt{width: 100%;text-align: center;} .intimate .txt .c{justify-content: center;} .intimate .txt .c span{width: 60px;line-height: 60px;text-align: center;font-size: 36px;background: #fff;color: #3d6db8;margin: 0 10px;border-radius: 50%;} .intimate .txt .c span.i{background: #ff8f46;color: #fff;} .intimate .txt h3{font-size: 40px;font-weight: bold;letter-spacing: 5px;margin: 1% 0;} .intimate .txt h4{font-size: 24px;font-weight: 100;letter-spacing: 5px;} .intimate .txt .tel{justify-content: center;margin-top: 1.5%;} .intimate .txt .tel span{font-size: 24px;font-weight: 100;} .intimate .txt .tel a{font-size: 36px;} .intimate .pic{position: absolute;left: 0;width: 20%;top:6%;} .intimate .img{position: absolute;right: -3%;width: 20%;top:8%;} /*make*/ .make{background: #3d6db8 url(../image/bg3.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;} .make .container{justify-content: flex-end;position: relative;padding: 3% 0;} .make .txt{position: relative;z-index: 1;padding-right: 120px;} .make .txt::after{display: block;content: "make";position: absolute;right: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);writing-mode:vertical-rl;writing-mode:tb-rl;font-size: 110px;letter-spacing: 1px;color: rgba(255,255,255,.2);line-height: 80%;z-index: -1;text-transform: uppercase;} .make .txt .c{margin-bottom: 3%;} .make .txt .c span{width: 50px;line-height: 50px;font-size: 30px;text-align: center;background: #fff;color: #3d6db8;border-radius: 50%;} .make .txt .text img{width: 110px;margin: 0 20px 0 0;} .make .txt h3{font-size: 40px;font-weight: bold;letter-spacing: 5px;line-height: 140%;} .make .txt h3 span{display: block;} .make .txt h5{font-size: 24px;font-weight: 100;letter-spacing: 2px;margin: 3% 0;} .make .pic{width: 46%;position: absolute;left: 0;top: 5%;} /*addedCon*/ .addedCon{background: #3d6db8 url(../image/bg16.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;color: #fff;overflow: hidden;padding-bottom: 1%;} .addedCon .title{padding-bottom: 0;} .addedCon .title p{color: rgba(255,255,255,.6);} .addedCon .pic{width: 30%;} .addedCon .txt{width: 68%;} .addedCon .txt ul li{width: 48%;padding: 3%;margin: 2% 0;border: 1px solid rgba(255,255,255,.6);overflow: hidden;} .addedCon .txt ul li:hover{background: rgba(255,255,255,.2);} .addedCon .txt ul li h5{font-size: 28px;font-weight: bold;letter-spacing: 2px;margin-bottom: 3%;position: relative;z-index: 1;padding-left: 30px;} .addedCon .txt ul li h5::before{content: "";position: absolute;left: 0;top:50%;width: 3px;height: 24px;background: #ff8f46;margin-top: -10px;} .addedCon .txt ul li h5 span{position: absolute;right: 0;background: rgba(255,255,255,.6);border-radius: 50%;width: 50px;line-height: 50px;letter-spacing: 0;text-align: center;color: #3d6db8;font-family: Impact;z-index: 1;} .addedCon .txt ul li h5 span::after{content: "";width: 1px;height: 40px;position: absolute;left: 50%;background: rgba(255,255,255,.6);top:-40px;} .addedCon .txt ul li p{font-size: 18px;letter-spacing: 2px;color: rgba(255,255,255,.8);} /*other*/ .otherlist ul{justify-content:flex-start;} .otherlist ul li{width:23.5%;margin-right:2%;text-align:center;} .otherlist ul li:nth-child(4n){margin-right:0;} .otherlist ul li h4{line-height:300%;} /*tishi*/ .tishi{margin:3% auto;} .tishi .tit{font-size:200%;font-weight:bold;letter-spacing:5px;margin-bottom:1%;} .tishi .list ul{justify-content:flex-start;} .tishi .list ul li{margin-right:15px;} @media screen and (max-width:1440px){ .service-txt p{margin-top: 15px;font-size: 16px;line-height: 150%;} .service-txt p i{width: 60px;} .service-p{font-size: 16px;letter-spacing: 0;} .serviceList .tit h3{font-size: 32px;} .serviceList .tit span{font-size: 24px;} .serviceList .tit p{font-size: 18px;} .serviceList .con .text{top:84%;} .serviceList .con .text h4{font-size: 20px;} .serviceList .con .text p{line-height: 160%;margin: 10px 0 15px 0;} .serviceList .con:hover .text{padding: 10% 6%;} .serviceList .serviceTel .txt p{font-size: 20px;} .serviceCore .tit h3{font-size: 36px;} .serviceCore .tit p span{font-size: 18px;} .serviceCore .con{width: 49%;} .serviceCore .con dl dd h4{font-size: 24px;margin-bottom: 4px;} .serviceCore .con dl dd p{font-size: 16px;line-height: 180%;} .serviceCore .text{width: 49%;} .serviceCore .txt h4{font-size: 24px;} .serviceCore .txt p{font-size: 16px;line-height: 180%;} .cnas .pic{width: 30%;} .cnas .txt{width: 67%;padding: 2.5% 0 2% 2.5%;} .cnas .txt p{font-size: 20px;letter-spacing: 0;} .cnas .txt h2{font-size: 36px;} .cnas .txt h3{font-size: 24px;} .cnas .txt h3 span{margin-left: 20px;} .serviceProject .swiper-container-project{width: 58%;} .serviceProject .swiper-pagination .swiper-pagination-bullet{width: 18px;} .serviceProject .txt{width: 38%;} .serviceProject .txt h3 span{margin-top: 1%;} .serviceProject .txt hr{margin: 3% 0 5% 0;} .serviceProject .txt p{line-height: 180%;} .serviceProject .txt h5{margin: 3% 0 4% 0;font-size: 20px;} .direct h4 span{font-size: 24px;width: 54px;line-height: 50px;margin: 0 5px;} .direct .txt{width: 660px;padding-left: 100px;} .direct .txt h3{font-size: 36px;} .direct .txt ul{margin: 2% 0 3% 0;} .direct .txt ul li{letter-spacing: 0;} .direct .txt p{font-size: 22px;} .direct .pic{width: 36%;} .direct .img{width: 26%;left: -2%;top:auto;bottom:0;} .approve h3{font-size: 36px;} .approve .p span{width: 46px;line-height: 46px;font-size: 24px;} .approve dl dd hr{width: 30px;margin: 3% 0;} .approve dl dd p{font-size: 16px;letter-spacing: 0;} .trust .txt h3{font-size: 40px;} .trust .txt h3 img{height: 60px;} .trust ul{padding-bottom: 2%;margin: 2% 0;} .trust ul li{font-size: 18px;margin-right: 20px;} .trust ul li span{font-size: 22px;} .trust .txt h4{font-size: 30px;} .trust .tel{margin-top: 1.5%;} .trust .pic{width: 40%;} .impartiality .txt p{font-size: 16px;line-height: 180%;} .impartiality .txt p span{font-size: 40px;} .impartiality .p{font-size: 18px;} .impartiality .pic img{width: auto;height: 300px;max-width:150%;} .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;letter-spacing: 1px;} .team .txt h4 b{font-size: 28px;} .team .txt .tel{margin-top: 2%;} .team h2{font-size: 26px;} .team1 .txt h4{font-size: 20px;letter-spacing: 1px;} .team1 .txt h4 b{font-size: 24px;} .than .tit h3 span{width: 46px;line-height: 46px;font-size: 28px;} .than .tit p{font-size: 22px;} .than .con::after{font-size: 80px;} .than .txt ul li p{font-size: 18px;line-height: 200%;} .ganyan h4{font-size: 32px;letter-spacing: 1px;} .ganyan p{font-size: 16px;} .customized .txt .t img{width: 80px;margin-right: 15px;} .customized .txt .t b{font-size: 46px;margin-right: 10px;} .customized .txt .t b span{font-size: 18px;} .customized .txt .t em{font-size: 26px;} .customized .txt .c span{width: 36px;font-size: 20px;line-height: 36px;margin-right: 3px;} .customized .txt h3{font-size: 32px;} .customized .txt h3 span{font-size: 18px;right: -200px;} .customized .txt p{letter-spacing: 0;} .gratis .txt{width: 58%;margin-left: 42%;} .gratis .txt .c span{font-size: 24px;width: 42px;line-height: 40px;} .gratis .txt h3{font-size: 32px;} .gratis .txt dl dt{width: 90px;margin-right: 10px;} .gratis .txt dl dd h4{font-size: 28px;} .gratis .txt dl dd h5{font-size: 38px;letter-spacing: 9px;} .gratis .txt p{font-size: 20px;} .gratis .txt p strong{font-size: 56px;} .gratis .txt ul li{line-height: 180%;} .coreTit h4 span{width: 56px;line-height: 56px;font-size: 36px;margin: 0 5px;} .coreTit h3{font-size: 36px;} .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%;} .benefit h3{font-size: 36px;} .benefit ul li:nth-child(3){width: 24%;} .benefit ul li p{font-size: 16px;} .earnest .txt ul li{font-size: 22px;} .earnest .txt h5 em{font-size: 22px;} .earnest .txt .h img{width: 100px;} .earnest .txt .h h3 span{width: 46px;line-height: 44px;font-size: 28px;margin: 3px;} .earnest .txt p{font-size: 22px;letter-spacing: 2px;} .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;} .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;} .BrandTrust .txt h3{font-size: 36px;letter-spacing: 3px;} .BrandTrust .txt h4{font-size: 36px;letter-spacing: 3px;} .BrandTrust .txt .f img{width: 100px;margin-right: 15px;} .BrandTrust .txt .f h2{font-size: 36px;} .provider .txt .c span{width: 46px;line-height: 44px;margin-right: 10px;font-size: 28px;} .provider .txt h3{font-size: 36px;} .provider .txt h3 span{font-size: 15px;} .provider .txt h4 em{font-size: 30px;line-height: 50px;padding: 0 10px 0 20px;} .provider .txt h4 em::after{border-width: 25px;right: -50px;} .provider .txt h5{font-size: 28px;} .provider .txt ul li{font-size: 20px;} .provider .txt ul li span{font-size: 24px;} .statement h3{font-size: 36px;} .statement .con h5{font-size: 24px;} .statement .con p{font-size: 16px;} .statement .con .c span{width: 36px;line-height: 36px;} .strength .txt dl dd b{font-size: 36px;} .strength .txt dl dd span{font-size: 18px;} .strength .txt h3{font-size: 30px;} .strength .txt p{font-size: 16px;} .advantage h3{font-size: 36px;} .advantage dl dt{width: 120px;} .advantage dl:nth-child(1) dt{right: -160px;} .advantage dl:nth-child(2) dt{left: -160px;} .advantage dl:nth-child(3) dt{right: -160px;} .advantage dl:nth-child(4) dt{left: -160px;} .advantage dl:nth-child(5) dt{top:-140px;} .advantage dl dd h5{font-size: 24px;} .advantage dl dd p{font-size: 16px;letter-spacing: 0;line-height: 180%;} .customization .txt1 h3 b{font-size: 50px;} .customization .txt1 h3 b span{font-size: 16px;} .customization .txt1 p{font-size: 20px;} .customization .txt1 h5{font-size: 28px;} .customization .txt2 h4{font-size: 36px;letter-spacing: 1px;} .customization .txt2 p{font-size: 20px;} .free .txt::after{font-size: 120px;} .free .txt .f .img{width: 170px;} .free .txt .c span{width: 48px;line-height: 46px;font-size: 24px;} .free .txt .f .text h4{font-size: 28px;padding-right: 15px;} .free .txt .f .text h5{font-size: 36px;} .free .txt h3{font-size: 32px;} .free .txt p{font-size: 20px;} .free .txt p strong{font-size: 50px;} .free .txt ul{width: 85%;} .free .txt ul li{font-size: 18px;letter-spacing: 1px;padding:5px 12px;} .one-stop .txt h3{font-size: 42px;} .one-stop .txt h4{font-size: 26px;} .one-stop .txt h5{font-size: 32px;} .one-stop .txt p{font-size: 22px;} .listen .txt{padding-right: 100px;} .listen .txt::after{font-size: 90px;} .listen .txt h3{font-size: 36px;} .listen .txt h3 span{font-size: 42px;} .listen .txt .c span{width: 42px;line-height: 40px;font-size: 24px;} .listen .txt h4{font-size: 36px;} .listen .txt p{font-size: 22px;} .showTxt .pic strong{font-size: 24px;} .showTxt .txt{width: 64%;} .showTxt .txt ul li{font-size: 16px;line-height: 160%;margin: .8% 0;} .showTxt .txt ul li i{width: 50px;margin-right: 10px;} .showTxt .txt ul li span{width: calc(100% - 60px);} .serviceShow .list{width: 22%;} .serviceShow .list ul li a{letter-spacing: 1px;} .serviceShow .list1 ul li a{letter-spacing: 0;} .serviceShow .txt{width: 78%;} .serviceShow .txt h2{font-size: 32px;} .serviceShow .txt h2 img{width: 50px;} .effect .con .added h3{font-size: 30px;} .effect .con .added ul li{font-size: 18px;padding: 6px 20px;} .effect .con .txt h3{font-size: 30px;} .effect .con .txt ul li{letter-spacing: 1px;font-size: 16px;} .effect .con .txt ul li span{padding-right: 0;border-right: none;margin-right: 10px;} .effect .text h3{font-size: 30px;} .effect .text ul li{font-size: 16px;line-height: 180%;} .effect .text ul li span{font-size: 20px;} .effect .text ul li span::before{border-width: 25px;} .provide .txt{padding-right: 80px;} .provide .txt::after{font-size: 60px;} .provide .txt h3{font-size: 40px;} .provide .txt h2{margin: 2% 0;} .provide .txt h2 span{width: 50px;line-height: 50px;font-size: 28px;} .provide .txt h2 i{width: 60px;} .provide .txt h4{font-size: 22px;} .provide .txt p{letter-spacing: 2px;margin: 2% 0;} .provide .pic{width: 45%;} .process .tit h3{font-size: 36px;} .process .tit p span{width: 40px;line-height: 40px;font-size: 20px;} .process .txt ul li h5{font-size: 24px;} .process .txt ul li h5 span{width: 42px;line-height: 42px;} .process .txt ul li p{font-size: 16px;line-height: 135%;letter-spacing: 0;} .details .title ul li{font-size: 18px;padding: 5px 20px 5px 25px;margin: 0 .5%;} .details .txt h4 span{font-size: 20px;line-height: 50px;padding: 0 10px 0 15px;} .details .txt h4 span::after{border-width: 25px 15px;right: -30px;} .details .txt p{letter-spacing: 0;} .details .txt p span{width: 32px;line-height: 32px;font-size: 18px;} .certificateTit img{width: 90px;} .certificateTit h3{font-size: 36px;} .certificateTit h3 span{font-size: 22px;letter-spacing: 4px;} .cnasTxt h3 span{width: 50px;line-height: 50px;font-size: 24px;margin: 0 5px;} .cnasTxt ul li{font-size: 16px;padding: 2%;} .increment .c span{width: 50px;line-height: 50px;font-size: 30px;} .increment .txt .icon{width: 120px;} .increment .txt h3{font-size: 42px;} .increment .txt h5 span{width: 46px;line-height: 44px;} .increment .txt h4{font-size: 28px;line-height:40px;} .increment .txt h4::before{border-width:60px 40px;} .increment .txt h4::after{border-width:60px 40px;} .increment .txt p{font-size: 18px;letter-spacing:0;} .intimate .txt .c span{width: 52px;line-height: 52px;font-size: 30px;margin: 0 5px;} .intimate .txt h3{font-size: 36px;letter-spacing: 2px;} .intimate .txt h4{font-size: 22px;letter-spacing: 2px;} .intimate .txt .tel span{font-size: 20px;} .make .txt{padding-right: 110px;} .make .txt::after{font-size: 100px;} .make .txt .c span{width: 46px;line-height: 46px;font-size: 24px;} .make .txt .text img{width: 100px;} .make .txt h3{font-size: 36px;} .make .txt h5{font-size: 22px;} .make .pic{width: 42%;} .addedCon .txt{margin: 2% 0 1% 0;} .addedCon .txt ul li h5{font-size: 24px;padding-left: 20px;} .addedCon .txt ul li h5 span{width: 42px;line-height: 42px;} .addedCon .txt ul li p{font-size: 16px;} } @media screen and (max-width:1280px){ .serviceTxt .pic .txt i{font-size: 46px;} .serviceTxt .pic .txt b{font-size: 28px;} .service-position b{font-size: 20px;} .service-position b img{width: 40px;} .service-txt{margin-bottom: 2%;} .service-txt .txtr{width: 61%;} .service-txt p{margin-top: 10px;} .service-p{margin-bottom: 0;padding: 2% 0;line-height: 190%;} .serviceList .tit h3{font-size: 30px;letter-spacing: 0;} .serviceList .con .text{top:72%;padding: 8%;} .serviceList .con .text p{margin: 2% 0 4% 0;} .serviceList .con .text .more a{padding: 2px 20px;} .serviceList .serviceTel .txt p{letter-spacing: 0;} .serviceList .serviceTel .txt span{font-size: 16px;} .serviceList .serviceTel .txt a{font-size: 28px;} .serviceCore .con dl dd{width: 72%;margin-left: 28%;} .serviceCore .con dl dd h4{font-size: 22px;} .serviceCore .txt h4{font-size: 22px;} .serviceCore .txt p{letter-spacing: 1px;} .cnas .pic{width: 27%;} .cnas .pic span{font-size: 24px;} .cnas .txt{width: 70%;} .cnas .txt p{font-size: 18px;} .cnas .txt h2{font-size: 32px;margin-top: 5px;} .cnas .txt p.p{font-size: 18px;} .cnas .txt p.p a{font-size: 32px;} .serviceProject .swiper-container-project{width: 54%;} .serviceProject .txt{width: 43%;} .serviceProject .txt h3{font-size: 36px;} .serviceProject .txt h3 span{margin-top: 1%;} .serviceProject .txt hr{margin: 3% 0 5% 0;} .serviceProject .txt h4{margin-bottom: 2%;} .serviceProject .txt p{font-size: 16px;} .serviceProject .txt h5{margin: 2% 0;font-size: 20px;} .serviceProject .swiper-pagination .swiper-pagination-bullet{width: 12px;} .direct .container{justify-content: space-between;} .direct .txt{width: 57%;} .direct .pic{width: 45%;margin-left: -2%;} .direct .img{display: none;} .approve dl dt{width: 36%;} .approve dl dd{width: 60%;} .approve dl dd hr{width: 30px;} .approve dl dd p{font-size: 16px;margin-top: 5px;line-height: 180%;} .trust .pic{width: 34%;} .trust .txt h3{font-size: 36px;} .trust ul li i{font-size: 20px;} .trust ul li span{margin-right: 0;} .trust .txt h4{font-size: 28px;} .impartiality .title p{letter-spacing: 0;} .impartiality .pic img{height: 288px;} .impartiality .txt p{letter-spacing: 0;} .impartiality .txt p span{bottom:-8%;} .team .txt{padding-left: 0;} .team .txt::after{display: none;} .team .txt h4{font-size: 20px;} .team .txt h4 b{font-size: 24px;} .team .pic{width: 52%;} .than .con::after{display: none;} .than .pic{width: 54%;} .than .txt{width: 44%;} .ganyan h4{font-size: 30px;} .ganyan p{line-height: 180%;} .customized .txt .t b{letter-spacing: 2px;} .customized .txt .t em{letter-spacing: 2px;} .customized .txt .c span{width: 34px;line-height: 34px;} .customized .txt h3 span{display: none;} .customized .txt p{font-size: 18px;letter-spacing: 1px;} .customized .pic{width: 42%;} .gratis .txt::after{font-size: 90px;} .gratis .txt .c span{width: 36px;line-height: 34px;font-size: 20px;margin-right: 5px;} .gratis .txt h3{font-size: 28px;} .gratis .txt dl dt{width: 80px;} .gratis .txt dl dd h4{font-size: 24px;} .gratis .txt dl dd h5{font-size: 32px;} .gratis .txt p{line-height: 140%;} .gratis .txt p strong{font-size: 50px;} .gratis .txt ul{width: 160px;} .gratis .txt ul li{padding: 5px 0;font-size: 18px;} .core .txt p{letter-spacing: 0;padding-left: 25px;} .corePage{display: none;} .benefit h3{font-size: 36px;} .benefit ul li:nth-child(2),.benefit ul li:nth-child(4){width: 16%;} .benefit ul li:nth-child(3){width: 22%;} .benefit ul li:nth-child(even) img{width: 100%;} .benefit ul li span{width: 50px;line-height: 50px;font-size: 24px;top:-30px;} .benefit ul li p{line-height: 180%;margin-top: 15px;} .earnest .container{justify-content: space-between;} .earnest .pic{width: 45%;} .earnest .img{display: none;} .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;} .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;} .BrandTrust .txt{width: 52%;margin-left: 48%;} .BrandTrust .txt::after{font-size: 110px;} .BrandTrust .txt h3{font-size: 32px;} .BrandTrust .txt h4 img{display: none;} .BrandTrust .txt p{font-size: 20px;} .BrandTrust .txt .f img{width: 90px;} .BrandTrust .txt .f h2{font-size: 32px;} .provider .txt{width: 52%;} .provider .txt .c span{width: 40px;line-height: 38px;font-size: 24px;} .provider .txt h3{font-size: 32px;letter-spacing: 3px;} .provider .txt h3 span{font-size: 14px;letter-spacing: 0;} .provider .txt h4 em{font-size: 28px;} .provider .txt h5{font-size: 26px;} .provider .txt ul li{letter-spacing: 1px;} .provider .txt ul li i{margin-right: 5px;} .provider .txt .tel{margin-top: 2%;} .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;} .strengthTit h3 span{width: 50px;line-height: 50px;font-size: 30px;} .strengthTit h3 strong{font-size: 36px;} .strengthTit p{font-size: 18px;} .strengthList ul li i{font-size: 64px;} .strengthList ul li b{font-size: 22px;} .strengthList ul li span{font-size: 16px;} .strength .txt dl dt i{width: 64px;line-height: 60px;} .strength .txt dl dd b{font-size: 32px;} .strength .txt h3{font-size: 26px;} .strength .strengthPage{font-size: 32px;} .advantage .txt::after{width: 30vw;height: 40vw;} .advantage dl{width: 28%;} .advantage dl:nth-child(odd){margin-right: 20%;} .advantage dl:nth-child(5){width: 52%;margin-right: auto;} .advantage dl dt{width: 100px;} .advantage dl:nth-child(1) dt{right: -130px;} .advantage dl:nth-child(2) dt{left: -130px;} .advantage dl:nth-child(3) dt{right: -120px;top:-40%;} .advantage dl:nth-child(4) dt{left: -120px;top:-40%;} .advantage dl:nth-child(5) dt{top:-120px;} .advantage dl dd h5{font-size: 22px;margin-bottom: 5px;} .customization .txt1 h3 img{width: 90px;margin-right: 15px;} .customization .txt1 h3 b{font-size: 46px;} .customization .txt1 h3 b span{letter-spacing: 2px;} .customization .txt1 p{font-size: 18px;} .customization .txt1 h5{font-size: 24px;} .customization .txt2{padding:15px 20px;} .customization .txt2 h4{font-size: 32px;} .customization .txt2 p{font-size: 18px;} .free .txt::after{font-size: 110px;} .free .txt .f .img{width: 150px;} .free .txt .c span{width: 46px;line-height: 44px;} .free .txt .f .text h4{font-size: 24px;letter-spacing: 4px;} .free .txt .f .text h5{font-size: 32px;} .free .txt h3{font-size: 28px;letter-spacing: 4px;} .free .txt p{font-size: 18px;line-height: 150%;letter-spacing: 1px;} .free .txt p strong{font-size: 44px;} .free .txt ul li{padding: 0 6px;} .one-stop .txt h3{font-size: 36px;} .one-stop .txt h4{font-size: 22px;} .one-stop .txt h5{font-size: 28px;} .one-stop .txt p{font-size: 20px;} .listen .txt::after{font-size: 86px;} .listen .txt h3{font-size: 32px;} .listen .txt h3 span{font-size: 38px;} .listen .txt h4{font-size: 32px;} .listen .txt p{font-size: 20px;} .listen .pic{width: 42%;} .showTxt .txt ul li{margin: .5% 0;} .showTxt .pic{width: 48%;} .serviceShow .list h4{font-size: 28px;} .serviceShow .list ul li a{font-size: 16px;} .serviceShow .txt h2{font-size: 30px;} .serviceShow .txt p, .serviceShow .txt div{line-height: 180%;} .effect .con .added h3{font-size: 28px;} .effect .con .added ul li{font-size: 16px;padding: 5px 15px;} .effect .con .txt h3{font-size: 28px;} .effect .con .txt ul li{padding: 0 15px;} .effect .con .txt ul li span{font-size: 26px;} .effect .text h3{font-size: 28px;} .effect .text ul{width: 76%;} .effect .img{width: 18%;} .provide .txt{padding-right: 0;} .provide .txt::after{display: none;} .process .pic{width: 32%;} .process .txt{width: 65%;} .process .txt ul li{min-height:164px;} .cnasTxt ul li{letter-spacing: 0;} .increment .c span{margin: 0 3px;} .increment .txt .icon{width: 110px;} .increment .txt h3{font-size: 40px;} .increment .txt h5 span{width: 42px;line-height: 40px;font-size: 22px;} .increment .txt h4{margin: 3% 60px;padding:15px 0 15px 5px;} .increment .txt h4::before{border-width: 55px 30px;left: -60px;} .increment .txt h4::after{border-width: 55px 30px;right: -60px;} .increment .txt p{display: none;} .increment .pic{width: 44%;} .increment .txt .tel{margin-top: 1%;} .intimate .txt .c{justify-content: flex-end;} .intimate .txt{text-align: right;} .intimate .txt .tel{justify-content: flex-end;} .intimate .pic{width: 30%;} .intimate .img{display: none;} .make .txt{padding-right: 0;} .make .txt::after{display: none;} .addedCon .txt ul li p{letter-spacing: 0;} } @media screen and (max-width:1024px){ .serviceTxt{margin-top: 0;margin-bottom: 2%;} .serviceTxt .pic{display: none;} .serviceTxt .con{width: 100%;} .serviceList .tit hr{width: 30px;} .serviceList .tit h3{font-size: 24px;} .serviceList .tit span{font-size: 18px;} .serviceList .tit p{font-size: 16px;line-height: 180%;letter-spacing: 0;margin: 0;} .serviceList .con{width: 24.25%;margin: .5% 0 .5% 1%;} .serviceList .con .text{top:70%;} .serviceList .con .text h4{font-size: 18px;} .serviceList .con .text p{font-size: 14px;} .serviceList .con .text .more{display: none;} .serviceList .con:hover .text{padding: 16% 8%;} .serviceList .serviceTel{width: 24.25%;margin: .5% 0;} .serviceList .serviceTel .txt p{font-size: 16px;margin-bottom: 2%;} .serviceList .serviceTel .txt span{font-size: 15px;letter-spacing: 0;} .serviceList .serviceTel .txt a{font-size: 24px;letter-spacing: 0;line-height: 120%;} .serviceList .serviceTel .txt i{display: none;} .serviceCore .container{position: relative;} .serviceCore .tit h3{font-size: 32px;} .serviceCore .tit p span{padding: 2px 18px 2px 20px;} .serviceCore .con{width: 100%;} .serviceCore .con dl{width: 49%;float: left;margin: 1% 0;} .serviceCore .con dl:nth-child(2){margin-left: 2%;} .serviceCore .con dl dt{width: 56%;} .serviceCore .text{position: absolute;right: 0;bottom:0;margin: 1% 0;padding: 10px;background: #f2f8ff;overflow: hidden;} .serviceCore .pic{width: 56%;position: absolute;left: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);} .serviceCore .pic img{height: 196px;} .serviceCore .txt{width: 72%;margin-left: 28%;padding: 3% 4%;background: #fff;position: relative;z-index: 2;} .serviceCore .txt h4{margin-bottom: 4px;} .serviceCore .txt p{letter-spacing: 0;} .cnas .pic{width: 25%;} .cnas .pic span{font-size: 18px;} .cnas .txt{width: 73%;} .cnas .txt p{font-size: 16px;letter-spacing: 0;} .cnas .txt h2{font-size: 28px;letter-spacing: 0;} .cnas .txt h3{font-size: 20px;} .cnas .txt p.p{font-size: 16px;} .cnas .txt p.p a{font-size: 28px;} .cnas .txt p.p i{font-size: 24px;} .serviceProject .swiper-container-project{width: 50%;} .serviceProject .txt{width: 48%;} .serviceProject .txt h3{font-size: 30px;line-height: 130%;} .serviceProject .txt h4{font-size: 19px;} .serviceProject .txt p{line-height: 180%;} .serviceProject .txt h5{display: none;} .serviceProject .txt a{font-size: 16px;padding: 5px 20px;margin-top: 2%;} .serviceProject .txt1 a{display: none;} .direct::after{height: 23px;} .direct h4 span{width: 46px;line-height: 42px;margin: 0 2px;} .direct .txt{padding-left: 0;} .direct .txt::after{display: none;} .direct .txt h3{font-size: 32px;} .direct .txt ul li{font-size: 18px;} .direct .txt ul li span{font-size: 22px;} .direct .txt p{font-size: 20px;padding: 5px 15px;} .direct .pic{width: 47%;} .approve h3{font-size: 32px;} .approve .p span{width: 42px;line-height: 42px;font-size: 22px;} .approve dl:nth-child(2){margin: 2% 0;} .approve dl dd h4{font-size: 20px;} .approve dl dd hr{display: none;} .trust .txt{width: 75%;} .trust .txt h3{font-size: 32px;letter-spacing: 2px;} .trust .txt h3 img{height: 50px;margin-right: 10px;} .trust ul li{letter-spacing: 2px;margin: .5% 3% .5% 0;} .trust ul li span{margin-right: 5px;} .trust .txt h4{font-size: 24px;letter-spacing: 2px;} .impartiality .title p{padding: 0 6%;} .impartiality .pic{display: none;} .impartiality .txt1{width: 100%;} .impartiality .txt1 p{width: 49.5%;padding: 1.5% 2%;margin: .5% 0;} .impartiality .txt1 p span{right: 4%;} .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: 32px;} .team .txt dl dd p{font-size: 20px;letter-spacing: 4px;} .team .txt .text{width: 600px;font-size: 18px;letter-spacing: 3px;} .team .txt h4{font-size: 18px;} .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;} .team1 .txt dl dd h3 span{display: none;} .team1 .txt h4{font-size: 18px;letter-spacing: 1px;} .team1 .txt h4 b{font-size: 20px;} .than .tit h3 span{margin: 0 3px;} .than .tit p{font-size: 20px;} .than .pic{width: 52%;} .than .txt{width: 46%;} .than .txt ul li{padding: 4% 0;} .than .txt ul li p{font-size: 16px;line-height: 182%;padding-left: 40px;-webkit-background-size: 30px;background-size: 30px;} .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;} .customized .txt .t img{display: none;} .customized .txt .t b{font-size: 40px;} .customized .txt .t b span{font-size: 16px;} .customized .txt .t em{font-size: 24px;} .customized .txt .c{margin: 2% 0 1% 0;} .customized .txt .c span{width: 26px;line-height: 26px;font-size: 18px;} .customized .txt h3{font-size: 28px;letter-spacing: 3px;} .customized .txt p{font-size: 16px;letter-spacing: 0;margin: 1% 0;} .gratis .txt .c span{width: 30px;line-height: 28px;font-size: 18px;} .gratis .txt h3{font-size: 24px;} .gratis .txt dl dt{width: 66px;} .gratis .txt dl dd h4{font-size: 20px;} .gratis .txt dl dd h5{font-size: 26px;} .gratis .txt p{font-size: 16px;margin-bottom: 1%;} .gratis .txt p strong{font-size: 40px;} .gratis .txt ul{position: relative;width: 80%;top:0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);margin-top: 3%;} .gratis .txt ul::after{display: none;} .gratis .txt ul li{width: 18%;line-height: 150%;padding: 2% 1%;font-size: 16px;margin: 0;} .gratis .pic{width: 40%;} .coreTit h4 span{width: 50px;line-height: 50px;font-size: 30px;} .coreTit h3{font-size: 32px;} .coreTit p{font-size: 18px;} .coreList ul li img{width: 50px;margin-right: 5px;} .coreList ul li i{font-size: 40px;letter-spacing: 8px;} .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;} .benefit ul li:nth-child(1),.benefit ul li:nth-child(5){width: 14%;} .benefit ul li:nth-child(2),.benefit ul li:nth-child(4){width: 18%;} .benefit ul li:nth-child(3){width: 24%;} .benefit h3{font-size: 32px;} .benefit ul li p{font-size: 16px;letter-spacing: 0;} .earnest .txt{margin-left: 0;} .earnest .txt h5{margin: 2% 0;} .earnest .txt h5 em{font-size: 20px;} .earnest .txt ul li{font-size: 20px;} .earnest .txt .h h3 span{width: 40px;line-height: 38px;font-size: 24px;} .earnest .txt p{font-size: 20px;margin: 2% 0;} .earnest .pic{width: 40%;} .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;} .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%;} .BrandTrust .txt::after{display: none;} .BrandTrust .txt h3{font-size: 28px;letter-spacing: 2px;} .BrandTrust .txt h4{font-size: 30px;} .BrandTrust .txt p{font-size: 18px;letter-spacing: 2px;} .BrandTrust .txt .f img{width: 80px;} .BrandTrust .txt .f h2{font-size: 30px;letter-spacing: 2px;} .provider .txt .c span{font-size: 20px;width: 36px;line-height: 34px;} .provider .txt h3{font-size: 30px;letter-spacing: 1px;} .provider .txt h3 span{display: none;} .provider .txt h4 em{font-size: 24px;line-height: 40px;padding: 0 5px 0 15px;} .provider .txt h4 em::after{border-width: 20px;right: -40px;} .provider .txt h5{font-size: 22px;} .provider .txt ul li{font-size: 18px;letter-spacing: 0;} .provider .txt ul li span{font-size: 20px;} .statement h3{font-size: 32px;} .strengthTit h3 strong{font-size: 32px;} .strength .txt h3{font-size: 22px;} .strength .txt hr{width: 30px;margin: 4% 0;} .strength .strengthPage{display: none;} .advantage h3{font-size: 32px;} .advantage .txt::after{display: none;} .advantage dl:nth-child(3){margin-left: 0;margin-top: 3%;} .advantage dl:nth-child(4){margin-right: 0;margin-top: 3%;} .advantage dl:nth-child(1) dt{right: -120px;} .advantage dl:nth-child(2) dt{left: -120px;} .advantage dl:nth-child(3) dt{top:-15%;} .advantage dl:nth-child(4) dt{top:-15%;} .advantage .pic{top: 18%;} .customization .txt1 h3 img{width: 76px;} .customization .txt1 h3 b{font-size: 40px;} .customization .txt1 h3 b span{font-size: 15px;letter-spacing: 1px;} .customization .txt1 p{font-size: 16px;} .customization .txt1 h5{font-size: 22px;} .customization .txt2 h4{font-size: 28px;} .customization .txt2 p{font-size: 16px;letter-spacing: 0;margin: 2% 0;} .customization .txt2 .tel span{display: none;} .customization .pic{width: 21%;} .free .txt::after{font-size: 100px;} .free .txt .f .img{width: 130px;margin-right: 15px;} .free .txt .c span{width: 36px;line-height: 34px;font-size: 20px;} .free .txt .f .text h4{font-size: 20px;padding-right: 10px;} .free .txt .f .text h5{font-size: 28px;} .free .txt h3{font-size: 24px;letter-spacing: 2px;} .free .txt p strong{font-size: 40px;} .free .txt p span{font-size:16px;} .free .txt ul{width: 100%;} .free .txt ul li{font-size: 16px;} .one-stop .txt h3{font-size: 32px;} .one-stop .txt h4{font-size: 20px;letter-spacing: 1px;} .one-stop .txt h5{font-size: 24px;} .one-stop .pic{width: 35%;} .listen .txt{padding-right: 0;} .listen .txt::after{display: none;} .position b{font-size: 20px;letter-spacing: 1px;} .position b img{width: 40px;} .showTxt{display: none;} .serviceShow{margin-top: 3%;} .serviceShow .list{display: none;} .serviceShow .txt{width: 100%;padding-left: 0;border-left: none;} .serviceShow .txt h2{justify-content: center;border-bottom: none;padding-bottom: 0;} .effect .con{width: 80%;} .effect .text{width: 100%;} .effect .text h3{margin: 3% 0 2% 0;} .effect .text ul{width: 100%;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;align-items: center;} .effect .text ul li{padding: 3%;margin: 0 0 0 2%;} .effect .text ul li:first-child{padding-right: 3%;margin-left: 0;} .effect .img{width: 22%;top:4%;} .provide .txt h3{font-size: 36px;letter-spacing: 2px;} .provide .txt h2 i{width: 50px;margin-right: 10px;} .provide .txt h2 span{width: 46px;line-height: 46px;font-size: 24px;margin-right: 10px;} .provide .txt h4{font-size: 20px;letter-spacing: 0;} .provide .txt p{font-size: 18px;} .provide .pic{width: 44%;} .process .tit h3{font-size: 32px;} .process .tit p span{width: 36px;line-height: 36px;margin: 5px;} .process .pic{width: 33.5%;} .process .txt{width: 64%;} .process .txt ul li{min-height:auto;} .process .txt ul li h5{font-size: 22px;padding-bottom: 0;margin-bottom: 2%;} .process .txt ul li h5::after{display: none;} .process .txt ul li h5 span{width: 36px;line-height: 36px;font-size: 20px;} .details .title{padding-bottom: 3%;} .details .title ul li{letter-spacing: 2px;padding: 5px 25px;} .details .container{align-items: flex-start;} .details .txt h4 span{font-size: 18px;line-height: 40px;} .details .txt h4 span::after{border-width: 20px 15px;} .details .txt p{font-size: 15px;} .certificateTit img{width: 80px;} .certificateTit h3{font-size: 32px;} .certificateTit h3 span{font-size: 20px;} .certificateTxt ul li{font-size: 18px;letter-spacing: 2px;padding: 5px 25px 5px 30px;} .certificateList .pic ul li p span{font-size: 18px;padding: 5px 25px;letter-spacing: 0;} .cnasTxt h3{margin-bottom: 2%;} .cnasTxt h3 span{width: 46px;line-height: 46px;} .cnasTxt ul li{width: 49%;padding: 2% 3%;} .cnasTxt ul li:nth-child(2n){margin-left: 0;} .cnasTxt .pic{display: none;} .increment .c span{width: 42px;line-height: 42px;font-size: 26px;} .increment .txt .icon{width: 90px;margin-right: 10px;} .increment .txt h3{font-size: 32px;margin-bottom: 10px;} .increment .txt h5 span{width: 36px;line-height: 34px;font-size: 20px;} .increment .txt h4{font-size: 24px;line-height: 36px;letter-spacing: 2px;} .increment .txt h4::before{border-width: 51px 30px;} .increment .txt h4::after{border-width: 51px 30px;} .intimate .txt .c span{width: 46px;line-height: 46px;font-size: 26px;} .intimate .txt h3{font-size: 32px;} .intimate .txt h4{font-size: 20px;} .intimate .txt .tel span{font-size: 20px;letter-spacing: 3px;} .intimate .txt .tel a{font-size: 30px;} .intimate .pic{width: 23%;} .make .txt .c span{width: 42px;line-height: 42px;} .make .txt .text img{width: 90px;margin-right: 10px;} .make .txt h3{font-size: 32px;} .make .txt h5{font-size: 20px;margin: 2% 0;} .make .pic{left: -3%;top:auto;bottom:0;} .addedCon .txt{width: 80%;margin: 2% 0 2% 20%;} .addedCon .txt ul li{width: 49%;margin: 1% 0;} .addedCon .txt ul li h5{font-size: 22px;position: relative;z-index: 2;} .addedCon .txt ul li h5::before{height: 18px;margin-top: -8px;} .addedCon .txt ul li h5 span{width: 36px;line-height: 36px;} .addedCon .txt ul li p{line-height: 180%;position: relative;z-index: 2;} .addedCon .pic{position: absolute;left: -3%;z-index: 1;} } @media screen and (max-width:768px){ .service-position b{font-size: 18px;} .service-position b img{width: 36px;margin-right: 6px;} .service-position span{font-size: 14px;} .service-position span i{margin-right: 6px;} .service-txt .txtl,.service-txt .txtr{width: 100%;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;flex-wrap: wrap;} .service-txt .txtl p,.service-txt .txtr p{width: 49%;font-size: 15px;} .service-txt p i{font-size: 16px;} .serviceList .tit{position: relative;text-align: center;width: 100%;margin: 1% auto 2% auto;} .serviceList .tit img{display: none;} .serviceList .tit .txt{position: relative;top: 0;transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);} .serviceList .tit hr{display: none;} .serviceList .tit h3{font-size: 30px;margin: 0 0 .5% 0;letter-spacing: 2px;} .serviceList .tit span{display: none;} .serviceList .tit p{font-size: 18px;letter-spacing: 2px;padding: 0;} .serviceList .tit p i{display: inline;} .serviceList .con{width: 49%;margin: 1% 0;} .serviceList .con:nth-child(odd){margin-left: 2%;} .serviceList .con .text{top:76%;} .serviceList .con .text h4{font-size: 20px;} .serviceList .con .text p{font-size: 16px;line-height: 180%;} .serviceList .con .text .more{display: block;} .serviceList .serviceTel{position: relative;text-align: center;width: 100%;margin: 2% auto 0 auto;clear: both;} .serviceList .serviceTel::after{right: -50%;} .serviceList .serviceTel img{display: none;} .serviceList .serviceTel .txt{position: relative; left: 1%;top: 0;transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);padding: 3% 0;} .serviceList .serviceTel .txt p{font-size: 20px;letter-spacing: 2px;margin-bottom: 1%;} .serviceList .serviceTel .txt .tel{justify-content: center;} .serviceList .serviceTel .txt i{display: block;} .serviceList .serviceTel .txt span{font-size: 18px;letter-spacing: 2px;} .serviceList .serviceTel .txt a{font-size: 28px;} .serviceCore .tit h3{font-size: 30px;} .serviceCore .tit p span{padding: 3px 13px 3px 15px;margin: 5px;} .serviceCore .con dl{float: none;width: 100%;margin: 2% 0;} .serviceCore .con dl:nth-child(2){margin-left: 0;} .serviceCore .con dl dt{width: 40%;} .serviceCore .con dl dd h4{margin-bottom: 10px;} .serviceCore .con dl dd p{letter-spacing: 1px;} .serviceCore .text{position: relative;width: 100%;margin: 0;} .serviceCore .pic{width: 40%;} .serviceCore .pic img{height: auto;} .cnas{background: #3d6db8;} .cnas .pic{display: none;} .cnas .txt{width: 100%;padding: 3% 0;} .cnas .txt::before{left: -50%;} .cnas .txt p{font-size: 17px;} .cnas .txt h2{font-size: 30px;} .serviceProject{display: block;} .serviceProject .swiper-container-project{width: 100%;} .serviceProject .txt{width: 100%;text-align: center;margin-top: 4%;} .serviceProject .txt h3{font-size: 36px;letter-spacing: 2px;} .serviceProject .txt hr{margin: 3% auto;} .serviceProject .txt h4{font-size: 24px;} .serviceProject .txt p{text-align: center;font-size: 17px;line-height: 200%;} .serviceProject .txt a{font-size: 18px;padding: 8px 25px;} .serviceProject .txt1 a{display: inline-block;} .direct h4 span{width: 40px;line-height: 36px;font-size: 24px;margin: 0;} .direct .txt{width: 100%;} .direct .txt h3{font-size: 30px;} .direct .txt ul{margin: 1% 0 2% 0;} .direct .txt ul li{margin: .5% 3% .5% 0;} .direct .txt ul li span{font-size: 20px;} .direct .txt p{letter-spacing: 2px;width: 80%;} .direct .txt .tel{margin: 2% 0 1% 0;} .direct .pic{width: 42%;position: absolute;right: -2%;bottom:15%;} .approve h3{font-size: 30px;} .approve .p span{width: 38px;line-height: 38px;} .approve .pic{display: none;} .approve .txt{width: 100%;} .approve dl dd h4{font-size: 24px;} .approve dl dd hr{display: block;} .trust .txt{width: 100%;} .trust .txt h3{font-size: 30px;} .trust .txt h3 img{display: none;} .trust .txt h3 span{display: none;} .trust ul li{justify-content: flex-start;margin-right: 2%;width: 160px;} .trust ul li:first-child{width: 120px;} .trust ul li span{margin-right: 0;} .trust ul li em{display: block;width: 100%;} .trust .pic{width: 35%;right: -2%;top:-1%;height: 60%;overflow: hidden;} .impartiality .txt2 p{width: 49.5%;} .impartiality .txt p{font-size: 15px;padding: 3%;} .impartiality .txt p span{font-size: 36px;} .impartiality .txt1 p span{right: 6%;} .impartiality .p{letter-spacing: 0;font-size: 17px;} .impartiality .tel{margin-top: 1%;} .team .txt .tel{letter-spacing: 0;} .team .pic{width: 40%;} .team .pic i{display: none;} .team h2{font-size: 20px;letter-spacing: 0;} .than .tit h3 span{width: 40px;line-height: 40px;font-size: 24px;} .than .pic{width: 100%;} .than .txt{width: 86%;background: #fff;margin: 0 auto;position: relative;margin-top: -20%;padding: 4% 4% 0 4%;} .than .txt ul li p{font-size: 18px;line-height: 200%;} .ganyan .txt{width: 100%;} .ganyan hr{display: block;width: 30px;} .ganyan .pic{display: none;} .customized .txt{width: 100%;} .customized .txt .t img{display: block;} .customized .txt .c span{width: 30px;line-height: 30px;} .customized .txt p{font-size: 18px;padding-right: 40%;letter-spacing: 2px;} .customized .pic{top:50%;} .gratis .txt{width: 100%;margin-left: 0;} .gratis .txt::after{display: none;} .gratis .txt ul{width: 100%;} .gratis .txt ul li{padding: 1%;} .gratis .pic{left:auto;right: 0;z-index: 1;width: 36%;} .coreList ul li{width: 15%;} .coreList ul li img{margin: 0 auto;} .coreList ul li i{margin: 0 auto;} .coreList ul li b{width: 100%;text-align: center;font-size: 18px;} .core .txt{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%;} .benefit ul li:nth-child(1),.benefit ul li:nth-child(2),.benefit ul li:nth-child(3), .benefit ul li:nth-child(4),.benefit ul li:nth-child(5){width: 30%;} .benefit ul li:nth-child(3){margin: -25% 35%;} .earnest .txt ul li{font-size: 18px;letter-spacing: 0;} .earnest .txt .h{margin-top: 2%;} .earnest .txt .h img{width: 80px;} .earnest .txt .h h3 span{width: 32px;line-height: 30px;font-size: 20px;} .earnest .txt h5{display: none;} .earnest .txt h5 em{font-size: 18px;padding: 0 10px 0 15px;} .earnest .txt p{font-size: 16px;margin-bottom: 0;} .earnest .txt .tel{display: none;} .earnest .txt .tel span{display: none;} .earnest .pic{width: 33%;} .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 i{display: none;} .criterion .p h4{width: 100%;} .criterion .text .flex{justify-content: center;} .criterion .text span{width: 40px;line-height: 38px;margin: 5px;} .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%;} .BrandTrust .txt{width: 100%;margin-left: 0;} .BrandTrust .txt h4{margin-top: 0;} .BrandTrust .txt p{margin: 1% 0;} .BrandTrust .pic{left: auto;right: -3%;z-index: 2;width: 38%;} .provider .txt{width: 80%;} .provider .txt ul li{letter-spacing: 1px;} .provider .pic{position: absolute;right: 0;width: 30%;top:5%;} .statement h3{font-size: 30px;} .statement .con h5{font-size: 22px;} .strengthTit h3 span{width: 48px;line-height: 48px;margin-right: 5px;} .strengthTit h3 strong{font-size: 30px;margin-left: 5px;} .strengthList ul li{padding: 0 5px;} .strengthList ul li i{font-size: 56px;} .strengthList ul li b{font-size: 20px;} .strength .txt{width: 100%;} .strength .txt dl{margin-top: 1%;} .strength .txt h3{font-size: 30px;} .strength .txt hr{margin: 3% 0;} .strength .pic{width: 100%;} .strength .strengthPage{display: block;width: auto;position: absolute;left: auto;right: 4%;top:0;} .advantage h3{font-size: 30px;} .advantage dl{width: 100%;margin-bottom: 1%;} .advantage dl:nth-child(odd){margin-right: 0;} .advantage dl:nth-child(5){width: 100%;margin: 3% 0 0 0;text-align: left;} .advantage dl dt{position: relative;} .advantage dl:nth-child(1) dt,.advantage dl:nth-child(2) dt,.advantage dl:nth-child(3) dt,.advantage dl:nth-child(4) dt{right: 0;top:0;left: 0;} .advantage dl:nth-child(5) dt{right: 0;top:0;left: 0;transform:translateX(0%);-webkit-transform:translateX(0%);-moz-transform:translateX(0%);} .advantage dl dd{width: calc(100% - 120px);} .advantage dl dd p{letter-spacing: 1px;text-align: justify;} .advantage .pic{width: 100%;position: relative;left: auto;top:auto;transform:translateX(0%);-webkit-transform:translateX(0%);-moz-transform:translateX(0%);} .customization .txt1{margin-right: 0;} .customization .txt1 h3{justify-content: flex-start;} .customization .txt1 h3 img{width: 70px;} .customization .txt1 h3 b{font-size: 32px;} .customization .txt1 h3 b span{font-size: 14px;letter-spacing: 0;} .customization .txt1 p{padding: 0 5px;font-size: 15px;} .customization .txt1 h5{font-size: 20px;text-align: left;text-align-last: left;letter-spacing: 7px;} .customization .txt2{padding: 1.5% 2%;} .customization .txt2 h4{font-size: 24px;letter-spacing: 0;} .customization .pic{display: none;} .free .container{position: relative;} .free .txt{width: 100%;} .free .txt ul{width: 70%;} .free .txt ul li{width: 18%;line-height: 130%;padding: 10px;} .free .pic{position: absolute;z-index: 2;right: 0;top:50%;width: 28%;} .one-stop .container{justify-content: space-between;} .one-stop .txt h4{letter-spacing: 2px;} .one-stop .txt p{letter-spacing: 3px;} .one-stop .pic{width: 40%;left: auto;right: 0;top:62%;} .listen .txt h3{font-size: 30px;} .listen .txt h3 span{font-size: 36px;} .listen .txt h4{font-size: 30px;} .listen .txt p{font-size: 18px;} .listen .pic{width: 38%;left: -12%;top:8%;} .position b{display: none;} .serviceShow .pic{margin-top: 1%;} .effect .con .added h3{font-size: 26px;} .effect .con .txt h3{font-size: 26px;} .effect .con .txt ul li{width: 90%;} .effect .con .pic{right: -6%;} .effect .text h3{font-size: 26px;} .provide .txt{width: 100%;} .provide .txt h2{margin: 1% 0;} .provide .txt p{margin: 1% 0;} .provide .pic{width: 48%;left: auto;right: -19%;top:auto;bottom:0;} .process .tit h3{font-size: 30px;} .process .tit p span{margin: 5px 3px;} .process .pic{display: none;} .process .txt{width: 100%;} .process .txt ul li h5{padding-bottom: 3%;} .process .txt ul li h5::after{display: block;} .process .txt ul li p{letter-spacing: 1px;} .details .title ul li{font-size: 16px;} .details .txt{width: 100%;} .details .txt2{margin: 3% 0;} .details .txt p{font-size: 16px;letter-spacing: 1px;} .certificateTit h3{font-size: 30px;} .certificateTit h3 span{font-size: 18px;} .certificateTxt ul li{padding: 5px 20px 5px 25px;margin: 0 1%;} .certificateList .pic ul li{width: 32%;} .certificateList .pic ul li:last-child{display: none;} .certificateList .pic ul li p{padding-top: 20px;} .certificateList .pic ul li p span::after{height: 20px;top:-20px;} .cnasTxt h3 span{width: 40px;line-height: 40px;font-size: 22px;} .cnasTxt ul li{padding: 2%;line-height: 180%;} .cnasTxt ul li::before{border-width: 10px;} .cnasTxt ul li::after{border-width: 10px;} .increment .c span{width: 36px;line-height: 36px;font-size: 24px;margin: 0 2px;} .increment .container{position: relative;} .increment .pic{position: absolute;right: 0;top:32%;z-index: 2;width: 35%;} .intimate .container{padding: 4% 0;} .intimate .txt .c span{width: 40px;line-height: 40px;font-size: 24px;} .intimate .txt h3{font-size: 28px;} .intimate .txt h4{letter-spacing: 0;} .intimate .txt .tel span{letter-spacing: 1px;} .intimate .pic{width: 15%;top:48%;} .make .txt{width: 100%;} .make .txt .c{margin-bottom: 2%;} .make .txt .text{justify-content: flex-start;} .make .txt .text img{width: 80px;} .make .txt h3{font-size: 30px;letter-spacing: 2px;} .make .txt h5{font-size: 18px;letter-spacing: 1px;} .make .txt .tel span{display: none;} .make .pic{left: auto;right: -3%;width: 34%;} .addedCon .title p{font-size: 18px;padding: 0 10%;letter-spacing: 2px;} .addedCon .pic{display: none;} .addedCon .txt{width: 100%;margin-left: 0;} .addedCon .txt ul li{padding: 2%;} .addedCon .txt ul li h5{margin-bottom: 2%;} .otherlist ul li{width:49%;margin-right:2%;} .otherlist ul li:nth-child(2n){margin-right:0;} } @media screen and (max-width:480px){ .service-position{padding-bottom: 5px;} .service-position b{font-size: 16px;display: none;} .service-position b img{width: 30px;margin-right: 6px;margin-left: 0;} .service-txt{margin: 3% 0;display: none;} .service-txt .txtl, .service-txt .txtr{width: 100%;} .service-txt .txtl p, .service-txt .txtr p{width: 100%;} .service-txt p{margin-top: 5px;line-height: 140%;} .service-txt p i{font-size: 15px;width: 50px;} .service-txt p span{font-size: 14px;} .service-p{font-size: 14px;line-height: 170%;display: none;} .serviceList .tit h3{font-size: 20px;margin: 0;} .serviceList .tit p{font-size: 15px;letter-spacing: 0;} .serviceList .con:hover .text{padding: 12% 4%;} .serviceList .con .text{top:75%;} .serviceList .con .text h4{font-size: 16px;line-height: 24px;height: 24px;overflow: hidden;} .serviceList .con .text p{font-size: 12px;} .serviceList .con .text .more{display: none;} .serviceList .serviceTel .txt{left: 1%;} .serviceList .serviceTel .txt p{font-size: 15px;letter-spacing: 0;} .serviceList .serviceTel .txt i{font-size: 22px;margin-right: 6px;color: #fff;} .serviceList .serviceTel .txt span{display: none;} .serviceList .serviceTel .txt a{font-size: 22px;} .serviceCore .tit h3{font-size: 20px;letter-spacing: 1px;} .serviceCore .tit p span{font-size: 15px;letter-spacing: 1px;padding: 3px 12px;margin: 5px 2px;} .serviceCore .con dl{padding: 0;} .serviceCore .con dl dt{position: relative;width: 100%;top:0%;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);} .serviceCore .con dl dd{width: 96%;margin: 2%;} .serviceCore .con dl dd h4{font-size: 20px;margin-bottom: 3%;padding-bottom: 4%;position: relative;} .serviceCore .con dl dd h4::after{position: absolute;left: 0;bottom:0;content: "";width: 30px;height: 2px;background: #3d6db8;} .serviceCore .con dl dd p{font-size: 15px;letter-spacing: 0;line-height: 180%;} .serviceCore .text{padding: 0;} .serviceCore .pic{position: relative;width: 100%;top:0%;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);} .serviceCore .txt{width: 96%;margin: 2%;} .serviceCore .txt h4{font-size: 20px;margin-bottom: 3%;padding-bottom: 4%;position: relative;} .serviceCore .txt h4::after{position: absolute;left: 0;bottom:0;content: "";width: 30px;height: 2px;background: #3d6db8;} .serviceCore .txt p{font-size: 15px;letter-spacing: 0;line-height: 180%;} .cnas .txt p{font-size: 16px;} .cnas .txt h2{font-size: 22px;letter-spacing: 1px;padding: 3% 0;border-top: 1px solid rgba(255,255,255,.6);border-bottom: 1px solid rgba(255,255,255,.6);line-height: 140%;margin: 3% 0;} .cnas .txt h2 span{display: none;} .cnas .txt h3{width: 60%;line-height: 180%;font-weight: normal;font-size: 16px;} .cnas .txt h3 span{display: none;} .cnas .txt .tel span{display: none;} .cnas .txt img{width: 30%;} .serviceProject .txt h3{font-size: 20px;} .serviceProject .txt h4{font-size: 18px;letter-spacing: 2px;} .serviceProject .txt p{font-size: 15px;line-height: 180%;letter-spacing: 2px;} .serviceProject .txt a{font-size: 16px;} .serviceProject .swiper-pagination .swiper-pagination-bullet{width: 6px;} .direct::after{display: none;} .direct h4{padding: 4% 0;background: #ff8f46;} .direct h4 span{width: 36px;line-height: 34px;border: 1px solid #fff;margin: 2px;font-size: 20px;background: none;} .direct h4 i span{background: none;} .direct .txt h3{font-size: 24px;letter-spacing: 2px;} .direct .txt ul li{justify-content: flex-start;font-size: 15px;} .direct .txt ul li i{margin-right: 5px;} .direct .txt ul li span{font-size: 16px;} .direct .txt p{font-size: 15px;padding-right: 30%;} .direct .txt .tel span{display: none;} .direct .pic{bottom:5%;right: 0;} .approve h3{font-size: 20px;letter-spacing: 1px;} .approve .p span{width: 32px;line-height: 32px;margin: 0 3px;font-size: 20px;} .approve dl:nth-child(2) dd{position: relative;top:0;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);} .approve dl dt{width: 100%;} .approve dl dd{width: 100%;padding: 4% 3% 3% 3%;background: #f2f8ff;} .approve dl dd h4{font-size: 18px;} .approve dl dd p{font-size: 15px;letter-spacing: 0;text-align: justify;} .trust .txt h3{font-size: 20px;} .trust ul li{font-size: 14px;letter-spacing: 0;width: 33%;} .trust ul li:first-child{width: 25%;} .trust ul li i{font-size: 16px;} .trust ul li span{font-size: 16px;} .trust ul li em{width: auto;} .trust .txt h4{font-size: 16px;padding-right: 40%;} .trust .txt .tel span{display: none;} .trust .pic{height: auto;right: 0;top:55%;width: 42%;} .impartiality .title p{padding: 0 2%;} .impartiality .txt1 p,.impartiality .txt2 p{width: 100%;} .impartiality .txt p{font-size: 14px;line-height: 160%;} .impartiality .txt p::after{border-width: 8px;} .impartiality .txt p span{right: 3%;font-size: 24px;} .impartiality .txt1 p span{right: 3%;} .impartiality .p{font-size: 15px;padding: 0 3%;} .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;line-height: 24px;height: 24px;overflow: hidden;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;} .than .tit h3 span{width: 32px;line-height: 32px;font-size: 20px;} .than .tit p{font-size: 16px;letter-spacing: 0;} .than .txt{width: 100%;margin-top: 2%;padding: 0;} .than .txt ul li{width: 49%;} .than .txt ul li:nth-child(1), .than .txt ul li:nth-child(2){margin-bottom: 2%;} .than .txt ul li p{font-size: 15px;letter-spacing: 0;padding-left: 35px;line-height: 200%;} .ganyan h4{font-size: 18px;} .ganyan hr{width: 30px;margin: 3% 0;} .ganyan p{font-size: 14px;line-height: 160%;} .customized .txt .t{justify-content: center;} .customized .txt .t img{width: 60px;margin-right: 10px;} .customized .txt .t b{font-size: 30px;} .customized .txt .t b span{font-size: 12px;} .customized .txt .t em{font-size: 18px;letter-spacing: 1px;display: none;} .customized .txt .c{justify-content: center;} .customized .txt .c span{margin: 2px;} .customized .txt h3{font-size: 20px;letter-spacing: 1px;line-height: 30px;height: 30px;overflow: hidden;text-align: justify;text-align-last: justify;display: block;} .customized .txt p{font-size: 16px;letter-spacing: 1px;} .customized .txt .tel span{display: none;} .customized .pic{top:auto;bottom:0;} .gratis .txt{position: relative;z-index: 2;} .gratis .txt .c{justify-content: center;} .gratis .txt .c span{margin: 3px;} .gratis .txt h3{font-size: 18px;text-align: justify;text-align-last: justify;letter-spacing: 0;} .gratis .txt dl dt{width: 56px;} .gratis .txt dl dd{width: calc(100% - 66px);} .gratis .txt dl dd h4{font-size: 17px;letter-spacing: 0;text-align: justify;text-align-last: justify;} .gratis .txt dl dd h5{font-size: 22px;letter-spacing: 0;text-align: justify;text-align-last: justify;} .gratis .txt p{width: 55%;font-size: 18px;} .gratis .txt p strong{font-size: 20px;margin: 5px 0;} .gratis .txt .tel span{display: none;} .gratis .pic{top:42%;} .coreTit h4 span{width: 32px;line-height: 32px;font-size: 20px;margin: 1px;} .coreTit h3{font-size: 20px;margin: 5px 0 2px 0;} .coreTit p{font-size: 16px;padding: 0 5%;} .coreList ul li img{display: none;} .coreList ul li i{display: none;} .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: 150%;padding-left: 20px;} .core .txt p i{top:4px;} .core .txt p span{font-size: 16px;} .core .txt p em{display: none;} .benefit{overflow: hidden;} .benefit h3{font-size: 20px;} .benefit ul li:nth-child(1),.benefit ul li:nth-child(2),.benefit ul li:nth-child(3),.benefit ul li:nth-child(4),.benefit ul li:nth-child(5){width: 100%;} .benefit ul li:nth-child(3){margin: 0;} .benefit ul li{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: space-between;align-items: center;position: relative;margin: 1% 0;} .benefit ul li img{width: 30%;margin-right: 2%;} .benefit ul li:nth-child(even) img{width: 30%;} .benefit ul li span{position: absolute;width: 36px;line-height: 36px;font-size: 18px;top:0;right: 0;} .benefit ul li span::after{height: 150px;bottom:auto;top:0;} .benefit ul li hr{display: none;} .benefit ul li p{width: 68%;font-size: 15px;text-align: left;margin: 0;padding-right: 40px;text-align: justify;} .earnest .pic{position: absolute;left: 0;top: 5%;width: 42%;} .earnest .txt ul{margin-left: 45%;} .earnest .txt ul li{line-height: 180%;letter-spacing: 2px;} .earnest .txt h5 em{font-size: 16px;letter-spacing: 1px;padding: 0 10px;} .earnest .txt h5{display: block;} .earnest .txt .h img{display: none;} .earnest .txt .h h3{width: 100%;} .earnest .txt .h h3 span{margin: 0;} .earnest .txt .h h3 i{justify-content: space-between;margin: 3px 0;} .earnest .txt p{font-size: 16px;text-align: center;margin: 2% 0;} .earnest .txt p span{display: none;} .earnest .txt .tel{display: flex;justify-content: center;} .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;} .flowsheet .title h3{height:36px;overflow:hidden;} .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;} .BrandTrust .txt h3{font-size: 20px;letter-spacing: 1px;text-align: justify;text-align-last: justify;} .BrandTrust .txt h4{display: block;font-size: 20px;text-align: justify;text-align-last: justify;} .BrandTrust .txt p{font-size: 16px;letter-spacing: 0;} .BrandTrust .txt p span{display: block;letter-spacing: 2px;} .BrandTrust .txt .f img{width: 60px;margin-right: 10px;} .BrandTrust .txt .f h2{font-size: 20px;} .BrandTrust .txt .tel span{display: none;} .BrandTrust .pic{top:65%;right: 0;width: 45%;} .provider .txt{width: 100%;} .provider .txt .c{justify-content: center;margin-bottom: 1%;} .provider .txt .c span{font-size: 18px;width: 32px;line-height: 30px;margin: 2px;} .provider .txt h3{font-size: 20px;text-align: justify;text-align-last: justify;letter-spacing: 0;} .provider .txt h4{text-align: center;} .provider .txt h4::after{left: -20%;} .provider .txt h4 em{font-size: 20px;padding: 0 20px 0 25px;border-radius: 30px;} .provider .txt h4 em::after{display: none;} .provider .txt h5{font-size: 17px;padding: 1% 2%;} .provider .txt ul li{font-size: 15px;letter-spacing: 0;} .provider .txt ul li:last-child{padding-right: 40%;} .provider .txt ul li i{display: none;} .provider .txt ul li span{font-size: 16px;font-weight: bold;} .provider .txt .tel span{display: none;} .provider .pic{top:68%;width: 45%;} .statement h3{font-size: 20px;} .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;} .strengthTit h3 span{width: 40px;line-height: 40px;margin: 5px 3px;font-size: 24px;} .strengthTit h3 strong{font-size: 24px;line-height: 150%;} .strengthTit p{font-size: 16px;padding: 0 2%;} .strengthList ul li i{display: none;} .strengthList ul li b{font-size: 18px;width: 50px;text-align: center;letter-spacing: 2px;font-weight: normal;} .strengthList ul li b span{display: none;} .strength .txt{padding: 4% 3%;} .strength .txt dl{margin-top: 2%;} .strength .txt dl dt{margin-right: 10px;} .strength .txt dl dt i{width: 50px;line-height: 46px;} .strength .txt dl dd b{font-size: 24px;} .strength .txt dl dd span{font-size: 15px;} .strength .txt h3{font-size: 17px;} .strength .txt p{font-size: 15px;line-height: 180%;letter-spacing: 0;text-align: justify;} .strength .strengthPage{font-size: 20px;padding-top: 10px;} .advantage h3{font-size: 20px;letter-spacing:1px;} .advantage dl{align-items:flex-start;} .advantage dl dt{width: 70px;} .advantage dl dd{width: calc(100% - 80px);} .advantage dl dd h5{font-size: 18px;} .advantage dl dd p{font-size: 15px;letter-spacing: 0;} .customization .container{padding: 4% 0;} .customization .txt1{width: 100%;} .customization .txt1 h3{justify-content: center;} .customization .txt1 h5{text-align: center;text-align-last:center;margin-bottom: 3%;} .customization .txt2{padding: 2% 3%;} .customization .txt2 h4{font-size: 20px;letter-spacing: 1px;} .customization .txt2 p{padding-right: 40%;} .customization .pic{display: block;width: 40%;} .free .txt::after{display: none;} .free .txt .f .img{display: none;} .free .txt .f .text{width: 100%;} .free .txt .c span{width: 32px;line-height: 30px;font-size: 18px;margin: 3px;} .free .txt .f .text h4{font-size: 18px;letter-spacing: 0;text-align: justify;text-align-last: justify;margin: 2% 0;} .free .txt h3{font-size: 18px;letter-spacing: 0;line-height: 28px;height: 28px;overflow: hidden;text-align: justify;text-align-last: justify;} .free .txt p{font-size: 16px;} .free .txt p strong{font-size: 24px;letter-spacing: 1px;} .free .txt p span{width:100%;} .free .txt p span i{display:inline;padding-left:5px;} .free .txt ul{width: 100%;margin: 0;} .free .txt ul li{padding: 5px 5px;} .free .txt .tel span{display: none;} .free .pic{display: none;} .one-stop .container{padding: 4% 0;} .one-stop .txt h3{font-size: 20px;letter-spacing: 0;text-align: justify;text-align-last: justify;} .one-stop .txt h4{text-align: justify;padding-bottom: 2%;} .one-stop .txt h5{font-size: 20px;} .one-stop .txt p{font-size: 16px;padding-right: 45%;} .one-stop .txt .tel span{display: none;} .one-stop .pic{width: 42%;top:58%;} .listen .container{padding: 4% 0;} .listen .txt{width: 100%;} .listen .txt h3{font-size: 20px;text-align: justify;text-align-last: justify;letter-spacing: 0;} .listen .txt h3 span{font-size: 24px;} .listen .txt .c span{width: 30px;line-height: 28px;font-size: 18px;} .listen .txt h4{font-size: 22px;} .listen .txt p{text-align: left;text-align-last: left;font-size: 16px;line-height: 180%;} .listen .txt p span{display: block;} .listen .txt .tel span{display: none;} .listen .pic{left: auto;right: -4%;top:60%;} .position i{margin-right: 5px;} .serviceShow .txt h2{font-size: 20px;letter-spacing: 0;} .serviceShow .txt h2 img{width: 30px;margin-right: 10px;} .serviceShow .txt div{line-height: 180%;} .serviceShow .pic ul li{width: 100%;margin: 1% 0;} .effect .con{width: 100%;} .effect .con .added h3{font-size: 18px;text-align: center;} .effect .con .added ul li{width: 32%;text-align: center;} .effect .con .added ul li:last-child{margin-right: 0;} .effect .con .txt h3{font-size: 18px;text-align: center;} .effect .con .txt ul li{width: 100%;padding: 5px 0 5px 10px;font-size: 15px;letter-spacing: 0;line-height: 200%;} .effect .con .txt ul li span{display: none;} .effect .con .pic{width: 20%;right: 0;} .effect .text h3{font-size: 18px;margin: 4% 0 1% 0;text-align: center;} .effect .text ul{flex-wrap: wrap;} .effect .text ul li{margin: 1% 0;font-size: 15px;} .effect .text ul li span{padding: 0 5px;} .effect .text ul li span::before{border-width: 20px;} .effect .img{display: none;} .provide .txt h3{font-size: 22px;text-align: justify;text-align-last: justify;letter-spacing: 0;} .provide .txt h2{justify-content: space-between;} .provide .txt h2 span{width: 32px;line-height: 32px;font-size: 20px;margin: 0;} .provide .txt h2 i{width: 36px;margin: 0;} .provide .txt h4{font-size: 18px;letter-spacing: 2px;} .provide .txt p{font-size: 16px;padding-right: 40%;letter-spacing: 1px;} .provide .txt .tel span{display: none;} .provide .pic{right: 0;width: 45%;} .process .tit h3{font-size: 20px;} .process .tit h3 span{display: none;} .process .tit p span{width: 28px;line-height: 28px;font-size: 15px;margin: 3px 1px;} .process .txt ul{align-items: flex-start;} .process .txt ul li h5{font-size: 18px;padding-bottom: 5%;margin-bottom: 5%;} .process .txt ul li h5 span{background: none;color: #3d6db8;line-height: 30px;} .process .txt ul li h5 span::before{display: none;} .process .txt ul li p{font-size: 15px;line-height: 160%;} .details .title ul li{width: 60px;margin: 0 1%;border-radius: 6px;padding: 8px;letter-spacing: 0;line-height: 130%;} .details .txt p{font-size: 14px;letter-spacing: 0;} .details .txt p span{width: 24px;line-height: 24px;font-size: 14px;} .certificateTit img{width: 50px;margin-right: 6px;} .certificateTit h3{font-size: 20px;} .certificateTit h3 span{font-size: 15px;letter-spacing: 0;} .certificateTxt ul li{width: 60px;border-radius: 6px;padding: 8px;letter-spacing: 0;line-height: 130%;font-size: 16px;} .certificateList .pic ul li p{display: none;} .cnasTxt h3 span{width: 32px;line-height: 32px;font-size: 18px;margin: 0 3px;} .cnasTxt ul li{width: 100%;font-size: 15px;padding: 2% 4%;} .increment .c span{width: 32px;line-height: 32px;font-size: 22px;margin: 2px;} .increment .txt{width: 100%;} .increment .txt .icon{width: 60px;} .increment .txt .text{width: calc(100% - 70px);} .increment .txt h3{font-size: 24px;letter-spacing: 0;text-align: justify;text-align-last: justify;} .increment .txt h5 span{width: 26px;line-height: 24px;font-size: 16px;} .increment .txt h4{font-size: 18px;margin: 3% 0;line-height: 24px;padding:8px 0;} .increment .txt h4::before{border-width: 32px 15px;left: -30px;} .increment .txt h4::after{border-width: 32px 15px;right: -30px;} .increment .txt p{display: block;text-align: left;font-size: 15px;margin-top: 0;} .increment .txt p span{display: block;} .increment .txt p.en{display: none;} .increment .txt .tel{justify-content: flex-start;} .increment .txt .tel span{display: none;} .increment .pic{top:58%;width: 45%;} .intimate .txt .c{justify-content: center;} .intimate .txt .c span{width: 36px;line-height: 36px;font-size: 20px;margin: 3px;} .intimate .txt h3{font-size: 20px;text-align: center;letter-spacing: 0;} .intimate .txt h3 span{display: inline-block;letter-spacing: 2px;padding: 0 10px;position: relative;z-index: 1;} .intimate .txt h3 span::before{content: "";position: absolute;left: -100%;top:50%;width: 100%;height: 1px;background: #fff;} .intimate .txt h3 span::after{content: "";position: absolute;right: -100%;top:50%;width: 100%;height: 1px;background: #fff;} .intimate .txt h3 em{display: block;text-align: justify;text-align-last: justify;} .intimate .txt h4{font-size: 16px;letter-spacing: 1px;} .intimate .txt h4 span{display: block;} .intimate .txt .tel span{display: none;} .intimate .txt .tel a{font-size: 24px;} .intimate .pic{width: 30%;top:60%;} .make .txt .c{height: 28px;overflow: hidden;margin: 2% 0 3% 0;} .make .txt .c span{width: 28px;line-height: 28px;font-size: 18px;} .make .txt .text img{width: 60px;} .make .txt h3{width: calc(100% - 70px);font-size: 20px;text-align: justify;text-align-last: justify;letter-spacing: 0;} .make .txt h5{padding-right: 45%;} .make .pic{right: 0;width: 45%;} .addedCon .title p{font-size: 15px;letter-spacing: 0;padding: 0 3%;} .addedCon .txt ul li{width: 100%;padding: 3% 4%;} .addedCon .txt ul li h5{font-size: 18px;padding-left: 15px;margin-top: 1%;} .addedCon .txt ul li h5 span{width: 32px;line-height: 32px;} .addedCon .txt ul li p{font-size: 15px;letter-spacing: 1px;} } /*right*/ .right-service .txt h3 a{font-size: 16px;} .right{width: 100%;padding: 2%;background: #f2f8ff;overflow: hidden; margin-top: 20px;} .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: 0%;position: relative;} .right-contact p{color: #888;} .right-contact .pic{position: absolute;width: 30%;right: 10px;top:0; z-index: 9;} .right-contact .txt{padding: 5% 5% 3% 5%;background: #fff;text-align: justify;margin: 5% 0;line-height: 180%; width: 100%;} .right-contact .rightTel{margin-bottom: 6%;justify-content: flex-start;} .right-contact .rightTel i{font-size: 76px;color: #3d6db8;margin-right: 20px;} .right-contact .rightTel span{font-size: 16px;letter-spacing: 1px;color: #888;} .right-contact .rightTel a{display: block;color: #ff8f46;font-size: 30px;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: 0%; font-size: 12px;} .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;}