/* img scale */
.s_about_pic .about_pic img, .adv_info .title, .about_adv_right .adv_pic img, .branche_item .branche_pic{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.s_about_pic:hover .about_pic img, .about_adv_right:hover .adv_pic img{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
}

/* s_about_top */
.s_about_top{overflow: hidden; background: #FAFAFA; padding: 3% 0 4%;}

.s_about_pic{width: 51%;}
.s_about_con{width: 44%;}
.s_about_con .web_th .title{font-family: 'MicrosoftPhagsPa-Bold';}
.s_about_con .web_th .brief{margin-top: 20px; max-height: 384px; overflow-y: auto;}
.s_about_pic .about_pic{padding-bottom: 88.25%; overflow: hidden;}

@media only screen and (max-width: 1200px) {
	.s_about_con .web_th .brief{max-height: none;overflow-y: visible;}
}
@media only screen and (max-width: 950px) {
	.s_about_top{padding: 30px 0;}
	.s_about_con .web_th .brief{max-height: unset;}
	.s_about_pic{width: 100%;}
	.s_about_con{width: 100%; margin-top: 20px;}
	.s_about_pic .about_pic{padding-bottom: 70%;}
}


/* about_num */
.about_num{margin-top: 3%;}
.about_num .alignTop{font-family: 'Poppins-Bold'; color: #0D44A8; justify-content: center;}
.about_num .world-number{ font-size: 60px; line-height: 1.25; padding-top: 5px;}
.about_num .world-number-l{font-size: 48px; line-height: 1; margin-left: 3px;}
.about_num .world-tip-b{line-height: 1.5; font-size: 24px; color: #000; text-align: center; font-family: 'Poppins-Regular';}


@media only screen and (max-width: 1450px) {
	.about_num .world-number{font-size: 52px;}
	.about_num .world-number-l{font-size: 42px;}
}
@media only screen and (max-width: 1350px) {
	.about_num .world-number{font-size: 44px;}
	.about_num .world-number-l{font-size: 36px;}
	.about_num .world-tip-b{font-size: 22px;}
}
@media only screen and (max-width: 1200px) {
	.about_num .world-number{font-size: 36px;}
	.about_num .world-number-l{font-size: 30px;}
	.about_num .world-tip-b{font-size: 20px;}
}
@media only screen and (max-width: 950px) {
	.s_about_num{margin-top: 0;}
	.about_num{flex-wrap: wrap;}
	.about_num .num_item{margin-top: 20px;width: 100%;}
	.about_num .world-number{font-size: 32px;}
	.about_num .world-number-l{font-size: 24px;}
	.about_num .world-tip-b{font-size: 18px;}
}

/* s_about_adv */
.s_about_adv{padding: 0 0 3.5%; position: relative;}
.s_about_adv::before{position: absolute; left: 0; top: 0; right: 0; height: 10%; background: #FAFAFA; content: '';}
.about_adv_inner{}
.about_adv_left{width: 48%; padding-top: 10%;}
.about_adv_right{width: 48%;}

.about_adv_left .web_th .title{position: relative; padding-bottom: 12px; display: inline-block;}
.about_adv_left .web_th .title::before{position: absolute; bottom: 0; left: 0; width: 120px; height: 2px; background: #0D44A8; content: '';}
.about_adv_left .web_th .title a.txt:hover{text-decoration: none;}
.about_adv_left .web_th .brief{opacity: 0.8; font-family: 'MyriadPro-Regular'; margin-top: 30px; max-height: 96px; overflow-y: auto;}

.advantage_ul{padding: 5% 0 0;}
.advantage_ul li{width: 48%; max-width: 300px;}
.advantage_ul li:nth-child(n+3){margin-top: 30px;}
.adv_item .adv_pic{overflow: hidden; height: 70px;}
.adv_item .adv_pic img{display: block; height: 100%;}

.adv_info{font-family: 'MicrosoftPhagsPa-Bold';}
.adv_info .title{display: block; margin: 25px 0 15px;}
.adv_info .txt{display: block; font-family: 'MicrosoftPhagsPa'; line-height: 1.5;}

.adv_item:hover .adv_pic img{animation: swing 0.5s;}
.adv_item:hover .adv_info .title{margin-left: 5px;}

.about_adv_right .adv_pic{padding-bottom: 115%; padding-bottom: 0; height: 100%; overflow: hidden;}

@media only screen and (max-width: 1200px) {
	.about_adv_left .web_th .brief{margin-top: 15px;}
	.about_adv_left{padding-top: 11%;}
	.adv_info .title{margin: 15px 0 10px;}
}
@media only screen and (max-width: 950px) {
	.s_about_adv{padding: 30px 0;}
	.s_about_adv::before{height: 0;}
	.about_adv_left{width: 100%; padding-top: 20px; order: 2;}
	.about_adv_right{width: 100%; order: 1;}
	.about_adv_right .adv_pic{height: 0; padding-bottom: 85%;}
	
	.adv_info .txt{max-height: unset;}
	.about_adv_left .web_th .brief{max-height: unset;}
	.advantage_ul{flex-direction: column; padding: 0;}
	.advantage_ul li{padding: 16px 0 0; width: 100%; max-width: unset;}
	.advantage_ul li:nth-child(n+3){margin-top: 0;}
	.adv_info .title{margin: 12px 0 6px;}
}

/* s_about_map */
.s_about_map{background: #0D44A8; padding: 3% 0 3.5%;}
.map_left{width: 36%; position: relative; z-index: 1;}
.map_right{width: 48.21%; position: relative; margin-right: 4.5%;}
.map_inner .web_th .s_title{color: #fff;}
.map_inner .web_th .title{color: #fff; font-family: 'Heebo-ExtraBold'; font-size: 50px; line-height: 1.3; overflow: hidden;}
.map_inner .web_th .title .txt_bg{color: #0D44A8; background: #fff; padding: 0 10px 0 5px;}
.map_inner .web_th .brief{color: #fff; font-size: 20px; font-family: 'MyriadPro-Semibold'; margin-top: 6%; max-height: 150px; overflow-y: auto;}
.map_inner .more_btn{margin-top: 7%;}

.point, .point::before, .point::after {
	display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; content: '';
}

@keyframes scale {
	0% {transform: scale(1); opacity: .9;}
	100% {transform: scale(5); opacity: 0;}
}
@keyframes scale2 {
	0% {transform: scale(1); opacity: .9;}
	100% {transform: scale(10); opacity: 0;}
}

.point, .point::before, .point::after {background: #3256A4; cursor: pointer;}
.point:hover::before {animation: scale 2s infinite;}
.point:hover::after {animation: scale2 2s infinite;}
.point p {
	font-family: 'MyriadPro-Regular'; font-weight: 400; font-size: 20px;
	color: #0D44A8; padding-top: 8px; line-height: 26px; position: absolute;
	left: 50%; transform: translateX(-50%); opacity: 0;
	transition: all 0.3s ease-in-out; white-space: nowrap; cursor: pointer;
	pointer-events: none;
	text-shadow: 0 0 4px rgba(255, 255, 255, 1);
}
.point:hover p {opacity: 1; pointer-events: auto;}


@media only screen and (max-width: 1450px) {
	.map_inner .web_th .title{font-size: 44px;}
}
@media only screen and (max-width: 1350px) {
	.map_inner .web_th .title{font-size: 38px;}
}
@media only screen and (max-width: 1200px) {
	.map_inner .web_th .title{font-size: 32px;}
}
@media only screen and (max-width: 950px) {
	.s_about_map{padding: 30px 0;}
	.map_inner .web_th .title{font-size: 26px;}
	.map_inner{flex-direction: column;}
	.map_left{width: 100%;}
	.map_inner .web_th .brief{margin: 20px 0 0; max-height: unset;}
	.map_inner .more_btn{margin: 6px 0 0;}
	.map_right{width: 100%; margin: 20px 0 0; overflow: hidden;}
}

/* branche_inner */
.branche_inner{font-family: 'MyriadPro-Regular'; color: #fff; margin-top: 20px;}
.branche_inner .th{padding-left: 10px;}
.point1, .point1::before, .point1::after {
	display: block; width: 7px; height: 7px; border-radius: 50%; content: ''; background: #fff; cursor: pointer;
}
.point1{position: relative; margin-right: 14px; margin-bottom: 3px;}
.point1::before, .point1::after{position: absolute;}
.point1::before {animation: scale3 2s infinite;}
.point1::after {animation: scale4 2s infinite;}
.branche_inner .txt{line-height: 24px;}

@keyframes scale3 {
	0% {transform: scale(1); opacity: .9;}
	100% {transform: scale(3.5); opacity: 0;}
}
@keyframes scale4 {
	0% {transform: scale(1); opacity: .9;}
	100% {transform: scale(6); opacity: 0;}
}

.branche_list{margin-top: 20px;}
.branche_list li{width: 33.33%; box-sizing: border-box; padding-right: 30px; position: relative;}
.branche_item::before{position: absolute; left: 0; top: 30px; height: 2px; background: #CED6E0; width: 100%; content: ''; z-index: 0;}
.branche_item .branche_pic{width: 62px; height: 62px; border-radius: 50%; overflow: hidden; background: #F0F3F7; position: relative; z-index: 2; padding: 15px; box-sizing: border-box;}
.branche_item .branche_pic img{display: block; width: 100%; height: 100%;}

.branche_num{font-family: 'MyriadPro-Semibold'; color: #fff; margin: 20px 0 5px;}
.branche_num .num{font-size: 40px; line-height: 1;}
.branche_num .unit{font-size: 20px; line-height: 1; margin-left: 5px; padding-top: 5px;}

.branche_item:hover .branche_pic{background: #fff;}
.branche_item:hover .branche_pic img{animation: swing 0.5s;}

@media only screen and (max-width: 950px) {
	.branche_list li{width: 100%; padding-bottom: 26px;}
	.branche_list li:last-child{padding-bottom: 0;}
	.branche_item{
		display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
		display: -moz-box; display: flex;
	}
	.branche_item::before{top: 0; width: 2px; left: 26px; height: 100%;}
	.branche_list li:last-child:before{height: 0;}
	.branche_num{margin: 5px 0 5px;}
	.branche_num .num{font-size: 30px;}
	.branche_num .unit{padding-top: 0;}
	.branche_item .branche_pic{margin-right: 12px; width: 54px; height: 54px; padding: 12px;}
	.branche_info{flex: 1;}
}


/* s_about_cer */
.s_about_cer{padding-top: 3%;}
.s_about_cer .web_th .title{position: relative; display: inline-block; padding-bottom: 12px;}
.s_about_cer .web_th .title::before{position: absolute; left: 50%; bottom: 0; margin-left: -60px; width: 120px; height: 2px; background: #0D44A8; content: '';}

.about_ser_list li{width: 30%; margin-top: 3%;}
.cer_item .cer_pic{padding-bottom: 135%; overflow: hidden;}
.about_cer{padding: 2% 0 50px;}
.cer-prev, .cer-next{display: none;}
.about_cer .swiper-slide{width: calc(20% - 24px);}

@media only screen and (max-width: 950px) {
	.s_about_cer{padding-top: 30px;}
	.s_about_cer .web_th .title::before{width: 100px; margin-left: -50px;}
	.about_cer{padding: 15px 0 34px;}
	.cer_item:hover .cer_pic img{transform: none;}
	
}

/* s_about_form */
.s_about_form{position: relative; padding: 7% 0 5%; margin-top: 3.5%;}
.s_about_form::before{position: absolute; top: 0; left: 0; bottom: 0; width: 57%; background: #F3F3F3; content: ''; z-index: 0;}

.about_form{}
.about_form .web_th{width: 40%;}
.about_form .web_th .title{font-size: 45px; color: #333; text-transform: uppercase;}
.about_form .web_th .brief{font-family: 'MicrosoftPhagsPa'; margin: 5px 0 25px;}
.about_form .web_th .email a{color: #14457B; font-size: 20px; font-family: 'MyriadPro-Semibold'; line-height: 30px; background: url(../img/icon14.png) no-repeat left center; padding-left: 40px; display: inline-block; height: 30px;}
.form_div{width: 50%;}
.about_form .web_th .email a:hover{color: #0d44a8; background-image: url(../img/icon14_1.png);}

.form_input input, .form_input textarea{height: 48px; width: 100%; background: #D8D8D8; border: 0; font-size: 16px; margin-bottom: 18px; padding: 0 15px;}
.form_input textarea{height: 144px; line-height: 28px; padding: 10px 15px; margin-bottom: 14px;}

.form_btn .submit_btn{font-family: 'Poppins-Medium'; color: #fefefe; background: #14457B; border: 0; margin: 0; height: 44px; width: 166px; font-size: 16px;}
.form_btn .submit_btn:hover{background: #0d44a8;}

@media only screen and (max-width: 1450px) {
	.about_form .web_th .title{font-size: 40px;}
}
@media only screen and (max-width: 1350px) {
	.about_form .web_th .title{font-size: 35px;}
}
@media only screen and (max-width: 1200px) {
	.about_form .web_th .title{font-size: 30px;}
	.s_about_form{padding: 6% 0 5%;}
}
@media only screen and (max-width: 950px) {
	.s_about_form{padding: 30px 0;}
	.s_about_form::before{width: 100%;}
	.about_form .web_th .title{font-size: 24px;}
	.about_form{flex-direction: column;}
	.about_form .web_th{width: 100%;}
	.about_form .web_th .brief{margin-bottom: 15px;}
	.form_div{width: 100%; margin-top: 20px;}
	.form_input input, .form_input textarea{margin-bottom: 15px;}
}