@charset "gb2312";

/* CSS Document */

.box_In{
	width: 92%;
	margin: 0 auto;
}
img{ 
	width: 100%;
    display: block;
}
input, img {
    border: 0px;
}
input, textarea, select {
    outline: none;
    -webkit-appearance: none;
}
.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: #363943;
	overflow: hidden;
}
ul{
	overflow: hidden;
   clear: both;
}
.fl{float: left;}
.fr{float: right;}
/*ban¿ªÊ¼*/
.ban{width: 100%; position: relative;}
.title{
	text-align: center;
	color: #FFFFFF;
}
.title h6{
	font-size: .3rem;
	font-weight: bold;
}
.title img {
    vertical-align: bottom;
    width: 22%;
    display: initial;
}
.title p{
	text-transform:uppercase;
}
.box{
	margin-bottom: 10px;
   margin-top: 8%;
}
.box1 .xq{
	background: #ffffff;
	padding: 6px;
	border-radius: 10px;
	margin: 10px 0px;
}
.box1 .box_In{
	position:relative;
}
.box1 .box_In img.left{
	width: 8%;
	position: absolute;
	top: 0px;
	left:0px;
}
.box1 .box_In img.right{
	width: 8%;
	position: absolute;
	top: 0px;
	right:0px;
}
.box1 .xq span{
	color: #363943;
	display:block;
	border: 1px solid #c1a387;
	padding: 6px;
	border-radius: 10px;
	line-height: 20px;
	text-indent: 4%; 
}
.box2 .box_In{
	border-radius: 10px;
}
.box2 .xq,.box3 .xq,.box4 .xq,.box6 .xq{
	background: #bdbdc5;
	padding: 10px;
	border-radius: 0px 0px 8px 8px;
}
.box2 .xq span,.box3 .xq span,.box6 .xq span{
	color: #363943;
	display:block;
	background: #ffffff;
	padding: 6px;
	border-radius: 10px;
	line-height: 20px;
	text-indent: 7%; 
	margin-bottom: 10px;
}
.box2 .title,.box3 .title,.box4 .title,.box6 .title{
	color: #363943;
	background:url(../images/bg_01.png) no-repeat center;
	background-size: 101%;
}

.box3 ul li,.box7 ul li{
	width:49%;
	margin-right: 2%;
	float: left;
}
.box3 ul li:nth-child(even),.box7 ul li:nth-child(even){
	margin-right: 0px;
}
.box4 .xq p{
	font-size: .24rem;
	background:#FFFFFF;
	padding: 4px;
	margin-bottom: 6px;
	border-radius: 6px;
}
.box4 .swiper-wrapper{
	padding-bottom: 9%;
}
.swiper-pagination-bullet{
	border-radius: 0px !important;
	background: #ffffff !important;
	opacity:1 !important;
}
.swiper-pagination-bullet-active{
	background: #363943 !important;
}
.box5 .title img,.box7 .title img{
	vertical-align: middle;
   width: 4%;
   display: initial;
}
.box5 span{
	color: #ffffff;
	display: block;
	width: 90%;
	line-height: 20px;
	margin:3% auto;
}
.box5 .xq em{
	display: block;
	background: #dac399;
	width: 8px;
	height: 20px;
	float: left;
	margin-top: 1%;
}
.box5 ul li{
	width:49%;
	margin-right: 2%;
	float: left;
	position: relative;
}
.box5 ul li:nth-child(even){
	margin-right: 0px;
}
.box5 ul li:nth-child(3),.box5 ul li:nth-child(4){
	margin-top: 3%;
}
.box5 p{
	position: absolute;
   background: rgba(255, 255, 255, 0.7);
   color: #363943;
   bottom: 0;
   width: 100%;
   text-align: center;
   font-size: .3rem;
}
.box6 ul li,.box3 ul li{
	margin-top: 2%;
}
.box7 p i{
   width: 5px;
   height: 20px;
   background: #dac399;
   display: block;
   float: left;
	margin-right: 4%;
}
.box7 ul li{
	margin-top: 3%;
	padding-bottom: 1%;
}
.box7 ul li p{
	color:#ffffff;
	margin-top: 3%;
	font-size: .2rem;
}
.box7 p em{
	background: #ffe5e6;
	color: #fe3900;
	padding: 2px 4px;
	border-radius: 4px;
	margin-left: 4%;
}
.box7 p b{
	background: #e4f2df;
	color: #36a543;
	padding: 2px 4px;
	border-radius: 4px;
	margin-left: 4%;
	font-weight: normal;
}
@media(max-width: 358px) and (min-width: 280px){
	.title h6{
		font-size: .26rem;
	}
	.title p{
		font-size: 0.18rem;
	}
}

@media (max-width: 412px) and (min-width:359px){
	.title h6{
		font-size: .3rem;
	}
}
@media(min-width:377px) and (max-width: 413px){

}
@media(max-width: 440px) and (min-width: 413px){
	
}
@media(max-width: 474px) and (min-width: 441px){

}
@media(min-width: 475px) and (max-width: 516px){

}
@media(min-width: 517px) and (max-width: 560px){
	
}
@media(min-width: 561px){
	.box1 .xq span,.box5 span,.box2 .xq span, .box3 .xq span, .box6 .xq span{
		line-height: 26px;
	}
}