@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: 1.12rem;

    background-color: #fff;

    box-sizing:border-box;

    border-bottom:1px solid #ddd;



}



header>div{



    height: 100%;



}



header .t-logo{



    float: left;



    width: 2.45rem;



}



header .t-logo img{



    width: 2.45rem;



    display: inline-block;



    vertical-align: middle;



}



header .top-tel{



    float: left;



}



header .top-tel img{



    width: 3.1rem;



}



header .top-r{



    position: absolute;



    right: .1rem;



    width: 12%;



    



}



header .top-r>span{

    display: block;

    width: 100%;

    height: 100%;

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

    background-size: .45rem;



}

header .top-r>span.on{

    background: url(../images1/top-icon.png) .3rem -.47rem 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:#4f81bd;



    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: #025ca4;



    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: #5ebbe5;



}



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



    display: block;



}



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



    display: inline-block;



    width: 1.37rem;



    height: 1rem;



    background: url(../images1/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 -1.42rem;



}



.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: 1.2rem;



}



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



    padding-top: .1rem;



    display: block;



    font-size: .22rem;



    color: #333333;



}

.nav-top{

    width: 6.4rem;

    height: .6rem;

    line-height: .6rem;

    background-color: #d71724;

}

.nav-top li{

    width: 20%;

    float: left;

    text-align: center;

}

.nav-top li a{

    font-size: .26rem;

    color: #fff;

}

.nav-top li i{

    float: right;

    font-size: .24rem;

    color: #fff;

}

.block{

    height: .2rem;

    background: #f5f5f5;

}

.cont{

    width: 5.8rem;

    margin:0 auto;

}

#banner{

    position: relative;

    width: 6.4rem;

    height: 3.2rem;

}

#banner .owl-pagination{

    position: absolute;

    bottom: .1rem;

    width: 100%;

    text-align: center;

}

#banner .owl-page{

    display: inline-block;

    padding: 0 .05rem;

}

#banner .owl-page span{

    width: .1rem;

    height: .1rem;

    border-radius: 50%;

    display: inline-block;

    background: #999999;

}

#banner .owl-page.active span{

    background: #0076ff;

}



.tit {

    margin: 0 .3rem;

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

    border-bottom: 1px solid #ececec;

    font-size: .28rem;

    color: #333333;

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

    background-size: .55rem;

}

.m1{

    width: 5.84rem;

    margin: .4rem auto .45rem;

}

.m1-top{

    width: 2.76rem;

    height: .6rem;

    background: url(../images1/cq_icon1.jpg) no-repeat .34rem center #0076ff;

    background-size: .5rem;

    font-size: .36rem;

    color: #fff;

    line-height: .6rem;

    padding-left: .9rem;

    margin-bottom: .2rem;

    box-sizing:border-box;

}

.m1 .p2-icon ul{

    padding-bottom: .15rem;

    overflow: hidden;

}

.m1 .p2-icon ul.p2-mart{

    margin-top: .3rem!important;

}

.m1 .p2-icon li{

    float: left;

    margin:0 .1rem 0 0;

    padding:.1rem 0;

    width: 1.07rem;

    border:1px solid #999999;

    border-radius: .1rem;

    text-align: center;

    box-sizing:border-box;

}

.m1 .p2-icon li:nth-of-type(5n){

    margin-right: 0;

}

.m1 .p2-icon li img{

    display: block;

    margin:0 auto .05rem auto;

    width: .56rem;

}

.m1 .p2-icon li span{

    display: inline-block;

    line-height: 1em;

    width: 100%;

    text-align: center;

    font-size: .2rem;

    color: #333333;

}

.m1-btn{

    width: 5.6rem;

    margin: .4rem auto;

}

.m1-btn a{

    display: block;

    width: 5.6rem;

    height: .68rem;

    line-height: .68rem;

    border:1px solid #ff6b14;

    border-radius: .1rem;

    overflow: hidden;

}

.m1-btn a span{

    float: left;

    width: 3.36rem;

    height: .68rem;

    line-height: .68rem;

    padding-left: .75rem;

    font-size: .34rem;

    font-weight: bold;

    color: #ff6b14;

    background: url(../images1/cq_icon2.jpg) no-repeat .25rem center;

    background-size: .5rem;

    box-sizing:border-box;

}

