@charset "utf-8";



body,div,menu,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,p,form,header,nav,article,section,aside,footer,video,audio,figure,textarea {

    padding: 0;

    margin: 0;

}

input,select,textarea,img,area {

    outline: none;

    border: none;

}

input,select,textarea {

    background: #FFF;

}

mark {

    background: none;

}

img {

    vertical-align: middle;

    width: 100%;

}

textarea {

    resize: none;

}

li {

    list-style-type: none;

}

body {

    font-size: 16px;

    line-height: 1em;

}

em,i,strong,b,small,h1,h2,h3,h4,h5,h6,address {

    font-style: normal;

}



.fl-c:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}

.fl-c {

    *zoom: 1;

}

a {

    text-decoration: none;

    outline: none;

    color: inherit;

}



.fl {

    float: left;

}

.fr {

    float: right;

}

.no-bt {

    border-top: none !important;

}

.no-br {

    border-right: none !important;

}

.no-bb {

    border-bottom: none !important;

}

.no-bl {

    border-left: none !important;

}

.no-mb{

    margin-bottom: 0!important;

}

.no-mr{

    margin-right: 0!important;

}

.wrap {

    width: 6.4rem;

    margin: 0 auto;

    overflow: hidden;

}

#top{

    width: 6.4rem;

    background: #fff;

}

.topfixed{

    position: fixed;

    top:0;

    z-index: 20

}

header{

    position: relative;

    padding-right:.28rem;

    height: .75rem;

    background-color: #fff;

    box-sizing:border-box;

    border-bottom:1px solid #ddd;

}

header>div{

    height: 100%;

}

header .t-logo{

    float: left;

    width: 5.65rem;

    overflow: hidden;

}

header .t-logo a{

    display: block;

}

header .t-logo a.a{

    width: 2.65rem;

    float: left;

    padding-left: .2rem;

    font-size: .34rem;

    font-weight: bold;

    color: #fc030c;

    line-height: .75rem;

    box-sizing:border-box;

}

header .t-logo a.b{

    width: 2.95rem;

    height: .42rem;

    line-height: .42rem;

    float: right;

    font-size: .16rem;

    padding-left: .15rem;

    background: url(../images/img_icon1.png) no-repeat 2.6rem center #f5f5f5;

    background-size: .24rem;

    border:1px solid #ececec;

    border-radius: .21rem;

    color: #7e7f83;

    margin-top: .165rem;

    box-sizing:border-box;

}

header .top-r{

    position: absolute;

    right: .1rem;

    width: 12%;

}

header .top-r>span{

    display: block;

    width: 100%;

    height: 100%;

    background: url(../images/top-icon.png) .3rem .25rem no-repeat;

    background-size: .45rem;

}

header .top-r>span.on{

    background: url(../images/top-icon.png) .3rem -.65rem no-repeat;

    background-size: .45rem;



}

/*导航*/



.nav-img img{

    width: 6.4rem;



}

#nav-height {

    height: 100%;

    background: #fff;

}

.nav-bar{

    position: fixed;

    padding-bottom: .2rem;

    background: #f6f6f6;

    left: -100%;

    width: 6.4rem;

    height: 100%;

    overflow: hidden;

    z-index: 99999999999999;

    -webkit-overflow-scrolling: touch;

}

.nav-bar .dot{

    width: 50%;

    height: 100%;

    float: right;

    background:#d91816;

    padding-top: 1rem;

    box-sizing:border-box;

}

.nav-bar .dot .dot-item{

    margin:0 auto;

    position: relative;

    width: 2.1rem;

    height: 2.1rem;

    border-radius: .06rem;

    background: #a90c0a;

    color: #fff;

    font-size: .3rem;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    align-items: center;

    -webkit-box-pack: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    justify-content: center;

}

.nav-bar .dot .dot-item:before{

    display: none;

    content: "";

    position: absolute;

    left: -.55rem;

    border-left: .2rem solid #f6f6f6;

    border-top:.2rem solid transparent;

    border-bottom:.2rem solid transparent;

}

.nav-bar .dot .dot-item.active{

    background: #ff4746;

}

.nav-bar .dot .dot-item.active:before{

    display: block;

}

.nav-bar .dot .dot-item i{

    display: inline-block;

    width: 1.37rem;

    height: 1.5rem;

    background: url(../images/nav-img0.png) no-repeat;

    background-size: 1.37rem;

}

