/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/jj01.jpg");height: 579px;}
.h1_hr{height: 1px; width: 80px;border: none; border-top: 1px solid;margin: 30px auto;}
.section_div > section{padding: 50px;}
.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%;}
.sec_common_h2{margin-bottom: 30px;}
.sec_common_h2 span{color: #737c9a;}
.p_custom1{color: #737c9a;margin: 40px 0 20px 0;}
/* sub default */
.section_div > section *{text-align: left;}

section > h2{margin-bottom:30px;}
section > h2 span{color: #778298;}
.sec1 p span{color:#2e2d2d;}

.sec2{background-repeat: repeat;}
.sec2  p{color: #222;}
.sec2 li{width: 49%;margin-top: 20px;}
.sec2 .li1{margin-right: 2%;}
.sec2 li > *{margin: 0 auto;max-width: 429px;}
.sec2 li > .div2 p{width: 47%;float: left;text-align: center;}
.sec2 li > .div2 .p1{margin-right: 6%;}
.sec2 li > .div2 .p2{color: #778298;}
.sec2 li h4{text-align: center;font-weight: normal;height: 32px;border: 1px solid #d7d7d7;line-height: 30px;background: #fff;}

.sec3 .p1{margin-bottom: 10px;}

.sec4{background-repeat: repeat;}
.sec4 > *{max-width: 970px;margin: 0 auto;}
.sec4 > h3{color: #7395db;margin-bottom: 40px;}
.sec4 > h3 span{color: #fff; background: #7395db;padding: 3px 5px;}
.sec4 > ul{margin-bottom: 70px;}
.sec4 > ul li{border: 1px solid #d9d9d9;background-color: #fff;padding: 35px 25px; }
.sec4 > ul li h3{color: #2a2f56;position: relative;padding-top: 8px;}
.sec4 > ul li h3:BEFORE{content: "";position: absolute;top: 0;left: 0;width: 36px;height: 5px;background:#2a2f56;display: block; }
.sec4 > ul li h4{color: #7395db;margin: 30px 0 12px 0;}
.sec4 > ul li .p1{color: #2e2d2d;font-size: 15px;}

/* .sec4 > .ul1 .li3 > h3{color: #fff;} */
/* .sec4 > .ul1 .li3 > h3:BEFORE{background: #fff;} */
.sec4 > .ul1 .li1{width: 55%;margin-right: 2%;height: 503px;position: relative;}
.sec4 > .ul1 .li1 .img0{margin-left: 0;margin-top: 10px;}
.sec4 > .ul1 .li1 .img1{position: absolute;right: 0;top: 0;width: 45%;}
.sec4 > .ul1 .li2{width: 43%;height: 503px;position: relative;}
.sec4 > .ul1 .li2 img{position: absolute;width: 100%;left: 0;bottom: 0;}
.sec4 > .ul1 .li3{width: 100%;height: 272px;background-repeat: no-repeat;background-position: right;margin: 10px 0;}
.sec4 > .ul1 .li4{width: 50%;margin: 10px 0 10px 0;height: 412px;position: relative;}
.sec4 > .ul1 .li4 p span{color: #fff;background:#8d9ab5;padding: 2px 8px; }
.sec4 > .ul1 .li4 img{position: absolute;bottom: 85px;right: 25px;width: 35%;}
.sec4 > .ul1 .li5{width: 100%;}
.sec4 > .ul1 .li5 .div{float: left;}
.sec4 > .ul1 .li5 .div1{width: 58%;margin-right: 2%;}
.sec4 > .ul1 .li5 .div2{width: 40%;}

.sec4 > .ul2 li{background-repeat: no-repeat;background-position: -78% 0;padding: 0;}
.sec4 > .ul2 li .div{background: #fff;float: right;width: 62%;padding: 35px 25px;}
.sec4 > .ul2 li .div .div1{position: relative;width: 386px;margin-top: 20px;}
.sec4 > .ul2 li .div .div1 p{width: 175px;height: 130px;border: 10px solid #c3ccdf;text-align: center;border-radius:20px;padding-top: 19px;float: left;color: #2e2d2d;}
.sec4 > .ul2 li .div .div1 .p2{margin-right: 36px;}
.sec4 > .ul2 li .div .div1 .span1{width: 26px;height: 26px;position: absolute;top: 50%;left: 50%;background-position:-399px -676px;margin-top: -13px;margin-left: -13px; }
.sec4 > .ul2 li .div .div1 .span2{width: 32px;height: 21px;position: absolute;left: 50%;background-position:-393px -706px;margin-left: -16px;bottom: -16px; }
.sec4 > .ul2 li .div .p_20{color: #7395db;text-align: center;margin-top: 25px;max-width: 386px;}
.sec4 > .ul2 li .div .p_20 span{border-bottom: 1px solid #778298;}
.sec4 > .ul2 li .div .p_18{color: #2e2d2d;margin: 15px 0 10px 0;}

.sec4 > .ul3 li{width: 100%;display: table;padding: 0;table-layout:fixed;}
.sec4 > .ul3 .li1{margin-bottom: 10px;}
.sec4 > .ul3 li > div{display: table-cell;width: 50%;vertical-align: middle;}
.sec4 > .ul3 li > .div1{padding: 0 0 0 25px;}
.sec4 > .ul3 .li1 > .div2{padding-left: 30px;}
.sec4 > .ul3 .li2 > .div2{padding-right: 30px;}
.sec4 > .ul3 li > .m_div{display: none;}

.sec5{background: #212b3b;text-align: center;}
.section_div > .sec5 *{text-align: center;}
.sec5 > h2{color: #fff;}
.sec5 > .p_25{color:#c8dcff; display: inline-block;vertical-align: top;position: relative;}
.sec5 > .p_25 span{position: absolute;top: -10px;font-size: 70px;}
.sec5 > .p_25 .s1{left: -30px;}
.sec5 > .p_25 .s2{right: -30px;}
.sec5 ul{margin: 25px auto 30px auto;}
.sec5 > .p_24{font-style: italic;max-width: 880px;margin: 0 auto;padding: 20px;background: #435370;line-height: 35px;}
.sec5 > .p_24 span{border-bottom: 1px solid #fff;color: #fff;}
.sec5 .li2 *{text-align: left;}
.sec5 .li2 h4{color: #d5f4f8;margin-bottom: 15px;}
.sec5 .li2 p{color: #fff;}
.sec5 .li2 .p2{margin-bottom: 23px;}
.sec5 .li2 p span{font-size: 9px;vertical-align: 3px;}
.sec5 .li2 > *{padding-left: 30px;position: relative;}
.sec5 .li2 .icon_bg{position: absolute;left: 0;}
.sec5 .li2 .ib1{background-position: -408px -731px;width: 17px;height: 17px;top: 2px;}
.sec5 .li2 .ib2{background-position: -401px -773px;width: 24px;height: 33px;top: -5px;}
.sec5 .li2 .ib1_1{background-position: -405px -750px;width: 20px;height: 20px;top: 2px;}
.sec6 .p1{margin-bottom: 20px;}

.sec7{background:#303139; }
.sec7 *{color: #fff;}
.sec7 > h2 span{color: #778298;}
.sec7 > .div{max-width: 873px; margin: 50px auto 0 auto;}
.sec7 > .div img{margin-bottom: 20px;}
.sec7 > .div .custom1{padding: 3px 35px;background: #8d9ab5;border-radius:50px;display: inline-block;margin-bottom: 20px;}
.sec7 > .div .custom2{display: inline-block;position: relative;padding-left: 60px;vertical-align: middle;}
.sec7 > .div .custom2 span{position: absolute;width: 40px;height: 40px;line-height: 40px;color: #303139;background: #8d9ab5;border-radius:50%;text-align: center;top:50%;left: 0;font-weight: bold;
margin-top: -20px;}
.sec7 > .div5 img{margin-top: 30px;}
.sec7 > .div5 .img0{margin-top: 0;}
.sec7 > .div5 .img1{margin-top: 50px;}


.sec7 > .div .custom2_0{display: inline-block;width: 145px;height: 38px;line-height: 38px;text-align: center;border: 1px dotted #fff;vertical-align: middle;margin-right: 20px;font-size: 20px;}

.sec6_1{background-repeat: no-repeat; }
.sec6_1 *{color: #fff;}
.sec6_1 h2{text-align: center;}
.sec6_1 p{margin: 8px 0 25px 0;}
.sec6_1 h3{color: #91d1fe;}


.sec4 > .ul1 .li4_1{margin-bottom: 10px;}
.sec4 > .ul1 .li4_1 .p2{background: #8d9ab5;color: #fff;width: 74px;height: 24px;line-height: 24px;text-align: center;margin: 10px 0 5px 0;}
.sec4 > .ul1 .li4_1 .p3{color: #2e2d2d;margin-bottom: 10px;}
.sec4 > .ul1 .li4_1 .p3 span{font-size: 20px;    font-size: 20px;vertical-align: -1px;}

.sec4 > .ul1 .li4_1 ul{padding-top: 10px;text-align: center;}
.sec4 > .ul1 .li4_1 ul li{border: none;padding:0;float: none;display: inline-block;width: 263px;height: 123px;vertical-align: top;
border-radius:70px;margin-right: 24px;position: relative;}
.sec4 > .ul1 .li4_1 ul li:BEFORE{content: "";position: absolute;width: 24px;border-top:2px dotted #80bacd;top: 50%;right: -24px;}
.sec4 > .ul1 .li4_1 ul .li3:BEFORE{display: none;}
.sec4 > .ul1 .li4_1 ul .li1{background: #66acc3;}
.sec4 > .ul1 .li4_1 ul .li2{background: #81c5db;}
.sec4 > .ul1 .li4_1 ul .li3{background: #a8bfc7;margin-right: auto;margin: 0 auto;}
.sec4 > .ul1 .li4_1 ul li div{display: table;width: 100%;height: 100%;}
.sec4 > .ul1 .li4_1 ul li div > span{display: table-cell;vertical-align: middle;}
.sec4 > .ul1 .li4_1 ul li div > span h4{text-align: center;margin: 0 0 20px 0;color: #fff;position: relative;}
.sec4 > .ul1 .li4_1 ul li div > span h4:AFTER{content: "";position: absolute;width: 45px;height: 1px ;background: #000;bottom: -8px;left: 50%;
margin-left: -22.5px;}
.sec4 > .ul1 .li4_1 ul li div > span h4 span{display: inline-block;width: 22px;height: 22px;vertical-align: top;margin-right: 8px;
border: 2px solid #fff;border-radius:50%;font-size: 12px;font-weight: bold;text-align: center;line-height: 18px;}

.sec4 > .ul1 .li4_1 ul .li3 div > span h4:AFTER{display: none;}
.sec4 > .ul1 .li4_1 ul .li3 div > span h4{margin: 0;}
.sec4 > .ul1 .li4_1 ul li div > span p{text-align: center;line-height: 18px;color: #2e2d2d;}


.sec4 > .ul1 .li3 .m-div{display: none;}

.padding-div{height: 50px;}

@media only screen and (max-width: 1023px) {
	.padding-div{height: 20px;}

	/* sub default */
	.sub_top{height: 300px;background-size:cover;}
	.h1_hr{margin: 20px auto;}
	.section_div > section{padding: 20px;}
	/* sub default */
	
	.sec4 > .ul1 .li1 .img1{width: 38%;}
	.sec4 > .ul1 .li4 img{right: 5px;}
	.sec4 > ul li{padding: 30px 20px;}
	.sec4 > .ul2 li .div{padding: 30px 20px;}
	.sec4 > .ul1 .li1{height: 475px;}
	.sec4 > .ul1 .li2{height: 475px;}
	
	.sec4 > .ul3 li > .div1{padding: 0;}
	.sec4 > .ul3 li{padding: 30px 20px;}
	
	.sec5 > .p_25 span{font-size: 50px;top: -7px;}
	.sec5 > .p_25 .s1{left: -20px}
	.sec5 > .p_25 .s2{right: -20px;}
	
	.sec7 > .div .custom2_0{font-size: 16px;width: 105px;height: 32px;line-height: 32px;}
	
	
	.sec4 > .ul1 .li4_1 ul li{width: 203px;height: 103px;}
	.sec4>.ul1 .li4_1 ul li div > span h4{margin: 0 0 10px 0;}
	.sec4 > .ul1 .li4_1 ul li div > span h4:AFTER{bottom: -5px;}
	
}


@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 */
	
	.sec4 > h3{margin-bottom: 20px;}
	.sec4 > ul{margin-bottom: 40px;}
	.sec4 > *{max-width: 466px;}
	.sec4 > .ul1 .li1{width: 100%;margin-right: auto;height: auto;}
	.sec4 > .ul1 .li2{width: 100%;height: auto;padding: 30px 0 0 0;}
	.sec4 > .ul1 .li2 h3,
	.sec4 > .ul1 .li2 h4 , .sec4 > .ul1 .li2 .p1{padding-left: 20px;}
	.sec4 > .ul1 .li2 h3:BEFORE{left: 20px;}
	.sec4 > .ul1 .li3{width: 100%;margin-right: auto;margin: 10px auto 0 auto;height: 312px;}
	.sec4 > .ul1 .li4{width: 100%;margin: 10px auto 0 auto;height: auto;}
	.sec4 > .ul1 .li5 .div1{width: 100%;margin-right: auto;}
	.sec4 > .ul1 .li5 .div2{width: 100%;margin-top: 10px;}
	.sec4 > ul li{margin-top: 8px;}
	.sec4 > .ul1 .li1 .img1,
	.sec4 > .ul1 .li4 img{width: 30%;bottom: 12%;}
	.sec4 > .ul1 .li2 img{position: static;margin-top: 10px;}
	
	.sec4 > .ul2 li .div{width: 100%;}
	
	.sec4 > .ul2 li{background-position: 0 -23%;padding-top: 45%;background-size:contain; }
	.sec4 > .ul2 li .div .p_20,
	.sec4 > .ul2 li .div .div1{width: 276px;}
	.sec4 > .ul2 li .div .div1 p{width: 120px;font-size: 11px;}
	
	.sec4 > .ul3 li{padding: 0;}
	.sec4 > .ul3 li > div{width: 100%;display: block;}
	.sec4 > .ul3 .li1 > .div2{padding-left: 0;}
	.sec4 > .ul3 .li2 > .div2{padding-right: 0;}
	.sec4 > .ul3 li > .div1{padding: 30px 20px;}
	.sec4 > .ul3 li > .m_div{display: block;}
	.sec4 > .ul3 li > .pc_div{display: none;}
	
	.sec5 ul{max-width: 438px;}
	
	.sec7 > .div .custom2{display: block;margin-top: 10px;}
	
	
	.sec4 > .ul1 .li4_1 ul li{width: 263px;height: 123px;display: block;margin-right: auto;margin: 0 auto 20px auto;}
	.sec4>.ul1 .li4_1 ul li:before{display: none;}
	.sec4>.ul1 .li4_1 ul li div > span h4{margin: 0 0 20px 0;}
	.sec4 > .ul1 .li4_1 ul li div > span h4:AFTER{bottom: -8px;}

	.sec4 > .ul1 .li3 h3,
	.sec4 > .ul1 .li3 h4{padding-left: 20px;}
	.sec4 > ul .li3 h3:BEFORE{left: 20px;}

	.sec4 > .ul1 .li3{padding: 30px 0;background-image: none !important;height: 400px;overflow: hidden;}
	.sec4 > .ul1 .li3 .m-div{display: block;}
}
@media only screen and (max-width: 640px) {
	.sec2 li{width: 100%;}
	.sec2 .li1{margin-right: 0%;}
	
	.sec5 > .p_25 br,
	.sec4 > .ul2 li .div .div1 p br,
	.sec4 > ul li .p1 br{display: block;}
	
	.sec4 > .ul3 li .p1 br,
	.sec4 > ul .li5 .p1 br,
	.sec4 > .ul2 li .p1 br{display: none;}
	
	.sec4>.ul1 .li4_1 ul li div>span p br{display: block;}
	.sec4 > .ul1 .li1 .img0{max-width: 150px;}
}

@media all and (min-width:1024px) and (max-width:1199px) {
	/* sub default */
	.section_div > section{padding: 20px;}
	/* sub default */
}