/* 首页头部开始 */
header{
  background: url(/static/index/pc/images/banner.jpg) no-repeat;background-size: 100% 100%;
text-align: center;
height: 31.6vw;
    min-height: 182px;
}
nav.navbar{border-bottom: 1px solid #91b9e1;
padding: 0;}
.nav-link{color: #fff !important;
  padding: 0 19px;}
  .nav-item:hover{ border-bottom: 2px solid #fff;font-weight: 600;}
  .nav-item.active{   border-bottom: 3px solid #fff;}
  .nav-item.active .nav-link{font-weight: 600;}
.navbar-expand-md .navbar-nav{justify-content: space-around;
  line-height: 48px;
}
 
 .nav-item.dropdown-toggle .icon{
 content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/static/index/pc/images/down.png) no-repeat;
    background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
  border: none;
margin-bottom: -5px;

}
 
.nav-item.dropdown-toggle .dropdown-item {
  color: #2273c2;
    font-weight: 600;
}

.nav-item.dropdown-toggle .dropdown-item{  padding: 0rem 1rem;}
.logo a{display: inline-block;
  margin: 2vw 0;
    min-width: 144px;
    min-height: 86px;
}
  .logo a img{width: 16vw;}
  .search{justify-content: center;}
  .form-control {width: 90%;}
.search .btn{width: 16%;
  border-radius: 0 .6rem .6rem 0;
  padding: 0.27rem;}
.search .form-control{
  border-radius:  .6rem 0 0 .6rem;
  padding: 0.27rem;
  color: #fff;
background-color: #ffffff61;
border: 1px solid #fff;
font-size: .9rem;
}
.search .btn-primary{color: #f39e17;
  background-color: #fff;
  border-color: #fff;}
  .w-hot{justify-content: center;}
  .w-hot ul li{
      font-size: 14px;
      color: #ffffffd6;
      padding: 12px 16px;
  }
  /* 首页头部结束*/
#index .m-one{padding-top:;}
#index .head img{
    width: 100%;
    transition: transform linear .4s;
}
#index .head {margin-bottom: 18px;}
#index .head:hover img{
 transform: scale(1.1);
}
#index .m-one .one-left a{
font-size: 15px;
color: #616161;
}
#index .m-four-l .rt {
  width: 75%;
}
#index .m-one .one-left li,#index .m-four-l .four-l-list li{
    border-bottom: 1px dotted #616161;
    padding: 0 8px;
  line-height: 44px;
}
#index .m-four-l .four-l-list li{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#index .m-four-l .four-l-list li a{
    display: block;
}
#index .m-one .one-left li:nth-child(1),#index .m-four-l .four-l-list li:nth-child(1){border-top:  1px dotted #616161;}
#index .m-one .one-left time,#index .m-four-l .four-l-list li time{
    float: right;
    font-size: 13px;
    color: #9b9a9a;
}
#index .m-one .one-left .circle,.m-four-l .four-l-list li .circle{
    display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background: #4f6dcd;
  margin-right: 10px;
}
#index .m-one .one-right{padding-left: 20px;}
#index .m-one .one-right a{display: block;
position: relative;}
#index .m-one .one-right img{width: 100%;
    height: 230px;}
    #index .m-one .one-right figcaption{position: absolute;
        background: #00000040;
        width: 100%;
        color: #fff;
        line-height: 40px;
        bottom: 0;
        padding: 0 12px;
        font-size: 17px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
        #index .m-two ,.m-four .header,.m-fiv{ text-align: center;}
        #index .m-two ,.m-four{
          background: #f7f8fa;
          padding-top: 46px;
        }
#index .header .cn{
  font-size: 24px;
  font-weight: 600;
  color: #000;
  letter-spacing: 3px;
  margin: 0;
}
#index .header .cn span{
  display: inline-block;
  background: #f39e17;
  color: #fff;
  padding: 0 10px;
  border-radius: 1rem 0 1rem 0;
}
.navbar-toggler {
  padding: 0;}
  .navbar-toggler-icon {
  width: 2.5rem;
  height: 2.5rem;}
