/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/sc01-1.jpg");height: 250px;}
.table_ul{display: table;width: 100%;}
.table_ul li{display: table-cell;float: none;vertical-align: middle;width: 50%;}
.table_ul .li1{padding-right: 1%;}
.table_ul .li2{padding-left: 1%;}
/* sub default */
.sub_top .sub_top_txt h1{font-size: 50px;}
.sub_top .sub_top_txt p{color: #2e2d2d;letter-spacing: 0;}
.sub_top .sub_top_txt .p1{font-size: 18px;margin-bottom: 0px;}
.sub_top .sub_top_txt .p2{font-size: 20px;margin-top: 10px;}
.sub_top .sub_top_txt .p2 span{display: inline-block;vertical-align:middle;background:#a4c6db;color: #fff; padding: 3px 13px;border-radius: 20px;margin-right: 7px;}


.section1 .custom_ul li > .p_25{white-space:nowrap;}

h1,h2,p{text-align: center;}
/* .custom_p1{color:#2f90d6;font-weight: bold;font-size: 18px;margin-bottom: 20px;} */
.p_30{font-size: 30px;line-height: 37px;}
.p_25{font-size: 25px;line-height: 30px;}
.p_39{font-size: 39px;line-height: 47px;}
.p_23{font-size: 23px;line-height: 28px;}

.section_div > section{padding: 60px 0px;background-position: top center;}
.section_div > .section1{background-image: url("/www-img/sub/safety/s33_cn01_02.png");background-repeat:no-repeat;background-position: 85% 0%; padding: 60px 55px;padding-top: 0;}
.section1 > .left_ul{height: 436px;}
.section1 > .left_ul > li{display: table;height: 100%;}
.section1 > .left_ul > li > span{display: table-cell;vertical-align: middle;}
.section1 > .left_ul > .li1{width: 43%;padding-right: 20px;max-width: 596px;}
.section1 > .left_ul > .li1 > span *{text-align: right;}
.section1 > .left_ul > .li1 > span > h3{font-weight: normal;}
.section1 > .left_ul > .li2{width: 57%;}
.section1 > .left_ul > .li2 img{margin: 0 auto;}
.section1 .custom_ul{height: 1282px;position: relative;}
.section1 .custom_ul li{width: 554px;position: absolute;text-align: right;left: 0; }
.section1 .custom_ul li > span{display: block;width: 100%;text-align: center;}
.section1 .custom_ul li > .custom_p{font-size: 68px;color: #000;display: inline-block;margin-right: 8px;}
.section1 .custom_ul li > .p_25{font-weight: bold;color: #000;text-align: left;display: inline-block;padding-bottom: 15px;}
.section1 .custom_ul .li1{z-index: 3;top: 92px;}
.section1 .custom_ul .li1 > span{height: 422px;background-repeat: no-repeat;display: table;}
.section1 .custom_ul .li1 > span p{display: table-cell;vertical-align: middle;color: #fff;font-weight: bold;}
.section1 .custom_ul .li2{z-index: 2;top: 290px;left: 533px;text-align: left;}
.section1 .custom_ul .li2 > .custom_p{margin-left: 40px;}
.section1 .custom_ul .li2 > span{height: 575px;background-repeat: no-repeat;background-position: top center;}
.section1 .custom_ul .li2 > span p{color: #fff;font-weight: bold;padding-top: 70px;}
.section1 .custom_ul .li3{z-index: 1;top: 660px;}
.section1 .custom_ul .li3 > span{height: 453px;background-repeat: no-repeat;}
.section1 .custom_ul .li3 > .p_25{margin-right: 50px;}
.section1 .custom_ul .li3 > span .p_30{color: #fff;font-weight: bold;padding-top: 90px;padding-bottom: 30px;}
.section1 .custom_ul .li3 .p_list{color: #fff;display: inline-block;width: 137px;height: 137px;border: 1px solid #fff;vertical-align: top;padding-top: 15px;
font-size: 11px;line-height: 18px;}
.section1 .custom_ul .li3 .p_list > span{display: block;margin-bottom: 13px;font-weight: bold;color: #9dbfe2;font-size: 14px;}
.section1 .custom_ul .li3 .p_list1, .section1 .custom_ul .li3 .p_list2{margin-right: 15px;}

.section_div > .section2{text-align: center;padding-bottom: 150px;border-bottom: 1px solid #d9d9d9;}
.section2 > h3{font-weight: normal;}
.section2 > .p1{margin-top:18px; margin-bottom: 34px; }
.section2 > .p2{padding:5px 48px ; color: #fff;background: #87aad4;display: inline-block;font-weight: bold;margin-bottom: 30px;}
.section2 > span{display: inline-block;width: 350px;height: 350px;border: 6px solid;vertical-align: top;border-radius:50%;position: relative;padding-top: 90px;}
.section2 > .span1{border-color: #84acd0;}
.section2 > .span2{border-color: #b2b2b2;}
.section2 > .span1 > h3{color: #2064a5;}
.section2 > span > h3{margin-bottom: 15px;}
.section2 > span > h4{font-weight: normal;}
.section2 > .p_vs{display: inline-block;text-align: center;width: 128px;height: 350px;line-height: 350px;font-size: 55px;color: #000;font-weight: bold;}
.section2 > span > img{position: absolute;bottom: -85px;left: 50%;}
.section2 > .span1 > img{margin-left: -67px;}
.section2 > .span2 > img{margin-left: -66px;}

.section3 > .p1{margin-top: 20px;margin-bottom: 50px;}
.section3 > .left_ul > li *{color: #fff;text-align: left;}
.section3 > .left_ul > .li1{background-repeat: repeat;height:300px;width: 50%;padding-left: 80px;display: table;padding-right: 20px; }
.section3 > .left_ul > .li1 .p_39{margin-bottom: 25px;font-weight: bold;}
.section3 > .left_ul > .li2 .p_23{background: rgba(0,0,0,0.5);font-weight: bold;display: inline-block;padding: 0 5px;}
.section3 > .left_ul > .li1 span{display: table-cell;vertical-align: middle;}
.section3 > .left_ul > .li2{background-repeat: no-repeat;height: 300px;width: 50%;background-position: 65%;padding-left: 25px;padding-top: 105px;}

.section_div > .section4{padding: 60px 55px;}
.section4{text-align: center;}
.section4 > .span1{display: inline-block;width: 100%;max-width: 447px;position: relative;margin-top: 75px;margin-bottom: 45px;}
.section4 > .span1 h3{position: absolute;width: 200px;height: 65px;text-align: left;}
.section4 > .span1 .h3_1{top: 70%;left: -45%;text-align: right; }
.section4 > .span1 .h3_2{top: -8%;left: 50%;}
.section4 > .span1 .h3_3{top: 70%;left: 97%;}
.section4 > h3{color: #4e80bb;margin-bottom: 35px;}
.section4 > .left_ul li{width: 30%;border-top: 3px solid #000;margin-bottom: 70px;}
.section4 > .left_ul li > *{text-align: left;}
.section4 > .left_ul li h3{margin: 15px 0;}
.section4 > .left_ul .li1,.section4 > .left_ul .li2{margin-right: 5%;}

@media only screen and (max-width: 1023px) {
	/* sub default */
	.sub_top{background-size:cover;height: 175px; }
	.sub_top .sub_top_txt h1{font-size: 30px;}
	.sub_top .sub_top_txt .p1{font-size: 16px;}
.sub_top .sub_top_txt .p2{font-size: 18px;}
	/* sub default */
	.section_div > section{padding: 40px 0px;}
	.section_div > .section1{padding: 40px 20px;padding-top: 0;}
	.sub_top .sub_top_txt .p1{font-size: 20px;}
	
	.section1 > .left_ul > .li1,
	.section1 > .left_ul > .li2{width: 100%;height: auto;float: none;margin: 0 auto;}
	.section1 > .left_ul > .li1{padding-right: 30px;margin-bottom: 40px;padding-top: 110px;}
	
	.section1 .custom_ul li{position: static;width: 100%;max-width: 554px;margin: 0 auto;text-align: left;}	
	.custom_ul p br{display: block;}
	.section1 .custom_ul .li2 > .custom_p{margin-left: 0;}
	.section1 .custom_ul .li3 > .p_25{margin-right: 0;}
	.p_25{font-size: 20px;}
	.section1 .custom_ul li > .p_25{padding-top: 25px;padding-bottom: 10px;}
	.section1 .custom_ul li > .custom_p{font-size: 60px;}
	.section1 .custom_ul .li1 > span{background-size:cover;height:206px ; }
	.section1 .custom_ul .li2 > span{background-size:cover;height:483px ;background-position: 50% 75%;}
	.section1 .custom_ul .li3 > span{background-size:cover;height:288px ;}
	.p_30{font-size: 20px;}
	.section1 .custom_ul .li2 > span p{padding-top: 40px;}
	.section1 .custom_ul .li3 > span .p_30{padding-top: 30px;padding-bottom: 10px;}
	.section1 .custom_ul .li3 .p_list{width: 90px;height: 125px;padding-top: 10px;font-size: 10px;}
	.section1 .custom_ul .li3 .p_list > span{margin-bottom: 3px;}
	.section1 .custom_ul .li3 .p_list1, .section1 .custom_ul .li3 .p_list2{margin-right: 5px;}
	.section1 .custom_ul .li3 .p_list2 br{display: none;}
	.section_div > .section2{padding: 40px 20px;padding-bottom: 70px;}
	.section2 > span{width: 250px;height: 250px;padding-top: 50px;}
	.section2 > span > img{bottom: -105px;}
	
	.section3 > .left_ul > .li1{padding-left:25px; }
	.section3 > .left_ul > .li2 .p_23{font-size: 21px;}
	.section3 > .left_ul > .li1 .p_39{font-size: 30px;}
	.section3 > .p1,
	.section3 > h2{padding: 0 20px;}
	
	.section_div > .section4{padding: 40px 20px;}
	.section4 > .span1{margin-top: 90px;}
	.section4 > .span1 .h3_1{top: 87%;left: -6%;width: 120px;}
	.section4 > .span1 .h3_2{top: -15%;left: 40%; width: 100px;}
	.section4 > .span1 .h3_3{top: 84%;left: 78%;width: 72px;}
	.section4 > .left_ul .li1, .section4 > .left_ul .li2{margin-right: 0;}
	.section4 > .left_ul li{width: 100%;}
	
}

@media only screen and (max-width: 767px) {
	/* sub default */
	.table_ul li{display: block;width: 100%;margin: 0 auto;}
	.table_ul .li1{padding-right: 0%;margin-bottom: 20px;}
	.table_ul .li2{padding-left: 0%;}
	/* sub default */
	
}
@media only screen and (max-width: 699px) {
	.section_div > .section1{background-position: 65% 0;}
	.section_div > .section2{padding-bottom: 90px;}
	.section2 > .p_vs{width: 30px;font-size: 23px;height: 140px;line-height: 140px;}
	.section2 > span > h3{font-size: 15px;margin-bottom: 8px;}
	.section2 > span > h4{font-size: 12px;}
	.section2 > span{width: 140px;height: 140px;padding-top: 30px;border: 4px solid;}
	.section2 > .span1 > img,
	.section2 > .span2 > img{bottom: -60px;width: 62px;margin-left: -31px;}
	
	.section3 > .left_ul > .li2,
	.section3 > .left_ul > .li3,
	.section3 > .left_ul > .li1{width: 100%;max-width: 600px;float: none;margin: 0 auto;}
}
@media only screen and (max-width: 640px) {
	.sub_top .sub_top_txt .p1{font-size: 14px;}
.sub_top .sub_top_txt .p2{font-size: 13px;}
}

@media all and (min-width:1024px) and (max-width:1199px) {

	.section1 .custom_ul li{width: 454px;}
	.section1 .custom_ul .li2{left: 433px;}
	.section1 .custom_ul .li3 .p_list{width: 133px;height: 133px;}
	.section1 .custom_ul .li3 .p_list1, .section1 .custom_ul .li3 .p_list2{margin-right: 7px;}
	.section1 .custom_ul .li3 > span .p_30{padding-left: 90px;padding-right: 90px;}
	
}