.sub_top{background-image: url("../img/s01_cn02_01.jpg");height: 440px;}
.sub_top_txt p{color: #afabac;}
.sub_top .sub_top_txt .p1{font-size: 24px;color: #fff;letter-spacing: -1px;margin-bottom:0;}
.sub_top .sub_top_txt h1{color: #fff;font-size: 48px;}
.sub_top br{display:none;}

h1,h2,p{text-align: center;}
/* .custom_p1{color:#2f90d6;font-weight: bold;font-size: 18px;margin-bottom: 20px;} */



.section_div > section{padding: 60px 55px;background-position: top center;position: relative;}
.triangle_div{width: 0px;height: 0px;border-top:35px solid #fff;border-right: 45px solid transparent;border-left: 45px solid  transparent;
position: absolute;top: 0;left: 50%;margin-left: -45px;z-index: 1;}
.section4 .triangle_div{border-top-color:#6c8194;}

.section_div .section2{background: url("../img/s01_cn02_bg01.gif") repeat;height: 370px;padding-bottom: 0;padding-top: 30px;}
.section2 .div1{height: 340px;background: url("../img/s01_cn02_02.png") no-repeat;background-position-x: 100%;padding-top: 70px;}
.section2 .div1 > *{text-align: left;}
.section2 h2{color:#3b537f; }
.section2 .p1{color: #fa5b58;font-size: 23px;font-weight: bold;margin: 20px 0;}

.section3{background-repeat:repeat; height:986px; }
.section3 > h2{margin: 30px 0;color: #e2e7eb;}
.section3 .div1{background-repeat:repeat; height:476px;padding: 0 50px;padding-top: 60px; }
.section3 .div1 .li1{width: 41%;}
.section3 .div1 .li2{width: 59%;}
.section3 .div1 .li2 *{text-align: left;}
.section3 .div1 .li2 h2{color: #fff;padding-left: 45px;}
.section3 .div1 .li2 .p1{color:#d0d0d0;padding-left: 45px;font-size: 15px;margin: 20px 0; }
.section3 .div1 .li2 .p2{color:#ff5249;font-weight: bold;font-size: 20px;padding-left: 45px; }
.section3 .div2{background-repeat:repeat; height:286px;}
.section3 .div2 .div2_1{background-repeat:no-repeat; height:286px; padding-left: 50px;padding-top: 60px;background-position-x: 100%;}
.section3 .div2 *{text-align: left;}
.section3 .div2 p{margin-top: 35px;}

.section_div > .section4{background-repeat:no-repeat; height:456px; padding-top: 90px;}
.section4 h2{color: #fff;}
.section4 .p1{color: #fb5b5b;font-weight: bold;font-size: 36px;position: relative;margin-bottom: 48px;line-height: 32px;}
.section4 .p1:AFTER{content: "";background: url(/img/icon_png.png) no-repeat; position: absolute;bottom:-40px;left: 50%;margin-left:-17px;
    width: 34px;height: 28px;background-position: -44px -351px;}
.section4 .p2{color: #fff;font-size: 18px;font-weight: bold;line-height: 30px; }
.section4 .p3{color: #a4cbe8;font-size: 18px;font-weight: bold;line-height: 30px;}


.section5{background-repeat:no-repeat; background-color: #e4e7ee; }
.section5 p{text-align: left;}
.section5 > div{background: #fff;padding: 0 50px;padding-bottom: 40px;}
.section5 > .div2{margin: 5px 0;}
.section5 > div > ul > li{width: 50%;}
.section5 > div > ul > li h3{margin-bottom: 15px;}
.section5 > div > ul > li a{margin-top: 20px;padding: 15px 0;color: #fff;font-weight: bold;width: 220px;text-align: center;}
.section5 > .div2 > ul > .li2 a{background: #7dbce5;}
.section5 > .div2 > ul > .li4 a{background: #7b95c8;}
.section5 > .div3 > ul > .li2 a{background: #d9a67b;}
.section5 > .div3 > ul > .li4 a{background: #c77665;}

.section5 > div > ul > .li1{width: 100%;margin-bottom: 35px;}
.section5 > div .li1 h3{width: 31%; margin: 0 auto;text-align: center;height: 55px;line-height: 55px;}
.section5 > .div1 .li1 h3{color:#4a4d52 ;background:#f3f3f3;}
.section5 > .div2 .li1 h3{color:#435d6e ;background: #e7f2f8;}
.section5 > .div3 .li1 h3{color:#74483d ;background: #eddfd4;}
.section5 > .div1 .li3 .img1{float: left;width: 48.5%;margin-right: 3%;max-width: 240px;}
.section5 > .div1 .li3 .img2{float: left;width: 48.5%;max-width: 240px;}
.section5 > div .li2 , .section5 > div .li4{padding-right: 40px;}
.section5 > div .li4 , .section5 > div .li5{margin-top: 40px;}
.section5 > .div3 .li4 ul{background: #eeeeee;color: #717171;font-weight: bold;font-size: 15px;padding: 20px 25px;}
.section5 > .div3 .li4 ul .li4_1{color: #dc6346;font-size: 18px;}
.section5 > .div3 .li4 ul li{margin-top: 10px;}
.section5 > .div3 .li4 ul li:FIRST-CHILD {margin: 0;}
.section5 > .div3 .li4 ul li span{width: 24px;height: 24px;display: inline-block;border-radius:50%;color: #fff;line-height: 24px;text-align: center;}
.section5 > .div3 .li4 ul .li4_2 span{background: #ff3811;}
.section5 > .div3 .li4 ul .li4_3 span{background: #5673af;}
.section5 > .div3 .li4 ul .li4_4 span{background: #5ab081;}

/* 20180621*/
#add_li_20180621{width: 100%;background-repeat: no-repeat;margin-top: 20px;height: auto;}
#add_li_20180621 > span{float: left;width: 50%;padding: 40px 30px;}
#add_li_20180621 > span > h3 span{font-weight: normal;}
/* 20180621*/

@media only screen and (max-width: 1023px) {
	.sub_top .sub_top_txt .p1{font-size: 20px;}
	.sub_top{height: 256px;background-size:cover;}
	.sub_top .sub_top_txt h1{font-size: 38px;}
	.sub_top br{display:block;}
	.section_div > section{padding: 40px 20px;}
	
	.section_div .section2{height: 410px; }
	.section2 .div1{padding-top:0px;background-position-y: 100%;background-size: contain; height: 380px; max-width: 467px;margin: 0 auto;}
	.section2 .p1{font-size: 20px;margin: 15px 0;}	
	.section2 .p2{font-size: 15px;}
	
	.section3{height: auto;}
	.section3 .div1{padding: 20px;height: auto;}
	.section3 .div1 .li1,
	.section3 .div1 .li2{width: 100%;}
	.section3 .div1 .li2 h2,
	.section3 .div1 .li2 .p1,
	.section3 .div1 .li2 .p2{padding-left: 0;}
	
	.section3 .div2{height: 486px;}
	.section3 .div2 .div2_1{height: 486px;padding: 20px;background-position-y: 100%;}
	
	.section_div > .section4{padding-top: 50px;}
	.section4 .p1{font-size: 23px;}
	.section4 .p2,.section4 .p3{font-size: 15px;}
	
	.section5 > div{padding: 0 20px;padding-bottom: 30px;}
	.section5 > .div2{margin: 15px 0;}
	.section5 > div > ul > li{width: 100%;margin-top: 40px;}
	.section5 > div > ul > .li1,
	.section5 > div > ul > .li2{margin-top: 0;}
	.section5 > div .li2, .section5 > div .li4{padding-right: 0;}
	.section5 > div .li1 h3{width: 66%;}
	.section5 > .div3 .li4 ul{margin-top: 20px;}
	
	.section3 .div2 p br{display: block;}
	
	.section3 .div2,
	.section3 .div2 .div2_1{height: 400px;}
	
	/* 20180621*/
	#add_li_20180621 > span{padding: 25px;width: 100%;}
	/* 20180621*/
}


@media only screen and (max-width: 640px) {
	.section3 .div2 .div2_1{    background-size: contain;}
	.section3 .div2 p br{display: none;}
	.section3 .div2,
	.section3 .div2 .div2_1{height: 450px;}
}


@media all and (min-width:1024px) and (max-width:1199px) {
	.section2 h2{font-size: 29px;}
	.section2 .p1{font-size: 20px;}
	.section2 .p2{font-size: 15px;}
	.section5 > .div3 > ul > li,
	.section5 > .div2 > ul > li{height: 380px;}
	.section5 > div > ul > .li1{height: auto;}
	.section5 > div .li4, .section5 > div .li5{margin: 0;}
	
	/* 20180621*/
	#add_li_20180621 p{font-size: 14px;}
	/* 20180621*/
}