/*重置*/
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}
input,select,form,textarea,button{ border:none; margin:0;outline:none; padding:0;-webkit-appearance: none;}
h1,h2,h3,h4,h5{ font-weight:normal;}
img{ border:none;}
a{ text-decoration:none;
text-decoration:none; outline:none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;

}
*{ font: normal 0.24rem/100% Helvetica, Arial, sans-serif;}
li{ list-style-type:none;}
html{ width:100%;min-height: 100%; height: 100%;}
body.shouye{background: #282828;height: 100%;}
body{background-color: #fff;min-height: 100%; }

/**/
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:100px;}}
@media screen and (min-width: 720px) {html{font-size:100px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}
@media screen and (min-width: 800px) {html{font-size:100px;}}
@media screen and (min-width: 960px) {html{font-size:100px;}}
/*
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:106.25px;}}
@media screen and (min-width: 720px) {html{font-size:112.5px;}}
@media screen and (min-width: 760px) {html{font-size:118.75px;}}
@media screen and (min-width: 800px) {html{font-size:125px;}}
@media screen and (min-width: 960px) {html{font-size:150px;}}
 
*/

/*公共样式*/
.cs{border: solid 1px #ccc;}

.px22{font-size: .22rem;}
.px24{font-size: .24rem;}
.px26{font-size: .26rem;}

.color_h{color: #bdbdbd;}

 .da_xiao_xianz{
 	width:100%;
	max-width: 640px;
	margin:0 auto;
	background: #fff;
 }
/*头部开始了*/ 

.toub_beij{
	width: 100%;
	height: 0.88rem;
	background:#fff;
	top: 0;  
 	z-index: 100;
 	display: flex;
 	display: -webkit-flex;
 	justify-content:space-between;
 	 align-items:center;
 	-moz-box-shadow:0px 0px 2px #b4b4b4; -webkit-box-shadow:0px 0px 2px #b4b4b4; box-shadow:0px 0px 2px #b4b4b4;
	
}
.toub_beij_sy{
	position: fixed;
} 

.toub_beij .logo{
	width: 2.8rem;
	padding-left:0.2rem; 
	float: left;
	display:flex;
}
.toub_beij .logo img{
	width: 100%;
	
}
.toub_beij .sy_zaix{ 
	padding-right: 0.2rem; 
}
.toub_beij .sy_zaix a{ 
	display:inline-block;
	color: #585858;
	font-size: 0.28rem;
}
/*
vertical-align: middle; top bottom:               ***********                 *******    ***********    ************  */

 

/*banner*/

.banner{
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.swiper-container_banner { 
    width: 100%;
    height: 100%;
    position: relative;overflow: hidden;
}
.swiper-container_banner .swiper-slide {
    text-align: center; 
    background: #fff;  
}
.swiper-container_banner .swiper-slide img{
	width: 100%;
}

 
.banner .swiper-container_banner .swiper-pagination{
	bottom: 1.2rem;
}
.swiper-container_banner .swiper-pagination-bullet{background: #fff; }
.swiper-container_banner .swiper-pagination-bullet-active{background:#e10601;}

@media screen and (min-width: 769px) {
	.swiper-container_banner { 
    height: 100%;
	width: 640px;
	margin:0 auto;
    position: relative;overflow: hidden;
}
	.swiper-container_banner .swiper-slide img{
	height: 100%;
	width: 640px;
	margin:0 auto;
	}
}

/*导航*/
 
.text_wenz{
	padding:0.2rem;
	overflow: hidden; 
}

.text_wenz li{
	float: left;
	width: 25%;
	text-align: center;
}
.text_wenz li a{
	display: block;
	line-height: 0.50rem;
	color: #5d5d5d;
}


 

/*悬浮底部导航*/
.dibu_daoh{
	height: 0.98rem;
	position: fixed;
	bottom: 0px;
	width: 100%;
	background: #fff;
	z-index: 101;
	text-align: center;
	-moz-box-shadow:0px 0px 2px #b4b4b4; -webkit-box-shadow:0px 0px 2px #b4b4b4; box-shadow:0px 0px 2px #b4b4b4;
}

.dibu_daoh ul{
	overflow: hidden;
}

.dibu_daoh ul li{
	float: left;
	width: 25%;
}
.dibu_daoh ul li img{
	width: 0.36rem;
	height: 0.36rem;
	padding-top: 0.15rem;
}
.dibu_daoh ul li a{
	color: #686868;
}

.dibu_daoh ul li p{
	line-height: 0.35rem;
}