/*reset*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
a{ text-decoration:none;}
a:hover{text-decoration: none;}
*{
    font-family:"PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-font-smoothing:antialiased;
    /*font-family: arial,sans-serif,"Microsoft YaHei",STHeiti,"Droid Sans Fallback",sans-serif;*/
    cursor: pointer;
}
*{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
*{max-width:100%;}

html, body {
    height: 100%;
    font-size:625%;
}

/*** 针对该项目的设置 ***/
body{
    background: #f7f7f7;
    max-width: 750px;
    margin: 0 auto;
    line-height: inherit;
    overflow-x: hidden;
    position: relative;
    /*transform: translate(0,-1.22rem);*/
}
/*span.pic-vm{width: 1px; display: inline-block; margin-right: -1px; height: 100%; vertical-align: middle;}*//*让图片垂直居中 兄弟img节点设置vm*/
.article{min-height: 560px;}
.fl{float: left}
.fr{float: right;}

.outer {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-ms-flex-direction:column;-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;}
.inner{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.opacity{-webkit-animation: opacity 0.3s linear;animation: opacity 0.3s linear;}
@-webkit-keyframes opacity {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes opacity {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
.dropload-up,.dropload-down{position: relative;height: 0;overflow: hidden;font-size: 0.25rem;font-weight:bold;color: #5a5a5a;/* 开启硬件加速 */-webkit-transform:translateZ(0);transform:translateZ(0);}
.dropload-down{height: 1rem;}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{height: 1rem;line-height: 1rem;text-align: center;}
.dropload-load .loading{display: inline-block;height: 15px;width: 15px;border-radius: 100%;margin: 6px;border: 2px solid #666;border-bottom-color: transparent;vertical-align: middle;-webkit-animation: rotate 0.75s linear infinite;animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.topMsg {font-size: 0.28rem;display: block;padding: .1rem 1rem;margin: 0 auto;display: block;color: #5a5a5a;text-align: center;}
.topMsg .dropDown img {width: .37rem;vertical-align: middle;padding-right: .1rem}
.topMsg span {display: block;}
.topMsg .dropDown {padding-bottom: .06rem}

.bottomMsg {font-size: .28rem;color: #5a5a5a;text-align: center;padding: .24rem 0;background: #fff;line-height: .4rem}
.bottomMsg .bottomImg {width: .4rem;display: none;}
/* <banner>样式 */
/*轮播图*/
.swiper-container { margin: 0 auto;position: relative;overflow: hidden;z-index: 1;}
.swiper-container-no-flexbox .swiper-slide { float: left;}
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column;flex-direction: column;}
.swiper-wrapper {position: relative;width: 100%;height: auto;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;box-sizing: content-box;}
.swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper {-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.swiper-container-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;width: 100%;height: auto;position: relative;}
.swiper-container-horizontal > .swiper-pagination-bullets {bottom: .23rem;left: 0;width: 100%;}

/* Bullets */
.swiper-pagination-bullet {width: .14rem;height: .14rem;display: inline-block;border-radius: 100%;background: rgba(24,186,254,.3);}
button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-moz-appearance: none;-ms-appearance: none;-webkit-appearance: none;appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-white .swiper-pagination-bullet {background: #fff;}
.swiper-pagination-bullet-active {opacity: 1;background: rgba(24,186,254,1);}
.swiper-pagination-white .swiper-pagination-bullet-active {background: #fff;}
.swiper-pagination-black .swiper-pagination-bullet-active {background: #000;}
.swiper-container-vertical > .swiper-pagination-bullets {right: .1rem;top: 50%;-webkit-transform: translate3d(0px, -50%, 0);transform: translate3d(0px, -50%, 0);}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 5px 0;display: block;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
/* Pagination Styles */
.banner-loop {position: absolute;text-align: right;z-index: 10; font-size:0px;}
.nav-loop {position: absolute;text-align: center;z-index: 10; font-size:0px;}
.swiper-pagination {-webkit-transition: 300ms;transition: 300ms;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.swiper-pagination.swiper-pagination-hidden {opacity: 0;}
.swiper-container { width: 100%; }
.swiper-container img {display: block;width: 100%;}
.swiper-container a{ position:relative;}
.swiper-container a p{ position:absolute; bottom:0rem; left:0px; padding-left:2%; width:78%; padding-right:20%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:.6rem; height:.6rem; color:#ffffff; font-size:.24rem;}
.swiper-container a p{
    /*filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=blue,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE8*/
background:-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
    background:-o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}
.banner-icon {background: #fff}

/* <banner>样式 over */

.nav {}
.nav-a {display:block; float:left; vertical-align:middle; color:#222222; font-size:0rem; margin-top:0.3rem; width:25%; text-align:center; line-height:1.22;}
.nav-a img{width:1rem; height:1rem; display:block; margin-left:auto; margin-right:auto; margin-bottom:0.2rem;}
.nav-a span{ color:#222222; font-size:.26rem;}

.content {margin-top: .1rem;background: #fff}
.content-title {font-size: .26rem;height: .8rem;line-height: .8rem;padding-left: .29rem;color: #666;border-bottom: .01rem solid #E5E5E5}
.content-list {margin: 0 .28rem;}
.content-list ul li {border-bottom: .01rem solid #E5E5E5}
.content-list ul li a {display: block; padding: .3rem 0;position: relative;}

.news p {font-size: .32rem;color: #222;line-height: .48rem}
.only-one {width: 70%;min-height: 1.48rem}

.img-num{background: rgba(0,0,0,0.4);  color: #fffefe;  font-size: 0.15rem;  display: inline-block;  vertical-align: middle;  line-height: 0.25rem;  padding-left: 0.09rem;  padding-right: 0.11rem;  position: absolute;  right: 0rem;  bottom: 0rem;  border-top-left-radius: 0.04rem}

.photo {position: absolute;right: 0;top: .3rem;width: 1.96rem;font-size: 0}
.photo img {display: inline-block;}
.news .photos {font-size: 0px}
.news .photos span {display: inline-block;vertical-align: middle;font-size: 0;width: 32%;margin-left: 2%}
.news .photos span:first-child {margin-left: 0}

.news .news-review {font-size: .24rem;color: #999;margin-top: .24rem}
.news .news-review span {margin-left: .3rem}
.news .news-review span:first-child {margin-left: 0}