/* #index .m-two .head:before{
  display: inline-block;
  content: '';
  border-top: 1px solid #000;
  border-bottom: 1px dotted #000;
  height: 3px;
  width: 40%;
}
#index .m-two .head:after{
  display: inline-block;
  content: '';
  border-top: 1px solid #000;
  border-bottom: 1px dotted #000;
  height: 3px;
  width: 40%;
} */
#index .header p.english{
  font-size: 22px;
  letter-spacing: 0;
  color: #aeabab;
  font-weight: normal;
}
#index .m-two .title-list li:nth-child(1){
  line-height: 25px;
  background: #77a8d8;
  color: #fff;
  padding: 0 22px;
  border-radius: 0 1rem 1rem 0;
  font-weight: 600;
  font-size: 17px;
}
#index .m-two .title-list li:nth-child(2n){
  height: 13px;
  background: #fdce32;
  margin-top: 7px;
  padding: 0 22px;
  border-radius: 1rem;
}
#index .m-two .title-list li:nth-child(3){
  height: 13px;
  background: #77a8d8;
  margin-top: 7px;
  padding: 0 16px;
  border-radius: 1rem;
}
#index .m-two .title-list li:nth-child(5){
  height: 13px;
  background: #77a8d8;
  margin-top: 7px;
  padding: 0 16px;
  border-radius: 1rem;
}
#index .m-two .title-list li{margin-right: 14px;}
#index .m-two .two-text{border-bottom: 1px dotted #c8c8c8;
    justify-content: space-between;
}
#index .m-two .two-text li:nth-child(1) a{background: url(/static/index/pc/images/section2-show1.png) no-repeat;
background-size: 100% 100%;}
#index .m-two .two-text li:nth-child(2) a{background: url(/static/index/pc/images/section2-show2.png) no-repeat;background-size: 100% 100%;}
#index .m-two .two-text li:nth-child(3) a{background: url(/static/index/pc/images/section2-show3.png) no-repeat;background-size: 100% 100%;}
#index .m-two .two-text li:nth-child(4) a{background: url(/static/index/pc/images/section2-show4.png) no-repeat;background-size: 100% 100%;}
#index .m-two .two-text li a{display: block;}
#index .m-two .two-text li{
  margin: 20px 0;
    width: 24%;
}
#index .m-two .two-text li h2{
  font-size: 22px;
  color: #fff;
  line-height: 70px;}
  #index .m-two .two-bottom{padding:20px 0;}
  #index .m-two .two-bottom-list1{
      justify-content: space-around;
      width: 100%;
      /*display: block;*/
  }
  /*#index .m-two .two-bottom-list1 li{display:inline-block;}*/
  #index .m-two .two-bottom-list1 li i{
      text-align: center;}
       /*#index .m-two .two-bottom-list1 li i img{width:100%;}*/
  #index .m-two .two-bottom-list1 p,#index .m-two .two-bottom-list2 p{
      font-size: 16px;
  font-style: normal;
  padding-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
  color: #8a8a8a;
  }
  #index .m-two .two-bottom-list1 p {
  margin-top: 5px;
}
  /*#index .m-two .two-bottom-list1 li{width:27%;}*/
  #index .m-two .two-bottom-list2 li{display: inline-block;}
  #index .m-two .two-bottom-list1 li i{display: block;overflow: hidden;}
  #index .m-two .two-bottom-list1 li:nth-child(1) i{}
  #index .m-two .two-bottom-list1 li:nth-child(2) i{}
  #index .m-two .two-bottom-list2 li:nth-child(4) img,#index .m-two .two-bottom-list2 li:nth-child(5) img, #index .m-two .two-bottom-list2 li:nth-child(6) img,#index .m-two .two-bottom-list2 li:nth-child(7) img,#index .m-two .two-bottom-list2 li:nth-child(8) img, #index .m-two .two-bottom-list2 li:nth-child(9) img{max-width:60px;}
  #index .m-thr{padding-top: 40px;}
  #index .m-thr .thr-l2 , #index .m-thr .thr-l1{justify-content: space-between;
  margin-bottom: 30px;}
  #index .m-thr .thr-l2 li, #index .m-thr .thr-l1 li{
    width: 31%;
  }
  #index .m-thr .thr-l1 li a,#index .m-thr .thr-l2 li a{display: block;}
  #index .m-thr .thr-l1 li h2,#index .m-thr .thr-l2 li h2{color: #fff;
  text-align: center;
font-weight: 600;
line-height: 172px;}
  #index .m-thr .thr-l1 li:nth-child(1) a{background:url(/static/index/pc/images/city1.png) no-repeat;
  background-size: 100%;}
  #index .m-thr .thr-l1 li:nth-child(2) a{background:url(/static/index/pc/images/city2.png) no-repeat;background-size: 100%;}
  #index .m-thr .thr-l1 li:nth-child(3) a{background:url(/static/index/pc/images/city3.png) no-repeat;background-size: 100%}
  #index .m-thr .thr-l2 li:nth-child(1) a{background:url(/static/index/pc/images/city4.png) no-repeat;background-size: 100%;}
  #index .m-thr .thr-l2 li:nth-child(2) a{background:url(/static/index/pc/images/city5.png) no-repeat;background-size: 100%;}
  #index .m-thr .thr-l2 li:nth-child(3) a{background:url(/static/index/pc/images/city6.png) no-repeat;background-size: 100%}
  #index .m-two .title-list{margin-top: 20px;}
  #index .m-four{padding-bottom: 30px;}
 
