/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/bg_01.jpg");height: 175px;}
/* sub default */
.hr {height: 1px; width: 80px;border: none;border-top: 1px solid;margin: 30px auto;}
img{margin: 0 auto;}

p{color: #323232;}
section *{text-align: center;}
.sec{padding: 60px 50px;}
.div-block{display: none;height: 0;width: 100%;margin: 0;padding: 0; }

.sec1 h4{display: inline-block;width: 152px;height: 35px;border-radius: 10px;background:#dedede;vertical-align: top;line-height: 33px;
margin-left: 10px;}
.sec1 .div{margin-bottom: 15px;}
.sec1 .h40{margin-left: 0;}

.sec2{background: url("../img/bg_02.jpg");background-repeat: no-repeat;}
.sec2 .div1{max-width: 980px;margin: 35px auto 20px auto;}
.sec2 .div1 .ul1{position: relative;}
.sec2 .div1 .ul1 .ddd{position: absolute;top: 50%;left: 50%;background: #fff;width: 80px;height: 80px; margin-top: -40px;margin-left: -40px;border-radius: 50%;}
.sec2 .div1 .ul1 .ddd > div{display: table;width: 100%;height: 100%;}
.sec2 .div1 .ul1 .ddd h3{color:#012861;display: table-cell;vertical-align: middle;}
.sec2 .div1 .ul1 > li{width: 49.5%;}
.sec2 .div1 .ul1 > .li1{margin-right: 1%;}
.sec2 .div1 .ul1 > li li *{color: #fff;}
.sec2 .div1 .ul1 > li li{background-repeat: repeat;width: 50%;height: 180px;}
.sec2 .div1 .ul1 > .li1 li{float: right;}
.sec2 .div1 .ul1 > .li2 li{float: left;}
.sec2 .div1 .ul1 > li li .d{display: table;width: 100%;height: 100%;}
.sec2 .div1 .ul1 > li li .d .s{display: table-cell;vertical-align: middle;}
.sec2 .div1 .ul1 > li li .d .ss_icon{background-image: url("../img/icon.png");display: block;margin: 0 auto;}
.sec2 .div1 .ul1 > .li1 .li1 .d .ss_icon{background-position:-12px -19px ;width:65px ;height:53px ;}
.sec2 .div1 .ul1 > .li2 .li1 .d .ss_icon{background-position:-92px -7px ;width:47px ;height:64px ;}
.sec2 .div1 .ul1 > .li1 .li1{background-image: url("../img/01.gif");}
.sec2 .div1 .ul1 > .li1 .li2{background-image: url("../img/02.gif");}
.sec2 .div1 .ul1 > .li2 .li1{background-image: url("../img/03.gif");}
.sec2 .div1 .ul1 > .li2 .li2{background-image: url("../img/04.gif");}
.sec2 .div1 .margin_top{margin-top: 10px;}
.span_point{display: block;width: 8px;height: 8px;background: #000;border-radius: 50%;margin:0 auto 20px auto; }
.sec2 .div3{margin: 40px 0 60px 0;border-bottom: 5px solid #3a3a3a;border-top: 5px solid #3a3a3a;}
.sec2 .div3 .ul{float: left;width: 25%;}
.sec2 .div3 .ul li{height: 40px;border-top: 1px solid #adadad;border-left: 1px solid #adadad;}
.sec2 .div3 .ul li div{display: table;width: 100%;height: 100%;}
.sec2 .div3 .ul li p{display: table-cell;vertical-align: middle;}
.sec2 .div3 .ul2 .li2,
.sec2 .div3 .ul3 .li2,
.sec2 .div3 .ul4 .li2{height: 160px;}
.sec2 .div3 .ul1 li{border-left: none;}
.sec2 .div3 .ul .li1{border-top: none;border-left: none;position: relative;}
.sec2 .div3 .ul .li1 p{font-weight: bold;}
.sec2 .div3 .ul .li1:before {position: absolute;content: "";width: 2px;height: 14px;top: 50%;margin-top: -7px;left: -1px; background: #adadad;}
.sec2 .div3 .ul1 .li1:before{display: none;}
.sec2 .div4{padding: 25px 20px;background-image: url("../img/05.gif");background-repeat: repeat;border: 2px dotted #5462a1;border-radius: 20px;}
.sec2 .div4 .ul{max-width: 900px;margin: 30px auto 0 auto;}
.sec2 .div4 .ul > li{width: 29%;margin-left: 6.5%;}
.sec2 .div4 .ul > .li1{margin-left: auto;}
.sec2 .div4 .u .li1{height: 48px;background: #1c2d41;border: 1px solid #1c2d41;}
.sec2 .div4 .u .li2{height: 205px;background: #fff;border: 1px solid #1c2d41;}
.sec2 .div4 .u .li1 h3{color: #fff;}
.sec2 .div4 .u .d1{display: table;width: 100%;height: 100%;}
.sec2 .div4 .u .d2{display: table-cell;vertical-align: middle;}
.sec2 .div4 .u .p{margin-bottom: 7px;}
.sec2 .div4 .u .color-s{font-weight: bold;color:#1c2d41 }
.sec2 .div4 .u .border-s{border-bottom: 1px solid #323232;}

.sec3{background: url("../img/bg_03.jpg");background-repeat: no-repeat;height: 370px;padding: 0 20px;}
.sec3 .div1{display: table;width: 100%;height: 100%;max-width: 580px;margin-left: 16%;}
.sec3 .div2{display: table-cell;vertical-align: middle;}
.sec3 .div2 .p2{margin-top: 20px;}
.sec3 .div2 .p2 span{background-image: url("../img/icon.png");background-position: -151px -16px;width: 19px;height: 24px;display: inline-block;
vertical-align: middle;}


.sec4 .div1{margin-top: 35px;background: url("../img/bg_04.jpg");background-repeat: no-repeat;background-position: 50% 0;
border: 1px solid #d5d8d1;border-top-width: 2px;border-bottom-width: 2px;height: 777px;}
.sec4 .div2{display: table;width: 100%;height: 100%;}
.sec4 .div3{display: table-cell;vertical-align: middle;}
.sec4 .ss{background-image: url("../img/icon.png");display: block;margin: 20px auto;background-position: -175px -18px;width: 33px;height: 21px;}
.sec4 .p .s2{font-weight: bold;color: #2a30a0;}
.sec4 .p{position: relative;display: inline-block;vertical-align:middle;padding-left: 35px;}
.sec4 .p .s1{width: 24px;height: 24px;position: absolute;background:#9b9ab9;color: #fff;font-size: 14px;font-weight: bold;
line-height: 23px;border-radius: 50%; top:50%;margin-top: -12px;left: 0;}

@media only screen and (max-width: 1023px) {
	.sub_top{height: 175px;background-size:cover;}
	.sub_top .sub_top_txt h1{font-size: 33px;}
	.sub_top br{display:block;}
	
	.sec{padding: 40px 20px;}
	
	.sec1 h4{margin-left: 0;width: 135px;}
	
	
	
	.sec2 .div3{margin: 40px 0 30px 0;}
	.sec2 .div3 .ul{float: none;width: 100%;}
	.sec2 .div3 .ul li{float: left;padding: 0 5px;}
	.sec2 .div3 .ul .li1{width: 25%;border-top: 1px solid #adadad;}
	.sec2 .div3 .ul .li2{width: 75%;}
	.sec2 .div3 .ul1 .li2,
	.sec2 .div3 .ul1 .li3,
	.sec2 .div3 .ul1 .li4,
	.sec2 .div3 .ul1 .li5,
	.sec2 .div3 .ul5 .li2,
	.sec2 .div3 .ul5 .li3,
	.sec2 .div3 .ul5 .li4,
	.sec2 .div3 .ul5 .li5{width: 18.75%;}
	.section_div .sec2 .div3 .ul2 li,
	.section_div .sec2 .div3 .ul3 li,
	.section_div .sec2 .div3 .ul4 li{height: 80px;}
	.sec2 .div3 .ul .li1:before{display: none;}
	.sec2 .div3 .ul1 .li1,
	.sec2 .div3 .ul1 li{border-top: none;position: relative;}
	.sec2 .div3 .ul1 li:before {position: absolute;content: "";width: 2px;height: 14px;top: 50%;margin-top: -7px;left: -1px; background: #adadad;}	
	.sec2 .div3 .ul li br{display: none;}
	
	
	.sec2 .div4 .ul > li {width: 33%; margin-left: 0.5%;}
	
	.sec3{background-size: cover;height: 255px;background-position: 70% 0;}
	.sec3 .div1{max-width: 100%;margin-left: auto;}
	
	.sec4 .div1{height: 577px;}
}

@media only screen and (max-width: 770px) {
	.sec2 .div4 .ul > li {width: 100%; margin-left: auto;margin-bottom: 15px;}
	.sec2 .div4 .ul > .li3{margin-bottom: 0;}
	.sec2 .div4 .u li{float: left;}
	.sec2 .div4 .u .li1{width: 35%;}
	.sec2 .div4 .u .li2{width: 65%;}
	.sec2 .div4 .u .li1,
	.sec2 .div4 .u .li2{height: 140px;}
	.sec2 .div4 .u .li2{padding: 0 5px;}
	.sec2 .div4 .u li br{display: none;}
}


@media only screen and (max-width: 640px) {

	.div-block{display: block;}
	
	.sec1 h4{margin-left: 10px;width: 135px;margin-bottom: 10px;}
	.sec1 .h40,.sec1 .h42{margin-left: 0;}
	
	.sec2 .div1 .ul1 > li li p br{display: block;}
	.sec2 .div1 .ul1 > li li{width: 100%;height: 150px;}
	.sec2 .div1 .ul1 > .li1 li{float: none;}
	.sec2 .div1 .ul1 > .li2 li{float: none;}
	
	.sec2 .div3 .ul li p{font-size: 10px;line-height: 12px;}
	
	.sec2 .div4 .u li p{font-size: 11px;}
	.sec2 .div4 .u li h3{font-size: 15px;}
	
	.sec3{padding: 0 75px;}
	
	.sec4 .p{font-size: 14px;}
	
}