.m1-btn a i{

    float: right;

    width: 2.24rem;

    height: .68rem;

    line-height: .68rem;

    background: #ff6b14;

    font-size: .28rem;

    color: #fff;

    text-align: center;

}

.m2 .tit{

    background-position: 0 .05rem;

}

.p2-list li{

    padding:.2rem 0;

    overflow: hidden;

    border-bottom:1px dashed #ececec;

}

.p2-list{

    width: 5.8rem;

    margin: 0 auto;

}

.p2-list .num{

    float: left;

    line-height: .6rem;

    width: .6rem;

    height: .6rem;

    border-radius: 50%;

    background: #ff6913;

    background-size: .6rem;

    font-size: .38rem;

    color: #fff;

    text-align: center;

    margin-top: .1rem;

}

.p2-list .text{

    float: right;

    width: 5rem;

    display: table;

}

.p2-list .text>div h2{

    display: table-cell;

    vertical-align: middle;

    font-size: .28rem;

    color: #0076ff;

    line-height: .4rem;

    font-weight: normal;

}

.p2-list .text>div p{

    font-size: .22rem;

    line-height: .4rem;

    color: #666;

}

.btn-wrap{

    width: 5.8rem;

    margin: 0 auto;

}

.btn-wrap h2 a{

    display: block;

    text-align: center;

    font-weight: normal;

    font-size: .24rem;

    color: #e70012;

    margin-bottom: .2rem;

    margin-top: .25rem;

}

.btn-wrap .btn{

    overflow: hidden;

    margin-top: .1rem;

}

.btn-wrap .btn a{

    display: block;

    width: 2.8rem;

    height: .7rem;

    border-radius: .06rem;

    text-align: center;

}

.btn-wrap .btn a.fl{

    background: #fe8f01;

}

.btn-wrap .btn a.fr{

    background: #0076ff;

}

.btn-wrap .btn a span{

    padding-left: .67rem;

    display: inline-block;

    line-height: .7rem;

    font-size: .34rem;

    color: #fff;

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

    background-size: .6rem;

}

.btn-wrap .btn a.fl span{

    background-position: 0 -3.18rem;

}

.btn-wrap .btn a.fr span{

    background-position: 0 -4.21rem;

}

.m2-nav{

    width: 6rem;

    margin: .5rem auto .3rem;

}

.m2-nav li{

    width: 1.46rem;

    float: left;

    margin-right: .05rem;

    border-radius: .1rem;

    padding: .1rem 0 .15rem 0;

}

.m2-nav li a{

    display: block;

}

.m2-nav li a img{

    display: block;

    width: .7rem;

    margin: 0 auto .1rem;

}

.m2-nav li a i{

    display: block;

    font-size: .24rem;

    color: #fff;

    line-height: .36rem;

    text-align: center;

}

.m2-nav li.li-nr{

    margin-right: 0!important

}

.m2-nav li:nth-of-type(1){

    background-color: #e67b3d

}

.m2-nav li:nth-of-type(2){

    background-color: #28c78d

}

.m2-nav li:nth-of-type(3){

    background-color: #3388ea

}

.m2-nav li:nth-of-type(4){

    background-color: #ea5546

}

.black{

    width: 6.4rem;

    height: .2rem;

    background-color: #f5f5f5

}

.list-cont{

    padding:0 .3rem;

    box-sizing:border-box;

}

.list-cont li{

    overflow: hidden;

    padding: .3rem 0;

    border-bottom:1px dashed #ececec;

}

.list-cont li img{

    width: 2rem;

    height:1.3rem;

    float: left;

}

.list-cont li .fr{

    width: 3.65rem;

    height: 1.3rem;

    display: table;

}

.list-cont li .fr>div{

    display: table-cell;

    vertical-align: middle;

}

.list-cont li .fr>div h2{

    line-height: 1em;

    margin-bottom: .25rem;

    width: 3.65rem;

    height: .28rem;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    font-weight: normal;

    font-size: .28rem;

    color: #333333;

}



