html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p,em, img, strong,b, i,dl, dt, dd, ol, ul, li,form, label,table, caption,article, aside, canvas, details,  footer, header, menu, nav, section, time, mark, audio, video, input, select { list-style:none;margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;font-family:"微软雅黑";box-sizing: border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);}
.block{display:block;}
.none{display:none;}
a{text-decoration:none; color:#333333;-webkit-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
a:hover{text-decoration: none;}
img{-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
a:link {text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{ text-decoration:none;}
.f_left{float:left;}
.f_right{float:right;}
.clearfix::before,.clearfix::after{content:"."; height:0; line-height:0; display:block;visibility:hidden;clear:both;}
.tran{-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.img img,.img{max-width:100%;}
.all{min-width:320px; max-width:420px; width:100%;margin:0 auto; position:relative; background:#f2f2f2;}
.all_con{ width:93.75%; margin:0 auto;}
body{ background:#353841;}



/*底部*/
.bottom{ width:100%; background:#353841; color:#efefef; text-align:center; font-size:12px; padding:20px 0 75px 0; line-height:24px;}
.dibu{display:block; position:fixed; width:100%; max-width:420px; bottom:0; border-top:solid 1px #cccccc; z-index:9999;}
.dibu{background:#000000; height:60px;}
.dibu li{width:20%;}
.dibu li a{display:inline-block; width:100%; height:60px; text-indent:-9999em;}
.dibu .li1{background:url(../images/p_1.png) no-repeat center center; background-size:auto 80%;}
.dibu .li2{background:url(../images/p_2.png) no-repeat center center; background-size:auto 80%;}
.dibu .li3{background:url(../images/p_3.png) no-repeat center center; background-size:auto 80%; }
.dibu .li4{background:url(../images/p_4.png) no-repeat center center; background-size:auto 80%;}
.dibu .li5{position:relative;}
.dibu .li5 a{background:url(../images/p_5.png) no-repeat center center; background-size:100%; height:85px; position:absolute; top:-35px; left:0;}
.f_left {float: left;}
.star{
	/***缓动过渡****/
	-webkit-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;

	/*****位移******/
	animation:star 1s linear 0s infinite alternate;
	-moz-animation:star 1s linear 0s infinite alternate;
	-webkit-animation:star 1s linear 0s infinite alternate;
	-o-animation:star 1s linear 0s infinite alternate;
	-ms-animation:star 1s linear 0s infinite alternate;
}

@keyframes star{
	0%{transform: scale(1);-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);}
	25%{transform: scale(0.9);-moz-transform:  scale(0.9);-webkit-transform:  scale(0.9);-o-transform:  scale(0.9);-ms-transform:  scale(0.9);}
	50%{transform: scale(0.8);-moz-transform:  scale(0.8);-webkit-transform:  scale(0.8);-o-transform:  scale(0.8);	-ms-transform:  scale(0.8);	}
	75%{transform: scale(0.9);-moz-transform:  scale(0.9);-webkit-transform:  scale(0.9);-o-transform:  scale(0.9);-ms-transform:  scale(0.9);	}
	100%{transform:  scale(1);-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);}
}
@-webkit-keyframes star{
	0%{transform: scale(1);-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);}
	25%{transform: scale(0.9);-moz-transform:  scale(0.9);-webkit-transform:  scale(0.9);-o-transform:  scale(0.9);-ms-transform:  scale(0.9);}
	50%{transform: scale(0.8);-moz-transform:  scale(0.8);-webkit-transform:  scale(0.8);-o-transform:  scale(0.8);	-ms-transform:  scale(0.8);	}
	75%{transform: scale(0.9);-moz-transform:  scale(0.9);-webkit-transform:  scale(0.9);-o-transform:  scale(0.9);-ms-transform:  scale(0.9);	}
	100%{transform:  scale(1);-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);}
}
@-moz-keyframes star{
	0%{transform: scale(1);-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);}
	25%{transform: scale(0.9);-moz-transform:  scale(0.9);-webkit-transform:  scale(0.9);-o-transform:  scale(0.9);-ms-transform:  scale(0.9);}
	50%{transform: scale(0.8);-moz-transform:  scale(0.8);-webkit-transform:  scale(0.8);-o-transform:  scale(0.8);	-ms-transform:  scale(0.8);	}
	75%{transform: scale(0.9);-moz-transform:  scale(0.9);-webkit-transform:  scale(0.9);-o-transform:  scale(0.9);-ms-transform:  scale(0.9);	}
	
	100%{transform:  scale(1);-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);}
}
@-o-keyframes star{
	0%{transform: scale(1);-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);}
	25%{transform: scale(0.9);-moz-transform:  scale(0.9);-webkit-transform:  scale(0.9);-o-transform:  scale(0.9);-ms-transform:  scale(0.9);}
	50%{transform: scale(0.8);-moz-transform:  scale(0.8);-webkit-transform:  scale(0.8);-o-transform:  scale(0.8);	-ms-transform:  scale(0.8);	}
	75%{transform: scale(0.9);-moz-transform:  scale(0.9);-webkit-transform:  scale(0.9);-o-transform:  scale(0.9);-ms-transform:  scale(0.9);	}
	100%{transform:  scale(1);-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);}
}
@-ms-keyframes star{
	0%{transform: scale(1);-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);}
	25%{transform: scale(0.9);-moz-transform:  scale(0.9);-webkit-transform:  scale(0.9);-o-transform:  scale(0.9);-ms-transform:  scale(0.9);}
	50%{transform: scale(0.8);-moz-transform:  scale(0.8);-webkit-transform:  scale(0.8);-o-transform:  scale(0.8);	-ms-transform:  scale(0.8);	}
	75%{transform: scale(0.9);-moz-transform:  scale(0.9);-webkit-transform:  scale(0.9);-o-transform:  scale(0.9);-ms-transform:  scale(0.9);	}
	
	100%{transform:  scale(1);-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);}
}