.nav-bar .dot .dot-item span{

    display: block;

}

.nav-bar .dot .dot-item:nth-of-type(1){

    margin-bottom: .6rem;

}

.nav-bar .dot .dot-item:nth-of-type(1) i{

    background-position: 0 0;

}

.nav-bar .dot .dot-item:nth-of-type(2) i{

    background-position: 0px -2.15rem;

}

.nav-bar .nav-left{

    float: left;

    width: 50%;

    height: 100%;

    background: #f6f6f6;

}

.nav-bar .nav-left  ul{

    padding:.4rem .16rem 0 .16rem;

    font-size: 0;

}

.nav-bar .nav-left .left-item{

    display: none;

}

.nav-bar .nav-left .left-item.on{

    display: block;

}

.nav-bar .nav-left .left-item li{

    padding-top: .11rem;

    padding-bottom: .1rem;

    margin-right: .08rem;

    margin-bottom: .2rem;

    display: inline-block;

    width: 1.35rem;

    border-radius: .06rem;

    border:1px solid #dddddd;

    box-sizing:border-box;

    text-align: center;

    background: #fff;

}

.nav-bar .nav-left .left-item li:nth-of-type(2n){

    margin-right: 0;

}

.nav-bar .nav-left .left-item li img{

    display: inline-block;

    width: .88rem;

}

.nav-bar .nav-left .left-item li span{

    padding-top: .1rem;

    display: block;

    font-size: .22rem;

    color: #333333;

}

/*index*/

nav {

    width:6.4rem; 

    height: .68rem;

}

nav a{

    float: left;

    padding: 0 .06rem;

    font-size: .26rem;

    color: #6a6a6a;

    line-height: .46rem;

    margin-top: .05rem;

    margin-left: .2rem;

    box-sizing:border-box;

}

nav a.on{

    color: #e3480e;

    border-bottom: 1px solid #e3480e;

}

.banner{

    width: 6.4rem;

    height: 3.2rem;

}

.banner a,.banner a img{

    display: block;

    width: 6.4rem;

}

.banner .swiper-slide{

    width: 6.4rem;

}

.banner .swiper-pagination-bullet{

    width: .2rem;

    height: .2rem;

    border-radius: 100%;

    background-color: #fff;

    opacity: 1;

}

.banner .swiper-pagination-bullet-active{

    width: .6rem;

    height: .2rem;

    border-radius: .1rem;

    opacity: 0.5;

}

.m1-nav{

    margin-top: .26rem;

}

.m1-nav li{

    width: 2.13rem;

    padding-top: .2rem;

    float: left; 

}

.m1-nav li.li-bgcolor1{

    background-color: #fc6662

}

.m1-nav li.li-bgcolor2{

    background-color: #f72a25

}

.m1-nav li.li-214{

    width: 2.14rem;

}

.m1-nav li a{

    display: block;

    width: 100%;

}

.m1-nav li img{

    display: block;

    width: 2.13rem;

}

.m1-nav li.li-214 img{

    display: block;

    width: 2.14rem;

}

.m1-nav li h2{

    font-size: .3rem;

    font-weight: normal;

    color: #fff;

    text-align: center;

    line-height: .32rem; 

}

.m1-nav li span{

    display: block;

    font-size: .12rem;

    color: #fff;

    text-align: center;

    margin-bottom: .1rem;

}

.m1-btn{

    width: 5.8rem;

    margin: .3rem auto .4rem;

}

.m1-btn a{

    display: block;

    width: 2.8rem;

    height: .8rem;

    line-height: .8rem;

    font-size: .28rem;

    color: #fff;

    border-radius: .1rem;

    box-sizing:border-box;

}

.m1-btn a.a{

    background: url(../images/img_icon2.png) no-repeat .2rem center #ff7800;

    background-size: .4rem;

    padding-left: .7rem;

}

.m1-btn a.b{

    background: url(../images/img_icon3.png) no-repeat .35rem center #2eb337;

    background-size: .4rem;

    padding-left: .84rem;

}

.m2{

    background-color: #ececec;

    padding-top: .15rem;

    padding-bottom: .45rem;

}

.m-tit{

    width: 6.4rem;

    border-bottom: 1px solid #dddddd;

    padding-bottom: .15rem;

    position: relative;

}