.list-cont li .fr>div p{

    font-size: .22rem;

    line-height: 1.2em;

    color: #999999;

}

#sync2 {



    margin-top: .15rem;



    padding:0 .3rem;



}



#sync2 .owl-item{



    width: 1.5rem!important;



}



#sync2 .owl-item li.item{



    width: 1.5rem!important;



    height: .5rem;



    line-height: .5rem;



    font-size: .26rem;



    text-align: center;



    float: left;



}



#sync2 .synced .item {

    color: #0f7eff;

    border-bottom:1px solid #0f7eff;

}

.m3{

    margin-bottom: .5rem;

}

.m4 .cont{

    width: 5.8rem;

    margin:0 auto;

}

.m4 .doc-item {

    padding: .2rem 0;

    overflow: hidden;

    border-bottom: 1px dashed #0076ff;

}

.m4 .doc-img {

    float: left;

    width: .98rem;

}

.m4 .doc-img img {

    width: .98rem;

}

.m4 .text {

    margin-left: .2rem;

    float: left;

    width: 3.5rem;

}

.m4 .text h2 {

    margin-bottom: .4em;

    line-height: 1em;

    font-size: .26rem;

    color: #0076ff;

}

.m4 .text p {

    font-size: .22rem;

    line-height: .26rem;

    color: #333333;

}

.m4 .doc-fr {

    margin-top: .05rem;

    padding: .13rem 0;

    float: right;

    width: .76rem;

    height: .76rem;

    background: #e70012;

    border-radius: .06rem;

    text-align: center;

    font-size: .22rem;

    line-height: .26rem;

    color: #fff;

    box-sizing: border-box;

}

.m4{

    margin-top: .2rem;

}

.m4 .tit{

    background-position: 0 -1.19rem;

}

.p6 .tit {

    margin-bottom: .15rem;

    margin-top: .3rem;

    background-position: 0 -2.02rem;

}

.p6-line{

    width: 6.4rem;

    height: .2rem;

    background-color: #f5f5f5;

}

footer {

    padding: .3rem .3rem 0 .3rem;

    margin-bottom: 1.3rem;

    overflow: hidden;

    text-align: center;

}

footer .f-text img {

    margin-bottom: .35rem;

    width: 1.96rem;

}

footer .f-text p {

    font-size: .24rem;

    line-height: .42rem;

    color: #333333;

}

footer .f-text p span {

    display: inline-block;

}

footer .f-text p span:before{



    content: '';



    display: inline-block;



    float: left;



    width: .4rem;



    height: .42rem;



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



    background-size: .6rem;



}



footer .f-text p:nth-of-type(1) span:before{



    background-position: 0 -5.47rem;



}



footer .f-text p:nth-of-type(2) span:before{



    background-position: 0 -6.25rem;



}

.bottom-fixed{

    padding:.23rem .3rem;

    position: fixed;

    bottom: 0;

    left: 50%;

    margin-left: -3.2rem;

    width: 6.4rem;

    height: 1rem;

    background: #fff;

    box-shadow: .08rem 0 .15rem rgba(0,0,0,.1);

    box-sizing:border-box;

    z-index: 10;

}

.bottom-fixed>div{

    display: inline-block;

    font-size: .24rem;

    line-height: .56rem;

    color: #e70012;

}

.bottom-fixed .fc{

    float: left;

    margin:0 .15rem;

    width: 2.6rem;

    height: .56rem;

    border-radius: .28rem;

    background: #f4f4f4;

    text-align: center;

    line-height: .56rem;

    color: #666666;

}

.bottom-fixed .fl{

    padding-left: .47rem;

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

    background-size: .55rem;

}

.bottom-fixed .fl a{

    position: relative;

}

.bottom-fixed .fl a span{

    display: block;

    height: 14px;

    width: 14px;

    border-radius: 14px;

    position: absolute;

    top: -.11rem;

    left: -.16rem;

    background: #2079cb;

    z-index: 100;

    color: #FFFFFF;

    text-align: center;

    line-height: 14px;

    font-size: 10px;

    border: 1px solid #fff;

    letter-spacing: -1px;

}

.bottom-fixed .fr{

    padding-left: .47rem;

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

    background-size: .55rem;

}