@charset "utf-8";
/* CSS Document */

*{ font-family:"微软雅黑";}

.clear{ clear:both;}
.mass{ width:1024px; margin:0 auto; height:100%;}
.section{ height:100% !important;}



.section1 .con_left{ width:50%; height:50%; margin-top:15%; float:left;}
.section1 .con_left img{ width:100%; height:auto; max-width:348px;}
.section1 .con_right{ width:50%; height:50%; margin-top:15%; float:right; color:#666;}
.section1 h3{ font-size:40px; color:#433741; text-align:left; margin-top:-5px;}
.section1 .con_right p:nth-child(2){ font-size:30px; color:#000000; text-align:left; margin-top:-20px;}
.section1 .con_right p:nth-child(3){ font-size:30px; color:#ffffff; text-align: center; width:450px; background:#555555;}
.section1 .con_right p:nth-child(4){ font-size:14px; color:#433741; text-align:left;}
.section1 h1{ font-size:60px; color:#38cc98; text-align:left; font-weight:100;}



.section2 { background:url(../images/web/bg01.png) no-repeat; background-size:cover,100%; background-position:center;}
.section2 h3{ font-size:30px; color:#000000; text-align: center; font-weight:600;}
.section2 p{ font-size:20px; color:#433741; text-align: center; line-height:35px;}
.section2 .line{ width:100px; height:10px; background:#38cc98; margin:100px auto 20px auto;}

.section3 .con_left{ width:30%; height:90%; margin-top:5%; float:left; padding:10%;}
.section3 h3{ font-size:30px; color:#000000; text-align: left; font-weight:600;}
.section3 p{ font-size:20px; color:#433741; text-align: left; line-height:35px;}
.section3 .con_left .line{ width:100px; height:10px; background:#38cc98; margin:100px 0 20px 0;}
.section3 .con_right{ width:50%; height:100%; float:right;}
.section3 .con_right img{ width: auto; height:100%;}

.section4 .con_right{ width:30%; height:90%; margin-top:5%; float:right; color:#666; padding:10%;}
.section4 h3{ font-size:30px; color:#000000; text-align: left; font-weight:600;}
.section4 p{ font-size:20px; color:#433741; text-align: left; line-height:35px;}
.section4 .con_right .line{ width:100px; height:10px; background:#38cc98; margin:100px 0 20px 0;}
.section4 .con_left{ width:50%; height:100%; overflow:hidden; float:right;}
.section4 .con_left img{ width: auto; height:100%;}

.section5 { background:url(../images/web/bg04.png) no-repeat; background-size:cover,100%; background-position:center;}
.section5 h3{ font-size:30px; color:#000000; text-align: center; font-weight:600;}
.section5 p{ font-size:20px; color:#433741; text-align: center; line-height:35px; text-indent:200px;}
.section5 .line{ width:100px; height:10px; background:#38cc98; margin:100px auto 20px auto;}

.section6 { background:url(../images/web/bg05.png) no-repeat; background-size:cover,100%; background-position:center;}
.section6 h3{ font-size:30px; color:#000000; text-align: center; font-weight:600;}
.section6 p{ font-size:20px; color:#433741; text-align: center; line-height:35px;}
.section6 .line{ width:100px; height:10px; background:#38cc98; margin:100px auto 20px auto;}


.section7 h3{ font-size:30px; color:#000000; text-align: center; font-weight:600;}
.section7 p{ font-size:20px; color:#433741; text-align: center; line-height:35px;}
.section7 .line{ width:100px; height:10px; background:#38cc98; margin:100px auto 20px auto;}
.section7 .img02{ width:400px; height:auto; margin:100px auto 0 auto;}
.section7 .img02 img{ width:100%; height:auto;}


.section8{ color:#FFF;}
.section8 h3{ font-size:30px; text-align: center; font-weight:600;}
.section8 p{ font-size:20px; text-align: center; line-height:35px;}
.section8 .line{ width:100px; height:10px; background:#38cc98; margin:100px auto 20px auto;}
.section8 .img03{ width:50%; height:auto; margin:200px auto 0 auto;}
.section8 .img03 img{ width:100%; height:auto;}

.section9 { background:url(../images/web/bg06.png) no-repeat; background-size:cover,100%; background-position:center;}
.section9 .con_right{ width:30%; height:90%; margin-top:5%; float:right; color:#666; padding:10%;}
.section9 h3{ font-size:30px; color:#000000; text-align: left; font-weight:600;}
.section9 p{ font-size:20px; color:#433741; text-align: left; line-height:35px;}

.section10 .con_left{ width:30%; height:90%; margin-top:5%; float:left; color:#666; padding:10%;}
.section10 .con_right{ width:50%; height:90%; margin-top:5%; float:right; max-width:679px; }
.section10 .con_right img{ width:100%; height:auto;}
.section10 h3{ font-size:30px; color:#000000; text-align: left; font-weight:600;}
.section10 p{ font-size:20px; color:#433741; text-align: left; line-height:35px;}

.m_section11{width:70%; max-width:1569px; margin:0 auto; height:100%; display:block;}
.s_section11{ display:none ;}
.section11 img{ width:100%; margin-top:10%;}

.section12 h3{ font-size:30px; text-align: center; font-weight:600;}
.section12 p{ font-size:20px; text-align: center; line-height:35px;}
.section12 .mass img{ width:100%; margin-top:20%;}
.section12 .line{ width:100px; height:10px; background:#38cc98; margin:100px auto 20px auto;}



@media screen and (max-width:1023px){
	#fp-nav{ display:none;}
.fp-tableCell{ height:auto !important; width:100% !important; display:block;}	
.mass{ width:90%; margin:0 auto; height:100%;}
.section{ height: auto;}

.section1 .con_left{ width:60%; height: auto; margin:0 auto; margin-top:5%; float: none;}
.section1 .con_left img{ width:100%; height:auto; max-width:348px;}
.section1 .con_right{ width:100%; height: auto; margin-top:5%; float: none; color:#666;}
.section1 h3{ font-size:30px; color:#433741; text-align:left; margin-top:-5px;}
.section1 .con_right p:nth-child(2){ font-size:20px; color:#000000; text-align:left; margin-top:-20px;}
.section1 .con_right p:nth-child(3){ font-size:20px; color:#ffffff; text-align: center; width:300px; background:#555555;}
.section1 .con_right p:nth-child(4){ font-size:14px; color:#433741; text-align:left;}
.section1 h1{ font-size:30px; color:#38cc98; text-align:left; font-weight:100;}



.section2 { background:url(../images/web/bg01.png) no-repeat; background-size:cover,100%; background-position:center;}
.section2 h3{ font-size:20px; color:#000000; text-align: center; font-weight:600;}
.section2 p{ font-size:14px; color:#433741; text-align: center; line-height:35px;}
.section2 .line{ width:100px; height:5px; background:#38cc98; margin:10px auto 20px auto;}

.section3 .con_left{ width:90%; height: auto; margin:0 auto; margin-top:5%; float: none; padding:0;}
.section3 h3{ font-size:20px; color:#000000; text-align: left; font-weight:600;}
.section3 p{ font-size:14px; color:#433741; text-align: left; line-height:35px;}
.section3 .con_left .line{ width:100px; height:5px; background:#38cc98; margin:0 0 20px 0;}
.section3 .con_right{ width:100%; height:100%; float: none;}
.section3 .con_right img{ width:100%; height:auto;}

.section4 .con_right{ width:90%; height: auto; margin:0 auto; margin-top:5%; float: none; color:#666; padding:0;}
.section4 h3{ font-size:20px; color:#000000; text-align: left; font-weight:600;}
.section4 p{ font-size:14px; color:#433741; text-align: left; line-height:35px;}
.section4 .con_right .line{ width:100px; height:5px; background:#38cc98; margin:0 0 20px 0;}
.section4 .con_left{ width:100%; height:100%; overflow:hidden; float: none;}
.section4 .con_left img{ width:100%; height:auto;}

.section5 { background:url(../images/web/bg04.png) no-repeat; background-size:cover,100%; background-position:center;}
.section5 h3{ font-size:20px; color:#000000; text-align: center; font-weight:600; width:100%;}
.section5 p{ font-size:14px; color:#433741; text-align: center; line-height:35px; text-indent:200px;}
.section5 .line{ width:100px; height:5px; background:#38cc98; margin:10px auto 20px auto;}

.section6 { background:url(../images/web/bg05.png) no-repeat; background-size:cover,100%; background-position:center;}
.section6 h3{ font-size:20px; color:#000000; text-align: center; font-weight:600;}
.section6 p{ font-size:14px; color:#433741; text-align: center; line-height:35px;}
.section6 .line{ width:100px; height:5px; background:#38cc98; margin:10px auto 20px auto;}


.section7 h3{ font-size:20px; color:#000000; text-align: center; font-weight:600;}
.section7 p{ font-size:14px; color:#433741; text-align: center; line-height:35px;}
.section7 .line{ width:100px; height:5px; background:#38cc98; margin:10px auto 20px auto;}
.section7 .img02{ width:60%; height:auto; margin:100px auto 0 auto;}
.section7 .img02 img{ width:100%; height:auto; max-width:400px;}


.section8{ color:#FFF;}
.section8 h3{ font-size:20px; text-align: center; font-weight:600;}
.section8 p{ font-size:14px; text-align: center; line-height:35px;}
.section8 .line{ width:100px; height:5px; background:#38cc98; margin:10px auto 20px auto;}
.section8 .img03{ width:70%; height:auto; margin:20px auto 0 auto;}
.section8 .img03 img{ width:100%; height:auto;}

.section9 { background:url(../images/web/bg06.png) no-repeat; background-size:cover,100%; background-position:center;}
.section9 .con_right{ width:100%; height:90%; margin-top:80%; float: none; color:#666; padding:0;}
.section9 h3{ font-size:20px; color:#000000; text-align: right; font-weight:600; display:block;}
.section9 p{ font-size:14px; color:#433741; text-align: left; line-height:35px; display:none;}

.section10 .con_left{ width:90%; height: auto; margin:0 auto; margin-top:5%; float: none; color:#666; padding:0;}
.section10 .con_right{ width:90%; height: auto; margin-top:5%; margin-left:10%; float: none; max-width:679px; }
.section10 .con_right img{ width:100%; height:auto;}
.section10 h3{ font-size:20px; color:#000000; text-align: left; font-weight:600;}
.section10 p{ font-size:14px; color:#433741; text-align: left; line-height:35px;}

.m_section11{ display:none;}
.s_section11{ display: block;}
.section11 img{ width:100%; margin-top:20%;}

.section12 h3{ font-size:20px; text-align: center; font-weight:600;}
.section12 p{ font-size:14px; text-align: center; line-height:35px;}
.section12 .mass img{ width:100%; margin-top:20%;}
.section12 .line{ width:100px; height:5px; background:#38cc98; margin:10px auto 20px auto;}
	}