* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    /* -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none; */
}

html, body, div, p, span, font, em, ul, ol, li, dl, dt, dd, table, tr, td, input, button, a {
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    background: #fff;

}

ul, ol {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
    color: #066cb4;
}

img {
    border: 0px;
    vertical-align: top;
}

em, i {
    font-style: normal;
}

.clr {
    margin: 0px;
    padding: 0px;
    height: 0px;
    width: 0px;
    overflow: hidden;
    clear: both;
}

input, button, textarea {
    -webkit-appearance: none;
    outline: none;
    border: none;
    background: none;
    -webkit-tap-highlight-color:transparent;
}
input::-webkit-input-placeholder{
    color:#fff;
    opacity: 0.5;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#fff;
    opacity: 0.5;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#fff;
    opacity: 0.5;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#fff;
    opacity: 0.5;
}
header{
    /*position: relative;*/
    background: url("../images/wapzhlabanner.jpg") left top no-repeat;
    background-size: 100%;
    height:4.733rem;

}
@font-face{
    font-family:title;
    src:url('../images/title.ttf'),
    url('../images/title.eot'),
    url('../images/title.woff')
}
.top{
    height:0.733rem;
    padding:0.63rem 0.667rem;

}
.top .logo{
    float: left;
}
.top .logo img{
    height:0.733rem;
}
.top .menu{
    float: right;
    height:0.493rem;
    width:0.613rem;
    background: url("../images/wapmenu.png") left center no-repeat;
    background-size: 100%;
    margin-top: 0.1rem;
    cursor: pointer;
}
.top.open{
    position: fixed;
    left:0;
    top:0;
    z-index: 99999;
    width: 100%;
    height:1.8rem;
    background: #066cb4;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.top.open .menu{
    background: url("../images/wapclose.png") center top no-repeat;
    background-size: contain;
}
.menu-open{
    position: fixed;
    left:0;
    top:1.8rem;
    width: 100%;
    display: none;
    font-size: 15px;
    background: #066cb4;
    font-size: 15px;
    padding-bottom: 0.667rem;
    z-index: 99999;
    height:100%;
}
[data-dpr="2"] .menu-open{
    font-size: 30px;
}
[data-dpr="3"] .menu-open{
    font-size: 45px;
}
.menu-open a{
    color: #fff;
    display: block;
}
.menu-open > ul > li{
    line-height: 1.333rem;

}
.menu-open > ul > li > a{
    padding:0 0.667rem;
}
.menu-open > ul > li.cur > a{
    background: #0764a6;
}
.menu-open > ul > li > ul{

}
.menu-open > ul > li > ul li{
    padding:0 0.667rem;
    background: url("../images/dot.png") 0.667rem center no-repeat;
    background-size: 1%;
}
.menu-open > ul > li > ul li.cur{
    background: url("../images/dot.png") #0764a6 0.667rem center no-repeat;
}
.menu-open > ul > li > ul li a{
    padding-left:0.55rem;
}
section{
    padding:0 0.667rem 0.667rem;
    overflow: hidden;
}
.bgyellow{
    background: #faf7f0;
}
.banner{
    width: 100%;
    margin-top: 0.667rem;
}
.banner .swiper-container{
    height:100%;
}

.banner .swiper-button-next, .banner .swiper-button-prev{
    width: 1.067rem;
    height:1.067rem;
    margin-top: -0.5rem;
    background: url("../images/zhdbannerright.png") left top no-repeat;
    background-size: 100%;
}
.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next{
    background: url("../images/zhdbannerleft.png") left top no-repeat;
    background-size: 100%;
}

.banner img{
    float: left;
    width: 100%;
}
.banner .swiper-slide span{
    width: 100%;
    height:1.5rem;
    float: left;
    padding:0 20px;
    margin-top: -1.5rem;
    font-size: 14px;
    color: #fff;
    padding-top:0.5rem;
    line-height: 1.3;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

[data-dpr="2"] .banner .swiper-slide span{
    font-size: 28px;
}
[data-dpr="3"] .banner .swiper-slide span{
    font-size: 42px;
}

.kms{

    overflow: hidden;
}

.kms .u-list li{
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 0.4rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
[data-dpr="2"] .kms .u-list li{
    font-size: 28px;
}
[data-dpr="3"] .kms .u-list li{
    font-size: 42px;
}
.mt{
    margin: 0.6rem 0;
    overflow: hidden;
}
.mt a{
    font-family: title;
    display: block;
    font-size: 20px;
}
[data-dpr="2"] .mt a{
    font-size: 40px;
}
[data-dpr="3"] .mt a{
    font-size: 60px;
}

.fenyiti-part{
    padding: 0 0 0.667rem;

}
.fenyiti{
    margin-left: 0.667rem;
    overflow: hidden;
}
.fenyiti .swiper-slide{
    width: 5.2rem;
    position: relative;
}
.fenyiti .swiper-slide img{
    width: 100%;
}
.fenyiti .swiper-slide span{
    position: absolute;
    left:0;
    bottom: 0.5rem;
    padding:0 0.4rem;
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
}
.fenyiti .swiper-slide span:after{
    content: '';
    width: 0.46rem;
    height:2px;
    background: #fff;
    display: block;
    margin-top: 10px;
}

[data-dpr="2"] .fenyiti .swiper-slide span{
    font-size: 28px;
}
[data-dpr="3"] .fenyiti .swiper-slide span{
    font-size: 42px;
}
.news li{
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 0.64rem;
    margin-top: 0.64rem;
}
.news li:last-child{
    border: 0;
}
.news li strong{
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.news li p{
    font-size: 12px;
    line-height: 1.5;
    margin-top: 0.2rem;
    width: 100%;
}
.news li span{
    width: 100%;
    font-size: 12px;
    display: block;
    margin-top: 10px;
    display: block;
    font-weight: bold;
}
[data-dpr="2"] .news li strong{
    font-size: 28px;
}
[data-dpr="3"] .news li strong{
    font-size: 42px;
}
[data-dpr="2"] .news li p{
    font-size: 24px;
}
[data-dpr="3"] .news li p{
    font-size: 36px;
}
[data-dpr="2"] .news li span{
    font-size: 24px;
}
[data-dpr="3"] .news li p span{
     font-size: 36px;
 }
.video ul{
    margin:0 -10px;
    overflow: hidden;
}
.video li{
    float: left;
    width: 50%;
    padding: 0 10px;
    margin-bottom: 0.4rem;
}
.video li img{
    width: 100%;
}
.video li span{
    font-size: 14px;
    line-height: 1.5;
    margin-top: 0.2rem;
    display: block;
}
[data-dpr="2"] .video li span{
    font-size: 28px;
}
[data-dpr="3"] .video li span{
    font-size: 42px;
}
.xglj li{
    margin-bottom: 0.5rem;
}
.xglj li:nth-child(1) img{
    height:1.4rem;
}
.xglj li img{
    height:1.173rem;
}

.footer{
    border-top:1px solid #e7e1d4;
    height:2.57rem;
    text-align: left;
    padding-top:0.667rem;
    font-size: 10px;
    line-height: 1.3;
    position: relative;
    padding-left:1.9rem;
    background: #faf7f0;
}
.footer .dangzheng{
    position: absolute;
    left: 0.667rem;
    top:0.667rem;
}
.footer .dangzheng img{
    width: 1rem;
}
[data-dpr="2"] .footer{
    font-size: 20px;
}
[data-dpr="3"] .footer{
    font-size: 30px;
}