html{ font-size:10px; }
::before,
::after{
/*选择了所有标签*/
margin:0;padding:0;
/*清楚移动端点击高亮*/
-webkit-tap-highlight-color:transparent;
/*设置所有都是以边框开始计算宽度，百分比*/
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
a, img {
    -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/
}
body{ max-width:6.4rem; min-width:3.2rem; margin:0 auto;}
/******************板块1******************/
.banner{
  width: 6.4rem;
  height: 3.66rem;
  margin: auto;
  background: url(../images/banner.jpg) no-repeat center;
  background-size: 100%;
}
.banner a{
  display: table;
  width: 100%;
  height: 100%;
  margin: auto;
}
.content{
  width: 6.4rem;
  height: auto;
  display: table;
  margin: auto;
}
.blank1{
  width: 100%;
  margin:auto;
  display: table;
  padding-bottom: 0.9rem;
}
.common_tit{
	width: 100%;
	text-align: center;
	background: url(../images/comon_icon1.jpg) no-repeat bottom center;
	background-size: 0.7rem 0.02rem;
	font-size: 0.32rem;
	padding-top: 0.5rem;
	padding-bottom: 0.3rem;
	color: #333333;
}
.blank1>p,.blank3>p{
	width: 98%;
	margin: auto;
	font-size: 0.26rem;
	text-indent: 2em;
	line-height: 1.8;
	color: #777777;
	margin-top:0.15rem;
}
.blank1>img{
	width: 6.19rem;
	height: 3.46rem;
	display: block;
	margin:0.3rem auto;
}
.common_zixun{
	display: table;
	max-width: 6.2rem;
	margin: auto;
	height: 0.5rem;
	text-align: center;
	line-height: 0.5rem;
	color: #fff;
	padding:0 0.2rem;
	font-size: 0.28rem;
	border-radius: 0.27rem;
    background: -webkit-linear-gradient(right, #ffb17a,#ffb179,#ffac6a,#ffa144,#ff951c,#ff900b,#ff900b,#ff900b,#ff900b,#ff900b,#ff900b); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left,#ffb17a,#ffb179,#ffac6a,#ffa144,#ff951c,#ff900b,#ff900b,#ff900b,#ff900b,#ff900b,#ff900b); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffb17a,#ffb179,#ffac6a,#ffa144,#ff951c,#ff900b,#ff900b,#ff900b,#ff900b,#ff900b,#ff900b); /* Firefox 3.6 - 15 */
    background: linear-gradient(left,#ffb17a,#ffb179,#ffac6a,#ffa144,#ff951c,#ff900b,#ff900b,#ff900b,#ff900b,#ff900b,#ff900b); /* 标准的语法（必须放在最后） */

}
.blank2{
	width: 100%;
	height: auto;
	margin: auto;
	display: table;
	position: relative;
	background: #50a6d7;
}
.blank2>img{
	width: 1.5rem;
	height: 0.35rem;
	position: absolute;
	left: 2.46rem;
	top: -0.35rem;
}
.blank2_tit{
	color: #fff;
}
.blank2_cont{
	width: 100%;
	margin: auto;
	display: table;
}
.blank2_cont img{
	width: 6.4rem;
	height: 3.02rem;
	margin:0.3rem auto;
}
.blank2_show{
	max-width: 6.4rem;
	margin: auto;
	overflow: hidden;
}
.swiper-blank2_show .swiper-pagination-bullet-active{
	width: 0.57rem;
	height: 0.75rem;
	border: 1px dashed #fff100;
}
.swiper-blank2_show .swiper-pagination-bullet-active i{
	width: 0.37rem !important;
	height: 0.37rem !important;
	border-radius: 0.2rem;
	line-height: 0.37rem !important;
	top: 0.1rem;
	left: 0.1rem;
	background: #f4ac00 !important;
}
.swiper-blank2_show span {
	width: 0.57rem !important;
	height: 0.57rem !important;
	border-radius: 0.30rem;
	line-height: 0.3rem;
	text-align: center;
	color: #fff;
	background: none !important;
	position: absolute;
	opacity: 1;
}
.swiper-blank2_show span i{
	width: 0.3rem !important;
	height: 0.3rem !important;
	margin: auto;
	display: block;
	border-radius: 0.16rem;
	line-height: 0.3rem;
	text-align: center;
	color: #fff;
	background: #ffd118 !important;
	position: absolute;
	top: 0.13rem;
	left: 0.13rem;
	opacity: 1;
	font-size: 0.2rem;
}
.swiper-blank2_show span:nth-child(1){
	top: -4.95rem !important;
	left: 0.72rem !important;
}
.swiper-blank2_show span:nth-child(2){
	top: -4.45rem !important;
	left: 1.58rem !important;
}
.swiper-blank2_show span:nth-child(3){
	top: -4.45rem !important;
	left: 4.17rem !important;
}
.swiper-blank2_show span:nth-child(4){
	top: -4.95rem !important;
	left: 5rem !important;
}
.blank2_cont h4{
	font-size: 0.3rem;
	text-align: center;
	line-height: 2;
	color: #fff;
}
.blank2_cont p{
	width: 98%;
	margin: auto;
	text-indent: 2em;
	font-size: 0.26rem;
	line-height: 1.7;
	opacity: 0.6;
	color: #fff;
}
.blank2_zixun{
	margin-top: 0.3rem;
	margin-bottom: 0.6rem;
}
.blank3{
	width: 100%;
	margin: auto;
	display: table;
	background: #fff;
}
.blank3>p{
	margin-top: 0.15rem;
	width: 100%;
}
.blank3_cont{
	width: 100%;
	display: table;
	margin: auto;
}
.blank3_cont>div{
	width: 5.9rem;
	height: 100%;
	float: right;
	border: 2px solid #33b5ee;
	margin-top: 0.5rem;
	position: relative;
	background: #ddf5ff;
	margin-right: 0.1rem;
}
.blank3_cont>div ul li{
	width: 6.1rem;
	display: table;
	margin:0.25rem auto 0;
	margin-left: -0.28rem;
}
.blank3_cont>div ul li>span{
	display: table-cell;
	vertical-align: top;
	width: 0.56rem;
	height: 0.56rem;
}
.blank3_cont>div ul li>span img{
	width: 0.56rem;
	height: 0.56rem;
	display: block;
	margin: auto;
	border-radius: 0.3rem;
	background: #fff;
}
.blank3_cont>div ul li p{
	display: table-cell;
	vertical-align: middle;
	color: #777777;
	font-size: 0.22rem;
	padding-left: 0.3rem;
	line-height: 2;
}
.blank3_cont>div ul li p span{
	color: #00a2ea;
}
.blank3_zx{
	margin:0.4rem auto;
}
.blank4{
	width: 100%;
	height: auto;
	margin: auto;
	display: table;
}
.blank4_cont{
	width: 6.2rem;
	margin:0.4rem auto 0;
	display: table;
	height: 100%;
	overflow: hidden;
}
.blank4_cont1{
	max-width: 6.2rem;
	width: 100%;
	height: auto;
	margin:0.1rem auto 0;
	background: #45c3f5;
	position: relative;
	margin-bottom: 0.6rem;
}
.blank4_doc{
	width: 100%;
	height: auto;
	display: table;
	margin: auto;
	height: 2.77rem !important;
}
.blank4_doc img{
	width: 2.29rem;
	height: 3.0rem;
	display: block;
	position: absolute;
	left: 0.1rem;
	top: -0.1rem;
	box-shadow: 0.05rem 0.05rem 0.05rem #666;
}
.blank4_doc>div{
	margin-left: 2.5rem;
}
.blank4_doc>div h3{
	font-size: 0.26rem;
	color: #fff;
	padding: 0.4rem 0 0.2rem 0;
}
.blank4_doc>div h3 span{
	font-size: 0.2rem;
	padding-left: 0.1rem;
}
.blank4_doc>div p{
	font-size: 0.2rem;
	color: #fff;
	opacity: 0.7;
	line-height: 2;
}
.blank4_doc>div p a{
	color: #fff;
}
.swiper-blank4 .swiper-pagination{
	bottom: -0.5rem !important;
}
.swiper-blank4 .swiper-pagination-bullet{
	width: 0.21rem !important;
	height: 0.21rem !important;
	background: #fff;
	border:0.02rem solid #ff8b00;
	opacity: 1;
	margin: 0 0.15rem !important;
}
.swiper-blank4 .swiper-pagination-bullet-active{
	background: #ff8b00 !important;
}
.blank3_zixun{
	margin-top: 0.3rem;
	margin-bottom: 1.0rem;
}
.blank5{
	width: 100%;
	display: table;
	margin: auto;
	position: relative;
	background: url(../images/blank5_back.jpg) no-repeat right top;
	background-clip: right top;
	background-size: 100%;
}
.blank5>img{
	width: 1.5rem;
	height: 0.41rem;
	position: absolute;
	top: -0.39rem;
	left: 2.45rem;
}
.blank5_cont{
	width: 100%;
	margin: auto;
	background: rgba(59,163,228,0.96);
	padding-bottom: 0.6rem;
}
.blank5_cont>p{
	width: 98%;
	margin:0.15rem auto 0;
	font-size: 0.26rem;
	color: #fff;
	opacity: 0.6;
	text-indent: 2em;
	line-height: 2;
}
.blank5_cont ul{
	margin-top: 0.4rem;
}
.blank5_cont ul li{
	display: table;
	width: 6.2rem;
	margin: auto;
	height: 2.15rem;
	position: relative;
	margin-bottom: 0.4rem;
}
.blank5_cont ul li h4{
	position: absolute;
	left: 0;
	top: 0.19rem;
	z-index: 2;
}
.blank5_cont ul li h4 img{
	width: 2.37rem;
	height: 1.79rem;
	display: block;
	margin: auto;
}
.blank5_cont ul li h4 p{
	position: absolute;
	left: 0;
	bottom: 0.08rem;
	text-align: center;
	font-size: 0.26rem;
	line-height: 1.8;
	background: rgba(0,0,0,0.4);
	width: 2.3rem;
	color: #fff;
}
.blank5_cont ul li>p{
	width: 5.12rem;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px dashed #d1d1d1;
	height: 100%;
}
.blank5_cont ul li>p span{
	display: inline-block;
	width: 3.3rem;
	height: 1.78rem;
	margin-top: 0.19rem;
	margin-left: 1.58rem;
	padding-top: 0.15rem;
	font-size: 0.18rem;
	color: #fff;
	line-height: 2;
}
.blank6{
	width: 100%;
	margin: auto;
	display: table;
}
.blank6>h3{
	width: 6.2rem;
	margin: 0.57rem auto 0;
	text-align: center;
	color: #333333;
	font-size: 0.32rem;
	border-bottom: 1px solid #fcd4b8;
	padding-bottom: 0.33rem;
}
.blank6 ul li{
	width: 6.20rem;
	margin: auto;
	padding: 0.27rem 0;
	border-bottom: 1px dashed #f9b88a;
	position: relative;
	cursor: pointer;
}
.blank6 ul li>img{
	width: 0.22rem;
	height: 0.22rem;
	position: absolute;
	right: 0.2rem;
	top: 0.3rem;
}
.blank6 ul li h4{
	display: table;
}
.blank6 ul li h4 span:first-child,.blank6 ul li p span:first-child{
	display: table-cell;
	vertical-align: top;
	padding: 0 0.12rem;

}
.blank6 ul li h4 span:first-child img,.blank6 ul li p span:first-child img{
	width: 0.23rem;
	height: 0.23rem;
	display: block;
	margin: auto;
}
.blank6 ul li h4 span:last-child,.blank6 ul li p span:last-child{
	display: table-cell;
	vertical-align:middle;
	font-size: 0.22rem;
	color: #555555;
}
.blank6 ul li p{
	margin-top: 0.1rem;
	display: none;
}
.blank6 ul li p span:last-child{
	font-size: 0.18rem;
	color: #888888;
	line-height: 1.8;
}
.blank6_act{
	transition: 0.5s;
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); 	/* IE 9 */
	-moz-transform:rotate(-90deg); 	/* Firefox */
	-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
	-o-transform:rotate(-90deg); 	/* Opera */
}
.blank6_zixun{
	margin-top: 0.4rem;
	margin-bottom: 0.6rem;
}
/*响应式*/
 
@media screen and (min-width:500px){
.swiper-blank2_show span:nth-child(1){
	top: -5.04rem !important;
	left: 0.72rem !important;
}
.swiper-blank2_show span:nth-child(2){
	top: -4.53rem !important;
	left: 1.58rem !important;
}
.swiper-blank2_show span:nth-child(3){
	top: -4.53rem !important;
	left: 4.17rem !important;
}
.swiper-blank2_show span:nth-child(4){
	top: -5rem !important;
	left: 5rem !important;
}
}