@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{padding:0px;font-size:1rem;font-family:"微软雅黑","黑体";color:#898989;line-height:1rem;background:#FFF;width: 540px;margin: 0 auto;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

body{}
img { max-width: 100%;}
.header{ padding: 0.45rem 0 0.3rem;}
.header .logo{ display: block; width:3.9rem; margin: 0 auto;} 
 .mainshow{
    background: #FAFAFA url(../images/bg01.jpg) no-repeat center top;
    background-size: 100% auto;
    font-family: Arial, Helvetica, sans-serif;
}
.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.qjbj{ width: 100%;height: 100%; margin: 0 auto;width: 1100px; }
.left{width: 100%;float: left;}
.zw_left { 	margin-top: 0.5rem;	width: 560px;	float: left;	position: relative;}
.zwnr{/* overflow: hidden; *//* position: absolute; *//* left:50%; *//* top:50%; *//* transform:translate(-50%,-50%); *//* width: 1160px; */} 
.zw_right .logo{ width: 3rem; }
.zw_right{width: 354px;float: right; padding-top: ;}
.zw_right img{margin: 0 auto; padding-bottom: 30px;}
.zw_right li{padding-bottom: 14px;}
.zw_right a{display: block;position: relative;font-weight: bold; font-size: 32px; color: #eb1515d2;background: url(../images/a1.png); line-height: 1.6rem;background-size: 100% 100%; }
.zw_right span{display: block; position: absolute;top: 0;right: 20px;width: 23px;}
.zw_right b{font-weight: bold;}
.zw_right ul li:nth-child(1) b{ background: url(../images/img01.png) no-repeat  20% 50%;display: block;  text-align: center;}
.zw_right ul li:nth-child(2) b{ background: url(../images/img02.png) no-repeat  20% 50%;display: block;  text-align: center;}
.zw_right ul li:nth-child(3) b{ background: url(../images/img03.png) no-repeat  20% 50%;display: block;  text-align: center;}
.zw_right ul li:nth-child(4) b{ background: url(../images/img04.png) no-repeat  20% 50%;display: block;  text-align: center;}
.zw_right ul li:nth-child(5) b{ background: url(../images/img05.png) no-repeat  20% 50%;display: block;  text-align: center;}
  
 
.qjbj{position: static;max-width: 540px;margin: 0 auto;background-size: cover;}
.zwnr{width: 750px;/* padding: 0 0.9rem 0 0.9rem; *//* position: static; *//* transform: translate(0%,0%); */}	
.zw_right .logo{position: absolute;width: 2.77rem; top: .55rem;left: 50%;transform: translateX(-50%);padding: 0;}
.zw_right{float: none; width: 100%; padding: 0 .4rem .1rem .4rem;}
.zw_right a{font-size: .45rem;line-height: 0.9rem;} 
.zw_right span{width: .26rem;right: .3rem;}
.zw_right span img{width: 100%;}
.zw_right ul li:nth-child(1) b{ background: url(../images/img01.png) no-repeat 20% 50%;display: block;  text-align: center;background-size: .47rem;}
.zw_right ul li:nth-child(2) b{ background: url(../images/img02.png) no-repeat 20% 50%;display: block;  text-align: center;background-size: .38rem;}
.zw_right ul li:nth-child(3) b{ background: url(../images/img03.png) no-repeat 20% 50%;display: block;  text-align: center;background-size: .47rem;}
.zw_right ul li:nth-child(4) b{ background: url(../images/img04.png) no-repeat 20% 50%;display: block;  text-align: center;background-size: .47rem;}
.zw_right ul li:nth-child(5) b{ background: url(../images/img05.png) no-repeat 20% 50%;display: block;  text-align: center;background-size: .47rem;}
.qjbj{width: 100%;overflow: hidden;}
.zwnr{width: 100%;float: left;}
.zw_right ul{padding-top: .2rem;}
 
	
.icondiv{border: 2px solid #e41f1f6b;border-radius: 0.8rem;padding: 5px 20px;position: relative;margin: 0.25rem auto;width: 100%;float: left;/* margin-top: 0.5rem; */}
.icondiv a {display: block; display: flex;flex-direction: column;  align-items: center;	}
.icondiv a img{height: 40px;		}
.banner {position: relative;}
.swiper-button-next {width: 9px;height: 27px;margin-top: -8px;	background: url(../images/right.png)  no-repeat ;  background-size: 100%;	}
.swiper-button-prev {width: 9px;height: 27px;margin-top: -8px;left: 10px;	background: url(../images/left.png)  no-repeat ;  background-size: 100%;	}

.banner .swiper-slide img{width: 100%;float: left;padding: 0px;}

@media (max-width: 720px) {
	body{width: 100%;background: #FAFAFA url(../images/bg01.jpg) no-repeat center top;
    background-size: 100% auto;
    font-family: Arial, Helvetica, sans-serif;}
	 .mainshow{background:none ;}
}

.xia_tan {
	background: #0000009c;
	background-size: cover;
	width: 100%;
	position: fixed;
	z-index: 9999;
	/* left: 0; */
	top: 0;
	height: 100%;
	max-width: 540px;
}

.xia_tan_na {
	display: flex;
	bottom: 2rem;
	line-height: 1;
	position: absolute;
	z-index: 100;
	border-radius: 7px;
	padding: 30px 10px;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	align-content: space-between;
	width: calc(100% - 20px);
}

.xia_tan a {
	font-size: 0.35rem;
	padding: 0.25rem 0.35rem;
	border-radius: 50rem;
	background: #eb0f1e;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.guans {
	position: absolute;
	right: 10px;
	bottom: 2.5rem;
	z-index: 99999999999999;
}

.guans img {
	width: 60px;
}

.xia_tan_na p {
	font-size: 0.7rem;
	color: #fff;
}

.xia_tan_shs {
	display: flex;
	z-index: 100;
	padding: 30px 0;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}

.xia_tan_shs img {
	width: 26px;
}