/*头部导航*/

.header{ width:100%; position:fixed; background:#ffffff;min-width:320px; max-width:420px; overflow:hidden; padding:5px 0; z-index:9999;}
.header_left{ width:20%; cursor:pointer;}
.header_left img{ margin:9px 0 0 14%;}
.header_mid{ width:100%; cursor:pointer; text-align: center;}
.header_mid span{ display:inline-block; width:60%;}
.header_mid img{ width:50%; margin-left:10%;}
.header_right{ width:20%; cursor:pointer; text-align:right; }
.header_right img{ width:35%; margin:9px 14% 0 0;}
.header_mid i { margin-left:3%;display: inline-block; background:url(../images/xiala.png) no-repeat; background-size: 100% 100%; width: 13px; height: 8px; padding-left: 5px; vertical-align: 1px;}
.header_mid i.curr{transform:rotate(180deg); -ms-transform:rotate(180deg); /* Internet Explorer */   -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */  -o-transform:rotate(180deg); }
.header_mid b{ width:35%; font-weight:100; font-size:15px; color:#f39800; display:inline-block; margin-left:5%; vertical-align:13px;}


/*弹出*/
.header_left_tc{min-width:320px;max-width:420px; overflow:hidden; position:fixed; width:100%; height:100%; top:3.3rem; z-index:9999; display:none; background-color: rgba(0,0,0,0.8);}
.header_left_tc>div{border:2px #f39800 solid;height:40px;width:100%;overflow:hidden;background:#fff; }
.header_left_tc>div input{float:left;border:none;outline:none;height:36px;width:80%; padding-left:2%; }
.header_left_tc>div span{float:right;background:#f39800; color:#fff;height:100%; width:20%; text-align:center;line-height: 36px;cursor:pointer;}
.header_left_tc>div a{display:inline-block;color:#666666; font-size:12px;line-height:33px;margin-right:25px;}

.header_mid_tc{min-width:320px; max-width:420px; overflow:hidden; position:fixed; width:100%; height:100%; top:3.3rem; z-index:9999;display:none;background-color: rgba(0,0,0,0.8);}
.xuexiao{ width:100%;background:#ffffff;  z-index:999;}
.xuexiao .clearfix{padding-top:10px;}
.xuexiao ul{width:90%; margin:15px auto;}
.xuexiao ul li{width:20%; padding:0; margin-bottom:10px; border:none; float:left; text-align:center;}
.xuexiao ul li a{color:#333;}

.header_right_tc{min-width:320px; max-width:420px; overflow:hidden; height:100%; position:fixed; display:none; top:3.3rem; background:none; background-color: rgba(0,0,0,0.8); width:100%; z-index:9999;transition: all 0.5s ease-out;}
.header_right_tc>div{ width:70%; background:#fff; height:100%; position:relative;right:0; float:right; transition: all 0.5s ease-out; }
.header_right_tc>div ul{ width:96%; margin:0 auto;}
.header_right_tc>div ul li{ float:left; width:33%; text-align:center; font-size:12px; margin-top:5px;}
.header_right_tc>div ul li a{ display:block;}
.header_right_tc>div ul li img{ width:50%;}
.header_right_tc>div ul li p{ line-height:20px;}
.header_right_tc h3{ text-align:center; width:100%;}
.header_right_tc h3 img{ width:35%; margin:20px auto;}
.close{ position:absolute; top:26px; right:3%; width:8%; cursor:pointer;}

@media screen and (max-width:365px){
.header_mid b{ vertical-align:8px;}	
.header_left img{ width:30%;}

}