@charset "utf-8";
html {font-size:62.5%;}
body,div,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,img,input,textarea,select,button,label,tr,td{margin:0;padding:0}
em,i{font-style:normal}li{list-style:none}
a,a:hover{text-decoration:none}
/*
img{max-width:100%;border:0;vertical-align:middle;}
*/
table{border-collapse:collapse;border-spacing:0}
label{cursor:default}
body,button,input,select,textarea{font:100% Tahoma,arial,'Hiragino Sans GB','microsoft yahei',\5b8b\4f53}
input,textarea{resize:none;border:none;-webkit-appearance:none;border-radius:0;}
a,a:focus{outline:none}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{*zoom:1}
.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}
.noBg{background:none!important}
.noBd{border:0!important}
body{  font-size:14px;  }
a { color:#434141; text-decoration:none; }
.wraper { position: relative; max-width: 640px; min-width:320px; margin:0 auto; background:#fff; overflow: hidden; }

@media all and (orientation : landscape) {/* 这是匹配横屏的状态，横屏时的css代码 */
	.wraper { width: 100%; }
}
@media all and (orientation : portrait){ /* 这是匹配竖屏的状态，竖屏时的css代码 */
	.wraper { max-width: 640px; }
}

.box { font-size:27px; text-align:center; color:#f8851b; font-weight:bold; width:90%; margin:20px auto;  background:url(../style/box.jpg) no-repeat bottom center; padding-bottom:20px; }
.box i { font-size:43px; color:#eb1681; font-style:italic; }


.welcome { height:35px; line-height:35px; background:#434343; }
.welcome .p1 { float:left; margin-left:2%; font-size:16px; color:#fff; background:url(../style/wel01.gif) no-repeat center left; padding-left:40px; }
.welcome .p2 { float:right; margin-right:2%; font-size:22px; font-weight:bold; color:#fff; background:url(../style/wel02.png) no-repeat center left; padding-left:35px;  }

.logo { width:100%; }
.logo img { width:100%; height:auto; }

.nav ul {  background:#f8851b; }
.nav ul li { float:left; width:25%; height:45px;text-align:center; line-height:45px;color:#fff; background:url(../style/nav.jpg) no-repeat center left;  }
.nav ul li a {  font-size:24px;  color:#fff; }

.banner { position:relative; overflow:hidden; }
.banner .hd{ position:absolute; bottom:10px; right: 0; width:100%;  height: 8px;  z-index:1; }
.banner .hd ul { width:80%; height:8px; margin:0 auto; text-align:center; font-size:0; }
.banner .hd ul li{ display:inline-block; width:8px; height:8px; background:#fff; border-radius:100%; border:1px solid #ed3190; text-indent:-9999px; margin:0 6px; }
.banner .hd li.on { background:#ed3190; }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center; }
.banner img { /*background:url(loading.gif) center center no-repeat;*/ vertical-align:top; width:100%; /* 图片宽度100%，达到自适应效果 */}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

.aArea p { width:90%; margin:0 auto; font-size:16px; line-height:30px; color:#666; padding:10px 0 20px; }

.aArea .more {  width:65%; margin:33px auto;  }
.bArea .more {  width:80%; margin:20px auto 40px auto; }
.cArea .more {  width:70%; margin:0 auto; }
.dArea .more { width:85%; margin:20px auto 0 auto; }
.eArea .more { width:45%; margin:0 auto;  }
.fArea .more { width:70%; margin:0 auto;  }
.gArea .more { width:75%; margin:20px auto 0 auto; }
.more { display:block; height:54px; line-height:54px; background:#ff5a00; color:#fff; text-align:center; border-radius:10px; font-size:27px; }
.dArea .more01 { width:75%; margin:30px auto;  }


.eArea01 { background:#edf5f8; }
.eArea01 .hd {padding-top:18px; text-align:center; font-size:30px; color:#474747; line-height:1; font-weight:bold; margin-bottom:15px; }
.eArea01 .hd i { font-size:50px; color:#eb0a0a; margin-right:5px; }

.eArea01 .e01 { width:90%; margin:0 auto; padding:15px 0; border-right:1px dashed #b6b8b9; border-top:1px dashed #b6b8b9; }
.eArea01 .e01 .pic { float:right; width:38%; margin-right:6.5%; }
.eArea01 .e01 .txt { float:left; width:47%; margin-left:2%; }
.eArea01 .e01 .txt p { margin-top:10px; color:#666168; font-size:16px; }
.eArea01 .e01 .txt h1 { font-size:34px; color:#bf9100; font-weight:bold;  }
.eArea01 .e01 .txt h1 span { font-size:24px; color:#3b8fc7; }
.eArea01 .e01 .txt h1 i { width:10%; display:inline-block;  }
.eArea01 .e01 .txt h1 i img { width:100%; height:auto; }

.eArea01 .e02 { width:90%; margin:0 auto; padding:15px 0; border-left:1px dashed #b6b8b9; border-top:1px dashed #b6b8b9; }
.eArea01 .e02 .pic { float:left; width:38%; margin-left:6.5%; }
.eArea01 .e02 .txt { float:right; width:47%; margin-right:2%; }
.eArea01 .e02 .txt p { margin-top:10px; color:#666168; font-size:16px; }
.eArea01 .e02 .txt h1 { font-size:34px; color:#bf9100; font-weight:bold;  }
.eArea01 .e02 .txt h1 span { font-size:24px; color:#3b8fc7; }
.eArea01 .e02 .txt h1 i { width:10%; display:inline-block;  }
.eArea01 .e02 .txt h1 i img { width:100%; height:auto; }


.bArea ul { width:90%; margin:0 auto; padding-top:25px; }
.bArea ul li { border-top:1px dashed #ddd; padding:10px 0; }
.bArea ul li .pic { float:left; margin-right:15px; }
.bArea ul li .txt h1 { font-size:24px; font-style:italic; padding-top:5px; }
.bArea ul li .txt p { margin-top:5px; font-size:15px; }

.bArea ul li .txt01 h1 { color:#ff7c82; }
.bArea ul li .txt02 h1 { color:#fecc05; }
.bArea ul li .txt03 h1 { color:#40e4b7; }
.bArea ul li .txt04 h1 { color:#df61ff; }
.bArea ul li .txt05 h1 { color:#3ccaff; }
.bArea ul li .txt06 h1 { color:#f8851b; }


.cArea p { margin:15px 0; }

.dArea ul li { width:50%; float:left; text-align:center; padding-bottom:30px; }
.dArea ul li h1 { font-size:25px; color:#333; margin-top:15px; }
.dArea ul li span { display:block; width:71%; height:1px; background:#959595; margin:5px auto; }
.dArea ul li p { font-size:18px; color:#333; }

.dArea ul .li1,.dArea ul .li4,.dArea ul .li5,.dArea ul .li8,.dArea ul .li9 { background:#f3f3f3; }

.s-swiper { overflow: hidden; text-align: center; }
.s-swiper01 { overflow: hidden; text-align: center; }


.fArea p { width:88%; margin:15px auto; font-size:20px; color:#f8851b; font-weight:bold; }

.fArea .ul { width:90%; margin:20px auto; }
.fArea .ul ul { border-bottom:5px solid transparent; }
.fArea .ul ul li { border:1px solid #d2d2d2; float:left; margin-right:3px; }
.fArea .t1 { background:#f8851b; width:15%; height:42px; line-height:42px; text-align:center; font-size:22px; color:#fff; font-weight:bold;  font-style:italic; }
.fArea .t2,.fArea .t3 { height:32px; padding-top:10px; color:#666; }

.fArea .p1 .t1 { background:none; border:none; }
.fArea .p1 .t2,.fArea .p1 .t3 { border:none; font-size:22px; color:#f8851b; font-weight:bold; }
.fArea .t2 { width:61%; padding-left:5px; font-size:14px; }
.fArea .t3 { width:20%; margin-right:0; text-align:center; }

.fArea .p3 .t2,.fArea .p3 .t3 { height:45px; padding-top:10px; }
.fArea .p3 .t1 { height:55px; line-height:55px; }

.fArea .p4 .t2 { height:46px; }
.fArea .p4 .t3 { height:42px; }
.fArea .p4 .t1 { height:52px; line-height:52px; }

.gArea p { font-size:18px; color:#ce0000; text-align:center; font-weight:bold; margin-bottom:28px; }
.gArea .bd { }
.gArea ul li { float:left; width:33.333%; padding-left:1px;}
.gArea span { display:block; font-size:18px; color:#ce0000; text-align:center; font-weight:bold; margin-top:20px; }
.gArea .pic { width:95%; margin:25px auto; }


.hArea p { text-align:center; font-size:18px; color:#333; margin:20px 0; }
.hArea ul li { float:left; width:33.333%; padding-left:3px; }
.hArea ul li span { display:block; text-align:center; margin-top:5px;  }
.hArea .p1 {  font-size:18px; color:#ce0000; text-align:center; font-weight:bold; margin:30px 0 15px; }

.jArea { width:89.5%; margin:40px auto; }
.jArea .hd ul { border:1px solid #ccc; padding:15px 0; }
.jArea .hd ul li { position:relative; width:49%; height:35px; line-height:35px; float:left; font-size:26px; text-align:center; border-right:1px solid #ccc; font-weight:bold; color:#f8851b; }
.jArea .hd ul li.on { color:#eb1681; }
.jArea .hd ul li.on:after { position:absolute; top:50px; left:50%; margin-left:-57px; display:block; content:""; width:115px; height:11px; background:url(../style/ll01.jpg) no-repeat center; }

.jArea .bd ul li { margin-top:25px; }
.jArea .bd ul li .pic { float:left; width:30%; }
.jArea .bd ul li .pic img { width:100%; height:auto; }
.jArea .bd ul li .txt { width:65%; float:right;}
.jArea .bd ul li .txt h1 a { display:block; font-size:17px; color:#f8851b; height:22px; line-height:22px; overflow:hidden; }
.jArea .bd ul li .txt p { font-size:14px; color:#666; margin-top:10px; }

.kArea { padding:30px 0; background:#f3f3f3; }

.kArea form { display:block; width:90%; margin:0 auto; }
.kArea form p { font-size:2rem; color:#e60000; margin-bottom:20px; font-weight:bold; text-align:center; line-height: 1.7; }
.kArea form label { width: 28%; height: 40px; /*width:115px;*/ float:left; text-align:right; font-size:1.8rem; color:#333; font-weight:bold; }
.kArea form ul li { margin-top:10px; line-height: 40px; }
.kArea form .text { width: 60%; /*width:370px;*/ height:40px; padding: 0 5px; font-size: 1.6rem; line-height:40px; border:1px solid #959595; background:#fff; }
.kArea form .textarea { width: 60%; /*width:370px;*/ height:100px; padding: 5px; font-size: 1.6rem; border:1px solid #959595; background:#fff; line-height: 1.7; }

/*.kArea form .submit { margin: 15px 0 0 115px; }*/
.kArea form .submit input { width: 20%; height: 4rem; /*width:130px;*/ text-align:center; margin-right:15px; font-size:2rem;color:#fff; cursor:pointer; line-height: 1; }
.kArea form .submit .btn01 { background:#e60012; }
.kArea form .submit .btn02 { background:#448aca; }

.mArea01 { width:85%; margin:0 auto; color:#666; font-size:1.6rem; line-height: 1.7; }
.mArea02 { width:90%; margin:0 auto; }
.mArea02 ul { margin: 2rem 0; }
.mArea02 ul li { float:left; width:30.333%; margin:0 1.5%; }
.mArea02 p { font-size:1.8rem; font-weight:bold; color:#38983a; text-align:center; line-height: 1.7; }
.mArea02 span { display:block; font-size:1.6rem; color:#838383; text-align:center; margin-top:1.5rem; }
.mArea02 span i { color:#ff0000; }



.footer { position:fixed; bottom:0; z-index:5;}
.footer ul { width:100%; margin:0 auto; }
.footer ul li { float:left; width:20%; }
.footer ul li img { width:100%; height:auto; }

@media screen and (max-width: 605px){
	.eArea01 .e01 .txt h1 { font-size:32px; }
	.eArea01 .e01 .txt h1 span { font-size:22px;  }
	.eArea01 .e02 .txt h1 { font-size:32px; }
	.eArea01 .e02 .txt h1 span { font-size:22px;  }
}
@media screen and (max-width: 580px){
	.more { font-size:25px; }

	.eArea01 .e01 .txt h1 { font-size:30px; }
	.eArea01 .e01 .txt h1 span { font-size:20px;  }
	.eArea01 .e02 .txt h1 { font-size:30px; }
	.eArea01 .e02 .txt h1 span { font-size:20px;  }

	.fArea .t2 { width:58%; }
}

@media screen and (max-width: 550px){
	.box { font-size:25px; }
	.box i { font-size:40px; }

	.more { font-size:23px; }
}

@media screen and (max-width: 520px){


	.eArea01 .e01 .txt h1 { font-size:28px; }
	.eArea01 .e01 .txt h1 span { font-size:18px;  }
	.eArea01 .e02 .txt h1 { font-size:28px; }
	.eArea01 .e02 .txt h1 span { font-size:18px;  }

	.fArea .t1 { font-size:20px; }
	.fArea .p1 .t2,.fArea .p1 .t3 { font-size:20px; }
}
@media screen and (max-width: 500px){
	.nav ul li a {  font-size:20px; }

	.box { font-size:22px; }
	.box i { font-size:36px; }

	.more { font-size:20px; }

	.eArea01 .e01 .txt h1 { font-size:26px; }
	.eArea01 .e01 .txt h1 span { font-size:16px;  }
	.eArea01 .e02 .txt h1 { font-size:26px; }
	.eArea01 .e02 .txt h1 span { font-size:16px;  }
}

@media screen and (max-width: 430px){
	 .fArea .t2 { height:36px; padding-top:6px; }
}


@media screen and (max-width: 450px){
	.dArea ul li h1 { font-size:22px; }
	.dArea ul li span { width:85%; }
	.dArea ul li p { font-size:13px; color:#333; }
	.fArea p { font-size:16px; }





	.box { font-size:20px; }
	.box i { font-size:32px; }

	.more { font-size:18px; }
	.jArea .hd ul li { font-size:25px; }

	.eArea01 .e01 .txt h1 { font-size:22px; }
	.eArea01 .e01 .txt h1 span { font-size:16px;  }
	.eArea01 .e02 .txt h1 { font-size:22px; }
	.eArea01 .e02 .txt h1 span { font-size:16px;  }

	.fArea .t1 { font-size:18px; }
		.fArea .p1 .t2,.fArea .p1 .t3 { font-size:18px; }

			.mArea02 p { font-size:16px; }
}
@media screen and (max-width: 400px){


	.jArea .bd ul li .txt p { height:60px; overflow:hidden; }

	 .nav ul li a {  font-size:18px; }

	 .box { font-size:18px; }
	.box i { font-size:28px; }

	.more { font-size:16px; }
	.jArea .hd ul li { font-size:22px; }

	.eArea01 .e01 .txt h1 { font-size:20px; }
	.eArea01 .e01 .txt h1 span { font-size:14px;  }
	.eArea01 .e02 .txt h1 { font-size:20px; }
	.eArea01 .e02 .txt h1 span { font-size:14px;  }

	.fArea .t1 { font-size:16px; }
	.fArea .p1 .t2,.fArea .p1 .t3 { font-size:16px; }


}
@media screen and (max-width: 360px){
	.kArea form p { font-size:18px }

	.box { font-size:16px; }
	.box i { font-size:26px; }

	.more { font-size:14px; }
	.jArea .hd ul li { font-size:20px; }

	.eArea01 .e01 .txt h1 { font-size:16px; }
	.eArea01 .e01 .txt h1 span { font-size:12px;  }
	.eArea01 .e02 .txt h1 { font-size:16px; }
	.eArea01 .e02 .txt h1 span { font-size:12px;  }

	.fArea .t1 { font-size:14px; }
	.fArea .p1 .t2,.fArea .p1 .t3 { font-size:14px; }
}
@media screen and (max-width: 360px){
	.bArea ul li .txt p { font-size:13px; }


}

@media screen and (max-width: 376px){
	.fArea .p2 .t2 { height:46px; }
	.fArea .p2 .t3 { height:42px; }
	.fArea .p2 .t1 { height:52px; line-height:52px; }
}

@media only screen and (max-width:425px){
	html { font-size:55%; }
	.wraper { padding-bottom: 10rem; }
}

@media only screen and (max-width:375px){

}

@media only screen and (max-width:325px){
	html { font-size:50%; }
}


.page{text-align:center;padding:1% 0 2%;font-weight:normal;font-size:13px;}
.page a{margin:0 2px;}
.page span{margin-right:2px;}


.m-tList { padding:0 0 8px; text-align:left; font-weight:normal;}
.m-tList li { padding:10px 0; border-bottom:1px solid #eee; color:#777; font-size:12px; line-height:18px; }
.m-tList li h2 { padding-bottom:5px; font-size:15px; }

.m-menu{padding-bottom:4%;}