.m-tit h2{

    font-size: .46rem;

    color: #e43f3b;

    text-align: center;

    line-height: .7rem;

}

.m-tit p{

    font-size: .3rem;

    line-height: .42rem;

    color: #333;

    text-align: center;

}

.m-tit i{

    display: block;

    width: 2.5rem;

    height: .03rem;

    background-color: #e43f3b;

    position: absolute;

    left: 50%;

    margin-left: -1.25rem;

    bottom: -.02rem;

}

.m2-nav{

    width: 5.8rem;

    margin: .32rem auto .2rem;

}

.m2-nav li{

    width: 2.82rem;

    height: .86rem;

    background: #d6d6d6;

    padding:.1rem .2rem .1rem .18rem;

    box-sizing:border-box;

}

.m2-nav li a{

    display: block;

    font-size: .24rem;

    line-height: .34rem;

    color: #333;

}

.m2-nav li a i{

    display: block;

    font-size: .22rem;

    color: #908787

}

.m2-nav li.fl a{

    background: url(../images/img_icon4.png) no-repeat 1.8rem center;

    background-size: .62rem;

}

.m2-nav li.fr a{

    background: url(../images/img_icon5.png) no-repeat 1.8rem center;

    background-size: .62rem;

}

.m2-text{

    width: 6rem;

    margin: 0 auto;

}

.m2-text p{

    font-size: .22rem;

    color: #333;

    line-height: .3rem;

}

.m2-text p strong,.m2-text p span{

    color: #e43f3b

}

.m2-btn{

    width: 5.8rem;

    margin: .3rem auto 0;

}

.m2-btn a{

    display: block;

    width: 2.8rem;

    height: .8rem;

    line-height: .8rem;

    border-radius: .1rem;

    font-size: .28rem;

    color: #fff;

    padding-left: .8rem;

    box-sizing:border-box;

}

.m2-btn a.a{

    background: url(../images/img_icon6.png) no-repeat .32rem center #ff7800;

    background-size: .4rem;

}

.m2-btn a.b{

    background: url(../images/img_icon7.png) no-repeat .32rem center #2eb337;

    background-size: .4rem;

}

.m3{

    margin-top: .1rem;

}

.m3-cont{

    width: 6.4rem;

    background-color: #e43f3b;

    padding: .3rem 0 .2rem 0;

    margin-top: .3rem;

}

.m3-img img{

    display: block;

    width: .24rem;

    margin: 0 auto .25rem;

}

.m3-tit{

    width: 5.85rem;

    margin: 0 auto;

}

.m3-tit a{

    display: block;

    width: 2.16rem;

    height: .56rem;

    line-height: .56rem;

    text-align: center;

    font-size: .24rem;

    background-color: #ffffff;

    border-radius: .1rem;

    margin-top: .35rem;

    position: relative;

}

.m3-tit img{

    float: left;

    width: 1.25rem;

    height: 1.25rem;

    margin-left: .15rem;

}

.m3-tit a.a i{

    border-bottom: .1rem solid rgba(0,0,0,0);

    border-top: .1rem solid rgba(0,0,0,0);

    border-left: .12rem solid rgb(255,255,255);

    position: absolute;

    top:45%;

    right: -.11rem;

    margin-top:-.06rem;

}

.m3-tit a.b i{

    border-bottom: .1rem solid rgba(0,0,0,0);

    border-top: .1rem solid rgba(0,0,0,0);

    border-right: .12rem solid rgb(255,255,255);

    position: absolute;

    top:45%;

    left: -.11rem;

    margin-top:-.06rem;

}

.m3-cont table{

    width:6rem;

    margin: .25rem auto 0;

    border:1px solid #8c2c13;

    background-color: #fff;

}

.m3-cont table td{

    height: .96rem;

    text-align: center;

    border-top:1px solid #bcbcbc;

    border-left: 1px solid #bcbcbc;

    font-size: .26rem;

    color: #333;

    line-height: .4rem;

}

.m3-cont table td:nth-of-type(3){

    border-right: 1px solid #bcbcbc;

}

.m3-cont table tr.bot td{

    border-bottom: 1px solid #bcbcbc;

}

.m3-cont table .bgcolor1{

    background-color: #fff3ef;

    color: #ff7800;

}