#index .m-fiv{padding: 46px 0 0;}
#index .news1,.news2{display: none;}
#index .active{display: block;}
#index .m-fiv .m-fiv-list{
    justify-content: space-between;
    margin-top: 20px;
}

#index .m-fiv li{
  width: 24%;
  margin-bottom: 20px;
}
#index .m-fiv li img{
    width: 100%;
}
#index .m-four .m-four-l .title-list li:nth-child(2){
line-height: 25px;
  background: #77a8d8;
  color: #fff;
  padding: 0 22px;
  border-radius: 0 1rem 1rem 0;
  font-weight: 600;
  font-size: 17px;
  letter-spacing: 1px;
    margin: 0;
  height: auto;
  margin-right: 14px;

}
 #index .m-two .two-bottom-list2 li:nth-child(4) p,#index .m-two .two-bottom-list2 li:nth-child(5) p,#index .m-two .two-bottom-list2 li:nth-child(6) p,#index .m-two .two-bottom-list2 li:nth-child(7) p,#index .m-two .two-bottom-list2 li:nth-child(8) p,#index .m-two .two-bottom-list2 li:nth-child(9) p {
     font-size: 15px;
 }
#index .m-two .two-bottom-list2{width:100%;}
#index .m-four .m-four-l .title-list li:nth-child(2).active{
    background: #2273c2 ;
}
#index .m-two .two-bottom-list1 {display:none;}
#index .m-two .two-bottom-list2 li:nth-child(1),#index .m-two .two-bottom-list2 li:nth-child(2),#index .m-two .two-bottom-list2 li:nth-child(3) {
    width: 12.6%;
    margin: 0 1.45%;
}
#index .m-two .two-bottom-list2 li:nth-child(4){
    margin: 0 1.62%;
}
#index .m-two .two-bottom-list2 li:nth-child(5),#index .m-two .two-bottom-list2 li:nth-child(7),#index .m-two .two-bottom-list2 li:nth-child(8){
    margin: 0 .26%;
}
#index .m-two .two-bottom-list2 li:nth-child(6){
    margin: 0 .94%;
}
#index .m-two .two-bottom-list2 li:nth-child(9){
    margin: 0 .94%;
}
#index .m-two .two-bottom-list2 li:nth-child(1) img,#index .m-two .two-bottom-list2 li:nth-child(2) img,#index .m-two .two-bottom-list2 li:nth-child(3) img{width:100%;}
@media (max-width:1200px) {
  #index .m-thr .thr-l1 li h2, #index .m-thr .thr-l2 li h2 {
    line-height: 13vw;
  }
/*  #index .m-two .two-bottom-list1 p {*/
/*  margin-top: 4px;*/
/*}*/
#index .m-two .two-bottom-list1 {
  margin-bottom: 20px;
}
}
@media(min-width:768px){
     .nav-item.dropdown-toggle:hover .icon{
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/static/index/pc/images/up.png) no-repeat;
    background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
  border: none;
margin-bottom: -5px;

}
.nav-item.dropdown-toggle .dropdown-item:hover {
  color: #fff;
  background-color:  #2273c2;
}
}
@media (max-width:991px) {
     #index .m-two .two-bottom-list1 li img{width:100%;
  }
  #index .m-two .two-bottom-list1 li:nth-child(4) img, #index .m-two .two-bottom-list1 li:nth-child(5) img, #index .m-two .two-bottom-list1 li:nth-child(6) img, #index .m-two .two-bottom-list1 li:nth-child(7) img, #index .m-two .two-bottom-list1 li:nth-child(8) img, #index .m-two .two-bottom-list1 li:nth-child(9) img {
  max-width: 60px;
}
    #index .m-two .two-bottom-list2{display:none;}
    #index .m-two .two-bottom-list1{width:90%;
        display: flex;
    }
