.about{width:100%;float:left;}
.about-container{width:1200px;padding:20px 0 90px;margin: 0 auto;position: relative;}
.about-left{width:53%; float:left;position: absolute;top: 50%; left: 47%;transform: translate(0, -50%);}
.about-info{width:100%;float:left; text-align:justify;color: #3b4447;margin-bottom: 30px}
.about-info p{line-height: 1.8em;text-align:justify;}
.about-pic{width:40%; float:left;}
 .about-pic img{max-width:100%;height: auto; margin: 0; display: block;} 
.about-title{width:100%;float:left;letter-spacing:0.1em;font-weight: 500;font-size: 34px;margin-bottom: 30px;color: #0061a3}
@media only screen and (max-width: 1600px) {
.about-container{width:1160px;padding:20px 0 70px;}
}
@media only screen and (max-width: 1280px) {
.about-container{width:88%;padding:20px 0 70px;}
.about-title{font-size: 32px;margin-bottom: 30px}
}
@media only screen and (max-width: 980px) {
.about-container{width:90%;padding:20px 0}
.about-title{font-size: 28px;margin-bottom: 15px}
.about-left{width:54%;float: left; margin-left: 6%; position:static;transform: translate(0, 0);}	
.about-info{margin-bottom: 15px}
}
@media only screen and (max-width: 767px) {
.about-container{padding:20px 0 10px;}
.about-title{font-size: 28px;margin-bottom: 15px}
.about-left{width:100%; margin: 0; transform: translate(0, 0);}	
.about-pic{width:100%; margin-bottom: 30px}
.about-title{font-size: 26px;margin-bottom: 15px;letter-spacing: 0}	
.about-info p{font-size: 17px;margin: 0}
}

.about-service{width:100%;float:left;}
.aboutb-container{width:1400px;margin:0 auto 100px;}
.about-item{width:47%;float: left;-moz-transition: opacity 0.6s, -moz-transform 0.6s;-o-transition: opacity 0.6s, -o-transform 0.6s;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;margin:0 1.5%; position: relative}
.item-img{width:35%; float: left;margin-right: 4%;}
.item-img img {max-width: 100%; height: auto;display: block; border-radius: 10px}
.about-tx{width:61%;float: left; letter-spacing: 0.05em;position: absolute;top: 50%; left: 39%;transform: translate(0, -50%);}
.about-tx h2{ font-size: 28px; margin-bottom: 12px;font-weight: 500;line-height: 1.5em;color: #0061a3}
.about-tx p{line-height: 1.6em;color: #333;text-align: justify}
.about-subtitle{width: 100%;float: left; text-align: center;margin: 0 0 60px;padding: 0 1.5%}
.about-subtitle h2{font-size: 34px;margin-bottom: 25px; line-height: 1.2em;font-weight: 500;letter-spacing: 0.1em;color: #0061a3}
.about-subtitle p{font-size: 18px;letter-spacing: 0.1em;line-height: 2em;text-align: left}

@media only screen and (max-width: 1600px) {
.aboutb-container{width:1200px;margin:0 auto 80px;}
.about-subtitle{margin: 0 0 50px;}
}
@media only screen and (max-width: 1280px) {
.aboutb-container{width:91%;margin:0 auto 70px;}
.about-subtitle{margin: 0 0 50px}
.about-subtitle h2{font-size: 32px;}
.about-tx h2{ font-size: 26px; margin-bottom: 12px;}
}
@media only screen and (max-width: 980px) {
.aboutb-container{width:90%;margin:0 auto 30px;}
.about-subtitle{margin: 0 0 35px}
.about-subtitle h2{font-size: 26px;margin-bottom: 20px;}
.about-subtitle p{font-size: 18px;}
.about-item{width:100%;margin:0 0 30px}
.about-tx h2{ font-size: 26px; }
}
@media only screen and (max-width: 767px) {
.aboutb-container{margin:0 auto 10px;}
.about-subtitle{margin: 0 0 30px;text-align: left;padding: 0}
.about-subtitle h2{font-size: 26px;margin-bottom: 15px;letter-spacing: 0}
.about-subtitle p{font-size: 17px;letter-spacing: 0;line-height: 1.8em}
.about-tx{width:61%;float: left;position:static;transform: translate(0, 0);}	
.about-tx h2{ font-size: 22px; margin-bottom: 6px;}	
}
.advantage{width:100%;float:left;background-color:#e6eff8;padding: 90px 0;text-align: center;font-size: 40px;}
.advantage-container{width:1400px;margin:0 auto;}
.advantage-title{width: 100%;float: left; text-align: center;margin: 0 0 100px;padding: 0 1.5%}
.advantage-title h2{font-size: 34px;margin-bottom: 25px; line-height: 1.2em;font-weight: 500;letter-spacing: 0.1em;color: #0061a3}
.advantage-title p{font-size: 18px;letter-spacing: 0.1em;line-height: 2em;}
.advantage-inner{width:100%;float:left;margin-bottom: 70px}
.advantage-item{width: calc((100% - 100px)/3);float: left;height:290px; margin: 0 50px 0 0; padding:65px 25px 15px; border: 1px solid #666;position:relative;border-radius: 10px;}
.advantage-item:nth-child(2) {margin: 0 50px 0 0;}
.advantage-item:nth-child(3) {margin: 0;}
.cor-green{position:absolute; left:50%; top:-45px;width: 90px;height: 90px;background-color: #57bc38;border:2px solid #fff;border-radius: 99em;margin-left: -45px;}
.cor-green i, .cor-orange i, .cor-blue i{color: #fff; font-size:40px;line-height: 88px}
.cor-orange{position:absolute; left:50%; top:-45px;width: 90px;height: 90px;background-color: #ff9801;border:2px solid #fff;border-radius: 99em;margin-left: -45px;}
.cor-blue{position:absolute; left:50%; top:-45px;width: 90px;height: 90px;background-color: #2ca6e5;border:2px solid #fff;border-radius: 99em;margin-left: -45px;}
.advantage-bottom{width:100%;float:left;font-size: 20px;font-weight: 500}
.arrowp{width:100%; float:left;margin:0;}
.advantageinfo{ width: 100%;float: left; margin: 0;font-size:17px; text-align: justify;letter-spacing: 0}
.arrowp-title{width: 100%;float: left;font-size: 24px;font-weight: 500;margin-bottom: 15px}

@media only screen and (max-width: 1600px) {
.advantage{padding: 70px 0;}
.advantage-container{width:1160px;}
.advantage-inner{margin-bottom: 60px}
.advantage-title{margin: 0 0 80px;}
.advantage-item{height:335px; margin: 0 50px 0 0; padding:65px 25px 15px;}
}
@media only screen and (max-width: 1280px) {
.advantage{padding: 70px 0;}
.advantage-container{width:88%;}
.advantage-title h2{font-size: 32px;}
.advantage-title p{line-height: 1.8em;}
.advantage-item{height:350px; margin: 0 40px 0 0;}
}
@media only screen and (max-width: 980px) {
.advantage{padding: 55px 0;}
.advantage-container{width:90%;}
.advantage-inner{margin-bottom: 10px}
.advantage-title{margin: 0 0 35px}
.advantage-title h2{font-size: 28px;margin-bottom: 20px;}
.advantage-item{width: 95%;float: left;height:auto; margin: 0 0 30px 5%; padding:25px 25px 25px 65px; }
.advantage-item:nth-child(2),.advantage-item:nth-child(3){margin: 0 0 30px 5%;}
.cor-green{position:absolute; left:0; top:50%;width: 90px;height: 90px;margin-left: -45px;margin-top: -45px}
.cor-green i, .cor-orange i, .cor-blue i{color: #fff; font-size:40px;line-height: 88px}
.cor-orange{position:absolute; left:0; top:50%;width: 90px;height: 90px;margin-left: -45px;margin-top: -45px}
.cor-blue{position:absolute; left:0; top:50%;width: 90px;height: 90px;margin-left: -45px;margin-top: -45px}
.arrowp-title{ont-size: 22px;margin-bottom: 10px;text-align: left}
.advantage-bottom{font-size: 20px;line-height: 1.8em}
}
@media only screen and (max-width: 767px) {
.advantage{padding: 35px 0;}
.advantage-inner{margin-bottom:0}
.advantage-title{margin: 0 0 30px;text-align: left;padding: 0}
.advantage-title h2{font-size: 26px;margin-bottom: 15px;letter-spacing: 0}
.advantage-title p{font-size: 17px;letter-spacing: 0;line-height: 1.8em}
.advantage-item{width: 95%;float: left;height:auto; margin: 0 0 25px 5%; padding:25px 15px 20px 45px; }
.advantage-item:nth-child(2),.advantage-item:nth-child(3){margin: 0 0 25px 5%;}
.arrowp-title{ont-size:20px;margin-bottom: 10px;}
.cor-green,.cor-orange,.cor-blue{position:absolute; left:0; top:60px;width: 65px;height: 65px;margin-left: -30px;}
.cor-green i, .cor-orange i, .cor-blue i{font-size:28px;line-height: 63px}
.advantage-bottom{font-size: 18px;line-height: 1.8em;text-align: justify;padding: 0 10px}
}