.m3-cont table .bgcolor2{

    background-color: #efefef

}

.m4{

    background-color: #eeeeee;

    padding: .35rem 0;

    margin-top: .4rem;

}

.m4-cont{

    width: 6rem;

    margin: .3rem auto 0;

    border:1px solid #cccccc;

    background-color: #fff;

    padding: .1rem .2rem .1rem .18rem;

    box-sizing:border-box;

}

.m4-cont img{

    float: left;

    width: 1.22rem;

    margin-top: .1rem;

}

.m4-cont .m4-text{

    width: 4.25rem;

    float: right;

}

.m4-cont .m4-text h2{

    font-size: .3rem;

    color: #e43f3b;

    line-height: .42rem;

    background: url(../images/img_icon10.png) no-repeat 3.05rem center;

    background-size: .38rem;

}

.m4-cont .m4-text p{

    font-size: .2rem;

    line-height: .32rem;

    color: #333;

    margin-top: .06rem;

}

.m5{

    width: 6.4rem;

    background-color: #e43f3b;

    padding: .35rem 0 .1rem 0;

}

.m5 .m-tit{

    border-bottom: 1px solid #fff;

}

.m5 .m-tit h2,.m5 .m-tit p{

    color: #fff;

}

.m5 .m-tit i{

    background-color: #fff115

}

.m5-text p{

    font-size: .24rem;

    line-height: .4rem;

    color: #fff;

    text-align: center;

    margin: .2rem 0 .1rem 0;

}

.m5-nav{

    width: 6.15rem;

    margin: 0 auto;

}

.m5-nav li{

    width: 1.97rem;

    float: left;

    background-color: #fff;

    border-radius: .08rem;

    padding: .3rem 0 .2rem 0;

    margin-right: .12rem;

    margin-top: .15rem;

    box-sizing:border-box;

}

.m5-nav li a{

    display: block;

    font-size: .24rem;

    line-height: .32rem;

    color: #333;

    text-align: center;

}

.m5-nav li a img{

    display: block;

    width: 1.97rem;

    margin-bottom: .14rem;

}

.m6{

    margin-top: .3rem;

}

.m6-nav{

    width: 5.8rem;

    margin:.3rem auto;

}

.m6-nav li{

    width: 2.78rem;

}

.m6-nav li a,.m6-nav a img{

    display: block;

    width: 2.78rem;

}

.m6-cont h2{

    font-size: .46rem;

    color: #e43f3b;

    text-align: center;

    line-height: .54rem;

    margin-bottom: .05rem;

}

.m6-box{

    width: 6rem;

    margin: 0 auto;

    padding: .15rem 0 .15rem 0;

    border-bottom: 1px solid #ccc;

}

.m6-box h3{

    font-size: .24rem;

    line-height: .32rem;

    color: #f72a25;

    margin-bottom: .13rem;

}

.m6-box p{

    font-size: .22rem;

    line-height: .32rem;

    color: #333;

}

.h2-top{

    margin-top:.35rem;

}

.m6-box p a{

    color: #f72a25

}

.m6-focus{

    width: 6rem;

    margin: .24rem auto 0;

}

.m6-focus li{

    height: .66rem;

    float: left;

    line-height: .66rem;

    background-color: #e43f3b;

    text-align: center;

    font-size: .26rem;

    color: #fff;

    margin-bottom: .06rem;

    margin-right: .06rem;

}

.m6-focus li:nth-of-type(1){

    width: 2.4rem;

}

.m6-focus li:nth-of-type(2){

    width: 3.54rem;

}

.m6-focus li:nth-of-type(3){

    width: 2.48rem;

    margin-right: .06rem;

}

.m6-focus li:nth-of-type(4){

    width: 1.6rem;

    margin-right: .06rem;

}

.m6-focus li:nth-of-type(5){

    width: 1.8rem;

}

.m6-focus li:nth-of-type(6){

    width: 3rem;

}

.m6-focus li:nth-of-type(7){

    width: 2.94rem;

}

.m6-focus li:nth-of-type(8){

    width: 3.6rem;

}

.m6-focus li:nth-of-type(9){

    width: 2.34rem;

}

.m-f{

    width: 5.95rem;

    margin:.2rem auto 1.4rem;

}