#index .m-two .two-bottom {
  justify-content: center;
}
 #index .m-two .two-bottom-list1 li:nth-child(1){
         width: 32%;
     }
      #index .m-two .two-bottom-list1 li:nth-child(2){
         width: 32%;
     }
      #index .m-two .two-bottom-list1 li:nth-child(3){
         width: 32%;
     }
     #index .m-two .two-bottom-list1 li {
    margin: 10px 0;
  }
     /*#index .m-two .two-bottom-list1 li:nth-child(4){*/
     /*    width: 16%;*/
     /*}*/
     /*#index .m-two .two-bottom-list1 li:nth-child(5){*/
     /*    width: 16%;*/
     /*}*/
     /*#index .m-two .two-bottom-list1 li:nth-child(6){*/
     /*    width: 16%;*/
     /*}*/
     /*#index .m-two .two-bottom-list1 li:nth-child(7){*/
     /*    width: 16%;*/
     /*}*/
     /*#index .m-two .two-bottom-list1 li:nth-child(8){*/
     /*    width: 16%;*/
     /*}*/
     /*#index .m-two .two-bottom-list1 li:nth-child(9){*/
     /*    width: 16%;*/
     /*}*/
    
}
@media (max-width:767px){
 nav.navbar{
  position: relative;
}
.navbar-collapse{
  background: #2273c2;
  z-index: 99999999;
  position: absolute;
  width:34%;
  top: 43px;
}
  .nav-item {
    line-height: 12vw;
  }
.nav-item .nav-link {
  font-weight: 600;
  font-size: 3.5vw;
}
 nav .contact{display:none;}
  #index .m-thr .thr-l1 li h2, #index .m-thr .thr-l2 li h2 {font-size: 4vw;}
  #index .m-thr .thr-l2, #index .m-thr .thr-l1{margin-bottom: 3vw;}
  #index .m-fiv li{
  margin-bottom: 2vw;}
  #index .m-two .two-bottom-list1 li img{width:100%;
  }
  #index .m-two .two-bottom-list1 li:nth-child(4) img, #index .m-two .two-bottom-list1 li:nth-child(5) img, #index .m-two .two-bottom-list1 li:nth-child(6) img, #index .m-two .two-bottom-list1 li:nth-child(7) img, #index .m-two .two-bottom-list1 li:nth-child(8) img, #index .m-two .two-bottom-list1 li:nth-child(9) img {
  max-width: 60px;
}
.nav-item.dropdown-toggle .dropdown-item {
  padding: 0rem 1rem;
  font-weight: 600;
  font-size: 3.5vw;
}
.dropdown-menu {
  min-width: 0;
}
    #index .m-four-l .rt {
  width: 100%;
}
}
@media (max-width:575px){
    #index .m-one .one-left a {
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
    display: inline-block;
    text-overflow: ellipsis;
}
     .m-four-l .four-l-list li .circle {
  margin-bottom: 3vw !important;
}
    #index .m-one .one-right {
        margin-top:5vw ;
        padding-left: 0;
    }
    #index .m-two, .m-four {
  padding-top: 8vw;
}
#index .m-two .two-text li{
    width: 49%;
}
 #index .m-fiv li{
     width: 49%;
  margin-bottom: 2vw;}

#index .m-fiv {
  padding: 6vw 0 0;
}
  #index .m-one .one-left li, #index .m-four-l .four-l-list li {
    line-height: 9vw;
    height: 9vw;
  }
 #index .m-two .two-text li {
  margin: 1vw 0;}
  #index .m-two .title-list {
  margin: 5vw 0;
}
#index .m-fiv .m-fiv-list{
    margin-top: 5vw;
}
#index .head {
  margin-bottom: 2vw;
}
#index .m-two .two-bottom-list2 li {
  width: 32%;
  margin-bottom: 4vw;
}
#index .m-two .two-bottom-list1 li {
  width: 30%;
  margin: 2vw 0;
}
 #index .m-two .two-bottom-list1 li:nth-child(1) img{
    width: 100%;
  }
   #index .m-two .two-bottom-list1 li:nth-child(2) img{
    width: 100%;
  }
   #index .m-two .two-bottom-list1 li:nth-child(3) img{
    width: 100%;
  }
#index .m-two .two-bottom {
  padding: 4vw 0 0;
}
 #index .m-two .two-bottom-list1 p {
    margin-top: 0;}
    #index .m-two .two-bottom-list1 p, #index .m-two .two-bottom-list2 p {
  font-size: 3.8vw;
  padding-top: 1vw;}
    #index .m-two .two-bottom-list1 {
    margin-bottom: 4vw;
  }
  #index .m-one .one-left a {
  font-size: 4vw;}
  #index .m-one .one-left time, #index .m-four-l .four-l-list li time {
  font-size: 3vw;
      margin-bottom: -1vw;
  }
  #index .m-two .two-text {      
  padding-bottom: 3vw;
}
}