.ani{
  -webkit-transition: all 0.4s;
          transition: all 0.4s;
}
@media (min-width:320px){
  .ban{width: 100%;margin-top: 1rem;}
  .ban .pc{display: none;}
  .ban .icon{
    display: block;
    width: 0.35rem;
    cursor: pointer;
    position: absolute;
    left: calc(50% - (0.35rem / 2 ));
    bottom: 0.3rem;
  }
  .about {
    padding:0 0.3rem 0.4rem;
    border-bottom: 0.2rem solid #f2f2f2;
  }
  .about .title,
  .honor .title,
  .speech .title{
    font-size: 0.3rem;
    color: #111;
    line-height: 1;
    padding: 0.37rem 0 0.3rem;
    border-bottom: 1px solid #CCCCCC;
  }
  .about .video-box{
    margin: 0.3rem 0;
  }
  .about .video-box .icon{
    display: block;
    width: 0.6rem;
    position: absolute;
    cursor: pointer;
    left: calc(50% - 0.3rem);
    top: calc(50% - 0.3rem);
    z-index: 2;
  }
  .about .left .tit,
  .about .left .en,
  .honor .en{display: none;}
  .about .left .detaile{
    font-size: 0.24rem;
    color: #666;
    line-height: 1.6
  }
  .honor{
    border-bottom: 0.2rem solid #f2f2f2;
  }
  .honor .title{
    width: 92%;
    margin: 0 auto;
  }
  .honor .list{
    margin: 0.3rem 0 0.5rem;
  }
  .honor .list .swiper-container{
    padding:0 4%;
  }
  .honor .swiper-slide{
    width: 3.24rem;
    height: 4.28rem;
    box-sizing:border-box;
    padding: 0.15rem;
    border:1px solid #ececec;
    
  }
  .honor .swiper-button-prev,
  .honor .swiper-button-next{display: none;}
  .speech{
    padding: 0 0.3rem 0.5rem;
  }
  .speech .en{display: none;}
  .speech .detaile{
    font-size: 0.24rem;
    line-height: 1.65;
    color: #666;
    margin: 0.25rem 0;
  }
  .tip-bg{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 70;
    display: none;
  }
  .video-boxs{
    position: fixed;
    /*left: 0;
    top: 0;
    width: 100%;
    height: 100%;*/
    z-index: 72;
    display: none;
  }
  .video-boxs .icon{
    display: block;
    width: 0.37rem;
    position: fixed;
    right: 0.3rem;
    top: 0.4rem;
    z-index: 53;
    cursor: pointer;
  }
  .video-boxs video{
    display: block;
    width: 100%;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }

  /*发展历程 ↓*/
  .history{
    padding: 1.25rem 0.3rem 1rem;
  }
  .history .triangle{
    display: block;
    width: 16px;
    font-size: 0
  }
  .history ul{
    margin-left:8px;
    padding-bottom: 0.7rem;
    border-left:  1px solid #CCCCCC;
  }
  .history ul li{
    padding:0.35rem 0 0 20px;
  }
  .history ul li .title{
    font-size: 0.36rem;
    color: #499cc6;
    line-height: 1;
    position: relative;
    font-family: arial;
    font-weight: bold;
    margin-bottom: 0.1rem;
  }
  .history ul li .title:before{
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    border-radius: 50%;
    position: absolute;
    left: -25px;
    top: calc(50% - 6px);
    background-color: #499cc6;
    z-index: 5;
  }
  .history ul li .title:after{
    content: '';
    position: absolute;
    width: 0.24rem;
    height: 1px;
    background-color: #CCC;
    left: -0.4rem;
    top: calc(50% - 1px);
  }
  .history ul li .detaile{
    font-size: 0.24rem;
    color: #999;
    line-height: 1.6;
    margin-bottom: 0.2rem;
    margin-bottom: 0.25rem;
  }
  .history ul li .pic{
    font-size: 0;
  }
  .history ul li .pic img{
    width: 2.55rem;
    margin:0 0.15rem 0.15rem 0;
  }

  /*基地详情 ↓*/
  .baseinfo .mian{
    padding: 1rem 0.3rem 0.8rem;
  }
  .baseinfo .titles{
    padding: 0.35rem 0 0.3rem;
    font-size: 0.28rem;
    color: #333;
    line-height: 1;
    border-bottom: 1px solid #CCCCCC;
  }
  .baseinfo .pic{
    margin: 0.3rem 0;
  }
  .baseinfo .box .title,
  .baseinfo .box .en{display: none}
  .baseinfo .box .detaile{
    font-size: 0.24rem;
    color: #666;
    line-height: 1.6;
    margin-bottom: 0.5rem; 
  }
  .baseinfo .box .add{
    font-size: 0.24rem;
    color: #666;
    line-height: 1.7;
    margin-bottom: 0.3rem;
  }
  .baseinfo .box .add span{
    display: block;
  }
  .baseinfo .box .imgs{font-size: 0}
  .baseinfo .box .imgs img{
    width: 32%;
    margin-right: 1.3%;
    display: inline-block;
  }
  .baseinfo .box .imgs img:last-child{
    margin-right: 0
  }
  .news{padding: 0 0.3rem 0.8rem;}
  .news li{
    padding: 0.3rem 0;
    border-bottom:1px solid #DDDDDD;
  }
  .news li .time,
  .news li .more{display: none;}
  .news li .pic{
    width: 2.45rem;
    float: left;
  }
  .news li .box{
    width: 4.25rem;
    float: right;
  }
  .news li .title{
    font-size: 0.28rem;
    color: #333;
    line-height:1.5;
    /*padding-top: 0.15rem;*/
  }
  .news li .detaile{
    font-size: 0.24rem;
    color: #888;
    line-height: 1.6;
    max-height: 0.73rem;
    overflow: hidden;
    margin: 0.1rem 0
  }
  .news li .mobile-time{
    font-size: 0.26rem;
    color: #888;
    line-height: 1.2;
  }
  .news li .tt{
    font-size: 0.24rem;
    color: #AAA;
    line-height: 1;
    display: none;
  }
  .resources{padding-bottom: 0.8rem;}
  .resources .module .title,
  .resources .module .en{
    display: none;
  }
  .resources .module .detaile{
    font-size: 0.26rem;
    color: #333;
    line-height: 1.6;
    padding: 0.3rem 0.3rem;
    border-bottom: 0.2rem solid #f2f2f2;
  }
  .resources ul{
    padding: 0.3rem 0.3rem 0.15rem;
    border-bottom:0.2rem solid #f2f2f2;
  } 
  .resources ul .box{
    padding: 0.35rem 0 0.2rem;
  }
  .resources ul .box .title{
    font-size: 0.3rem; 
    color: #111;
    line-height: 1.2;
    margin-bottom: 0.15rem;
  }
  .resources ul .box .detaile{
    font-size: 0.26rem;
    color: #666;
    line-height: 1.6;
  }
  .resources .list .top,
  .resources .list ol li .tits{display: none;}
  .resources .pictures .swiper-slide{
    width: 5rem
  }
  .resources .swiper-button-next, .resources .swiper-button-prev{
    width: 36px;
    height: 36px;
    border-radius: 50%;
  }
  .resources .swiper-button-prev {
    left:6%;
    background: #fff url(../img/img39.png) center no-repeat;
  }
  .resources .swiper-button-next {
    right: 6%;
    background: #fff url(../img/img38.png) center no-repeat;
  }

  .resources .res-title{
    width: 92%;
    margin: 0 auto;
    font-size: 0.3rem;
    color: #111;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }
  .resources .list ol li{
    padding: 0.3rem 0;
    width: 6.9rem;
    margin: 0 auto;
    border-top:1px solid #dadada;
  }
  .resources .list ol li:first-child{
    border-top:0;
  }
  .resources .list ol li .model{
    font-size: 0.24rem;
    color: #888;
    line-height: 1.6;
    padding-bottom: 0;
    border-bottom: 1px solid #fff;
    -webkit-transition: all 0.4s;
              transition: all 0.4s;
  }
  .resources .list ol li.on .model{
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 0.3rem;
  }
  .resources .list ol li .model .tit{
    font-size: 0.28rem;
    color: #333;
    display: block;
    width: 100%;
    margin-bottom: 0.1rem;
  }
  .resources .list ol li .model span{
    width: 50%;
    float: left;
  }
  .resources .list ol li .model .tip-fa{
    color: #5a8ae2;
    float: left;
  }
  .resources .list ol li .child{
    font-size: 0.24rem;
    color: #555;
    line-height:1.6;
    padding: 0.3rem 0 0;
    display: none;
  }
  .resources .list ol li .child .tit{
    margin-bottom: 0.1rem;
    color: #333
  }
  .resources .list ol li .btn{
    display: block;
    width: 2.46rem;
    height: 0.68rem;
    line-height: 0.68rem;
    text-align: center;
    border-radius: 4px;
    background-color: #459DC3;
    color: #fff;
    font-size: 0.26rem;
    margin-top: 0.3rem;
  }
  .resourcesinfo{
    padding: 1rem 0.3rem 0.8rem;
  }
  .resourcesinfo .bread{display: none;}
  .resourcesinfo .mian .title{
    font-size: 0.3rem;
    color: #333;
    height: 0.9rem;
    line-height: 0.9rem;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 0.32rem;
  }
  .resourcesinfo .list .box{
    width: 100%;
    margin-bottom: 0.3rem;
    font-size: 0;
  }
  .resourcesinfo .list .box.even{
    width:calc(50% - 0.1rem);
  }
  .resourcesinfo .list .box.even:nth-child(odd){
    margin-right: 0.2rem;
  }
  .resourcesinfo .list .tt,
  .resourcesinfo .list .mbox .tt{
    display: block;
    line-height: 1;
    margin-bottom: 0.15rem;
    color: #333333;
    font-size: 0.28rem;
  }
  .resourcesinfo .list .tt .inps{
    display: inline-block;
    padding-left: 20px;
    height: 19px;
    line-height: 19px;
    margin-left: 15px;
    cursor: pointer;
    background: url(../img/22.jpg) left center no-repeat;
  }
  .resourcesinfo .list .tt .inps input{
    display: block;
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    border:0;
    background-color: transparent;
    font-size: 0;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .resourcesinfo .list .inp{
    display: block;
    width: 100%;
    height: 0.64rem;
    line-height: 0.64rem;
    border:1px solid #CCC;
    box-sizing:border-box;
    font-size: 0.28rem;
    padding: 0 0.15rem;
    color: #666
  }
  .resourcesinfo .list .mbox{
    width: 100%;
  }
  /*.resourcesinfo .list .mbox.sex{margin-right: 0.2rem;}*/
  .resourcesinfo .list .mbox .radio{
    display: inline-block;
    padding-left: 0.5rem;
    line-height: 0.36rem;
    font-size: 0.28rem;
    margin:0.1rem 0.3rem 0 0;
    cursor: pointer;
    background: url(../img/img32.png) left center/0.36rem no-repeat;
  }
  .resourcesinfo .list .mbox .radio.on{
    background: url(../img/img33.png) left center/0.36rem no-repeat;
  }
  .resourcesinfo .list .box .tet{
    display: block;
    width: 100%;
    height: 2.5rem;
    box-sizing:border-box;
    border-radius: 4px;
    resize:none;
    padding: 0.15rem;
    font-size: 0.28rem;
    color: #666;
    line-height: 1.4
  }
  .resourcesinfo .list .btns{margin-top: 0.5rem;}
  .resourcesinfo .list .btns .submit{
    display: block;
    width: 50%;
    height: 0.88rem;
    line-height: 0.88rem;
    background-color: #459DC3;
    float: right;
    text-align: center;
    color: #fff;
    font-size: 0.32rem;
    border:0;
  }
  .resourcesinfo .list .btns .setmit{
    font-size: 0.32rem;
    color: #666;
    width: 50%;
    cursor: pointer;
    display: block;
    float: left;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    border: 1px solid #DDDDDD;
    box-sizing:border-box;
  }
  .resources .list .title{
    font-size: 0.3rem;
    color: #111;
    line-height: 1;
    padding: 0.37rem 0.3rem 0.3rem;
  }
  .resourcesinfo .list .box {
    margin-bottom: 25px;
  }
  .resourcesinfo .list .box .tet {
    height: 140px;
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
  }
  .resourcesinfo .list .btns{margin-top: 30px;}
  .resourcesinfo .list .btns .submit {
    width: 130px;
    height: 42px;
    line-height: 42px;
    background-color: #459DC3;
    float: left;
    font-size: 14px;
    border-radius: 4px;
  }
  .resourcesinfo .list .btns .setmit{
    font-size: 14px;
    width: 130px;
    height: 42px;
    border-radius: 4px;
    line-height: 42px;
    margin-left: 50px;
  }
  .resources .list .title{
    font-size: 0.3rem;
    color: #111;
    line-height: 1;
    padding: 0.37rem 0.3rem 0.3rem;
  }
  .culture .bread,
  .clean .bread,
  .clean .list .box .tit,
  .clean .list .box .en{
    display: none;
  }
  .culture .tits,
  .clean .tits{
    height: 1rem;
    line-height: 1rem;
    text-align: center;
  }
  .culture .tits a,
  .clean .tits a{
    display: inline-block;
    font-size: 0.28rem;
    color: #777;
    margin: 0 0.35rem;
    position: relative;
  }
  .culture .tits a.on,
  .clean .tits a.on{color: #459DC3}
  .culture .tits a:before,
  .clean .tits a:before{
    display: block;
    position: absolute;
    bottom: 0;
    width: 0.4rem;
    height: 2px;
    background-color: transparent;
    left: calc(50% - 0.2rem);
    content: '';
    z-index: 10
  }
  .culture .tits a.on:before,
  .clean .tits a.on:before{
    background-color: #459DC3;
  }
  .culture .mian .left,
  .culture .mian .right .en,
  .clean .module .pic{display: none;}
  .culture .mian .right li,
  .clean .list li{
    border-top:0.2rem solid #f2f2f2;
  }
  .culture .mian .right .title{
    font-size: 0.32rem;
    color: #333;
    font-weight: bold;
    line-height: 1;
    padding: 0.5rem 0rem 0.3rem;
    width: 6.9rem;
    margin: 0 auto 0.2rem;
    border-bottom: 1px solid #CCC;
  }
  .culture .mian .right .detaile{
    padding: 0 0.3rem;
    font-size: 0.24rem;
    color: #666;
    line-height: 1.6;
    padding-bottom: 0.5rem;
  }
  .culture .mian .right .detaile h3{
    font-size: 0.28rem;
    color: #333;
    line-height: 1;
    margin: 0.3rem 0
  }
  .clean .module{
    border-top:0.2rem solid #f2f2f2;
    padding: 0.3rem;
    font-size: 0.24rem;
    line-height: 1.6;
  }
  .clean .list .title{
    font-size: 0.28rem;
    color: #333;
    line-height: 1;
    padding: 0.5rem 0rem 0.3rem;
    border-bottom: 1px solid #CCC;
    width: 6.9rem;
    margin: 0 auto;
  }
  .clean .list .pic{
    padding: .3rem;
  }
  .clean .list .box{
    padding:0 0.3rem 0.4rem;
  }
  .clean .list .box .detaile{
    font-size: 0.24rem;
    line-height: 1.6;
    color: #666;
    word-wrap:break-word;
  }
  .culture .mian-list{
    padding-bottom: 0.8rem;
    border-top: 0.2rem solid #f2f2f2;
  }
  .culture .mian-list li{
    border-top: 0.2rem solid #f2f2f2;
    padding-bottom: 0.3rem;
  }
  .culture .warp .mian-list li{border-top: 0}
  .culture .mian-list .title{
    font-size: 0.28rem;
    line-height: 1;
    padding: 0.5rem 0rem 0.3rem;
    border-bottom: 1px solid #CCC;
    width: 92%;
    margin: 0 auto;
  }
  .culture .mian-list .pic{
    padding: 0.25rem 0.3rem;
  }
  .culture .mian-list .pic .img{
    width: 3.25rem;
    height: 4.64rem;
    box-sizing:border-box;
    border:1px solid #DDD;
  }
  .culture .mian-list .tit,
  .culture .mian-list .en{
    display: none;
  }
  .culture .mian-list .box{
    padding: 0 0.3rem;
    
  }
  .culture .mian-list .detaile{
    font-size: 0.24rem;
    line-height: 1.6;
    color: #666;
    margin-bottom: 0.3rem;
    word-wrap:break-word;
  }
  .culture .mian-list .down {
    display: inline-block;
    padding-left: 30px;
    width: auto;
    height: 0.36rem;
    color: #666;
    text-align: right;
    line-height: 0.36rem;
    font-size: 0.24rem;
    background: url(../img/img10.1.png) left top/0.46rem no-repeat;
    margin-bottom: 0.6rem;
  }
  .culture .mian-list .bot .time{
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #666666;
    font-family: arial;
    padding-left: 0.45rem;
    background: url(../img/img40.png) left center/0.32rem no-repeat;
  }
  .culture .mian-list .bot .btn{
    font-size: 0.24rem;
    color: #333;
    line-height: 0.4rem;
    padding-right: 0.3rem;
    position: relative;
    -webkit-transition: all 0.4s;
      transition: all 0.4s;
  }
  .culture .mian-list .bot .btn:before{
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333;
    position: absolute;
    right: 0;
    top: calc(50% - 4px)
  }

  .culture .warp.on .mian-list{padding-bottom: 0}
  .carrier{
    padding: 0.5rem 0;
    border-top: 0.2rem solid #f2f2f2;
    margin-top: 0.3rem;
  }
  .carrier .imgs{padding: 0 0.3rem;}
  .carrier .imgs .img{margin-bottom: 0.3rem;}
  .carrier .imgs img{
    width:100% 
  }
  .carrier .list .title{
    border-top: 0.2rem solid #f2f2f2;
    padding: 0.5rem 0.3rem 0.3rem;
    line-height: 1;
    font-size: 0.32rem;
    color: #333;
    border-bottom: 1px solid #CCC;
  }
  .carrier .list .li{
    padding: 0 0.3rem;
    font-size: 0.24rem;
    color: #666;
    line-height: 1;
  }
  .carrier .list li .year{
    font-size: 0.28rem;
    color: #333;
    line-height:1;
    margin:0.3rem 0;
  }
  .carrier .list .li li{
    width: 50%;
    float: left;
    padding-right: 0.2rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    box-sizing:border-box;
    margin-bottom: 0.15rem;
  }
  .carrier .list .li li a{color: #666;}

  .contacts{
    padding: 0.5rem 0.3rem 0.8rem;
  }
  .contacts .bread{display: none;}
  .contacts .left .title{
    font-size: 0.3rem;
    color: #333;
    line-height:1;
    margin-bottom: 0.2rem;
  }
  .contacts .left .detaile{
    font-size: 0.24rem;
    color: #666;
    line-height: 1.4;
  }
  .contacts .left .detaile p{margin-bottom: 0.1rem;}
  .contacts .right{
    height: 4.39rem;
    width: 100%;
    margin-top: 0.4rem;
  }
  .contacts .right #allmap{
    height: 4.39rem;
  }
  .contacts .BMap_bubble_title{
    font-size: 0.3rem;
    line-height: 1;
    margin-bottom: 0.1rem;
  }
  .contacts .BMap_bubble_content{
    font-size: 0.26rem;
    line-height: 1.5;
    color: #666;
  }

  .base{
    padding: 1rem 0 0.8rem;
  }
  .base .map-module{padding: 0 0.3rem;}
  .base .map-module .title{
    line-height: 1;
    font-size: 0.28rem;
    color: #333;
    padding: 0.35rem 0 0.2rem;
  }
  .base .map-module .en{display: none;}
  .base .map-module .detaile{
    font-size: 0.24rem;
    color: #666;
    line-height: 1.6;
  }
  .base .map-module .map .point .round{
    position: absolute;
    width: 13px;
    height: 13px;
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    z-index: 5;
  }
  .base .map-module .map .point1,
  .base .map-module .map .point2,
  .base .map-module .map .point3,
  .base .map-module .map .point4,
  .base .map-module .map .point5,
  .base .map-module .map .point6,
  .base .map-module .map .point7{
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color:#449ec1; 
  }
  .base .map-module .map .point1{
    position: absolute;
    left: 82.61%;
    top: 69.62%;
    z-index: 2;
  }
  .base .map-module .map .point2{
    position: absolute;
    left: 80%;
    top: 63.96%;
    z-index: 2;
  }
  .base .map-module .map .point3{
    position: absolute;
    left:53.69%;
    top:63.2%;
    z-index: 2;
  }
  .base .map-module .map .point4{
    position: absolute;
    left: 83.23%;
    top: 62.26%;
    z-index: 2;
  }
  .base .map-module .map .point5{
    position: absolute;
    left: 80.46%;
    top: 60%;
    z-index: 2;
  }
  .base .map-module .map .point6{
    position: absolute;
    left: 70.3%;
    top: 66.41%;
    z-index: 2;
  }
  .base .map-module .map .point7{
    position: absolute;
    left: 77.38%;
    top: 62.07%;
    z-index: 2;
  }
  .base .map-module .map .mbox{
    display: none;
    border-radius: 20px;
    width: 3.5rem;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    position: absolute;
    padding: 0.2rem;
    right: 100%;
    top: 13px;
    border-top-right-radius: 8px;
  }
  .base .map-module .map .point.on{
    z-index: 20;
  }
  .base .map-module .map .point1 .mbox{
    left: 100%;
    border-top-left-radius: 8px;
    right: none;
  }
  .base .map-module .map .mbox i{
    display: block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background: url(../img/img46.png) center/10px no-repeat;
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
  }
  .base .map-module .map .mbox .tit{
    color: #333;
    line-height: 1;
    font-size: 0.24rem;
    margin-bottom: 5px;
  }
  .base .map-module .map .mbox .tel{
    font-size: 0.24rem;
    color: #666;
    line-height: 1.4;
  }
  .base .map-module .map .mbox .tel span{color: #419bc5}
  .base .list-module{
    border-top:1px solid #DDDDDD;
    margin-top: 0.2rem;
    padding-bottom: 0.25rem;
  }
  .base .list-module li{
    padding: 0 0.3rem 0;
  }
  .base .list-module li a{
    padding: 0.3rem 0 0.25rem;
    border-bottom:1px solid #DDDDDD;
  }
  .base .list-module li:last-child a{
    border-bottom:0;
  }
  .base .list-module li .pic{
    width: 1.92rem;
    height:1.2rem;
    /*border-radius: 100%;*/
    overflow: hidden;
    float: left;
  }
  .base .list-module li .box{
    width: calc(100% - 2.2rem);
    float: right;
  }
  .base .list-module li .box .tit{
    font-size: 0.26rem;
    color: #666;
    line-height: 1;
    padding: 0.1rem 0;
  }
  .base .list-module li .box .time{display: none;}
  .base .list-module li .box .detaile{
    font-size: 0.24rem;
    color: #888;
    line-height: 1.4;
    max-height: 0.68rem;
    overflow: hidden;
  }
  .base .list-module li .box .link{
    font-size: 0.24rem;
    color: #419bc5;
    line-height: 1;
    padding-right: 0.37rem;
    font-family: arial;
    text-align: right;
    background: url(../img/img47.png) right center no-repeat;
    margin-top: 5px;
  }
  .base .bot-module{
    border-top: 0.2rem solid #f2f2f2;
    padding: 0 0.3rem;
  }
  .base .bot-module .title{
    line-height: 1;
    padding: 0.35rem 0 0.3rem;
    border-bottom: 1px solid #ccc;
    font-size: 0.28rem;
    color: #333;
  }
  .base .bot-module .en{display: none}
  .base .bot-module .detaile{
    font-size: 0.24rem;
    color: #666;
    line-height: 1.6;
    padding: 0.3rem 0
  }
  .base .bot-module .list li{
    width: 3.4rem;
    height: 4.5rem;
    float: left;
    padding: 0.1rem;
    box-sizing:border-box;
    border:1px solid #f2f2f2;
    margin:0 calc(100% - 6.8rem) 0.15rem 0
  }
  .base .bot-module .list li:nth-child(even){margin-right: 0}
  .base .bot-module .list li div{
    width: 100%;
    height: 100%;
  }
  .distribution{
    padding: 1rem 0 0.8rem;
  }
  .distribution .module-top .title,
  .distribution .module-top .en{
    display: none;
  }
  .distribution .module-top .tits{
    height: 1rem;
    line-height: 1rem;
    font-size: 0.28rem;
    text-align: center;
    border-bottom: 0.2rem solid #f2f2f2
  }
  .distribution .module-top .tits a{
    display: inline-block;
    color: #777;
    margin:0 0.3rem;
    cursor: pointer;
    position: relative;
  }
  .distribution .module-top .tits a.on{
    color: #459DC3;
  }
  .distribution .module-top .tits a:before{
    width: 0.4rem;
    height: 0.03rem;
    position: absolute;
    left: calc(50% - 0.2rem);
    bottom: 0;
    content: '';
    background-color:transparent;
  }
  .distribution .module-top .tits a.on:before{
    background-color:#459DC3
  }
  .distribution .module-top .mian .left{
    padding: 0.5rem 0.3rem;
  }
  .distribution .module-top .mian .right{display: none;}
  .distribution .module-top .mian .tit{
    font-size: 0.28rem;
    line-height: 1;
    color: #333;
    margin-bottom: 0.45rem;
  }
  .distribution .module-top .select select{
    display: block;
    width: 48%;
    margin-right: 4%;
    height: 0.7rem;
    line-height: 0.7rem;
    border-radius: 4px;
    font-size: 0.26rem;
    color: #666;
    box-sizing:border-box;
    padding: 0 0.15rem;
    float: left;
  }
  .distribution .module-top .select select.city{margin-right: 0}
  .distribution .module-top .select .base-box{
    display: none;
  }
  .distribution .module-top .list li{
    float: left;
    width: 100%;
    margin-top: 0.4rem;
  }
  
  .distribution .module-top .list .li{
    width: 50%;
  }
  .distribution .module-top .list .name{
    font-size: 0.24rem;
    color: #999;
    line-height: 1;
    margin-bottom: 0.15rem;
  }
  .distribution .module-top .list .text{
    font-size: 0.24rem;
    color: #666;
    line-height: 1.5;
    font-weight: bold;
  }
  .distribution .module-bot{
    padding: 0 0.3rem;
    border-top: 0.2rem solid #f2f2f2
  }
  .distribution .module-bot .title{
    font-size: 0.28rem;
    color: #333;
    line-height: 1;
    padding: 0.3rem 0 0.05rem;
  }
  
  .distribution .module-bot .en{display: none;}
  .distribution .module-bot .list li{
    padding: 0.25rem 0;
    border-bottom: 1px solid #DDD
  }
  .distribution .module-bot .list li:last-child{
    border-bottom: 0
  }
  .distribution .module-bot .list li a{
    cursor: default;
  }
  .distribution .module-bot .list .pic{
    width: 100%;
    float: left;
  }
  .distribution .module-bot .list .box{
    width: 100%;
    float: right;
    font-size: 0.24rem;
    color: #888;
    line-height: 1.5;
    /*max-height: 1.45rem;*/
    overflow: hidden;
    margin-top: 0.15rem;
  }
  .distribution .module-top .right .max-box{
    display: none;
  }

}

@media (min-width:768px){
  .ban{
    margin-top: 80px;
  }
  .about,
  .honor{
    border-bottom: 15px solid #f2f2f2;
  }
  .about .title,
  .honor .title,
  .speech .title{
    font-size: 20px;
    padding: 35px 0 25px;
  }
  .about .video-box {
    margin: 20px 0;
  }
  .about .video-box .icon{
    width: 60px;
    left: calc(50% - 30px);
    top: calc(50% - 30px);
  }
  .about .left .detaile,
  .speech .left .detaile {
    font-size: 14px;
  }
  .honor .swiper-slide{
    width: 215px;
    height: 280px;
    padding: 8px;
  }
  .speech .detaile{margin: 20px 0;}
  .video-boxs .icon{width: 37px;}
  .video-boxs video{
    width: 900px;
    max-width: 92%;
  }
  .history .triangle{
    width: 21px;
  }
  .history ul {
    margin-left: 10px;
    padding-bottom: 60px;
  }
  .history ul li {
    padding: 20px 0 0 35px;
  }
  .history ul li .title:before {
    width: 16px;
    height: 16px;
    left: -43px;
    top: calc(50% - 9px);
  }
  .history ul li .title {
    font-size: 32px;
  }
  .history ul li .detaile {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .history ul li .pic img {
    width: 170px;
    margin: 0 10px 10px 0;
  }
  .baseinfo .mian{
    padding: 80px 4%;
  }
  .baseinfo .titles {
    padding: 30px 0 25px;
    font-size: 26px;
  }
  .baseinfo .pic {
    margin: 20px 0;
  }
  .baseinfo .box .detaile {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .baseinfo .box .add {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .baseinfo .box .imgs img {
    width: 130px;
    margin-right: 15px;
  }
  .news{padding: 0 0.3rem 0.5rem;}
  .news li .title {
    font-size: 18px;
    /*padding-top:20px;*/
  }
  .news li .times{
    font-size: 14px;
  }
  .news li .detaile {
    font-size: 14px;
    max-height: 42px;
    margin: 10px 0 15px;
  }
  .news li .tt {
    font-size: 14px;
  }
  .resources .module .detaile {
    font-size: 14px;
    border-bottom: 15px solid #f2f2f2;
  }
  .resources ul{
    padding: 0.3rem 0.3rem 5px;
  }
  .resources ul .box .title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .resources ul .box .detaile {
    font-size: 14px;
    line-height: 1.8;
  }
  .resources ul .box {
    padding: 30px 0 25px;
  }
  .resources .list ol li {
    padding: 23px 0;
  }
  .resources .list ol li.on .model {
    padding-bottom: 20px;
  }
  .resources .list ol li .model,
  .resources .list ol li .model .tit{
    font-size: 14px;
  }
  .resources .list ol li .child {
    font-size: 14px;
    padding: 20px 0 0;
  }
  .resources .list ol li .btn {
    width: 233px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    margin-top: 30px;
  }
  .resources .list .title{
    font-size: 20px;
    padding: 10px 4% 20px;
  }
  .resourcesinfo {
    padding: 80px 0.3rem;
  }
  .resourcesinfo .mian .title {
    font-size: 16px;
    height: 70px;
    line-height: 85px;
    margin-bottom: 30px;
  }
  .resourcesinfo .list .tt, 
  .resourcesinfo .list .mbox .tt {
    margin-bottom: 15px;
    font-size: 14px;
  }
  .resourcesinfo .list .mbox .radio {
    padding-left: 25px;
    line-height: 18px;
    font-size: 14px;
    margin: 0px 25px 0 0;
    background: url(../img/img32.png) left center/18px no-repeat;
  }
  .resourcesinfo .list .mbox .radio.on{
    background: url(../img/img33.png) left center/18px no-repeat;
  }
  .resourcesinfo .list .inp {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 4px;
  }
  .culture .tits,
  .clean .tits{
    height: 70px;
    line-height: 70px;
  }
  .culture .tits a,
  .clean .tits a{
    font-size: 16px;
    margin: 0 30px;
  }
  .culture .mian .right .title {
    font-size: 26px;
    font-weight: inherit; 
    width: 92%;
    margin: 0 auto;
    padding: 30px 0rem 20px;
  }
  .culture .mian .right .detaile {
      font-size: 14px;
      line-height: 1.6;
      padding-bottom: 40px;
  }
  .culture .mian .right .detaile h3 {
    font-size: 16px;
    margin: 25px 0 20px;
  }
  .clean .module {
    border-top: 15px solid #f2f2f2;
    font-size: 14px;
  }
  .culture .mian .right li, .clean .list li,
  .culture .mian-list{
    border-top: 15px solid #f2f2f2;
  }
  .clean .list .title {
    font-size: 26px;
    padding: 30px 0.3rem 20px;
    width: 92%;
    margin: 0 auto;
  }
  .clean .list .pic {
    padding: 25px .3rem;
  }
  .clean .list .box .detaile {
    font-size: 14px;
  }
  .culture .mian-list li {
    border-top: 15px solid #f2f2f2;
    padding-bottom:30px;
  }
  .culture .mian-list .title {
    font-size: 26px;
    padding: 30px 0rem 20px;
  }
  .culture .mian-list .detaile {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .culture .mian-list .bot .time {
    font-size: 14px;
    line-height: 16px;
    padding-left: 25px;
    background: url(../img/img40.png) left center/16px no-repeat;
  }
  .culture .mian-list .bot .btn {
    font-size: 13px;
    line-height: 16px;
    padding-right: 15px;
  }
  .carrier {
    padding: 30px 0;
    border-top: 15px solid #f2f2f2;
    margin-top: 20px;
  }
  .carrier .imgs{
    padding-bottom: 30px;
    padding: 0 4%;
  }
  .carrier .imgs .img{
    width: 30%;
    float: left;
    margin-right: 3.3%;
  }
  .carrier .list .title {
    border-top: 15px solid #f2f2f2;
    padding: 30px 0.3rem 20px;
    font-size: 18px;
  }
  .carrier .list li .year {
    font-size: 18px;
    margin: 25px 0;
  }
  .carrier .list .li {
    font-size: 14px;
  }
  .carrier .list .li li {
    width: 50%;
    padding-right: 20px;
    margin-bottom: 13px;
  }
  .contacts {
    padding: 40px 4% 60px;
  }
  .contacts .left .title{
    font-size: 26px;
    margin-bottom: 30px;
  }
  .contacts .left .detaile{
    font-size: 14px;
  }
  .contacts .left .detaile p {
    margin-bottom: 10px;
  }
  .contacts .right{
    height: auto;
    margin-top: 40px;
  }
  .contacts .BMap_bubble_title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .contacts .BMap_bubble_content {
    font-size: 14px;
  }
  .base {
    padding:80px 0 50px;
  }
  .base .map-module .title {
    font-size: 26px;
    color: #3a4b5f;
    padding: 30px 0 15px;
  }
  .base .map-module .detaile {
    font-size: 14px;
  }
  .base .map-module .map{
    width: 650px;
    margin: 30px auto 40px;
  }
  .base .map-module .map .mbox {
    width: 220px;
    padding: 15px;
  }
  .base .map-module .map .mbox .tit {
    font-size: 14px;
  }
  .base .map-module .map .mbox .tel {
    font-size: 14px;
  }
  .base .map-module .map .mbox i {
    width: 10px;
    height: 10px;
    right: 10px;
    top: 10px;
  }
  .base .list-module li a {
    padding: 25px 0 20px;
  }
  .base .list-module li .pic {
    width: 160px;
    height: 100px;
  }
  .base .list-module li .box {
    width: calc(100% - 185px);
  }
  .base .list-module li .box .tit {
    font-size: 18px;
    padding: 10px 0;
  }
  .base .list-module li .box .detaile {
    font-size: 14px;
    max-height: 40px;
    margin-bottom: 15px;
  }
  .base .list-module li .box .link {
    font-size: 14px;
    padding-right: 20px;
  }
  .base .bot-module .title {
    padding: 30px 0 25px;
    font-size: 26px;
  }
  .base .bot-module .detaile {
    font-size: 14px;
    padding: 20px 0;
  }
  .base .bot-module .list ul{
    text-align: center;
  }
  .base .bot-module .list li {
    width: 23%;
    height: 27vw;
    padding: 10px;
    margin: 0 2.5% 10px 0;
    display: inline-block;
    float: none;
  }

  .base .bot-module .list li:nth-child(even) {
    margin-right:2.5%;
  }
  .base .bot-module .list li:nth-child(4n) {
    margin-right:0% !important;
  }
  .distribution {
    padding: 80px 0 60px;
  }
  .distribution .module-top .tits {
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    border-bottom: 15px solid #f2f2f2;
  }
  .distribution .module-top .mian .tit {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .distribution .module-top .select select {
    width: 200px;
    margin-right: 20px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    padding: 0 12px;
  }
  .distribution .module-top .list li {
    margin-top: 25px;
  }
  .distribution .module-top .list .li {
    width: 220px;
  }
  .distribution .module-top .list .name {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .distribution .module-top .list .text {
    font-size: 14px;
  }
  .distribution .module-bot .title {
    font-size: 18px;
    padding: 25px 0 5px;
  }
  .distribution .module-bot .list li {
    padding: 20px 0;
  }
  .distribution .module-bot .list .pic {
    width: 220px;
  }
  .distribution .module-bot .list .box {
    width: 60%;
    font-size: 14px;
    /*max-height: none;*/
    margin-top: 5px;
  }
  .culture .mian-list .down {
    /*width: 90px;*/
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    background: url(../img/img10.1.png) left top/23px no-repeat;
    margin-bottom: 40px;
  }
  .news li .mobile-time{
    font-size: 16px;
  }
  .resources .res-title{
    font-size: 20px;
    margin-bottom: 20px;
  }
  .resources ul{
    border-bottom: 15px solid #e9e9e9;
  }
}
@media (min-width:992px){
  .resources ul{
    border-bottom:0;
  }
  .ban{margin-top: 80px}
  .ban .pc{display: block;}
  .ban .model,.about .title,
  .news li .mobile-time,
  .resources .res-title{display: none;}
  .ban .icon {
    width: 35px;
    left: calc(50% - (35px / 2 ));
    bottom: 3.85vw;
  }
  .about{
    padding: 0;
    background-color: #f3f3f3;
    border-bottom: 0
  }
  .about .mian{
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
    padding: 6.2vw 0;
  }
  .about .left{
    width: 35.5%;
    float: left;
    padding-top: 20px;
  }
  .about .left .tit{
    font-size: 26px;
    line-height: 1;
    color: #000;
    display: block;
  }
  .about .left .en,
  .honor .en,
  .speech .en{
    font-size: 24px;
    color: #b4b4b4;
    line-height: 1;
    display: block;
    font-family: arial;
    margin: 1.2vw 0 2.4vw;
  }
  .about .left .detaile,
  .speech .left .detaile{line-height: 2.2vw;}
  .about .left .detaile{
    height: 26vw
  }
  .speech .left .detaile{
    height: 25vw
  }
  .about .video-box{
    float: right;
    width: 60.5%;
    max-width: 725px;
    margin: 0
  }
  .honor{
    border-bottom: 0;
    padding: 5vw 0 9.25vw;
    background: url(../img/img11.jpg) center bottom/contain no-repeat;
  }
  .honor .title{
    padding: 0;
    font-size: 26px;
    color: #000033;
    text-align: center;
    line-height: 1;
    border-bottom: 0;
  }
  .honor .en{
    text-align: center;
    margin: 1.2vw 0 3.8vw;
  }
  .honor .mian{
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
  }
  .honor .list{
     margin: 0; 
  }
  .honor .list .swiper-container{
    padding: 0
  }
  .honor .swiper-slide{
    height: 21vw;
  }
  .honor .next,
  .honor .prev{
    display: block;
    width: 30px;
    cursor: pointer;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    z-index: 20;
    -webkit-transition: all 0.4s;
              transition: all 0.4s;
  }
  .honor .next{
    right: -30px;
    background: url(../img/img19.png) center no-repeat;
  } 
  .honor .prev{
    left: -30px;
    background: url(../img/img20.png) center no-repeat;
  }
  .speech{
    background-color: #f3f3f3;
    padding: 6.2vw 0 6.9vw;
  }
  .speech .mian{
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
  }
  .speech .mian .right{
    width: 53.5%;
    float: left;
    max-width: 640px;
  }
  .speech .mian .left{
    width: 42.5%;
    float: right;
    padding-top: 5px;
  }
  .speech .title{
    font-size: 26px;
    color: #000;
    line-height: 1;
    padding: 0;
    border-bottom: 0
  }
  .speech .left .detaile{
    margin: 0
  }
  .history {
    padding: 16.15vw 0 80px;
    background-color: #f3f3f3
  }
  .history .mian{
    width: 1200px;
    max-width: 92%;
    margin:0 auto;
  }
  .history .mian .triangle{
    margin: 0 auto;
  }
  .history ul {
    margin-left: 0px;
    padding:55px 0 100px;
    border-left: 0;
    background: url(../img/img36.png) center top repeat-y;
  }
  .history .list li{padding: 0;}
  .history .list li .box{
    width: 50%;
    text-align: right;
    padding-right: 70px;
    box-sizing:border-box;
  }
  .history .list li:nth-child(even) .box{
    float: right;
    text-align: left;
    padding: 0 0 0 70px;
    margin-top: 0px;
  }
  .history .list li .box .mbox{
    padding: 25px 40px 25px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.05)
  }
  .history ul li .title {
    font-size: 36px;
  }
  .history ul li .title:before{
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #fff;
    left: calc(100% + 40px);
    top: 0;
    background-color: transparent;
    border-radius: 0
  }
  .history ul li .title:after{
    width: 21px;
    height: 21px;
    left: auto;
    right: -120px;
    top: calc(50% - 10px);
    background:transparent url(../img/img35.png) center no-repeat;
  }
  .history ul li:nth-child(even) .title:before{
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #fff;
    border-left: 0;
    left: -56px;
  }
  .history ul li:nth-child(even) .title:after{
    right: auto;
    left: -120px;
  }
  .history ul li .pic img{
    width: 38.5%;
    max-width: 170px;
    margin: 0 0 10px 10px;
  }
  .history ul li:nth-child(even) .pic img{
    margin: 0 10px 10px 0;
  }
  .baseinfo{
    background-color: #f3f3f3
  }
  .baseinfo .mian{
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
    padding: 16.15vw 0 85px;
  }
  .baseinfo .titles{display: none;}
  .baseinfo .pic{
    width: 53.5%;
    max-width: 640px;
    margin:0;
    float: left;
  }
  .baseinfo .box{
    width: 42.5%;
    float: right;
  }
  .baseinfo .box .title{
    display: block;
    font-size: 26px;
    color: #000;
    line-height: 1;
    padding: 10px 0 15px;
  }
  .baseinfo .box .detaile{margin-bottom: 10px;}
  .baseinfo .box .en{
    font-size: 24px;
    color: #cecece;
    line-height: 1;
    margin: 1.2vw 0 2.4vw;
    display: block;
  }
  .baseinfo .box .add span{
    display: inline-block;
    margin-right: 8px;
  }
  .baseinfo .box .imgs img{
    width: 30%;
    margin-right:3.3%;
    max-width: 130px;
  }
  .news{
    padding: 5vw 0 80px;
  }
  .news a{
    width: 1500px;
    max-width: 92%;
    margin: 0 auto;
    padding: 4.55vw 0;
  }
  .news li:nth-child(odd) a{background-color: #f5f5f5}
  .news .mian{
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
  }
  .news .mian .pic{
    width: 240px;
  }
  .news .mian .time{
    display: block;
    float: left;
    width: 135px;
    padding-left: 30px;
    box-sizing:border-box;
    height: 100px;
    border-right: 1px solid #e2e2e2;
    margin-top: 20px;
  }
  .news .mian .time .day{
    font-size: 48px;
    color: #999;
    line-height: 1;
    font-family: arial;
    font-weight: bold;
  }
  .news .mian .time .weeks,
  .news .mian .time .year{
    font-size: 16px;
    font-family: arial;
    color: #999;
    line-height: 1
  }
  .news .mian .time .weeks{
    margin: 5px 0 10px;
  }
  .news li{
    padding:0;
    border:0;
  }
  .news li .box{
    width:calc(100% - 410px);
    float: right;
  }
  .news li .title{padding-top: 21px;}
  .news li .detaile {
    max-height: 42px;
  }
  .news li .tt{
    display: none;
  }
  .news li .times{display: none;}
  .news li .more{
    text-align: right;
    font-size: 14px;
    color: #379ac4;
    display: block;
    line-height: 1
  }
  .news li .more span{
    padding-right: 23px;
    background: url(../img/img37.png) right center no-repeat;
  }
  .resources{
    background-color: #f3f3f3;
    padding-bottom: 5.25vw;
  }
  .resources .module{
    padding: 4.6vw 0 3.85vw;
  }
  .resources .module .title{
    display: block;
    font-size: 26px;
    color: #000;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px;
  }
  .resources .module .en{
    display: block;
    font-size: 24px;
    color: #d6d6d6;
    line-height: 1;
    text-align: center;
    margin: 0.8vw 0 3.05vw;
  }
  .resources .module .detaile{
    font-size: 14px;
    color: #999999;
    line-height: 1.8;
    border-bottom: 0;
    padding: 0;
    width: 715px;
    max-width: 92%;
    margin: 0 auto;
    text-align: center;
  }
  .resources ul {
    padding: 0;
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
  }
  .resources ul li .pic{
    width: 50%;
    float: right;
  }
  .resources ul li .box{
    width: 43.5%;
    max-width: 520px;
    padding: 0;
    position: absolute;
    left: 0;
    height: 100%;
  }
  .resources ul li:nth-child(even) .pic{
    float: left;
  }
  .resources ul li:nth-child(even) .box{
    right: 0;
    left: auto;
  }
  .resources ul li .box .mbox{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  .resources ul .box .title{
    /*color: #499cc6;*/
    margin-bottom: 2.7vw;
  }
  .resources ul .box .detaile{color: #666}
  .resources .list{
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
  }
  .resources .list .top{
    display: block;
    margin-top: 8.1vw;
    height: 66px;
    line-height: 66px;
    background-color: #499cc6;
    padding: 0 50px;
    box-sizing:border-box;
  }
  .resources .list .top span{
    float: left;
    color: #ffffff;
    font-size: 16px;
  }
  .resources .list ol li{
    padding: 0;
    border:0;
  }
  .resources .list ol li .model{
    display: none;
  }
  .resources .list ol li .tits{
    display: block;
    padding: 25px 50px 25px;
    line-height: 1;
    border-bottom: 1px solid #dadada;
    font-size: 14px;
    /*background-color: ;*/
    cursor: pointer;
    background:#f3f3f3 url(../img/jiahao.png) 96% center no-repeat;
  }
  .resources .list ol li.on .tits{
    background:#fff url(../img/jiahao11.png) 96% center no-repeat;
    border-bottom: 1px solid #eceaea;
  }
  .resources .list ol li .tits span{
    float: left;
    color: #333;
    box-sizing:border-box;
  }
  .resources .list ol li .child{
    padding: 35px 50px 40px;
    color: #999
  }
  .resources .list ol li.on .child{
    background-color:#f7f7f7
  }
  .resources .list ol li .child .tit{
    color: #999;
    margin-bottom: 5px;
  }
  .resources .pictures{
    display: block;
    margin-top: 5.75vw;
  }
  .resources .pictures .swiper-slide {
    width: 27.5vw;
  }
  .resources .swiper-button-next,
  .resources .swiper-button-prev{
    width: 45px;
    height: 45px;
    border-radius: 50%;
  }
  .resources .swiper-button-next{
    right: 5%;
    background:#fff url(../img/img38.png) center no-repeat;
  }
  .resources .swiper-button-prev{
    left: 5%;
    background:#fff url(../img/img39.png) center no-repeat;
  }
  .resources .list .title{
    display: none;
  }
  .resourcesinfo{
    background-color: #f3f3f3;
    padding: 130px 0 60px;
  }
  .resourcesinfo .warp{
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
  }
  .resourcesinfo .bread{
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 1;
    margin-bottom: 30px;
  }
  .resourcesinfo .bread a,.culture .bread a,.clean .bread a{color: #666}
  .resourcesinfo .bread a.c-000,.culture .bread a.c-000,.clean .bread a.c-000{color: #000}
  .resourcesinfo .bread span,.culture .bread span,.clean .bread span{margin: 0 6px;}
  .resourcesinfo .mian{
    background-color: #fff;
  }
  .resourcesinfo .mian .title{
    padding: 0 30px;
    height: 63px;
    line-height: 63px;
  }
  .resourcesinfo .mian .list{
    padding: 0 30px 95px;
  }
  .resourcesinfo .list .box,
  .resourcesinfo .list .box.even{
    width: 27%;
    max-width: 290px;
    height: 69px;
    margin-right: 5.5%;
    float: left;
  }
  .resourcesinfo .list .box.radios{
    margin-right: 30%;
  }
/*  .resourcesinfo .list .mbox{
    width: 125px;
  }*/
  .resourcesinfo .list .box.even:nth-child(odd) {
    margin-right: 5.5%;
  }
  .resourcesinfo .list .mbox.sex{
    margin-right: 0;
    float: left;
  }
  .resourcesinfo .list .mbox.marriage{
    float: right;
  }
  .resourcesinfo .list .mbox .radio {
    padding-left: 25px;
    line-height: 18px;
    font-size: 14px;
    margin: 11px 15px 0 0;
    background: url(../img/img32.png) left center/18px no-repeat;
  }
  .resourcesinfo .list .box.text{
    width: 100%;
    margin-right: 0;
    max-width: 100%;
    height: auto
  }
  .resourcesinfo .list .btns .setmit{
    background-color: #e5e5e5
  }

  .culture{
    background-color: #f3f3f3;
    padding-bottom: 55px;
  }
  .culture.bt{
    padding-bottom: 0
  }
  .culture.on{background-color: #fff;}
  .culture .warp,
  .clean .warp{
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
  }
  .culture .warp.on{
    background-color: #fff;
    padding: 40px 0 60px
  }
  .culture .bread,
  .clean .bread{
    display: block;
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1;
    padding: 50px 0 20px;
  }
  .culture .tits,
  .clean .tits{
    height: auto;
    line-height: 1;
    text-align: left;
    margin-bottom: 45px;
  }
  .culture .tits a,
  .clean .tits a{
    margin: 0 100px 0 0;
    color: #999;
    -webkit-transition: all 0.3s;
            transition: all 0.3s;
  }
  .culture .tits a:before,
  .clean .tits a:before{
    bottom: -15px;
    width: 35px;
    height: 3px;
    left: calc(50% - 17px);
  }
  .culture .tits a.on,
  .culture .tits a:hover,
  .clean .tits a.on,
  .clean .tits a:hover{
    color: #000;
  }
  .culture .mian .left{
    width: 165px;
    float: left;
    display: block;
    position: relative;
    height: 605px;
    border:3px solid #499cc6;
    padding: 29px 0;
    box-sizing:border-box;
    text-align: right;
  }
  .culture .mian .left li{
    height: 180px;
    width: 100%;
    position: relative;
    background-color: #f3f3f3;
    padding-top: 20px;
    box-sizing:border-box;
    left: 0;
  }
  .culture .mian .left li .box{
    width: 140px;
    height: 140px;
    border-right: 4px solid transparent;
    background-color: transparent;
    box-sizing:border-box;
    padding: 29px 41px 60px 0;
    margin-left: 20px;
    cursor: pointer;
  }
  .culture .mian .left li .box .math{
    font-size: 24px;
    color: #000;
    line-height: 1;
    font-family: arial;
    margin-bottom: 14px;
  }
  .culture .mian .left li .box .tit{
    font-size: 16px;
    color: #000;
    line-height: 1;
    position: relative;
  }
  .culture .mian .left li .box .tit:before{
    content: '';
    position: absolute;
    right: 0;
    bottom: -30px;
    width: 30px;
    height: 3px;
    background-color:#000;
  }
  .culture .mian .left li.on{
    left: 48px;
  }
  .culture .mian .left li.on .box{
    background-color:#499cc6; 
    border-right: 4px solid #c6c6c6;
  }
  .culture .mian .left li.on .box .tit,
  .culture .mian .left li.on .box .math{
    color: #fff
  }
  .culture .mian .left li.on .box .tit:before{
    background-color: #fff;
  }
  .culture .mian .right{
    width: 71%;
    float: right;
  }
  .culture .mian .right li {
    border-top: 0;
    padding-top: 35px;
    display: none;
  }
  .culture .mian .right .title {
    padding: 0;
    border-bottom: 0;
    width: 100%;
  }
  .culture .mian .right .en{
    display: block;
    font-size: 24px;
    color: #b4b4b4;
    font-family: arial;
    line-height: 1;
    padding: 10px 0 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cddff3
  }
  .culture .mian .right .detaile{
    padding: 0;
    font-size: 13px;
    color: #444;
  }
  .culture .mian .right .detaile h3 {
    margin: 25px 0 7px;
  }
  .clean .module{
    padding: 0;
    border: 0;
    margin: 65px 0 8.5vw;
  }
  .clean .module:before{
    display: block;
    width: 15px;
    height: 86%;
    background-color: #f0f0f0;
    top: 35px;
    content: '';
    position: absolute;
    right: 0;
  }
  .clean .module i{
    display: block;
    width: 38.3%;
    height: 15px;
    background-color: #f0f0f0;
    position: absolute;
    right: 0;
    top: calc(86% + 25px);
  }
  .clean .module .pic{
    width: 61.7%;
    max-width: 740px;
    float: left;
    display: block;
  }
  .clean .module .box{
    position: absolute;
    right: 15px;
    width: 44.1%;
    background-color: #fff;
    z-index: 2;
    top: 20px;
    padding: 0 40px;
    box-sizing:border-box;
    height: 86%;
    line-height: 2.2vw;
  }
  .clean .module .box .mbox{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  .clean .list li{
    margin-bottom:50px;
    border-top: 0;
    position: relative;
  }
  .clean .list .title{display: none;}
  .clean .list .pic{
    padding: 0;
    width: 32.5%;
    float: left;
  }
  .clean .list .box{
    padding: 0;
    width: 62%;
    float: right;
    position: relative;
  }
  .clean .list li:nth-child(even) .pic{
    float: right;
  }
  .clean .list li:nth-child(even) .box{
    float: left;
  }
  .clean .list li:nth-child(even) .box .tit,
  .clean .list li:nth-child(even) .box .en{
    text-align: right;
  }
  .clean .list .box .tit{
    display: block;
    font-size: 26px;
    color: #000;
    line-height:1;
    margin-bottom: 20px;
  }
  .clean .list .box .en{
    font-size: 24px;
    display: block;
    color: #b4b4b4;
    line-height: 1;
    font-family: arial;
    margin: 12px 0 25px;
  }
  .clean .list .box .detaile,
  .culture .mian-list .detaile{
    line-height: 2;
  }
  .culture .mian-list{
    padding-bottom: 0;
    margin-top: 50px;
    border-top: 0
  }
  .culture .mian-list .down{margin-bottom: 0}
  .culture .warp.on .mian-list{margin-top: 0}
  .culture .mian-list li{
    border:0;
    padding-bottom: 0px;
    margin-bottom: 120px;
  }
  .culture .warp.on .mian-list li{margin-bottom: 0}
  .culture .mian-list .pic{
    padding: 0;
    width: 52.5%;
    float: left;
    margin-left: 3%;
  }
  .culture .mian-list .pic .img{
    width: 48.5%;
    height:33.54vw;
  }
  .culture .mian-list .title{display: none;}
  .culture .mian-list .box{
    width: 36.66%;
    padding: 0;
    position: absolute;
    right: 3%;
    top: 0;
    height: 100%;
  }
  .culture .mian-list .tit{
    display: block;
    font-size: 26px;
    color: #000;
    line-height: 1;
    padding-top: 10px;
    margin-bottom: 20px;
  }
  .culture .mian-list .en{
    font-size: 24px;
    color: #cecece;
    line-height: 1;
    font-family: arial;
    display: block;
    text-transform: uppercase;
    margin: 12px 0 20px;
  }
  .culture .mian-list .bot{
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
  } 
  .culture .mian-list .detaile{
    /*max-height: 195px;*/
    max-height: 20vw;
    overflow: hidden;
    margin-bottom: 1
  }
  .carrier {
    padding: 0 0 60px;
    border-top: 0;
    margin-top: 0;
    background-color: #f3f3f3;
  }
  .carrier .w-1200{
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
    padding-top: 60px;
  }
  .carrier .imgs {
    padding: 0 40px 65px;
  }
  .carrier .imgs .img{
    width: 32%;
    max-width: 350px;
    margin:0 2% 0 0;
  }
  .carrier .imgs .img:last-child{margin-right: 0}
  .carrier .list .title {
    border-top: 0;
    padding: 0px 40px 35px 55px;
    position: relative;
    font-size: 18px;
    border-bottom:0;
  }
  .carrier .list .title:before{
    display: block;
    width: 2px;
    height: 18px;
    content: '';
    background-color: #459dc3;
    position: absolute;
    left: 40px;
    top: 0;
  }
  .carrier .list ul{padding: 0 40px 60px;}
  .carrier .list .li{
    width: 30%;
    float: left;
    padding: 0;
    margin-right: 5%;
  }
  .carrier .list .li:last-child{margin-right: 0}
  .carrier .list li .year{
    margin: 0 0 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
  }
  .contacts{
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
    padding: 0 0 80px;
  }
  .contacts .bread{
    display: block;
    width: 100%;
    float: left;
    padding: 3.85vw 0;
    font-size: 14px;
    line-height: 1
  }
  .contacts .bread span{margin: 0 6px;}
  .contacts .left{
    width: 31%;
    float: left;
  }
  .contacts .left .title{
    padding: 20px 0 40px;
    margin-bottom: 0
  }
  .contacts .right{
    width: 63.33%;
    float: right;
    margin-top: 0
  }
  .contacts .right #allmap{
    height: 35.4vw;
  }
  .base{
    padding: 150px 0 100px;
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
  }
  .base .map-module,
  .base .list-module,
  .base .bot-module{
    padding: 0;
    border:0;
  }
  .base .list-module li .pic {
    width: 160px;
    height: 100px;
  }
  .base .map-module .title {
    text-align: center;
    padding: 0;
    margin-bottom: 20px;
  }
  .base .map-module .en{
    display: block;
    text-align: center;
    font-size: 24px;
    color: #3a4b5f;
    line-height: 1;
    font-family: arial;
    margin: 12px 0 25px;
  }
  .base .map-module .detaile{
    width: 860px;
    max-width: 92%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.8;
  }
  .base .list-module li{
    /*padding: 30px 40px;*/
    padding: 25px 30px;
    width: 48.75%;
    float: left;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
    box-sizing:border-box;
    margin: 0 2.5% 30px 0;
    border-radius: 5px;
  }
  .base .list-module li:nth-child(even){
    margin-right: 0
  }
  .base .list-module li a{
    padding: 0;
    border-bottom: 0
  }
  .base .list-module li .box .tit {
    padding: 8px 0;
  }
  .base .list-module li .box .time{
    display: block;
    font-size: 14px;
    color: #9ca5af;
    line-height: 1;
    margin-bottom: 5px;
  }
  .base .list-module li .box .detaile{margin-bottom: 10px;}
  .base .bot-module .title {
    padding: 55px 0 12px;
    text-align: center;
    border-bottom: 0;
  }
  .base .bot-module .en{
    display: block;
    text-align: center;
    font-size: 24px;
    color: #999;
    line-height: 1;
  }
  .base .bot-module .list{
    width: 1050px;
    max-width: 100%;
    margin: 0 auto;
  }
  .base .bot-module .detaile{
    width: 785px;
    max-width: 92%;
    margin:0 auto;
    text-align: center;
    padding: 25px 0 45px;
  }
  .base .bot-module .list li {
    padding: 10px;
    margin: 0 1.3% 10px 0;
    width: 24%;
    height: 20vw;
  }
  .base .bot-module .list li:nth-child(even) {
    margin-right: 1.3%;
  }
  .distribution{
    background-color: #f3f3f3;
    padding: 130px 0 60px;
  }
  .distribution .module-top{
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
  }
  .distribution .module-top .tits{
    border-bottom: 1px solid #eeeeee;
    text-align: left;
    height: 67px;
    line-height: 67px;
    background-color: #fafafa
  }
  .distribution .module-top .tits a{
    display: inline-block;
    width: 180px;
    text-align: center;
    font-size: 18px;
    color: #999;
    margin: 0;
  }
  .distribution .module-top .tits a.on:before,
  .distribution .module-top .left .select{
    display: none;
  }
  .distribution .module-top .tits a.on{
    color: #fff;
    background-color: #499cc6;
  }
  .distribution .module-top .max-box{
    min-height: 530px
  }
  .distribution .module-top .mian .left{
    width: 35%;
    float: left;
    position: relative;
    height: 100%;
    min-height:530px;
    box-sizing:border-box;
    padding: 0px 40px 0px 45px;
    background-color: #fff;
    /*display: flex;*/
    /*align-items: center;*/
  }
  .distribution .module-top .left .left-box{
    position: relative;
    padding: 5.45vw 0 20px;
    display: inline-block;
  }
  .distribution .module-top .mian .tit{
    margin-bottom: 45px;
    padding-bottom: 30px;
    position: relative;
  }
  .distribution .module-top .mian .tit:before{
    display: block;
    width: 38px;
    height: 3px;
    background-color: #499cc6;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .distribution .module-top .list li{
    margin:0 0 20px 0;
  }
  .distribution .module-top .list .li{
    width: 100%;
  }
  .distribution .module-top .list .name {
    margin-bottom: 6px;
  }
  


  .distribution .module-top .mian .right{
    display: block;
    width: 65%;
    background-color: #fcfcfc;
    position: absolute;
    right: 0;
    bottom: 0;
    height:100%;
    border-left: 1px solid #fcfcfc;
    box-sizing:border-box;
  }
  .distribution .module-top .mian .right.on{
    background-color: #fff;
  }

  .distribution .module-top .right .box,
  .distribution .module-top .right .max-box{
    position: relative;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .distribution .module-top .right .box{
    display: block !important;
  }
  .distribution .module-top .right .box .img2{
    display: none;
  }
  .distribution .module-top .title{
    display: block;
    text-align: center;
    font-size: 26px;
    color: #333;
    line-height: 1;
    padding: 57px 0 40px
  }
  .distribution .module-top .en{
    display: block;
    text-align: center;
    font-size: 24px;
    color: #c5c5c5;
    line-height: 1;
    margin-bottom: 45px;
    font-family: arial;
  }
  .distribution .module-top .right .box .points,
  .distribution .module-top .right .max-box .points{
    position: absolute;
    width:9px;
    height: 9px;
    cursor: pointer;
    background: url(../img/img48.png) center no-repeat;
  }
  .distribution .module-top .right .box .points.on,
  .distribution .module-top .right .box .points.cur{
    width: 12px;
    height: 12px;
    margin: -1px 0 0 -1px;
    background: url(../img/dian.png) center no-repeat;
  }

  /*.distribution .module-top .right .box{
    display: none !important;
  }*/
  .distribution .module-top .right .box .points.on,
  .distribution .module-top .right .max-box .points.on{
    z-index: 20;
  }
  .distribution .module-top .right .box .points .mbox,
  .distribution .module-top .right .max-box .points .mbox{
    position: absolute;
    min-width: 70px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
    border-radius: 12px;
    font-size: 14px;
    line-height: 1;
    top: 95%;
    display: none;
  }
  .distribution .module-top .right .box .points .mbox .point_span{
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
  }
  .distribution .module-top .right .box .point1{
    left: 67.55%;
    top: 28.75%;
  }
  .distribution .module-top .right .box .point1 .mbox,
  .distribution .module-top .right .box .point2 .mbox,
  .distribution .module-top .right .max-box .points .mbox{
    left: 95%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 20px;
    padding: 10px 10px 10px 15px;
  }
  .distribution .module-top .right .box .point2{
    top: 25.25%;
    left: 13%;
  }
  .distribution .module-top .right .box .point3{
    top: 35.25%;
    left: 32.55%;
  }
  .distribution .module-top .right .box .point3 .mbox,
  .distribution .module-top .right .box .point4 .mbox,
  .distribution .module-top .right .box .point5 .mbox,
  .distribution .module-top .right .box .point6 .mbox,
  .distribution .module-top .right .box .point7 .mbox,
  .distribution .module-top .right .box .point8 .mbox,
  .distribution .module-top .right .box .point9 .mbox,
  .distribution .module-top .right .box .point10 .mbox,
  .distribution .module-top .right .box .point11 .mbox,
  .distribution .module-top .right .box .point12 .mbox,
  .distribution .module-top .right .box .point13 .mbox,
  .distribution .module-top .right .box .point14 .mbox,
  .distribution .module-top .right .box .point15 .mbox,
  .distribution .module-top .right .box .point16 .mbox,
  .distribution .module-top .right .box .point17 .mbox,
  .distribution .module-top .right .box .point18 .mbox,
  .distribution .module-top .right .box .point19 .mbox,
  .distribution .module-top .right .box .point20 .mbox,
  .distribution .module-top .right .box .point21 .mbox,
  .distribution .module-top .right .box .point22 .mbox,
  .distribution .module-top .right .box .point23 .mbox,
  .distribution .module-top .right .box .point24 .mbox,
  .distribution .module-top .right .box .point25 .mbox,
  .distribution .module-top .right .box .point26 .mbox,.distribution .module-top .right .box .point27 .mbox,.distribution .module-top .right .box .point28 .mbox{
    right: 95%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 20px;
    padding: 10px 13px 10px 10px;
  }
  .distribution .module-top .right .box .point3 .mbox{
    width: auto;
  }
  .distribution .module-top .right .box .point4{
    top: 34.75%;
    left: 33.5%;
  }
  .distribution .module-top .right .box .point5{
    top: 30.75%;
    left: 35.25%;
  }
  .distribution .module-top .right .box .point6{
    top: 35.55%;
    left: 34.55%;
  }
  .distribution .module-top .right .box .point7{
    top: 39.95%;
    left: 30.35%;
  }
  .distribution .module-top .right .box .point8{
    top: 37.00%;
    left: 30.95%;
  }
  .distribution .module-top .right .box .point9{
    top: 37.15%;
    left: 38.35%;
  }
  .distribution .module-top .right .box .point10{
    top: 36.35%;
    left: 32.05%;
  }
  .distribution .module-top .right .box .point11{
    top: 37.75%;
    left: 33.15%;
  }
  .distribution .module-top .right .box .point12{
    top: 37.95%;
    left: 33.95%;
  }
  .distribution .module-top .right .box .point13{
    top: 40.75%;
    left: 32.25%;
  }
  .distribution .module-top .right .box .point14{
    top: 38.75%;
    left: 32.15%;
  }
  .distribution .module-top .right .box .point15{
    top: 40.55%;
    left: 33.15%;
  }
  .distribution .module-top .right .box .point16{
    top: 39.5%;
    left: 34.25%;
  }
  .distribution .module-top .right .box .point17{
    top: 38.25%;
    left: 34.55%;
  }
  .distribution .module-top .right .box .point18{
    top:42.25%;
    left: 32.75%;
  }
  .distribution .module-top .right .box .point19{
    top:40.95%;
    left: 34.05%;
  }
  .distribution .module-top .right .box .point20{
/*    top:67.77%;
    left: 55.13%;*/
    top: 40.95%;
    left: 34.35%;
  }
  .distribution .module-top .right .box .point21{
 /*   top:68.51%;
    left: 63.75%;*/
    top: 65.26%;
    left: 68.33%;
  }
  .distribution .module-top .right .box .point22{
/*    top:61.11%;
    left: 69.86%;*/
    top: 61.4%;
    left: 74.86%;
  }
  .distribution .module-top .right .box .point23{
/*    top:59.81%;
    left: 76.94%;*/
    top: 59.12%;
    left: 77.36%;
  }
  .distribution .module-top .right .box .point24{
 /*   top:62.22%;
    left: 79.58%;*/
    top: 61.75%;
    left: 79.72%;

  }
  .distribution .module-top .right .box .point25{
/*    top:65.55%;
    left: 76.38%;*/
    top: 63.15%;
    left: 77.22%;
  }
  .distribution .module-top .right .box .point26{
   /* top:69.62%;
    left: 78.05%;*/
    top: 68.42%;
    left: 79.3%;
  }

  .distribution .module-top .right .box .point27{
      top: 46.15%;
    left: 34.3%;
  }
  .distribution .module-top .right .box .point28{
   top: 41.95%;
    left: 34.5%;
  }
  .distribution .module-top .right .max-box .point1{
    left: 53.88%;
    top: 64.25%;
  }
  .distribution .module-top .right .max-box .point2{
    left:63.19%;
    top: 66.92%;
  }
  .distribution .module-top .right .max-box .point3{
    left:68.75%;
    top: 59.88%;
  }
  .distribution .module-top .right .max-box .point4{
    left:74.86%;
    top: 56.27%;
  }
  .distribution .module-top .right .max-box .point5{
    left:74.86%;
    top: 63.11%;
  }
  .distribution .module-top .right .max-box .point6{
    left:79.72%;
    top: 61.59%;
  }
  .distribution .module-top .right .max-box .point7{
    left:76.11%;
    top: 69.2%;
  }


  .distribution .module-bot{
    padding: 0;
    border-top: 0;
    width: 1200px;
    max-width: 92%;
    margin: 0 auto;
  }
  .distribution .module-bot .title{
    font-size: 26px;
    color: #333;
    text-align: center;
    line-height: 1;
    padding: 85px 0 40px
  }
  .distribution .module-bot .en{
    display: block;
    text-align: center;
    font-size: 24px;
    color: #c5c5c5;
    line-height: 1;
    font-family: arial;
    margin-bottom: 45px;
  }
  .distribution .module-bot .list{
    background-color: #fff;
    padding: 45px 70px 70px
  }
  .distribution .module-bot .list li{
    padding: 0;
    border:0;
    margin-bottom: 20px;
    min-height: 150px;
  }
  .distribution .module-bot .list .pic{
    width: 20.76%;
    max-width: 220px;
  }
  .distribution .module-bot .list .box{
    width: 72%;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    min-height: 150px;
    border-bottom:1px solid #f3f3f3;
    overflow: hidden;
    height: 100%;
    line-height: 1.8;
    /*max-height: none;*/
    padding-bottom: 20px;
    box-sizing:border-box;
  }
  .distribution .module-bot .list .box .detaile{
    overflow: hidden;
    width: 100%;
    /*height: 100px;*/
  }
  .history ul li .title{
    margin-bottom: 5px;
  }
  .history .list li .box .mbox {
    padding: 20px 40px 25px;
  }
  .history ul li .detaile{
    margin-bottom: 0;
    /*height: 50px;*/
    overflow: hidden;
  }
  .resources .list ol li{
    width: 100%;
  }
  .resources .list ol li:first-child{
    border-top: 0;
  }

  .distribution .module-top .right .box .points .mbox .point_tts span{
    margin-right: 5px
  }

}
@media (min-width:1025px){
  .ban{margin-top: 0px}
  .resourcesinfo{
    padding: 180px 0 60px;
  }
  .culture .mian-list .bot .btn:hover{
    color: #499cc6
  }
  .culture .mian-list .bot .btn:hover:before{
    border-left: 4px solid #499cc6
  }
  .base{
    padding: 200px 0 100px;
  }
  .banner_pc .swiper-pagination{
    bottom: 24px;
  }
  .arr-btn{
    width: 35px;
    height: 35px;
    position: absolute;
    left:calc(50% - 18px);
    bottom: 60px;
    cursor: pointer;
    background: url(../img/img13.png) center no-repeat; 
    z-index: 10
  }
}
@media (min-width:1100px){
  /*.distribution .module-bot .list .box .detaile{height: 124px;}*/
}
@media (min-width:1200px){
 /* .distribution .module-top .mian .left{
    width: calc(100% - 720px)
  }
  .distribution .module-top .mian .right{
    width: 720px;
  }*/
  .distribution .module-top .mian .left{
    width: 40%;
  }
  .distribution .module-top .mian .right{
    width: 60%;
  }
  .distribution .module-top .left .left-box {
    padding: 65px 0 20px;
  }
 /* .history .list li:nth-child(even) .box{
    margin-top: -85px;
  }*/
  .distribution .module-top .list li{
    margin:0 0 25px 0;
  }
}
@media (min-width:1210px){
  .distribution .module-top .mian .left{
    min-height: 43.85vw;
  }
}
@media (min-width:1300px){
  .about .mian{
    padding: 80px 0;
  }
  .about .left .en,
  .speech .en,
  .baseinfo .box .en{
    margin: 15px 0 30px;
  }
  .about .left .detaile,
  .speech .left .detaile,
  .resources ul .box .detaile{line-height: 2;}
  .about .left .detaile{
    height: 338px
  }
  .speech .left .detaile{
    height: 325px
  }

  .honor{
    padding: 65px 0 120px;
  }
  .honor .en{margin: 15px 0 50px;}
  .honor .swiper-slide{height: 280px;}
  .honor .next {right: -40px;}
  .honor .prev {left: -40px;}
  .speech{
    padding: 80px 0 90px;
  }
  .ban .icon {bottom:50px;}
  .history {
    padding: 210px 0 80px;
  }
  .baseinfo .mian{
    padding: 210px 0 85px;
  }
  .news{
    padding: 65px 0 80px;
  }
  .news a{padding: 45px 0}
  .news li .detaile{
    max-height: none
  }
  .resourcesinfo {
    padding: 180px 0 60px;
  }
  .resources .module{
    padding: 60px 0 50px;
  }
  .resources .module .en{
    margin: 10px 0 40px;
  }
  .resources ul .box .title{
    margin-bottom: 35px;
  }
  .resources .list .top{
    margin-top: 80px;
  }
  .resources .swiper-button-next{
    right: 50%;
    margin-right: -600px;
  }
  .resources .swiper-button-prev{
    left: 50%;
    margin-left: -600px;
  }
  .culture .mian .left{
    width: 198px;
  }
  .culture .mian .left li .box{
    margin-left: 52px;
  }
  .clean .module{
    margin: 65px 0 110px;
  }
  .clean .list li{
    margin-bottom: 50px;
  }
  .clean .module .box,
  .clean .list .box .detaile,
  .culture .mian-list .detaile{line-height: 2}
  .culture .mian-list li{margin-bottom: 120px;}
  .culture .mian-list .pic .img{
    height:436px;
  }
  .contacts .bread{
    padding: 50px 0;
  }
  .contacts .right #allmap{
    height: 460px;
  }
  .base .bot-module .list li {
    width: 250px;
    height: 260px;
    margin: 0 10px 10px 0;
  }
  .base .bot-module .list li:nth-child(even) {
    margin-right: 10px;
  }
  .base .list-module li{
    padding: 30px 40px;
  }

  .distribution .module-top .max-box,
  .distribution .module-top .mian .left{
    min-height: 570px
  }
}
@media (min-width:1400px){
  .honor .next {right: -65px;}
  .honor .prev {left: -65px;}
}
@media (min-width:1500px){
  .culture .mian-list .detaile{
    max-height:300px;
  }
}
@media (min-width:1920px){
  .resources{
    padding-bottom: 100px;
  }
  .resources .pictures{
    margin-top: 110px;
  }
  .resources .pictures .swiper-slide{
    width: 525px;
  }
}