@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.eot);
    src: url(../fonts/iconfont.eot) format('embedded-opentype'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.ttf) format('truetype'), url(../fonts/iconfont.svg#iconfont) format('svg')
}

.wrapper {
    max-width: 800px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    min-width: 320px
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}
/*header???a????*/
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:'';display: block;clear:both;}
.clearfix{zoom:1;}
.offcn-bgblack1 {

    display: none;

    position: fixed;

    top: 60px;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.2;

    z-index: 100;

}

.offcn-header, .offcn-logo, .offcn-hitem, .offcn-header1, .offcn-header2 {

    height: 60px;

}

.offcn-header {

    height: 60px;

    padding: 0 3%;

    background: #ff4a01;

}

.clearfix {

    zoom: 1;

}

.offcn-logo {

    height: 60px;

    width: 52%;

}

.offcn-hitem {

    height: 60px;

    width: 30%;
	float: right;

}
.flexbox {

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-box;

    display: -webkit-flex;

    display: box;

    display: flexbox;

    display: flex;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    -ms-flex-align: center;

    -webkit-box-align: center;

    -moz-box-align: center;

    -webkit-align-items: center;

    -moz-align-items: center;

    align-items: center;

}

.offcn-tlistbtn a {

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -moz-box-pack: center;

    justify-content: center;

    -ms-flex-align: center;

    -webkit-box-align: center;

    -moz-box-align: center;

    -webkit-align-items: center;

    -moz-align-items: center;

    align-items: center;

    width: 80%;

    height: 100%;

    padding-left: 20%;

    font: 0.25rem "Microsoft YaHei";

    text-align: center;

    color: #ffffff;

}



