select{    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/arrow.png) no-repeat 95% 50%;
    background-size: 14px;
    padding: 0 7%;}

.s0{background:#fff url("../img/m_back1.jpg") no-repeat center; background-size:cover;}

	.s0 .area{width:1200px; margin:0 auto; overflow:hidden;}
		.s0 .area .slide1{margin:250px auto; width:700px;}

h3{font-size:90px; font-weight:bold;}

.area{width:1024px; z-index:2; position:relative; margin:0 auto;}

.s1{width:100%; background-color:#005d43; color:#f9f3ed; padding:250px 0;}
.s1 h3{text-align:right; padding:0 0 30px; color:#f9f3ed;}
.s1 .logoArea{overflow:hidden; color:#f9f3ed;}
	.s1 .logoArea p{float:left; color:#f9f3ed;}
	.s1 .logoArea p:first-child{margin-left:10%;}
	.s1 .logoArea p:last-child{font-size:30px; padding:130px 0; margin-left:-100px; line-height:1.5em; font-weight:900;}

	.s1 .textArea{color:#f9f3ed; font-size:18px; line-height:2.5em; margin:100px 0 130px; font-weight:500;}
		.s1 .textArea span{color:#f9f3ed; font-size:27.9px; font-weight:bold;}

.s1 .w3{overflow:hidden;}
.s1 .w3 li{float:left; width:33.33%; text-align:center; margin:0 auto; color:#f9f3ed;}
	.s1 .w3 li p{color:#f9f3ed; font-size:20px; line-height:1.8em; margin:30px 0;}


.s2{width:100%; background-color:#ffebd9; padding:250px 0 250px; position:relative;}
.s2 h3{color:#1a283b; padding:0 0 100px;}
	.s2 .line img{width:1300px; margin-left:-50px;}
	.s2 .history{width:1024px; overflow:hidden; /*position:absolute; top:208px;*/}
		.s2 .history li{width:33.33%; float:left; height:367px; padding-left:130px; box-sizing:border-box;}
		.s2 .history li strong{display:inline-block; background-color:#1a283b; color:#ffebd9; font-size:22px; padding:3px 10px;}
		.s2 .history li span{line-height:2.5em; color:#1a283b; margin-top:15px; display:block;}

		.s2 .history ul:nth-child(2) li{float:right;}

		.s2 .history img{width:100%;}
		.s2 .history img.pc_history{display:block;}
		.s2 .history img.m_history{display:none;}

	.s2 .line2{display:none;}

.s3{width:100%; background-color:#00486e; padding:250px 0; color:#ffeddb;}
	.s3 h3{color:#ffeddb; padding:0 0 30px; text-align:right;}
	.s3 .text{font-size:21.7px; line-height:2em; color:#ffeddb; font-weight:900; text-align:center;}

	.s3_ul{overflow:hidden; position:relative; margin:70px 0 0;}
		.s3_ul li{float:left; width:50%; text-align:center; line-height:1.8em; padding:100px 0 50px; position:relative;}
			.s3_ul li strong{font-size:150px; text-align:center; display:block;}
				.s3_ul li:nth-child(2) strong{color:#007b6b;}
				.s3_ul li:nth-child(3) strong{color:#ff7114;}
				.s3_ul li:nth-child(4) strong{color:#ffcc00;}
				.s3_ul li:nth-child(5) strong{color:#4fabce;}
			.s3_ul li span{display:block; color:#ffeddb; transform:translate(0,-70px); font-size:18px; line-height:1.8em;}
		.s3_ul li.center{position:absolute; width:400px; left:50%; margin-left:-200px;}

	.s3 .table{background:rgba(0,0,0,0) url("../img/m_table2.png") no-repeat center; background-size:100%; overflow:hidden; margin:70px 0 90px;}
		.s3 .table li{float:left; width:25%; text-align:center; color:#00486e; font-size:22px; line-height:1.5em; font-weight:bold; padding:30px 0;}

		.s3 table{border:1px solid #ffeddb; border-collapse:collapse; width:100%;}
			.s3 table thead{border-bottom:1px solid #ffeddb;}
			.s3 table th,.s3 table td{font-size:20px; color:#ffeddb; text-align:center; padding:20px 0; border-right:1px solid #ffeddb; min-width:150px; font-weight: 300;}
			.s3 table td{line-height:1.8em; font-size:18px;}

.s4{width:100%; background-color:#ffcabe; padding:250px 0; color:#00486b;}
	.s4 h3{color:#00486b; padding:0 0 30px;}
	.s4 .text{font-size:21px; line-height:2em; color:#00486b; font-weight:900;}

	.s4_img img{width:100%;}

	.s4_ul{overflow:hidden; margin:50px 0 100px;}
		.s4_ul li{float:left; width:25%;}
		.s4_ul li strong{width:90%; background-color:#00486b; color:#ffcabe; text-align:center; font-size:22px; padding:15px 0; margin:50px auto 20px; display:block; width:}
		.s4_ul li span{width:87%; margin:0 auto; color:#00486b; font-size:17px; line-height:1.8em; display:block;}

.s5{width:100%; background-color:#26509f; padding:250px 0; color:#00486b; color:#f4d8dc;}
	.s5 h3{color:#f4d8dc; padding:0 0 30px; text-align:right;}
	.s5 .text{font-size:21px; line-height:2em; color:#f4d8dc; font-weight:900;}

	.s5_ul{margin:100px 0 0;}
	.s5_ul li{overflow:hidden; margin:50px 0;}
	.s5_ul li p{float:left; width:15%; color:#f4d8dc; font-size:20px; line-height:1.8em;}
		.s5_ul li p.text{padding:85px 0; text-align:center; font-weight:900; font-size:25px;}
		.s5_ul li p.img{width:85%; overflow:hidden;}
		.s5_ul li p.img span{display:block; width:230px; height:230px; border-radius:150px; background-color:#f4d8dc; float:left; margin-left:50px; overflow: hidden;}
    .s5_ul li p.img span img{
      width: 100%; height: 100%;
    }

.s6{width:100%; background-color:#efe2d3; padding:250px 0 150px; color:#1a283b;}
	.s6 h3{color:#1a283b; padding:0 0 30px;}
	.s6 .text{font-size:21px; line-height:2em; color:#1a283b; font-weight:900;}

	.s6 form{margin:100px 0;}
	.s6 form p.check{text-align:center;}
		.s6 form p.check label{font-size:30px; color:#1a283b; font-weight:900;}
		.s6 form p.check input{margin:0 50px 0 15px;}

		.form_ul{overflow:hidden; width:80%; margin:50px auto 0; border:3px solid #1a283b; border-radius:30px;}
			.form_ul li{overflow:hidden; border-bottom:3px solid #1a283b;}
				.form_ul li:last-child{border-bottom:0;}
				.form_ul li div{float:left; width:50%; height:100%; padding:3%; box-sizing:border-box;}
					.form_ul li div:first-child{border-right:3px solid #1a283b; box-sizing:border-box;}
				.form_ul li div label{color:#1a283b; font-size:21px; width:40%; display:inline-block; float:left; line-height:50px; font-weight:900;}
				.form_ul li div input{float:left; width:54%; background-color:#f8f0ea; border:none; border-radius:10px; padding:10px; height:30px; font-size: 16px;}
				#main_location{float:left; width:59%; background-color:#f8f0ea; border:none; border-radius:10px; padding:10px; height:50px; font-size: 16px;}
				.form_ul li:last-child label{width:100%; float:none;}
				.form_ul li div textarea{background-color:#f8f0ea; border:none; border-radius:10px; padding:10px; height:100px; width:95%; font-size: 16px;}

	.s6 form .submit{text-align:center; margin-top:100px;}
	.s6 form .submit input{width:200px; height:60px; background-color:#1a283b; border:none; border-radius:20px; color:#fff; font-size:25px; line-height:65px; font-weight:bold;}

	.s6 form .submit input:hover{box-shadow:2px 2px 2px rgba(0,0,0,0.5);}



	.s1{position:relative;}
	.s1:after{content:""; display:block; background:rgba(0,0,0,0) url("../img/back1.png") no-repeat center; background-size:cover; position:absolute; z-index:1; width:228px; height:1067px; right:15%;  bottom:-30%;}

	.s2{position:relative;}
	.s2:after{content:""; display:block; background:rgba(0,0,0,0) url("../img/back2.png") no-repeat center; background-size:cover; position:absolute; z-index:1; width:488px; height:528px; left:10%;  bottom:35%;}

	.s3{position:relative;}
	.s3:after{content:""; display:block; background:rgba(0,0,0,0) url("../img/back3.png") no-repeat center; background-size:cover; position:absolute; z-index:1; width:557px; height:550px; right:10%;  top:-10%;}

	.s4{position:relative;}
	.s4:after{content:""; display:block; background:rgba(0,0,0,0) url("../img/back4.png") no-repeat center; background-size:cover; position:absolute; z-index:1; width:625px; height:639px; left:10%;  top:-18%;}

	.s5{position:relative;}
	.s5:after{content:""; display:block; background:rgba(0,0,0,0) url("../img/back5.png") no-repeat center; background-size:cover; position:absolute; z-index:1; width:602px; height:555px; right:10%;  top:-8%;}

	.s6{position:relative;}
	.s6:after{content:""; display:block; background:rgba(0,0,0,0) url("../img/back6.png") no-repeat center; background-size:cover; position:absolute; z-index:1; width:1004px; height:212px; left:-2%;  top:-7%;}


@media screen and (min-width:1600px) and (max-width:1920px){
   .mnone{display: none;}
   #m_head{display: none;}
}

@media screen and (min-width:1201px) and (max-width:1600px){
    #m_head{display: none;}
   .mnone{display: none;}
	.area{width:900px;}
	.s1 .logoArea p:first-child{margin-left:0;}

	.s2 .line img{width:950px; margin-left:-40px;}
.s2 .history{width:100%; /*width:900px;*/ overflow:hidden; /*position:absolute;*/}
		.s2 .history li{height:268px; padding-left:40px;}

	.s4_img img{width:100%;}
	.s5_ul li p.text{padding:50px 0;}
	.s5_ul li p.img span{width:180px; height:180px; margin-left:30px;}

	.form_ul{width:100%;}
}

.top_nav li{float: left; margin-left: 20px; font-weight: bold; font-size: 18px;}
.top_nav{position: absolute; z-index: 999; top:0; left:0; margin: 30px 35px;}











@media screen and (min-width:0px) and (max-width:1200px){

   .pcnone{display: none;}

.top_nav{display: none;}
.s0 .area{width:90%; margin:0 auto;}
	.s0 .area .slide1{margin:0 auto; margin-top: 180px; margin-bottom: 50px; width:75%;}
		.s0 .area .slide1 img{width:100%;}

h3{font-size:30px;}
.area{width:90%; margin:0 auto;}

.s1{padding:80px 0;}
.s1 .logoArea{overflow:hidden; color:#f9f3ed;}
	.s1 .logoArea p{float:left; color:#f9f3ed;}
		.s1 .logoArea p img{width:95%;}
	.s1 .logoArea p:first-child{margin-left:0; width:50%;}
	.s1 .logoArea p:last-child{font-size:12px; padding:45px 0; margin-left:0; line-height:1.5em; width:50%;}

	.s1 .textArea{font-size:12px; line-height:2em; margin:30px 0 50px;}
		.s1 .textArea br{display:none;}
		.s1 .textArea span{font-size:14px;}

.s1 .w3 li{float:left; width:33.33%; text-align:center; padding:0 2%; box-sizing:border-box;}
	.s1 .w3 li img{width:100%;}
	.s1 .w3 li p{font-size:12px; line-height:1.5em; margin:10px 0;}


.s2{padding:80px 0; position:relative;}
.s2 h3{padding:0 0 30px;}
	.s2 .line img{width:100%; margin-left:-50px; margin:0 auto;}
.s2 .history{/*width:320px;*/ width:100%; overflow:hidden; /*position:absolute; top:65px; margin-left:-160px; left:50%;*/}
		.s2 .history li{width:50%; float:left; max-height:132px; padding-left:0; box-sizing:border-box;}
		.s2 .history li.left{padding-left:20px;}
		.s2 .history li strong{display:inline-block; background-color:#1a283b; color:#ffebd9; font-size:12px; padding:3px 10px;}
		.s2 .history li span{width:100%; font-size:1vw; line-height:1.8em; color:#1a283b; margin-top:5px; display:block; letter-spacing:-1.5px;}

		.s2 .history ul:nth-child(2) li{float:left;}
		.s2 .line1{display:none;}
		.s2 .line2{display:block; text-align:center; padding-bottom:80px;}
			.s2 .line2 img{width:310px; margin-left:-11px;}

			.s2 .history img.pc_history{display:none;}
			.s2 .history img.m_history{display:block;}

.s3{padding:80px 0; color:#ffeddb;}
	.s3 h3{padding:0 0 30px;}
	.s3 .text{font-size:14px; line-height:1.8em;}

	.s3_ul{overflow:hidden; position:relative; margin:0;}
		.s3_ul li{float:left; width:50%; text-align:center; line-height:1.8em; padding:80px 0 0 0; position:relative;}
			.s3_ul li strong{font-size:100px; text-align:center; display:block;}
				.s3_ul li:nth-child(2) strong{color:#007b6b;}
				.s3_ul li:nth-child(3) strong{color:#ff7114;}
				.s3_ul li:nth-child(4) strong{color:#ffcc00;}
				.s3_ul li:nth-child(5) strong{color:#4fabce;}
			.s3_ul li span{display:block; color:#ffeddb; transform:translate(0,-50px); font-size:12px; line-height:1.8em;}
		.s3_ul li.center{position:absolute; width:100%; left:50%; margin-left:-50%; top:15%;}
		 .s3_ul li.center img{width:60%;}

	.s3 .table{background:rgba(0,0,0,0) url("../img/m_table5.png") no-repeat center; margin:30px 0; background-size:100%;}
		.s3 .table li{font-size:12px; line-height:1.2em;}

		.s3 table th,.s3 table td{ min-width:50px; font-size:12px;}
		.s3 table td{line-height:1.5em; padding:2% 1%;}

.s4{padding:80px 0;}
	.s4 .text{font-size:14px; line-height:1.8em;}

	.s4_ul{overflow:hidden; margin:0;}
		.s4_ul li{float:left; width:50%;}
		.s4_ul li strong{width:90%; background-color:#00486b; color:#ffcabe; text-align:center; font-size:12px; padding:5px 0; margin:30px auto 10px; display:block; width:}
		.s4_ul li span{width:87%; font-size:12px; min-height:200px;}

	.s4_img img{width:100%;}

.s5{padding:80px 0;}
	.s5 .text{font-size:14px; line-height:1.8em;}

	.s5_ul{margin:50px 0 0;}
	.s5_ul li{overflow:hidden; margin:20px 0;}
	.s5_ul li p{float:left; width:100%; font-size:20px; line-height:1.8em;}
		.s5_ul li p.text{padding:0; text-align:left; font-size:18px;}
		.s5_ul li p.text br{display:none;}
		.s5_ul li p.img{width:100%; overflow:hidden;}
		.s5_ul li p.img span{display:block; width:80px; height:80px; border-radius:40px; float:left; margin-left:10px;}

.s6{padding:80px 0;}
	.s6 .text{font-size:14px; line-height:1.8em;}

	.s6 form{margin:50px 0;}
		.s6 form p.check label{font-size:16px;}
		.s6 form p.check input{margin:0 20px 0 5px;}

		.form_ul{width:100%; margin:20px auto 0;}
			.form_ul li div label{font-size:12px; width:100%; line-height:30px;}
			.form_ul li div input{width:90%; padding:5px;}
			#main_location{width:97%; font-size: 16px; height: 40px;}
			.form_ul li:last-child label{letter-spacing:-1px;}
			.form_ul li div textarea{padding:5px; width:90%;}

	.s6 form .submit{margin-top:50px;}
	.s6 form .submit input{width:150px; height:50px; font-size:16px; line-height:55px;}

	.s6 form .submit input:hover{box-shadow:2px 2px 2px rgba(0,0,0,0.5);}



	.s1:after{width:53px; height:250px; right:5%;  bottom:-10%;}
	.s2:after{width:100px; height:107px; left:5%;  bottom:30%;}
	.s3:after{width:137px; height:130px; right:5%;  top:-2%;}
	.s4:after{width:122px; height:125px; left:5%;  top:-2%;}
	.s5:after{width:150px; height:140px; right:5%;  top:-4%;}
	.s6:after{width:200px; height:42px; left:-5%;  top:-2%;}
}





@media screen and (min-width:360px) and (max-width:500px){
   .pcnone{display: none;}

	.s2 .line img{width:100%; margin-left:-50px; margin:0 auto;}
.s2 .history{/*width:330px;*/ width:100%; overflow:hidden; /*position:absolute; margin-left:-150px; left:50%;*/}
		.s2 .history li{width:50%; float:left; max-height:153.5px; padding-left:0; box-sizing:border-box;}
		.s2 .history li.left{padding-left:0px;}
		.s2 .history li strong{display:inline-block; background-color:#1a283b; color:#ffebd9; font-size:12px; padding:3px 10px;}
		.s2 .history li span{width:100%; font-size:11px; line-height:2em; color:#1a283b; margin-top:5px; display:block; letter-spacing:-1.5px;}

		.s2 .line2{display:block; text-align:center; padding-bottom:80px;}
			.s2 .line2 img{width:360px; margin-left:-11px;}

	.s5_ul li p.img span{display:block; width:88px; height:88px; border-radius:50px; float:left; margin-right:3%; margin-top: 10px;}
}

@media screen and (min-width:501px) and (max-width:600px){

    .pcnone{display: none;}
	.s1 .logoArea p:last-child{font-size:12px; padding:80px 0; margin-left:0; line-height:1.5em; width:50%;}

	.s2 .area .line{width:100%;}
	.s2 .line img{width:100%; margin-left:0; margin:0 auto;}
	.s2 .history{/*width:500px;*/ width:100%; overflow:hidden; /*position:absolute; margin-left:0; left:0; padding-left:50px; box-sizing:border-box;*/}
		.s2 .history li{width:50%; float:left; max-height:204.5px; padding-left:0; box-sizing:border-box;}
		.s2 .history li.left{padding-left:45px;}
		.s2 .history li strong{display:inline-block; background-color:#1a283b; color:#ffebd9; font-size:16px; padding:3px 10px;}
		.s2 .history li span{width:100%; font-size:12px; line-height:2em; color:#1a283b; margin-top:10px; display:block; letter-spacing:-1.5px;}

		.s2 .history ul:nth-child(2) li{float:left;}
		.s2 .line1{display:none;}
		.s2 .line2{display:block; text-align:center; padding-bottom:80px;}
			.s2 .line2 img{width:480px; margin-left:-11px;}

	.s4_ul{margin-bottom:50px;}
	.s4_ul li span{min-height:100px;}

		.s5_ul li p.img span{display:block; width:150px; height:150px; border-radius:75px; float:left; margin-right:15px; margin-top: 10px;}
}

@media screen and (min-width:601px) and (max-width:767px){
   .pcnone{display: none;}
	.s0 .area .slide1{margin-top:200px;}

	.s1 .logoArea p:first-child{width:40%;}
	.s1 .logoArea p:last-child{font-size:16px; padding:70px 0; margin-left:0; line-height:1.5em; width:60%;}

	.s2 .line img{width:100%; margin-left:0; margin:0 auto;}
.s2 .history{/*width:600px;*/ width:100%; overflow:hidden; /*position:absolute; margin-left:-300px; left:50%; padding-left:50px; box-sizing:border-box;*/}
		.s2 .history li{width:33.3%; float:left; max-height:165px; padding-left:0; box-sizing:border-box;}
		.s2 .history li.left{padding-left:0;}
		.s2 .history li strong{display:inline-block; background-color:#1a283b; color:#ffebd9; font-size:16px; padding:3px 10px;}
		.s2 .history li span{width:100%; font-size:12px; line-height:2em; color:#1a283b; margin-top:10px; display:block; letter-spacing:-1.5px;}
			.s2 .line1{display:block; text-align:center; padding-bottom:150px;}
				.s2 .line1 img{width:600px;}
			.s2 .line2{display:none;}
			.s2 .line1 img{width:580px; margin-left:-20px;}

	.s3_ul li.center{padding:50px 0;}
		.s3_ul li.center img{width:220px;}


	.s4_ul{margin-bottom:30px;}
	.s4_ul li span{min-height:120px;}

	.s5_ul li p{float:left;}
		.s5_ul li p.text{width:25%; padding-top:40px;}
		.s5_ul li p.text br{display:block;}
		.s5_ul li p.img{width:75%;}
		.s5_ul li p.img span{display:block; width:120px; height:120px; border-radius:75px; float:left; margin-right:10px;}

}

@media screen and (min-width:768px) and (max-width:1200px){
   .pcnone{display:block;}
   .mnone{display: none;}
	.s0 .area .slide1{margin-top:200px; width:50%;}

	.s1 .logoArea p:first-child{width:200px;}
	.s1 .logoArea p:last-child{font-size:16px; padding:60px 0; margin-left:0; line-height:1.5em; width:60%;}

	.s1 .w3 li img{width:50%;}

	.s2 .line img{width:100%; margin-left:0; margin:0 auto;}
	.s2 .history{width:100%; overflow:hidden;/*width:750px; overflow:hidden; position:absolute; margin-left:-375px; left:50%; padding-left:50px; box-sizing:border-box;*/}
		.s2 .history li{width:33.3%; float:left; max-height:213px; padding-left:0; box-sizing:border-box;}
		.s2 .history li.left{padding-left:0;}
		.s2 .history li strong{display:inline-block; background-color:#1a283b; color:#ffebd9; font-size:16px; padding:3px 10px;}
		.s2 .history li span{width:100%; font-size:12px; line-height:2em; color:#1a283b; margin-top:10px; display:block; letter-spacing:-1.5px;}
			.s2 .line1{display:block; padding-bottom:150px; text-align:center; width:100%; margin:0 auto;}
			.s2 .line1 img{width:750px; margin-left:-25px;}
			.s2 .line2{display:none;}

	.s3_ul li.center{padding:50px 0;}
		.s3_ul li.center img{width:220px;}


	.s4_ul{margin-bottom:30px;}
	.s4_ul li span{min-height:120px;}

	.s5_ul li p{float:left;}
		.s5_ul li p.text{width:25%; padding-top:70px;}
		.s5_ul li p.text br{display:block;}
		.s5_ul li p.img{width:75%;}
		.s5_ul li p.img span{display:block; width:160px; height:160px; border-radius:80px; float:left; margin-right:15px;}

	.s1:after{width:80px; height:380px; right:5%;  bottom:-25%;}
	.s2:after{width:150px; height:163px; left:5%;  bottom:20%;}
	.s3:after{width:230px; height:227px; right:5%;  top:-8%;}
	.s4:after{width:180px; height:185px; left:5%;  top:-6%;}
	.s5:after{width:200px; height:190px; right:5%;  top:-6%;}
	.s6:after{width:400px; height:84px; left:-5%;  top:-4%;}
}