.m-f li{

    width: 1.45rem;

    border:1px solid #ccc;

    border-radius: .08rem;

    float: left;

    margin-right:.05rem; 

    padding: .1rem 0 .1rem 0;

    box-sizing:border-box;

}

.m-f li a{

    display: block;

    width: 1.45rem;

    font-size: .24rem;

    line-height: .4rem;

    text-align: center;

    color: #333;

}

.m-f li a img{

    display: block;

    width: .85rem;

    margin: 0 auto;

}

/*list*/

.list-t{

    width: 6.4rem;

    border-bottom: 1px solid #ccc;

    line-height: .6rem;

    margin-top: .2rem;

    font-size: .24rem;

    color: #333;

    padding-left: .2rem;

}

.list-m h2{

    font-size: .28rem;

    line-height: .38rem;

    color: #333;

    padding-left: .2rem;

    font-weight: normal;

    margin: .1rem 0;

}

.list-m p{

    font-size: .24rem;

    line-height: .38rem;

    color: #000;

    padding-left: .2rem;



}

/*article*/

.article{

    position: relative;

}

.article h2{

    font-size: .24rem;

    line-height: .38rem;

    text-align: center;

    font-weight: normal;

    color: #333;

    margin-top: .15rem;

}

.article h3{

    font-size: .24rem;

    color: #666;

    line-height: .38rem;

    text-align: center;

    font-weight: normal;

}

.article-cont{

    width: 6rem;

    margin: 0 auto;

}

.article-cont p,.article-cont{

    font-size: .24rem;

    line-height: .4rem;


    margin-top: .15rem;

    .margin-bottom: .2rem;

    color: #333;

}

.click-more{

    position: absolute;

    bottom: 0;

    left: 0;

    padding-top: 1.22rem;

    width: 100%;

    height: 2rem;

    text-align: center;

    background-image: -webkit-linear-gradient(90deg,#FFF 37%,rgba(255,255,255,0) 100%);

    background-image: linear-gradient(0deg,#FFF 37%,rgba(255,255,255,0) 100%);

    box-sizing:border-box;

}

.click-more span{

    display: inline-block;

    line-height: .5rem;

    font-size: .24rem;

    color: #863114;

    text-align: center;

}

.click-more .ar-down{

    position: relative;

    top:0rem;

    display: inline-block;

    content: '';

    width: .3rem;

    height: .3rem;

    background: url(../images/ar_down.png) center bottom no-repeat;

    background-size: .23rem;

    animation: unfold-arrow-animation 300ms infinite alternate;

}

.list-btn{

    padding:0 .3rem;

    margin-bottom: .2rem;

    box-sizing:border-box;

}

.btn-text{

    margin: .3rem 0;

    font-weight: normal;

    font-size: .24rem;

    color: #e70012;

    line-height: 1em;

    text-align: center;

}

#art-more{

    display: none;

    transition:all .2s;

}

@keyframes unfold-arrow-animation{

    from{top:.05rem;}

    to{top:0rem;}

}

.article-page{

    margin-left: .2rem;

}

.article-page h2{

    font-size: .24rem;

    font-weight: normal;

    color: #333;

    line-height: .4rem;

}

.article-page h2 span{

    color: #666

}



.article .article-cont.hide {

    height: 2rem;

    overflow: hidden;

}


.tit{

    margin:0 .3rem;

    padding:.25rem 0 .18rem .43rem;

    border-bottom:1px solid #ececec;

    font-size: .28rem;

    color: #333333;

    background: url(../images/icon.png) no-repeat;

    background-size: .55rem;

}
.recommend{margin:0 auto; width:6.4rem;}
.recommend .tit{

    background-position: 0 -3.67rem;

}

.recommend li{padding :.2rem .2rem;}
.recommend li a{font-size:.16rem; margin-left:.1rem}

/*** page



-------------------------------------------------------------- ****/



.pageBox {text-align: center;margin: .1rem 0;line-height: .34rem}



.pageBox a {border:.01rem solid #ddd;display:inline-block;margin-right:.06rem;color: #707070;height:.34rem;font-size: .16rem;padding:0 .1rem}



.pageBox a:hover,.pageBox a:active{background:#863114;color: #FFFFFF;text-decoration: none;}



.pageBox .cur { background: #863114;border: .01rem solid #863114;text-decoration: none;}



.pageBox a.cur {color: #fff;}



.pageBox .disabled {width: .79rem;}