.offcn-oitem {

    margin: 4%;

    padding: 4% 0;

    font: 0.20rem "Microsoft YaHei";

    text-align: center;

    color: #fff;

    background: #75707b;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}



.flex-1 {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;



}
.type{float:right;}
.offcn-oitem a {

    color: #fff;

}

.flexbox .flex-1:first-child, .flexbox .flex-2:first-child, .flexbox .flex-3:first-child, .flexbox .flex-4:first-child, .flexbox .flex-5:first-child {

    margin-left: 0!important;

}
.offcn-bgblack {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: 0.2;

    z-index: 100;

}

.offcn-type {

    width: 54%;

    position: fixed;

    top: 0;

    right: -54%;

    height: 100%;

    background: rgba(40,43,62,0.9);

    z-index: 9999;

}

.offcn-lwarp {

    padding: 5% 0;

    height: 15%;

    text-align: center;

}

.offcn-logo1 {

    height: 100%;

    background: url(../images/logo-01.png) no-repeat center center;

    background-size: auto 100%;

}

.offcn-login2 {

    margin: 3% 0;

}



.offcn-tlist {

    height: 50%;

}

.offcn-login2 a {

    padding: 1% 6%;

    font: 0.2rem "Microsoft YaHei";

    color: #fff;

    background: #ff4a01;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.offcn-tlist ul {

    height: 100%;

}

.offcn-tlistbtn1 {

    background: url(../images/icon-11.png) no-repeat 30% center;

    background-size: 12% auto;

}

.offcn-tlistbtn {

    width: 100%;

    height: 16%;

}

.offcn-tlistbtn2 {

    background: url(../images/icon-12.png) no-repeat 30% center;

    background-size: 12% auto;

}

.offcn-tlistbtn3 {

    background: url(../images/icon-13.png) no-repeat 30% center;

    background-size: 12% auto;

}

.offcn-tlistbtn4 {

    background: url(../images/icon-14.png) no-repeat 30% center;

    background-size: 12% auto;

}

.offcn-tlistbtn5 {

    background: url(../images/icon-15.png) no-repeat 30% center;

    background-size: 12% auto;

}

.offcn-tlistbtn6 {

    background: url(../images/icon-16.png) no-repeat 30% center;

    background-size: 12% auto;

}

.offcn-hr {

    width: 80%;

    height: 1px;

    overflow: hidden;

    margin: 5% auto;

    border: none;

    border-bottom: 1px dashed #666874;

}

hr {

    display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 0.5em;

    -webkit-margin-start: auto;

    -webkit-margin-end: auto;

    border-style: inset;

    border-width: 1px;

}

.offcn-oweb {

    height: 9%;

    width: 80%;

    margin: 0 auto;

}
.logo{width: 1.7rem;height:auto;  margin:0rem .2rem;}
.logo img{width: 100%;}
.phone{font-size: .34rem; background: url(../images/u-phone.jpg) no-repeat; padding-left: .4rem; background-size: .33rem .54rem; line-height: .54rem;margin:.26rem  .2rem .2rem 0; font-weight: bold;}
.phone a{color: #ff4a00;}

.home {
    font-size: .64rem;
    color: #464646;
    float: left;
    margin-top: .086667rem
}

.nav-content ul {
    float: left;
    width: 6.186667rem;
    height: 100%;
    margin-left: .533333rem
}

.nav-content ul li {
    float: left;
    height: 95%;
    line-height: .4rem;
    margin-right: .597333rem
}

.nav-content ul li:last-child {
    margin-right: 0
}

.nav-content ul li a {
    font-size: .32rem;
    color: #464646
}

.line {
    border-bottom: 0px solid #d92828;
}

.nav .active {
    color: #e2333d
}

.subjectNav {
    width: 95%;
    padding-left: 4%;
    height: 0;
    -webkit-transform: translateY(-.981333rem);
    transform: translateY(-.981333rem);
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: relative;
    z-index: 2
}

.subjectNav.show {
    height: .981333rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding-bottom: .32rem
}

.subjectNav ul {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.subjectNav ul li {
    width: 1.493333rem;
    height: 100%;
    border-right: 1px solid #b7b6b6
}

.subjectNav ul li:last-child {
    border-right: 0
}

.subjectNav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: .981333rem;
    font-size: .213333rem;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: .821333rem .949333rem
}

.banner {
    width: 100%;
    height: 4.074667rem;
	clear: both;
}

.banner img {
    width: 100%
}

.sinup {
    width: 100%;
    height: 1.813333rem;
    border-bottom: 1px solid #ccc;
    position: relative;
    overflow: hidden
}

.sinupfco {
    width: .6rem;
    float: left;
    height: .746667rem;
    margin-left: 1.52rem;
}

.sinupfco img {
    width: 100%;
    padding-bottom: .15rem
}

.baoming {
    font-size: 0.275rem;
    color: #ff912b;
    padding-top: 0.35rem;
    float: left;
}

.baoming span {
    display: inline-block;
    width: .55rem;
    height: .4rem;
    background: #444648;
    color: #fff;
    margin-left: .0375rem;
    border-radius: 3px;
    text-align: center;
    line-height: .4rem
}

.bmbtn {
    position: relative;
    clear: both;
    height: .375rem;
    width: 1.5rem;
    margin: 0 auto
}

.bmbtn a {
    display: inline-block;
    font-size: .25rem;
    width: 1.5rem;
    height: .375rem;
    background-color: #fd7a00;
    color: #fff;
    line-height: .375rem;
    text-align: center;
    position: absolute;
    top: .375rem
}

.understand {
    width: 100%;
    height: 6.975rem
}

.tit {
    padding-top: .875rem;
    font-size: .45rem;
    color: #494949;
    text-align: center
}

.video {
    width: 100%;
    height: 5.2875rem;
    position: relative;
    margin-top: .625rem
}

.video .bj {
    width: 7.0875rem;
    height: 5.125rem;
    position: absolute;
    left: 50%;
    margin-left: -3.65rem
}

.video .bj img {
    width: 100%
}

.video-start {
    width: 6.6375rem;
    height: 3.925rem;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    margin-left: -3.43rem;
    margin-top: .18rem
}

.video-start video {
    width: 100%;
    height: 3.925rem
}

.develop {
    width: 100%;
    height: 5.5rem
}

.tit {
    font-size: .45rem;
    color: #3e3e3e;
    text-align: center
}

.introduce {
    width: 100%;
    height: 3.25rem;
    margin-top: .625rem
}

.introduce-box {
    width: 31.1%;
    height: 3.25rem;
    border: 1px solid #ccc;
    float: left;
    margin-left: .1875rem
}

.introduce-box img {
    width: 100%
}

.introduce-box p {
    text-align: center;
    font-size: .225rem;
    color: #313131;
    margin-top: .1rem
}

.one {
    margin-left: 0
}

.btn {
    margin-right: 0
}

.office {
    width: 100%;
    height: 4rem;
    margin-top: .625rem
}

.study .content {
    width: 95%;
    height: 5.066667rem;
    margin: .469333rem auto 0
}

.study-item {
    float: left;
    box-sizing: border-box
}

.study-item1 {
    width: 2.453333rem;
    height: 3.338667rem;
    border: 1px solid #ec8216;
    margin-right: .106667rem
}

.study-item h4 {
    font-size: .256rem;
    color: #ec8216;
    margin: .08rem auto .373333rem;
    text-align: center
}

.study-item p {
    font-size: .192rem;
    color: #565656;
    margin: 0 auto;
    text-align: center
}

.study-item a {
    display: block;
    color: #ec8216;
    border: 1px solid #ec8216;
    text-align: center;
    width: 1.610667rem;
    line-height: .341333rem;
    font-size: .192rem;
    border-radius: .533333rem;
    margin: 0 auto
}

.study-item1 a {
    margin-top: .362667rem
}

.study-item2 {
    width: 2.453333rem;
    height: 1.6rem;
    border: 1px solid #8d559f
}

.study-item2 h4 {
    margin: .0128rem auto;
    color: #8d559f
}

.study-item2 a {
    margin-top: .0106667rem;
    color: #8d559f;
    border: 1px solid #8d559f
}

.study-item2:nth-child(3) {
    margin-left: .106667rem;
    border: 1px solid #4a94cc
}

.study-item2:nth-child(3) h4 {
    color: #4a94cc
}

.study-item2:nth-child(3) a {
    color: #4a94cc;
    border: 1px solid #4a94cc
}

.study-item4 {
    width: 5.013333rem;
    height: 1.610667rem;
    border: 1px solid #dd4b35;
    margin-top: .106667rem
}

.study-item4 h4 {
    margin: .128rem auto;
    color: #dd4b35
}

.study-item4 a {
    color: #dd4b35;
    border: 1px solid #dd4b35;
    margin-top: .106667rem
}

.study-item5 {
    width: 3.712rem;
    height: 1.578667rem;
    border: 1px solid #29b498;
    margin-top: .106667rem;
    clear: both
}

.study-item5 h4 {
    color: #29b498;
    margin: .128rem auto
}

.study-item5 a {
    color: #29b498;
    border: 1px solid #29b498;
    margin-top: .128rem
}

.study-item6 {
    width: 3.744rem;
    height: 1.578667rem;
    border: 1px solid #ff6009;
    margin: .106667rem 0 0 .106667rem
}

.study-item6 h4 {
    color: #ff6009;
    margin: .128rem auto
}

.study-item6 a {
    color: #ff6009;
    border: 1px solid #ff6009;
    margin-top: .128rem
}
@media screen and (max-width:320px){
	.study-item a{display:none;}
	.yc{display:block;}
}
@media screen and (min-width:360px){
	.yc{display:none;}
}
.Obe{clear:both;}
.Obe .content {
    width: 95%;
    margin: 0 auto;
    height: auto;
    overflow: hidden
}

.student-item {
    margin-top: .48rem
}

.student-item img {
    width: 2.4rem
}

.student-item1 {
    width: 2.4rem;
    height: auto;
    font-size: .192rem;
    text-align: center;
    float: left;
    border: 1px solid #d5d5d5;
    box-sizing: border-box
}

.student-item2 {
    margin-left: .170667rem
}

.student-item1 p:nth-child(2) {
    padding: .192rem 0 .085333rem 0
}

.student-item1 p:nth-child(3) {
    color: #fb6707;
    padding-bottom: .085333rem
}

.advantage {
    width: 100%
}

.advantage .tit {
    font-size: .45rem;
    color: #3e3e3e;
    margin: .906667rem 0 .405333rem 0
}

.advantage-content {
    width: 95%;
    margin: 0 auto;
    height: 5.546667rem
}

.advantage-content1 {
    width: 2.435rem;
    height: 2.773333rem;
    float: left;
    text-align: center;
    border: 1px solid #ff6009;
    box-sizing: border-box
}

.advantage-content2 {
    margin-left: .128rem
}

.advantage-content3 {
    width: 3.722667rem;
    height: 2.773333rem;
    float: left;
    text-align: center;
    border: 1px solid #ff6009;
    box-sizing: border-box
}

.advantage-content1 img {
    margin-top: .245333rem
}

.advantage-content1 p {
    font-size: .234667rem;
    color: #ff6009
}

.advantage-content3 img {
    margin-top: .245333rem
}

.advantage-content3 p {
    font-size: .234667rem;
    color: #ff6009
}

.advantage-content4 {
    margin-top: .085333rem
}

.future {
    width: 100%
}

.future .tit {
    margin: .949333rem 0 .448rem 0;
    padding-top: 0;
	    clear: both;
}

.future-content {
    width: 96%;
    margin: 0 auto;
    text-align: center
}

.future-content img {
    width: 100%
}

.future-bottom {
    width: 96%;
    margin: .746667rem auto 0 auto;
    text-align: center
}

.future-bottom img {
    width: 100%
}

.high {
    width: 100%
}

.font-p {
    color: #3e3e3e;
    font-size: .45rem;
    text-align: center;
    padding: 1.013333rem 0 .576rem 0
}

.font-p span {
    font-size: .45rem
}

.high-con {
    width: 96%;
    margin: 0 auto
}

.high-header {
    width: 100%;
    height: .714667rem;
    text-align: center;
    color: #3e3e3e;
    font-size: .192rem
}

.high-header p {
    width: 100%;
    padding: 0 2%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0
}

.high-header1 {
    width: 1.834667rem;
    height: .714667rem;
    background: #e4e2e2;
    float: left;
    border-radius: .3rem;
    position: relative;
    border-radius: .053333rem
}

.high-header2 {
    width: 1.834667rem;
    height: .714667rem;
    background: #e4e2e2;
    float: left;
    margin-left: .085333rem;
    position: relative;
    border-radius: .053333rem
}

.high-header3 {
    width: 1.834667rem;
    height: .714667rem;
    background: #e4e2e2;
    float: left;
    margin-left: .085333rem;
    position: relative;
    border-radius: .053333rem
}

.high-header4 {
    width: 1.834667rem;
    height: .714667rem;
    background: #e4e2e2;
    float: left;
    position: relative;
    border-radius: .053333rem;
    margin-left: .085333rem
}

.active {
    background: #fb6707;
    color: #fff
}

.active:after {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 15px solid #fb6707;
    top: 99%;
    left: .832rem;
    transform: rotate(180deg)
}

.high-content {
    width: 100%;
    font-size: .192rem;
    color: #333;
    display: none;
    line-height: .277333rem
}

.high-content p {
    width: 90%;
    padding: 5% 3% 2% 3%;
    margin-bottom: 0;
    font-weight: 600;
    font-size: .192rem;
    color: #333
}

.high-content1 {
    width: 94%;
    background: #efefef;
    padding: 2% 3%
}

.high-content2 {
    width: 94%;
    padding: 2% 3%
}

.high-btn a {
    display: block;
    width: 1.706667rem;
    height: .426667rem;
    color: #fff;
    line-height: .426667rem;
    background: #fb6707;
    margin: .533333rem auto 0;
    font-size: .213333rem;
    text-align: center
}

.shouke {
    width: 100%；
}

.shouke-font {
    padding: .96rem 0 1.5rem 0;
    text-align: center;
    color: #3e3e3e;
    font-size: .45rem
}

.shouke-content {
    width: 86%;
    margin: 0 auto;
    text-align: center;
    height: 3.84rem
}

.shouke-content h4 {
    color: #ff6009;
    font-size: .266667rem;
    padding: .213333rem 0 .266667rem 0
}

.shouke-content p {
    color: #333;
    font-size: .213333rem;
    padding: .1rem .13rem;
    line-height: .362667rem;
    text-align: justify;
}

.shouke-content img {
    width: 80%;
    margin-top: -43%
}

.shouke-content1 {
    float: left;
    border: 1px solid #fb6707;
    width: 3.178667rem;
    height: 3.84rem
}

.shouke-content2 {
    margin-left: .384rem;
    float: right
}

.container {
    width: 100%;
    height: 4rem;
    margin-top: .625rem
}

.thead {
    width: 100%;
    height: .725rem;
    background: #fc6d02;
    font-size: .3rem;
    color: #fff;
    text-align: center;
    line-height: .725rem
}

.thead li {
    float: left
}

.thead .name {
    width: 1.125rem;
    height: 100%;
    float: left
}

.thead .edu {
    width: 1.125rem;
    height: 100%;
    float: left
}

.thead .days {
    width: 1.75rem;
    height: 100%;
    float: left
}

.thead .com {
    width: 2.675rem;
    height: 100%;
    float: left
}

.thead .pay {
    width: 1.25rem;
    height: 100%;
    float: left
}

.tbody {
    width: 100%;
    height: 3.75rem;
    margin-top: 20px;
    text-align: center;
    overflow: hidden;
    position: relative
}

.tbody ul {
    position: absolute;
    top: 0;
    width: 100%;
    height: 440px;
    top: -10px
}

.tbody ul li {
    color: #828282
}

.tbody ul li p {
    font-size: .192rem
}

.tbody ul li {
    width: 100%;
    height: .48rem;
    color: #333
}

.tbody ul li p {
    float: left
}

.tbody ul li .name {
    width: 1.125rem;
    height: 100%;
    float: left
}

.tbody .edu {
    width: 1.125rem;
    height: 100%;
    float: left
}

.tbody .days {
    width: 1.75rem;
    height: 100%;
    float: left
}

.tbody .com {
    width: 2.675rem;
    height: 100%;
    float: left
}

.tbody .pay {
    width: 1.25rem;
    height: 100%;
    float: left;
    color: #fb6707
}

.safeguard {
    width: 100%;
    height: 7.5rem;
    margin-top: .45rem
}

.titlx {
    text-align: center;
    font-size: .45rem;
    color: #3e3e3e
}

.ijm {
    font-weight: 500;
    padding: 1.002667rem 0 .522667rem 0
}

.safeguard-box {
    width: 100%;
    height: 5.75rem
}

.safeguard-one {
    width: 32.3333%;
    height: 2.8375rem;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    text-align: center
}

.safeguard-one img {
    display: block;
    margin: 0 auto;
    width: .9625rem;
    height: .9625rem;
    padding-top: .35rem
}

.kapu {
    color: #fb6707;
    margin-top: .25rem;
    font-size: .25rem
}

.jcjsk {
    font-size: .225rem;
    color: #333;
    padding: .125rem .2rem
}

.tuijian {
    width: 100%;
    margin-top: .64rem
}

.tuijian img {
    width: 100%
}

.fanhui {
    position: absolute;
    width: .625rem;
    height: .675rem;
    bottom: .625rem;
    right: .125rem
}

.record {
    height: .64rem;
    padding-top: .428rem;
    width: 100%;
    background: #f5f5f5;
    color: #626363;
    font-size: .202667rem;
    margin: .106667rem 0 1.034667rem 0;
    text-align: center;
    line-height: .266667rem
}

.record a {
    color: #c11920
}

.navbar {
    width: 100%;
    height: 1.034667rem;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0
}

.navbar-item {
    width: 50%;
    height: 100%;
    float: left;
    position: relative
}

.mobile-phone {
    display: block;
    width: 2.730667rem;
    height: .693333rem;
    border-radius: .625rem;
    background: url(../images/navbar_bg.png) no-repeat 0 0;
    background-size: 2.730667rem .693333rem;
    margin: .245333rem 0 0 .533333rem;
    font-size: .256rem;
    line-height: .693333rem;
    padding-left: .9rem;
    color: #db242d;
    position: relative
}

.mobile-phone span {
    position: absolute;
    display: block;
    left: .170667rem;
    top: .192rem
}

.mobile-phone span.mobile-icon-msg {
    width: .352rem;
    height: .352rem;
    background: url(../images/navbar_msg.png) no-repeat;
    background-size: .352rem .352rem
}

.mobile-phone span.mobile-icon {
    width: .394667rem;
    height: .405333rem;
    background: url(../images/navbar_phone.png) no-repeat;
    background-size: .394667rem .405333rem;
    top: .16rem
}

.navbar-icon {
    width: .693333rem;
    height: .693333rem;
    border-radius: 50%;
    text-align: center;
    line-height: .4rem;
    background: #fff;
    position: absolute;
    left: .5rem;
    top: 50%;
    margin-top: -.368rem;
    border: 1px solid #cf2f2f
}

.navbar-icon img {
    width: .394667rem;
    height: .394667rem
}
.footn_b{width:100%; padding-top: 0.27rem; background: #333333; height:1.43rem;	position:fixed;bottom:0;left:0;z-index:9999;opacity: 0.9;filter:alpha(opacity=90);}
.foot_C{ width:6.5rem; height:auto; position:absolute; left:50%; margin-left:-3.25rem;}
.footn_b a{ display:block; float:left; margin:0 .48rem; cursor:pointer;}
.mn_dhzx{ width:1.24rem; height:1.05rem; background:url(../images/ujyzxn_01.jpg) no-repeat center; background-size:100% 100%;}
.mn_zxzx{ width:1.23rem; height:1.05rem; background:url(../images/ujyzxn_02.jpg) no-repeat center; background-size:100% 100%;}
.mn_qqzx{ width:1.12rem; height:1.27rem; background:url(../images/ujyzxn_03.jpg) no-repeat center; background-size:100% 100%;}

.xlogo{background:url(../images/logo.png) no-repeat center center/ auto 3.25rem; height:3.25rem;margin:1rem 0;}

h1, h2, h3, h4, h5, h6{font-weight:normal;}
.xlogo{background:url(../images/logo.png) no-repeat center center/ auto .8rem; height:.8rem;margin:.3rem 0;width: 100%;}

h1, h2, h3, h4, h5, h6{font-weight:normal;}

.m_logo{padding-top:2%; padding-bottom:2%;}

.m_logo img{max-width:95%; padding-left:5%;}

.m_nav{padding:0.35rem 0; text-align:center; background:#298e60; line-height:.1rem; color:#ffffff;max-width:100%;min-width:320px;margin:0.1rem auto 0;height: 100%;font-size: 1px;}

.m_nav ul li{padding:0 0.2rem;display:inline-block;text-align:center;}
@media screen and (max-width: 320px){
	.m_nav ul li{padding: 0 0rem;display:inline-block;text-align:center;}
}

.m_nav a{color:#ffffff;    font-size: 0.3rem;}

.m_nav a:hover{color:#ff0000;}