/* CSS Document */
.box_In{
	width: 96%;
	margin: 0 auto;
}
.clear {
    clear: both;
}
.hd{margin: 5%  auto ;}
.hd h2{font-size:1.2em;color: #283259;text-align: center;width: 96%;margin: 0 auto;line-height: 1.5em;}
.hd img{width: 80%;margin: 2% auto 0;}
.btn{width: 50%;margin:8% auto 0; text-align: center;border-radius: 30px;color: #fff;display: block; padding: 2% 0 ;background: #E55916;}
.all{
	width: 100%;
	background: #ffffff;
	overflow: hidden;
}
.fl{float: left;}
.fr{float: right;}
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*ban¿ªÊ¼*/
.ban{width: 100%; position: relative;}
.ban .img_bg{width: 100%;}
.ban .box_In img{position: absolute;}
.title{
	padding-top: 4%;
	padding-bottom: 2%;
}
.title h6{
	text-align: center;
	color: #8fc334;
	font-weight: bold;
}
.all ul{
	overflow: hidden;
   clear: both;
}
.title p{
	text-align: center;
	font-size: .4rem;
	color: #fd5e27;
}
.title em{
	width: 80%;
   background: #dcdcdc;
   display: block;
   height: 2px;
   margin: 2% auto;
}
.title em b{
	width: 30%;
   background: #dcdcdc;
   display: block;
   height: 8px;
   margin: 0 auto;
	border-radius: 4px;
}
.title span{
   color: #9e9e9e;
   text-align: center;
   display: block;
	margin-top: 2%;
}
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box1 ul li{
	background:#eeeeee;
	width:49%;
	margin-top: 2%;
}
.box1 .xq{
	background:#eeeeee;
	padding: 2%;
	margin-bottom: 2%;
	text-align: center;
}
.box1 ul li .xq h5{
	color: #5e3700;
	font-size: .24rem;
	font-weight: bold;
}
.box1 ul li .xq h6{
	color:#5e3700;
}
.box1 ul li .xq .flex a{
    background: #e60012;
    color: #ffffff;
    margin-top: 2%;
    width: 50%;
}
.box1 ul li .xq .flex a:nth-child(2){
	background: #fd8705;
}
.box2 .xq{
	background:#f5f5f5;
	padding: 2%;
}
.box2 .xq>p{
	text-align:center;
}
.box2 .xq>h6{
	color: #d6d6d6;
	display: block;
	text-align: center;
}
.box2 .xq span{
	width: 90%;
	display: block;
	margin: 0 auto;
	color: #666666;
	font-size: .2rem;
}
.box2 ul.t1 li{
   border: 1px solid #fe9261;
   display: inline-grid;
   width: 32.6%;
   text-align: center;
   padding: 2% 0%;
	color: #fe9261;
}
.box2 ul.t2 li{
	overflow: hidden;
	margin-top:2%;
	background: #ff5d13;
}
.box2 ul.t2 li .left{
	width: 40%;
	float: left;
	background: #ff5d13;
	text-align: center;
	padding: 7% 0%;
}
.box2 ul.t2 li .left h6{
	text-align: center;
   padding-top: 6%;
   color: #ffffff;
   font-size: .34rem;
}
.box2 ul.t2 li .left p{
	text-align:center;
	color: #ffffff;
}
.box2 ul.t2 li .left img{
	display:block;
	margin: 4% auto;
	width: 40%;
}
.box2 ul.t2 li .left a{
	display: block;
   background: #ffdb45;
   width: 80%;
   margin: 4% auto;
   color: #ff5d12;
}
.box2 ul.t2 li .right{
	width:60%;
	float: left;
}
.alltj{
	background:#fe8b04;
	margin-top: 3%;
	overflow: hidden;
	padding: 4%;
}
.alltj input{ 
   background-color: #ffffff;
   color: #000;
   width: 70%;
   border: none;
   padding: 2% 0%;
   float: left;
	border-radius: 10px;
}
.alltj button{
	margin-left: 3%;
	width:24%;
	border: none;
   padding: 2% 0%;
	color: #ff0000;
	background: #ffffff;
}

.box3 ul li.t1 img:nth-child(1){
	width: 70%;
}
.box3 ul li.t1 img:nth-child(2){
	width: 29%;
	margin-left: 1%;
}
.box3 ul li{
	overflow: hidden;
	margin-top:1%;
}
.box3 ul li.t2 img{
	width: 29%;
	margin-right: 1%;
}
.box3 ul li.t2 img:nth-child(2){
	width:40%;
}
.box3 ul li.t2 img:nth-child(3){
	margin-right:0%;
}
.more{
	display: block;
	margin: 3% auto;
	padding: 2%;
	color: #ffffff;
	text-align: center;
	width:50%;
	background: #e60012;
	border-radius: 20px;
}
.box4 ul li{
	width:49.5%;
	float: left;
	background: #febf23;
	margin-top: 1%;
}
.box4 ul li .xq{
	text-align: left;
	color: #ffffff;
	margin: 16% 0 6% 6%;
}
.box4 ul li .xq h5{
	font-size:.38rem;
}
.box4 ul li .xq h6{
	text-transform: uppercase;
	margin-top: 3%;
}
.box4 ul li .xq em{
	display:block;
	width: 10%;
	height: 4px;
	background: #ffffff;
	margin-top: 4%;
}
.box4 ul li .xq b{
	display:block;
	width: 80%;
	height: 1px;
	background: #ffffff;
	margin-top: 2%;
}
.box4 ul li .xq p{
	margin-top:8%;
}
.box5 .one,.box5 .two{
	position:relative;
}
.box5 ul{
	position: absolute;
	top: 10%;
	left: 4%;
}
.box5 ul h6{
	color:#ffffff;
	font-size: .3rem;
}
.box5 ul em{
   width: 8%;
   height: 2px;
   background: #ffffff;
   display: block;
   margin-top: 1%;
}
.box5 ul li{
	width: 46%;
	float: left;
   margin-right: 2%;
   margin-top: 5%;
	position: relative;
}
.box5 ul li p{
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    text-align: center;
    font-size: 0.23rem;
    padding: 2% 0%;
}
.box5 ul li.t1{
	margin-left: 4%;
}
.box5 .two ul{
	right: 4%;
}
.box5 .two ul h6{
	text-align:right;
}
.box5 .two ul em{
   right: 0;
   position: absolute;
}
.box6{
	background: #fbf4e9;
	padding-bottom: 4%;
}
.box6 .swiper-slide{

}
.box6 .xq{
	background: #ffffff;
	padding: 3%;
	position: relative;
	padding-bottom: 10%;
	height: 5em;
}
.box6 .xq em{
   width: 80%;
   display: block;
   margin: 0% auto;
   position: absolute;
   top: -2%;
   left: 10%;
   height: 4px;
   background: #fc6f2e;
}
.box6 .xq h6{
	background: #fc6f2e;
   display: block;
   margin: 0 auto;
    width: 40%;
   text-align: center;
   color: #ffffff;
   padding: 2%;
   margin-top: -11%;
   z-index: 3;
   position: relative;
}
.box6 .xq p{
	text-align:center;
	font-size: .18rem;
}
.box7{
	padding-bottom:4%;
}
.box7 h5{
	text-align: center;
	font-size: .3rem;
	padding: 4%;
}
.box7 ul li{
	background:#eeeeee;
	width: 32%;
	padding: 4% 0%;
	text-align: center;
	margin-top: 2%;
}
.box7 ul li img{
	width:50%;
	display: block;
	margin: 0 auto;
}
.box7 ul li p{
	padding: 5% 0%;
}
.box7 .more{
	font-size:.2rem;
	background: #ff7e36;
}
.box8{
	position:relative;
}
.box8 form{
	margin: 0 auto;
}
.box8 .xq{
	position:absolute;
	top: 0px;
	background: #ffffff;
	width: 80%;
	left: 10%;
	margin:4% auto;
}
.box8 .xq h5{
	text-align:center;
	font-size: .34rem;
	font-weight: bold;
	padding-top: 6%;
}
.box8 .xq h6{
	text-align:center;
	margin: 2% auto;
	font-size: .2rem;
}
.form_list{
	position: relative;
	margin-bottom: .4rem;
	width: 80%;
	margin: 0 auto;
	}
.form_list input{    
  text-indent: 1rem;
   width: 100%;
   padding: 4% 8%;
   margin: 3% 0%;
   font-size: .28rem;
   border-radius: 10px;
   border: 1px solid #b1b1b1;
}
 .box_In a {
    line-height: 3rem;
    background-color: coral;
    color: #ffffff;
    height: 3rem;
    width: 70%;
    text-align: center;
    font-size: 1.3rem;
    margin: 2rem auto;
    display: block;
}
.form_list img{
	position: absolute;
	width:12%;
	left: 2%;
	top:1.18rem;
}
.form_tips{text-align: center;font-size: .32rem;color:#999999;margin-top: .4rem}
.form_btn input{
	width: 80%;
	margin: 3% auto;
	font-size:.28rem;
	display: block;
	border:none;
	background:#ff825d;
	color:#fff;
	border-radius:20px;
	 padding: 4% 0%;
	letter-spacing: 1px;
}