.sub_top{background-image: url("/www-img/sub/top_bg/noplant_00.jpg");height: 579px;}
.h1_hr{height: 1px; width: 80px;border: none; border-top: 1px solid;margin: 30px auto;}
.section1 > .span{padding: 50px;}
.section1 *{text-align: center;}

.section1 > .span1{background: url("../img/mn03.png") no-repeat;background-position: 100% 0%;}
.section1 > .span1 .p1{color:#2e2d2d;padding-bottom: 20px; }
.section1 > .span1 .p1 span{color: #f56ea9;}

.section1 > .span2{background: url("/www-img/sub/noplant/mn02.jpg") repeat;}
.section1 > .span2 > .p_24{margin: 20px auto;color: #f56ea9;}
.section1 > .span2 > .p2{margin-top: 30px;}
.section1 > .span2 > .ul1 li{width: 24%;margin-left: 1.333%;}
.section1 > .span2 > .ul1 .li1{margin-left: 0;}
.section1 > .span2 > ul h4{margin: 10px auto;}
.section1 > .span2 > .ul2 .li1 .lazy{margin: 0 auto;}
.section1 > .span2 > .ul2 li{width: 50%;}
.section1 > .span2 > .ul2 .li2{padding: 30px;}
.section1 > .span2 > .ul2 .li2 *{text-align: left;}

.section1 > .span3{background: #dedeec;}
.section1 > .span3 li{width: 50%;}
.section1 > .span3 .li1 *{text-align: left;}
.section1 > .span3 .li1 h2{margin: 30px 0;}

.section1 > .span4{background: url("/www-img/sub/noplant/mn08_0-1.jpg") no-repeat;}
.section1 > .span4 h2{color: #fff;margin-bottom: 30px;}
.section1 > .span4 > div{width: auto;padding: 30px;border: 1px solid #fff;background:rgba(0,0,0,0.5);display: inline-block;vertical-align: top;margin-top: 30px; }
.section1 > .span4 > div p{color: #fff;margin-bottom: 20px;}


.section1 > .span6 *{color: #fff;}
.section1 > .span6 > .h1{color: #a0a0a0;}
.section1 > .span6 > .h2{color: #fff;margin: 5px auto 50px auto;}
.section1 > .span6 > .p1{color: #9bbcff;}
.section1 > .span6 > .pp{margin: 40px auto 20px auto;}
.section1 > .span6 ul li{width: 50%;padding: 5px;}
.section1 > .span6 ul li *{color:#fff568; }
.section1 > .span6 ul li .p_23{margin-bottom: 10px;}

.section1 > .span7{background: 0 100%;}
.section1 > .span7 > .h1_1{color: #a0a0a0;}
.section1 > .span7 > .p_30{color: #323232;}
.section1 > .span7 > .p1{margin:40px auto 170px auto; }
.section1 > .span7 > .lazy{margin: 0 10% 55px auto;}

.section1 > .span8{background-repeat: no-repeat;background-position: 0 70%;}
.section1 > .span8 > .h1_1{color: #a0a0a0;}
.section1 > .span8 > .p_30{color: #323232;}
.section1 > .span8 > .p_24{color: #323232;display: inline-block;border-bottom: 1px solid #323232;margin: 50px auto 40px auto;}
.section1 > .span8 ul{margin: 0 auto; max-width: 728px;background: rgba(255,255,255,0.8);padding: 20px;}
.section1 > .span8 ul li{width: 50%;}
.section1 > .span8 ul li .lazy{margin: 0;}
.section1 > .span8 ul li *{text-align: left;}
.section1 > .span8 ul li h4{margin-top: 25px;}
.section1 > .span8 ul li .p1{margin-bottom: 30px;}
.section1 > .span8 > .lazy{margin: 20px 15% 30px auto;}
.mobile_p{display: none;}

.section1 > .span9{background-repeat: repeat;background-position:0 7%;}
.section1 > .span9 *{color: #fff;}
.section1 > .span9 > .p1{margin-top: 10px;}
.section1 > .span9 .custom_h2{padding-top: 50px;margin: 70px 0 30px 0;border-top: 1px dashed #fff;font-size: 34px;}
.section1 > .span9 > .ul1 > li{width:49.8%;height: 510px; }
.section1 > .span9 > .ul1 > .li1{margin-right: 0.4%;}
.section1 > .span9 > .ul1 > li > .s1{display: table;width: 100%;height: 90px;border-radius: 50px 50px 0 0;}
.section1 > .span9 > .ul1 > li > .s1 h3{display: table-cell;vertical-align: middle;}
.section1 > .span9 > .ul1 > .li1 > .s1 h3{color:#424242; }
.section1 > .span9 > .ul1 > li > .s2{background: #fff;height: 420px;display: table;width: 100%;border-radius:0 0 50px 50px ;padding: 0 40px;}
.section1 > .span9 > .ul1 > li > .s2 > img{margin: 17px auto 30px auto;}
.section1 > .span9 > .ul1 > .li1 > .s1{background:#e7e7e7; }
.section1 > .span9 > .ul1 > .li2 > .s1{background:#f34a80; }
.section1 > .span9 > .ul1 > li > .s2 p{color: #3d3d3d;text-align: left;padding-left: 25px;position: relative;margin-bottom: 5px;font-size: 17px;}
.section1 > .span9 > .ul1 > li > .s2 p .bold{color: #3d3d3d;}
.section1 > .span9 > .ul1 > li > .s2 p .icon_bg{position: absolute;top: -3px;left: 0;width: 20px;height: 23px;}
.section1 > .span9 > .ul1 > .li1 > .s2 p .icon_bg{background-position:-405px -233px; }
.section1 > .span9 > .ul1 > .li2 > .s2 p .icon_bg{background-position:-405px -256px;}
.section1 > .span9 > .ul1 > .li1 > .s2 > .span{position: relative;}
.section1 > .span9 > .ul1 > .li1 > .s2 > .span div{position: absolute;right: 0;top: 0;width: 100%;max-width: 136px;}
.section1 > .span9 > .ul1 > .li1 > .s2 > .span div p{position: absolute;top: -30px;left: 50%;font-size: 13px;height: 20px;width: 200px;text-align: center;margin-left: -100px;padding-left: 0;}
.section1 > .span9 > .ul1 > .li3{width: 100%;position: relative;padding: 45px 0 45px 275px;height: auto;background: #fff;border-radius:150px;margin: 30px auto 50px auto;float: none;}
.section1 > .span9 > .ul1 > .li3 *{color: #3d3d3d;text-align: left;}
.section1 > .span9 > .ul1 > .li3 > .span{position: absolute;left: 85px;top:50%;background-repeat: no-repeat;background-position: -320px -293px;width: 104px;height: 100px;padding-top: 103px;
margin-top: -73px;}
.section1 > .span9 > .ul1 > .li3 > .span > h4{text-align: center;}
.section1 > .span9 > .ul1 > .li3 > h4{margin-top: 22px;}

.section1 > .span10{background:#ffefe7; }
.section1 > .span10 > .h1_1{color: #a0a0a0;}
.section1 > .span10 > p{margin:10px auto 50px auto;}
.section1 > .span10 li{width: 50%;padding: 10px;}
.section1 > .span10 .li1{padding-top: 60px;}

.section1 > .span11{background-repeat: no-repeat;}
.section1 > .span11 *{color: #fff;}
.section1 > .span11 li{padding: 0 10px;width: 25%;}
.section1 > .span11 li img{margin:50px auto 30px auto; }

.section1 > .span12 *{text-align: left;}
.section1 > .span12 h2{margin-bottom: 10px;}
.section1 > .span12 h4{margin: 20px 0 5px 0;}
.section1 > .span12 h4 span{color: #f56ea9;font-size: 22px;}

.section1 > .span13{background-repeat: repeat;}
.section1 > .span13 h2{color: #fff;margin-bottom: 50px;}
.section1 > .span13 li{width: 24.1%;margin-left: 1.2%;max-width: 261px;    display: table;}
.section1 > .span13 .li1{margin-left: 0;}
.section1 > .span13 ul{max-width: 1088px;margin: 0 auto;}
.section1 > .span13 li > span{height: 100px;width: 100%;display: table;background: #e2e9f3;}
.section1 > .span13 li > span h4{display: table-cell;vertical-align: middle;}

.section1 > .span-add-1{padding: 0;}
.section1 > .span-add-1 div{position: relative;}
.section1 > .span-add-1 div a{position: absolute;top: 41%;left: 63%;width: 33%;height: 46%;}

.section1 > .span-add-2{background-color: #bd899f;}
.section1 > .span-add-2 h2{margin-bottom: 20px;color: #fff;}
.section1 > .span-add-2 h2 span{color: #391224;}

@media only screen and (max-width: 1023px) {
	.sub_top{height: 300px;background-size:cover;}
	.section1 > .span{padding: 20px;}
	.h1_hr{margin: 20px auto;}
	.section1 > .span1{background: none;}
	
	.section1 > .span2 > .ul2 .li2{padding: 20px;}
	
	.section1 > .span7{background-size:cover;}
	.section1 > .span7 > .p1 {margin: 10px auto 50px auto;}
	
	.section1 > .span8 > .lazy{margin: 20px 0% 30px auto;}
	.section1 > .span8{background-position: 30% 70%;}
	
	.section1 > .span9{background-position: 0 0;}
	.section1 > .span9 > .ul1 > li{width: 100%;max-width: 550px;float: none;margin: 0 auto 10px auto;}
	.section1 > .span9 > .ul1 > .li1{margin-right: auto;}
	.section1 > .span9 .custom_h2{margin: 30px 0;font-size: 24px;}
	.section1 > .span9 > .ul1 > .li3{padding: 50px 30px;border-radius: 100px;}
	.section1 > .span9 > .ul1 > .li3 > * br{display: none;}
	.section1 > .span9 > .ul1 > .li3 > .span{position: relative;top: 0;left: 0;margin-top: 0;margin: 0 auto 10px auto;height: 101px;padding-top: 0;padding-right: 100px;width: 204px;}
	.section1 > .span9 > .ul1 > .li3 > .span > h4 br{display: block;}
	.section1 > .span9 > .ul1 > .li3 > .span > h4{position: absolute;right: 2px;height: 46px;top: 50%;margin-top: -23px;font-size: 20px;}
	
	.section1 > .span10 > p{margin: 10px auto 20px auto;}
	
	.section1 > .span11 li br{display: none;}

	.section1 > .span-add-1{padding: 0;}
}


@media only screen and (max-width: 767px) {
	.section1 > .span2 > .ul2 li{width: 100%;max-width: 536px;float: none;margin: 0 auto;}
	.section1 > .span2 > .ul2 .li1 .lazy{margin: 0 auto;}
	.section1 > .span2 > .ul2 .li2{padding: 0px;}
	
	.section1 > .span3 .li1{float: none;max-width: 415px;margin: 0 0 30px 0;}
	.section1 > .span3 li{width: 100%;}
	
	.section1 > .span6 ul li{width: 100%;padding: 0px;}
	.section1 > .span6 ul .li2{margin-top: 20px;}
	.section1 > .span7 > .p1 br{display: none;}
	.section1 > .span7 > .lazy{margin: 0 auto;}
	
	.section1 > .span8{background-position: 100%;}
	.section1 > .span8 > .lazy{margin: 20px auto;}
	.section1 > .span8 > .p_24{margin: 20px auto;}
	.section1 > .span8 ul{max-width: 337px;}
	.section1 > .span8 ul li{width: 100%;}
	.pc_p{display: none;}
	.mobile_p{display: block;margin-top: 10px;}
	.section1 > .span8 ul li .p1{margin-bottom: 0;}
	
	.section1 > .span13 h2{margin-bottom: 30px;}
	.section1 > .span13 ul{max-width: 545px;}
	.section1 > .span13 li{width:48%;margin-left: 2%;margin-bottom: 10px; }
	.section1 > .span13 .li3{margin-left: 0;}
	
	.section1 > .span4 > div{padding: 20px 10px;}
}
@media only screen and (max-width: 640px) {
	.sub_top{background-position: 60% 0;}
	.section1 > .span2 > .ul1{max-width: 535px;margin: 0 auto;}
	.section1 > .span2 > .ul1 li{width: 49.5%;margin-left: 1%;margin-bottom: 20px;}
	.section1 > .span2 > .ul1 .li1,
	.section1 > .span2 > .ul1 .li3{margin-left: 0;}
	
	.section1 > .span6 > .pp br{display: none;}
	
	.section1 > .span9 > .ul1 > li{height:470px; }
	.section1 > .span9 > .ul1 > li > .s2{height:380px;}
	.section1 > .span9 > .ul1 > li > .s2{padding: 0 20px;}
	.section1 > .span9 > .ul1 > li > .s2 p{font-size: 14px;line-height:20px; }
	.section1 > .span9 > .ul1 > .li1 > .s2 > .span div p{font-size: 10px;top: -20px;width: 110px;margin-left: -50px;}
	.section1 > .span9 > .ul1 > .li1 > .s2 > .span div{top: -15px;max-width: 90px;}
	
	.section1 > .span10 li{float: none;width: 100%;padding: 0;}
	.section1 > .span10 .li1{margin-bottom: 30px;padding-top: 0;}
	.section1 > .span10 > .h1_2 br{display: none;}
	
	.section1 > .span11 li{width: 50%;}
	.section1 > .span11 li h4{height: 60px;}
	.section1 > .span11 li img{margin:20px auto; }

	.section1 > .span-add-1 div a{top: 53%;left: 2%;width: 95%;height: 42%;}
	
}

@media all and (min-width:1024px) and (max-width:1199px) {
	.section1 > .span8 > .lazy{margin: 20px 0% 30px auto;}
	
	.section1 > .span9 > .ul1 > li > .s1 h3{font-size: 20px;}
	.section1 > .span9 > .ul1 > li > .s2 p{font-size: 16px;}
	
	.section1 > .span9 > .ul1 > .li1 > .s2 > .span div{max-width: 110px;}
	.section1 > .span9 > .ul1 > .li3{padding: 45px 0 45px 220px;}
	
	.section1 > .span11 li br{display: none;}
}