@media screen and (max-width:768px) {
  .first-screen{
    height: 260px;
  }
  .first-screen .title{
    width: 90% !important;
    left: 5%;
    height: 150px;
    top: 110px;
  }
  .master-list ul li:hover .mc{
    opacity: 0;
  }
  .first-screen .title .banner-title-img-box{
    height: 130px;width:104px;
  }
  .first-screen .title .banner-title-desc-box{
    width: 50%;
    overflow: hidden;
  }
  .first-screen .title .desc-name{
    font-size: 18px;
    margin-top: 10px;
    margin-left: 0px;
  }
  .sub-title{
    width: 100%;
    height: 40px;
  }
  .sub-title ul{
    height: 100%;
    padding: 0px;
  }
  .sub-title ul li br{
    display: block;
  }
  .sub-title ul li{
    font-size: 12px;
  line-height: 15px;
  padding-top: 5px;
  }
  .first-screen .title .desc-detail {
    margin-left: 0px;
    margin-top: 5px;
    font-size: 12px;
    line-height: 21px;
  }
  .sub-title ul.a0 .sub-cursor{
    right: calc(91.33333% - 9.6px);
    right: -webkit-calc(91.33333% - 9.6px);
    right: -moz-calc(91.33333% - 9.6px);
  }
  .sub-title ul.a1 .sub-cursor{
    right: calc(74.77777% - 9.6px);
    right: -webkit-calc(74.77777% - 9.6px);
    right: -moz-calc(74.77777% - 9.6px);
  }
  .sub-title ul.a2 .sub-cursor{
    right: calc(58.11111% - 9.6px);
    right: -webkit-calc(58.11111% - 9.6px);
    right: -moz-calc(58.11111% - 9.6px);
  }
  .sub-title ul.a3 .sub-cursor{
    right: calc(41.55555% - 9.6px);
    right: -webkit-calc(41.55555% - 9.6px);
    right: -moz-calc(41.55555% - 9.6px);
  }
  .sub-title ul.a4 .sub-cursor{
    right: calc(24.99999% - 9.6px);
    right: -webkit-calc(24.99999% - 9.6px);
    right: -moz-calc(24.99999% - 9.6px);
  }
  .sub-title ul.a5 .sub-cursor{
    right: calc(8.333333% - 9.6px);
    right: -webkit-calc(8.333333% - 9.6px);
    right: -moz-calc(8.333333% - 9.6px);
  }
  .sub-title ul .sub-cursor{
    border-width: 10px 8px 8px 8px;
    top: 40px;
  }
  .item-box{
    width: 100%;
    display: block;
  }
  .item-box .item{
    width: 100%;
  }
  .home .ll ul.text li{
    display: block;
    float: none;
  }
  .home .ll ul.text{
    height: auto;
    animation: none;
  }
  .home .ll ul.text li .visible-xs{
    display: block !important;
    height: 20px;
    background: #a94c02;
    color: #fff;
    text-align: center;
    font-size: 13px;
    border-radius: 3px 3px 0 0;
  }
  .home .ll ul.text li .ms{
    float: none;
    width: 100%;
    margin: 0px 0px 10px 0px;
    height: 50px;
  }
  .home .cj ul{
    height: auto;
    padding: 0px 15px 10px 15px;
  }
  .home .cj ul li{
    width: 100%;
    float: none;
    margin: 0px 0px 10px 0px;
  }
  .home .fc ul{
    height: auto;
    padding: 0px 15px 10px 15px;
  }
  .home .fc ul li{
    float: none;
  display: block;
  width: 100%;
  margin: 0px 0px 10px 0px;
  }
  .home .bd ul{
    height: auto;
  }
  .home .bd ul li{
    height: 80px;
  }
  .home .bd ul li .xh{
    height: 80px;
  line-height: 80px;
  }
  .home .ll {
    width: 100%;
  }
  .home .bd ul li .ms{
    width: calc(100% - 35px);
    width: -webkit-calc(100% - 35px);
    width: -moz-calc(100% - 35px);
    padding-right: 5px;
    text-indent: 0;
    line-height: 23px;
    padding-left: 10px;
  }
  .home .bd ul li .ms span{
    display: block;
    color: #999;
    margin-top: 7px;
    font-size: 12px;
    position: absolute;
    right: 10px;
    bottom: 5px;
  }
  .home .lz ul{
    height: 330px;
  }
  .home .lz ul li{
    width: calc(33.333333% - 10px);
    width: -webkit-calc(33.333333% - 10px);
    width: -moz-calc(33.333333% - 10px);
    height: auto;
    margin-bottom: 10px;
  }
  .item-box .maybe-like{
    width: 100%;
  margin: 0px;
  border-radius: 0px;
  }
  .maybe-like ul li .img-b{
    width: 100%;
  height: auto;
  }
  .maybe-like ul li .img-b img {
    margin: 0px auto;
    display: block;
    position: relative;
  }
  .bs-docs-footer .f-addr,.bs-docs-footer .f-tel,.bs-docs-footer .f-copyright{
    text-align: left;
    padding-left: 20px;
  }
  .per-info p{
    padding: 0px 10px;
  }
  .preview{
    display: none;
  width: 90%;
  height: 80%;
  left: 5%;
  top: 10%;
  }
  .media-report ul li{
    height: 180px;
  }
  .media-report ul li .media-report-num{
    line-height: 180px;
  width: 30px;
  }
  .media-report ul li .media-report-info{
    width: calc(100% - 30px);
  }
  .media-report ul li .m-t{
    padding-left: 10px;
  font-size: 14px;
  }
  .media-report ul li .m-d{
    padding: 0px;
  font-size: 13px;
  color: #999;
  text-align: center;
  padding-bottom: 10px;
  }
  .media-report ul li .m-i{
    padding-left: 10px;
  }
  .media-report ul {
    padding: 0px 20px 10px 20px;
  }
  .first-screen .title .banner-title-desc-box ,.f.first-screen .title .banner-title-desc-box{
    width: calc(100% - 130px);
  }
  .ft-box{
    display: block;
  }
  .ft-box .ft-left,.ft-box .ft-right{
    width: 100%;
  }
  .ft-box .ft-right{
    padding-top: 20px;
    padding-left: 50px;
  }
  .tyy{
    padding-top: 51px;
    width: 100%;
  }
  .t-img{
    width: 100%;
  }
  .master-list{
    height: 280px;
  }
  .ml-box{
    width: 100%;
    height: 280px;
  }
  .master-list ul{
    width: 100%;
    padding: 30px 25px;
  }
  .master-list ul li img{
    width: 50%;
    height: auto;
  }
  .master-list ul li span{
    font-size: 16px;
  }
  .ms-left-btn{
    top: 117.5px;
    left: 8px;
  }
  .ms-right-btn{
    top: 117.5px;
  right: 8px;
  }
  .news-center-box{
    width: 100%;
  }
  .news-center-box span{
    width: 110px;
    margin-left: 50px;
    white-space: nowrap;
  }
  .wh-img-list li img{
    position: relative
  }
  .kp-list img{
    width: 100%;
  }
  .news-center-box .nc-l{
    left: 20px;
  }
  .news-center-box.ky .more-btn{
    right: 10px;
  }
  .more-btn span{
    margin:0px auto;
  }
  .news-center-box .nc-r{
    left: 170px;
  }
  .news-info-box .ni-img img{
    height: auto;
  }
  .news-info-box{
    width: 100%;
    height: 440px;
  }
  .news-info-box .ni-img{
    width: 100%;
    height: 228px;
    position: relative;
  }
  .news-info-box .ni-text{
    position: absolute;
    width: 100%;
    top: 228px;
  }
  .news-info-box .ni-t{
    padding: 0px;
  font-size: 18px;
  text-align: center;
  margin-top: 20px;
  }
  .news-info-box .ni-d{
    text-align: center;
  font-size: 15px;
  padding: 10px 0 5px 0;
  }
  .news-info-box .ni-desc{
    padding: 0px 15px;
  font-size: 15px;
  }
  .ky-box{
    width: 100%;
  }
.ky-box.kp .kl1{
	width:100%;
}
.ky-box.kp .kl2{
	display:none;
}
  .ky-box ul{
    padding: 0px 20px 20px 20px;
  }
  .wh-box{
    width: 100%;
  margin: 30px auto;
  height: auto;
  }
  .wh-box .wh-l{
    width: 100%;
  position: relative;
  border: 0px none;
  }
  .wh-box .wh-l .more-btn a{
width: 100%;
  display: block;
  text-align: center;
  line-height: 31px;
}
  .news-center-box.wh-l-t .nc-l{
    left: 20px;
  }
  .news-center-box.wh-l-t .nc-r{
    left: 170px;
  }
  .wh-list ul{
    padding-top: 30px;
  }
  .wh-list ul li{
    display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  }
  .wh-box .wh-r{
    position: relative;
  width: 100%;
  }
  .news-center-box.wh-l-t{
    position: relative;
    width: 100%;
  }
  .wh-list ul li span{
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #333;
    float: left;
    margin-top: 8px;
    border-radius: 5px;
    margin-right: 10px;
  }
  .news-center-box.wh-r-t{
    position: relative;
    width: 100%;
    left: 0;
  }
  .news-center-box.wh-r-t .nc-l{
    left: 20px;
  }
  .news-center-box.wh-r-t .nc-r{
    left:170px;
  }
  .wh-img-list{
    margin-top: 30px;
    padding-right: 10px;
    height: auto;
    display: flex;
  }
  .wh-desc-list .d-date {
    font-size: 16px;
    color: #333;
    float: right;
    width: 90px;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
  }
  .wh-img-list li{
    width: calc(33.3333% - 10px);
    width: -webkit-calc(33.3333% - 10px);
    width: -moz-calc(33.3333% - 10px);
    margin-left: 10px;
    height: auto;
  }
  .wh-desc-list .d-ms{
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    white-space: nowrap;
   text-overflow: ellipsis;
    overflow: hidden;
  }
  .wh-box .wh-l.jk, .wh-box .wh-r.jk{
    width: 100%;
  }
  .jk .wh-list ul{
    padding-top: 20px;
    padding-left: 20px;
  }
  .jk .wh-list ul li .jk-ms,.jk .wh-list ul li .jk-date{
    background: transparent;
    height: auto;
    margin-top: auto;
    margin-right: auto;
    border-radius: 0;
  }
  .jk .wh-list ul li{
    padding-left: 10px;
  }
  .jk .wh-img-list{
    height: auto;
  }
  .zt .kp-list{
    height: auto;
  }
  .wh-list ul li span.pt{
    position: absolute;
    left: 0px;
    top: 6px;
  }
  .nav-box{
    width: 100%;
  padding-left: 20px;
  }
  .intro-box{
    width: 100%;
  }
  .intro-box ul li .intro-ms{
    display: inline-block;
  width: calc(100% - 188px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }
  .page-box{
    width: 100%;
  }
  .intro-detail-box{
    width: 100%;
  }
  .intro-detail-box img{
    padding: 0px 15px;
  }

  .about-box{display: block;width: 100%;margin: 15px auto;}
  .about-box .about-left{width: 100%;min-height: 50px;height: 50px;}
  .about-left li{  height: 50px;line-height: 50px;width: 33.3333%;float: left;}
  .about-left li.cur{border:0px none;}
  .about-left li.cur img{display: none;}
  .about-box .about-right{width: 100%;padding: 30px 20px;}
 
  .resources-box .search-box .input-box1{width: calc(75% - 15px);background-size: 100% 100%;margin-left: 10px;width: -webkit-calc(75% - 15px);width: -moz-calc(75% - 15px);}
  .resources-box .search-box .input-box2{width: calc(25% - 15px);background-size: 100% 100%;float: right;margin-right: 10px;width: -webkit-calc(25% - 15px);width: -moz-calc(25% - 15px);}
  .resources-box .search-box .input-box1 input{width: calc(85% - 15px);width: -webkit-calc(85% - 15px);width: -moz-calc(85% - 15px);}
  .resources-box .resource-list-box {width: 100%;}
  .resources-box .resource-list-box .resource-list-type{padding: 0px 10px;}
  .resources-box .resource-list-box .resource-list-type label{font-size: 14px;}
  .resources-box .resource-list-box .resource-list-type li{font-size: 14px;padding: 0px 5px;}
  .resources-box .resource-list-box .resource-list-title ul{width: 100%;}
  .resources-box .resource-list-box .resource-list-title li{
    float: left;
  font-size: 22px;
  color: #000;
  background-image: url(../images/res-title-1.png);
  background-repeat: no-repeat;
  margin: 0px;
  cursor: pointer;
  width: 50%;
  text-align: center;
  padding-left: 40px;
  background-size: 35px;
  background-position: calc(50% - 50px) 50%;
  }
  .resources-box .resource-list-box .resource-list .file-ul li .t-area{height: auto;}
  .resources-box .resource-list-box .resource-list .file-ul li input{display: none;}
  .resources-box .resource-list-box .resource-list .file-ul li .t{text-align: center;display: block;padding:0px;}
  .resources-box .resource-list-box .resource-list .file-ul li .d{display: block; text-align: center;float: none;padding: 10px 0 0 0;font-size: 15px;color: #999;}
  .resources-box .resource-list-box .resource-list .file-ul .p-area{padding: 0px 10px;font-size: 15px;line-height: 30px;text-indent: 30px;margin-top: 5px;}

  .resources-box .resource-list-box .resource-list .img-ul li{width: 50%;}
  .resources-box .resource-list-box .resource-list .img-ul li .res-img-box{height: auto;}
  .resources-box .resource-list-box .resource-list .img-ul li .res-img-box img{height: auto;position: relative;left: auto;top: auto;}
  .resources-box .resources-box-logo{display: block;position: relative;opacity: 1;}

  .master-box .search-box .input-box1{width: calc(75% - 15px);background-size: 100% 100%;margin-left: 10px;width: -webkit-calc(75% - 15px);width: -moz-calc(75% - 15px);}
  .master-box .search-box .input-box2{width: calc(25% - 15px);background-size: 100% 100%;float: right;margin-right: 10px;width: -webkit-calc(25% - 15px);width: -moz-calc(25% - 15px);}
  .master-box .search-box .input-box1 input{width: calc(85% - 15px);width: -webkit-calc(85% - 15px);width: -moz-calc(85% - 15px);}
  .master-box .resource-list-box .resource-list-type li {
    font-size: 16px;
    padding: 0px 10px;
  }
  .master-box .resource-list-box{
    width: 100%;
  }
  .master-box .resource-list-box .resource-list .img-ul li .res-img-box .m{height: 220px;width: calc(100% - 45px);width: -webkit-calc(100% - 45px);width: -moz-calc(100% - 45px);}
  .master-box .resource-list-box .resource-list .img-ul li{
    width: 50%;
  }
  .master-box .resource-list-box .resource-list .img-ul li .res-img-box {
    height: 220px;
  }
  .master-box .b-img-box li{width: 50%;}
  .master-box .b-img-box .ic-b{background-size: 60%;}
  .master-box .b-img-box span{bottom: 20px;}
  .exhibition-box .news-center-box .nc-l{left: 20px !important;}
  .exhibition-box .news-center-box .nc-r{left: 215px !important;}
  .exhibition-box .resources-box-logo{display: block;position: relative;}
  .exhibition-box .news-center-box{width: 260px !important;}
  .exhibition-box .resource-list-box .resource-list-type{padding: 0px 5px;}
  .exhibition-box .resource-list-box .resource-list-type ul{width: 100%;}
  .exhibition-box .resource-list-box{width: 100%;}
  .exhibition-box .resource-list-box .resource-list-type li{width: 20%;background-size: 0;text-indent: 0px;}
  .exhibition-box .resource-list-box .resource-list .img-ul li{width: 50%;}

  .kp-box .search-box .input-box1{width: calc(75% - 15px);background-size: 100% 100%;margin-left: 10px;width: -webkit-calc(75% - 15px);width: -moz-calc(75% - 15px);}
  .kp-box .search-box .input-box2{width: calc(25% - 15px);background-size: 100% 100%;float: right;margin-right: 10px;width: -webkit-calc(25% - 15px);width: -moz-calc(25% - 15px);}
  .kp-box .search-box .input-box1 input{width: calc(85% - 15px);width: -webkit-calc(85% - 15px);width: -moz-calc(85% - 15px);}

  .item2.resume ul{padding: 10px 45px;}
  .item2.resume .resume-desc {padding: 10px 35px;line-height: 80px;font-size: 13px;}
  .item2.resume .resume-desc.m {line-height: 20px;}

  .personal-box{width: 100%;display: block;margin-top: 20px;}
  .personal-box .personal-left{width: 100%;min-height: auto;height: 70px;}
  .personal-left li br{display: block;}
  .personal-left li{float: left;width: 11.111111%;background-image: none;text-align: center;text-indent: 0px;font-size: 14px;line-height: 20px;padding: 15px 0px;background-color: #76201f;color: #fff;border:0px none;}
  .personal-left li.cur{background-image:none;border:0px none;}
  .personal-left li img{top: auto;transform: rotate(90deg);bottom: -21px;right: auto;left: calc(50% - 16px);}
  .personal-left li.cur img{display: block;}
  .personal-box .wel-box{margin-top: 15px;}
  .personal-box .personal-right {width: 100%;margin-left: 0;padding: 0px 10px;}
  .personal-box .msg-center li .w-d > div {line-height: 20px;font-size: 14px;padding: 28px 5px;}
  .personal-box .info-box{padding: 20px 10px;}
  .personal-box .info-box .info-list li{font-size: 14px;}
  .personal-box .info-box .info-list li .t{text-indent: 10px;width: -webkit-calc(100% - 80px);width: -moz-calc(100% - 80px);width: calc(100% - 80px);}
  .personal-box .info-box .info-list li .d{width: 75px;}
  .personal-box .msg-center li .w-d >div::before{ right: -2px;  }
  .personal-box .msg-center li .w-d >div::after{ right: -2px; }
}