/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/hi01-1.jpg");height: 579px;}
.sub_top .sub_top_txt_in p{color:#191617;font-weight: bold;margin-bottom: 20px;font-size: 18px;}
/* sub default */

h1,h2,p{text-align: center;}
.p_48{font-size: 48px;line-height: normal;}

.m_img{display: none !important;}

.section1 > .span{padding: 60px 20px;}

.section1 > .span2{background-repeat: no-repeat;background-position: 30% 0;}
.section1 > .span2 *{color: #fff;}
.section1 > .span2 > span{padding-left: 60px;}
.section1 > .span2 > span *{text-align: left;}
.section1 > .span2 > span .p_48{margin-top: 50px;color: #c6e1f6;}

.section1 > .span3 > h2{margin-bottom: 35px;}
.section1 > .span3 > ul{max-width: 990px;margin: 0 auto;}
.section1 > .span3 > ul li{width:30%;margin-top: 10px;}
.section1 > .span3 > ul li .s1{position: relative;}
.section1 > .span3 > ul li .s1 h4{position: absolute;bottom: 8%;left: 0;color: #fff;width: 100%;text-align: center;}
.section1 > .span3 > ul li .s2{height: 250px;width: 100%;padding-top: 15px;}
.section1 > .span3 > ul .li2,
.section1 > .span3 > ul .li5{margin-left:5%;margin-right:5%;}

.section1 > .span4{background-repeat: no-repeat;padding: 60px 50px;background-position:0 0;}
.section1 > .span4 h2{margin-bottom: 45px;color: #fff;}
.section1 > .span4 ul li{margin-left: 1%;width: 19.2%;}
.section1 > .span4 ul .li1{margin-left: 0; }
.section1 > .span4 ul li h4{background: #eee;text-align: center;width: 100%;height: 65px;border-radius:10px 10px 0 0;}
.section1 > .span4 ul li h4 > span{display: table;width: 100%;height: 100%;}
.section1 > .span4 ul li h4 > span > span{display: table-cell;vertical-align: middle;}
.section1 > .span4 ul li p{background: #fff;height:142px;width:100%;border-radius: 0 0 10px 10px;padding-top: 10px;}
.section1 > .span4 ul .li_block{width: 100%;height: 0;display: none;}

.section1 > .span5{padding: 0;}




.sub_top2{height: 305px;}
.sub_top2 .sub_top_txt_1{width: 100%;}
.sub_top2 .sub_top_txt_in .p1{font-size: 30px;font-weight: normal;}
.sub_top2 h1{font-size: 55px;}
.sub_top2 .sub_top_txt_in .p1 span{font-weight:bold;}
.sub_top2 h1 .s1{color: #fff;background-color: #000;padding: 0 5px;}
.sub_top2 h1 .s2{font-style: italic;}
.sub_top2 .sub_top_txt_in .p2{margin-top: 10px; margin-bottom: 0;}

.sub_top2 h1 .ss{font-size: 40px;font-weight: normal;}
.sub_top2 h1 .s0{color: #60b347;}
.sub_top2 h1 .s1 span{color: #ef8201;}

.sec1{height: 513px;background-position: 50%;}
.sec1 *{color: #fff;line-height: normal;font-weight: bold;}
.sec1 .div1{display: table;width: 100%;height: 100%;}
.sec1 .div2{display: table-cell;vertical-align: middle;}
.sec1 h2{line-height: 55px;}
.sec1 h2 .s1{position: relative;z-index: 1;}
.sec1 h2 .s1::after{content: "";position: absolute;width: 100%;height: 7px;background-color: #81cb68;left: 0;bottom: -2px;z-index: -1;}
.sec1 h2 .s2{color: #ffff8d;}
.sec1 .p1{font-size: 65px;margin-top: 5px;}
.sec1 .p2{font-size: 18px;}
.sec1 .line{height: 45px;width: 1px;background-color: #fff;margin: 15px auto;}

.sec4 h2 span{color: #162d8a;}
.sec4 p{line-height: 28px;}
.sec4 .div1{padding: 50px;}
.sec4 .div3{padding: 50px;}

.sec5 .div1{background-color: #ac9d88;padding:50px 50px 0 50px;margin-bottom: -50px;}
.sec5 .div2{background-color: #83745f;padding: 90px 50px 50px 50px;}
.sec5 .div2 *{color: #fff;text-align: left;}
.sec5 .div2 li{float: right;}
.sec5 .div2 .li2{width: 55%;}
.sec5 .div2 .li1{width: 45%;padding: 20px 0 0 10px;}
.sec5 .div2 .p1{font-size: 26px;line-height: 38px;}
.sec5 .div2 .p1 .s1{color: #feff88;}
.sec5 .div2 .p1 .s2{font-size: 35px;font-weight: bold;line-height: 38px;}
.sec5 .div2 .p2{font-size: 18px;margin-top: 15px;}

.sec6{position: relative;}
.sec6 a{position: absolute;}

.sec6 .a1{width: 22%;height: 43%;left: 4%;top: 38%;}
.sec6 .a2{width: 22%;height: 43%;left: 27%;top: 38%;}
.sec6 .a3{width: 22%;height: 43%;left: 51%;top: 38%;}
.sec6 .a4{width: 22%;height: 43%;left: 74%;top: 38%;}


.sec0{position: relative;}
.sec0 .a{position: absolute;}
.sec0 .a1{width: 11%;height: 2.8%;top: 85%;left: 24%;} 
.sec0 .a2{width: 11%;height: 2.8%;top: 89%;left: 24%;} 

@media only screen and (max-width: 1023px) {
	.sub_top .sub_top_txt_in p{margin-bottom: 0;font-size: 16px;}
	.sub_top{height: 300px;background-size:cover; }
	.section1 > .span{padding: 40px 20px;}
	
	.section1 > .span2 > span > p br{display: block;}
	
	.section1 > .span2{background-size:cover; }
	.section1 > .span2 > span{padding-left: 0;}
	
	.section1 > .span3 > ul li .s1 h4{font-size: 13px;}
	.section1 > .span3 > ul li .s2 p{font-size: 12px;}
	
	.section1 > .span4 ul li p{font-size: 12px;padding: 10px 5px 0 5px;height: 150px;}
	.section1 > .span4 ul li h4{font-size: 14px;padding: 0 5px;}
	.section1 > .span5{padding: 0;}

	.sub_top2{height: 175px;background-position: 50%;}
	.sub_top2 .sub_top_txt_in .p1{font-size: 20px;}
	.sub_top2 h1{font-size: 26px;margin-top: 7px;}

	.sec1{height: 320px;background-size: cover;}
	.sec1 h2{line-height: 34px;font-size: 22px;}
	.sec1 .p1{font-size: 38px;}
	.sec1 .p2{font-size: 12px;}

	.sec4 .div1{padding: 20px;}
	.sec4 .div3{padding: 20px;}


	.sec5 .div1{padding:20px 20px 0 20px;margin-bottom: -20px;}
	.sec5 .div2{padding: 40px 20px 20px 20px;}
	.sec5 .div2 li{float: none;display: block;max-width: 533px;margin: 0 auto;}
	.sec5 .div2 li *{text-align: center;}
	.sec5 .div2 .li2{width: 100%;}
	.sec5 .div2 .li1{width: 100%;padding: 0;}
	.sec5 .div2 .p1{font-size: 17px;}
	.sec5 .div2 .p1 .s2{font-size: 28px;}
	.sec5 .div2 .p2{font-size: 13px;margin-bottom: 10px;}
	
	.sub_top2 h1 .ss{font-size: 20px;}
}





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

@media only screen and (max-width: 640px) {
	
	.pc_img{display: none !important;}
	.m_img{display: block !important;}
	
	.section1 > .span2 > span > p br{display: none;}
	
	.section1 > .span2{background-position: 60% 0;}
	.section1 > .span2 > span .p_48{font-size: 30px;}
	.section1 > .span2 > span{width: 60%;}
	
	.section1 > .span3 > ul li{width: 49%;}
	.section1 > .span3 > ul .li2,
	.section1 > .span3 > ul .li5{margin-left:0;margin-right:0;}
	.section1 > .span3 > ul .li2,
	.section1 > .span3 > ul .li4,
	.section1 > .span3 > ul .li6{margin-left: 2%;}
	.section1 > .span3 > ul li .s1 h4{bottom: 7%;}
	.section1 > .span3 > ul .li3 .s2,
	.section1 > .span3 > ul .li4 .s2{height:150px; }

	.section1 > .span4 ul{text-align: center;}
	.section1 > .span4 ul li{width: 49.5%;}
	.section1 > .span4 ul .li3{margin-left: 0;width: 100%;margin-top: 3px;margin-bottom: 3px;}
	.section1 > .span4 ul .li4{margin-left: 0;}
	.section1 > .span4 ul .li_block{display: block;}
	.section1 > .span4 ul li p{height: 115px;}
	.section1 > .span4 ul li h4{height:50px;}
	.section1 > .span4 h2{margin-bottom: 20px;}

	.sec6 .a1{width: 45%;height: 34%;left: 4%;top: 22%;}
	.sec6 .a2{width: 45%;height: 34%;left: 51%;top: 22%;}
	.sec6 .a3{width: 45%;height: 34%;left: 4%;top: 58%;}
	.sec6 .a4{width: 45%;height: 34%;left: 51%;top: 58%;}
	
	.sub_top2{height: auto;}

	.sec0 .a1{width: 23%;height: 2.8%;top: 83%;left: 14%;} 
	.sec0 .a2{width: 23%;height: 3.8%;top: 89%;left: 14%;} 
}


@media all and (min-width:1024px) and (max-width:1199px) {
	.section1 > .span3 > ul li .s2 p{font-size: 15px;}
	
	.section1 > .span4 ul li p{font-size: 14px;}
	.section1 > .span4 ul li h4{font-size: 16px;}
	
}