.banner{
    width: 100%;
    height: 8.45rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.banner video{
    width: 100% !important;
    height: auto !important;
    position: absolute;
    top: 0rem;
    /*transform: translate(100%,100%) !important;*/
    left: 0rem;
    object-fit:fill;
    margin-top: -1.14rem;
    
}
.bannerbox{
    width: 100% !important;
    height: 8.45rem !important;
    position: absolute;
    top: 0rem;
    left: 0rem;
     background: linear-gradient(to right,#1e3b85,rgba(255,255,255,0));
}
.bannerbox1 h2{
    font-size: 0.48rem;
    line-height: 0.65rem;
    color: #fff !important;
    position: absolute;
    top: 3.1rem;
    left: 0rem;
    font-family: "pb";
}
.bannerbox1{
    width: 16rem;
    height: 8.45rem;
    margin: 0 auto;
    position: relative;
}
.bannertiao{
    width: 1.8rem;
    height: 0.07rem;
      background: url(../images/bannertiao.png) no-repeat;
      background-size: 100% 100%;
      position: absolute;
      left: 0rem;
      top: 4.85rem;
}
.what{
    width:100%;
    height:auto;
    margin:0 auto;
    }
.whatcenter{
    width: 16rem;
    height: auto;
    margin: 0 auto;
}
.whatbox{
    width: 16rem;
    height: auto;
    padding-top: 0.91rem;
    margin: 0 auto;
    position: relative;
}
.whatbox h2{
    width: 100%;
    height: auto;
    font-size: 0.48rem;
    font-family: pb;
    font-weight: 600;
    color: #000;
}
.whatexample{
    width: 100%;
    height: auto;
    font-size: 0.22rem;
    line-height: 0.26rem;
    color: #999999;
    text-align: left;
    font-family: p;
    padding-bottom: 0.26rem;
}
.whatbutton{
    width: 1.96rem;
    height: 0.62rem;
    background: url(../images/six.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 1.1rem;
    right: 0rem;
    font-size: 0.2rem;
    color: #fff;
    line-height: 0.62rem;
    font-family: p;
    font-weight: 600;
    text-align: center;
    text-indent: -0.1rem;
    cursor: pointer;
}
.paperlist{
    width: 100%;
    height: 6.91rem;
    margin: 0 auto;
}
.paperlist_center{
    width: 16rem;
    height: 6.91rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.mySwiper2 .swiper-button-next img{
    width: 0.75rem;
    height: 0.75rem;
    width: 0.75rem;
    height: 0.75rem;
    top: -2rem;
    right: -0.1rem;
    position: absolute;
}
.mySwiper2 .swiper-button-prev img{
    width: 0.75rem;
    height: 0.75rem;
    width: 0.75rem;
    height: 0.75rem;
    left: none;
    top: -2rem;
    right: -14.7rem;
    position: absolute;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background: none !important;
    border: none !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
     background: none !important;
     border: none !important;
}
.paperlist_box{
    width: 100%;
    height: 6.91rem;
    margin: 0 auto;
}
.paperlist_top{
    width: 100%;
    height: 1.15rem;
    margin: 0 auto;
}
.paperlist_left{
    width: 7.98rem;
    height: 5.72rem;
    float: left;
     background: url(../images/leftul.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.paperlist_top ul{
    width: 100%;
    height: 1.15rem;
    margin: 0 auto;
    display: flex;
  justify-content: space-between;
}
.paperlist_top ul li{
    width: 25%;
    height: 1.15rem;
    margin: 0 auto;
    line-height: 1.15rem;
    font-size: 0.22rem;
    text-align: left;
}
.paperlist_top ul li img{
    width: 0.35rem;
    height: 0.35rem;
    float: left;
    margin-top: 0.4rem;
    margin-right: 0.1rem;
}
.lefttitle{
    width: 100%;
    height: auto;
    font-size: 0.36rem;
    color: #fff;
    text-align: left;
    font-weight: 600;
    font-family: pb;
    padding-top: 0.71rem;
    text-indent: 0.47rem;
    padding-bottom:0.23rem;
}
.lefttitle2{
    width: 5.3rem;
    height: auto;
    font-size: 0.18rem;
    color: #fff;
    opacity: 0.6;
    line-height: 0.3rem;
    text-align: left;
    float: left;
    margin-left: 0.47rem;
}
.lefttitle3{
    width: 6.5rem;
    height: 1.3rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    float: left;
    margin-left: 0.47rem;
    margin-top: 0.6rem;
}
.lefttitle4{
    width: 6.5rem;
    height: 0.43rem;
    font-size: 0.18rem;
    line-height: 0.43rem;
    color:#fff;
    text-align: left;
    font-family: p;
    position: relative;
    cursor: pointer;
}
.lefttitle4 span{
     color: #fff;
    margin-top: 0.15rem;
    float: right;
    /* position: absolute; */
    /* right: 1.5rem; */
    /* top: 0.125rem; */
    display: block;
    line-height: 0.18rem;
}
.paperlist_leftbottom{
    width: 7.05rem;
    height: 0.91rem;
    border-top: 0.01rem solid rgba(255,255,255,0.3);
    position: absolute;
    bottom: 0rem;
    left: 0.49rem;
    font-size: 0.18rem;
    line-height: 0.91rem;
    color: rgba(255,255,255,0.8);
}
.paperlist_leftbottom img{
    width: 0.13rem;
    height: 0.14rem;
    float: right;
    margin-top: 0.385rem;
    margin-right: 0.1rem;
}
.left1{
    font-size: 0.69rem;
    font-family: impact;
    color: rgba(255,255,255,0.3);
    position: absolute;
    top: 0.46rem;
    right: 0.54rem;
}
.paperlist_right{
    width: 8rem;
    height: 5.72rem;
    float: right;
     background: url(../images/rightul.jpg) no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.paperlist_right img{
    width: 8.02rem;
    height: 5.72rem;
    position: absolute;
    top: 0rem;
    right: 0rem;
}
.twochange{
    width: 100%;
    height: 2.79rem;
    margin: 0 auto;
    margin-top: 0.3rem;
    margin-bottom: 0.8rem;
}
.twochange_center{
    width: 16rem;
    height: 2.79rem;
    margin: 0 auto;
}
.twochange_center ul{
    width: 16rem;
    height: 2.79rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0rem;
 
}
.twochange_center ul li:nth-of-type(1){
    width: 8rem;
    height: 2.79rem;
      background: url(../images/b1.jpg) no-repeat;
      background-size: 100% 100%;
      position: relative;
}
.twochange_center ul li:nth-of-type(2){
    width: 8rem;
    height: 2.79rem;
      background: url(../images/b2.jpg) no-repeat;
      background-size: 100% 100%;
      position: relative;
}
li{
    list-style: none;
}
.twochange_box{
    width: 8rem;
    height: 2.79rem;
    position: absolute;
    top: 0rem;
    left: 0rem;
    background: linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.9));
    transition: 0.4s;
}
.twochange_box h3{
    font-size: 0.26rem;
    font-family: pb;
    font-weight: 600;
    color: #fff;
    line-height: 0.26rem;
    padding-top: 1.26rem;
    padding-bottom: 0.4rem;
    text-indent: 0.45rem;
}
.twochangesbutton{
    width: 1.7rem;
    height: 0.4rem;
    background: #fff;
    border-radius: 0.4rem;
    font-size: 0.18rem;
    line-height: 0.4rem;
    text-align: center;
    color: #1b3884;
    margin-left: 0.45rem;
    float: left;
    cursor: pointer;
}
.twochangesbutton1{
    width: 1.7rem;
    height: 0.4rem;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 0.4rem;
    font-size: 0.18rem;
    line-height: 0.4rem;
    text-align: center;
    color: #fff;
    margin-left: 0.15rem;
    float: left;
    cursor: pointer;
    
}
.changeblue .twochange_box{
    background: linear-gradient(to bottom,rgba(34,62,131,0.6),rgba(34,62,131,0.9)) !important;
    cursor: pointer;
    transition: 0.4s;
}


.who{
    width: 100%;
    height: 7.9rem;
    margin: 0 auto;
    background: url(../images/788.jpg) no-repeat;
    background-size: 100% 100%;
}
.who_center{
    width: 100%;
    height: 7.9rem;
    margin: 0 auto;
    position: relative;
}
.who_left{
    width: 12.39rem;
    height: 7.53rem;
    position: absolute;
    top: 0rem;
    left: 0rem;
}
.who_left h2{
    width: auto;
    font-size: 0.4rem;
    line-height: auto;
    font-family: pb;
    padding-left: 1.58rem;
    padding-top: 0.92rem;
    padding-bottom: 0.47rem;
}
.who_title{
    width: 9.9rem;
    height: auto;
    font-size: 0.2rem;
    line-height: 0.36rem;
    padding-left: 0.8rem;
    color: #666;
    font-family: p;
}
#wrap section{
    width: 10.5rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
} 
article, aside, details, figcaption, figure,.footer, .header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote,q {quotes: none;}
a{text-decoration: none;-moz-transition:all 200ms ease;-webkit-transition:all 200ms ease;-o-transition:all 200ms ease;transition:all 200ms ease;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}
textarea,select{resize: none;font-family:微软雅黑,"黑体";}
input{font-family:"微软雅黑","黑体";}
/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear: both;height:0;}
.clearfix{*zoom:1;}
.clear{ clear:both; height:0px; width:0px; line-height:0px; visibility:hidden; }
/*定位 显示*/
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
a{color:#666;}
em,i{font-style:normal;}

section {display: block;clear: left;position: relative;width: 100%;}

#wrap section h1{
    font-size: 0.6rem;
    color: #1b3d85;
    font-family: pb;
    text-align: center;
    font-weight: 600;
}
#wrap section h3{
    font-size: 0.22rem;
    line-height: 0.36rem;
    color: #666;
    font-family: p; font-weight: normal;
  
}.ones{
    position: relative;
    margin-top: 0.75rem;
}
.jia{
    font-size: 0.3rem;
    color: #1b3885;
    position: absolute;
    top: 0rem;
    right: -0.3rem;
}
.li{
    font-size: 0.2rem;
    color: #1b3885;
    position: absolute;
    bottom: 0rem;
    right: -0.3rem;
}
.whoright{
    width: 6.8rem;
    height: 7.9rem;
    position: relative;
    float: right;
}
.jia_bottom{
    width: 1.31rem;
    height: 1.31rem;
    font-size: 0.6rem;
    color: #fff;
    font-family: p;
    text-align: center;
    line-height: 1.31rem;
    background: #f35d1d;
    position: absolute;
    bottom: 0rem;
    right: 0rem;
    cursor: pointer;
    bottom: -0.02rem;
}
.whoright h2{
    font-size: 0.48rem; line-height: 0.48rem;
    color: #000;
    font-weight: 600;
    font-family: pb;
    padding-top: 0.28rem;
    text-indent: 1.05rem;
}
.abots{
    font-size: 0.24rem;
    color: #d8d8d8;
    text-indent: 1.05rem;
}
.tiaos{
    width: 0.65rem;
    height: 0.06rem;
    float: left;
    margin-left: 1.1rem;
    margin-top: 0.15rem;
}
.quanbox1{
    width: 1.92rem;
    height: 1.92rem;
    position: absolute;
    top: 3.44rem;
    left: 2.42rem;
    cursor: pointer;
  }
  @keyframes warn2 {
    0% {
        transform: scale(0.2);
        opacity: 0.6;
    }
  
    25% {
        transform: scale(0.4);
        opacity: 0.45;
    }
  
    50% {
        transform: scale(0.6);
        opacity: 0.3;
    }
  
    75% {
        transform: scale(0.8);
        opacity: 0.15;
    }
  
    100% {
        transform: scale(1);
        opacity: 0;
    }
  }
  
  .quan {
    width: 1.92rem;
    height: 1.92rem;
    border: 2px solid #fff;
    /* background: #fff; */
    content: '';
    left: 50%;
    top: 0;
    border-radius: 50%;
    margin-left: -0.9rem;
    position: absolute;
    animation: warn2 2s ease-out;
    animation-iteration-count: infinite;
  }
  .quan1 {
    width: 1.92rem;
    height: 1.92rem;
    border: 2px solid #fff;
    /* background: #fff; */
    content: '';
    left: 50%;
    top: 0;
    border-radius: 50%;
    margin-left: -0.9rem;
    position: absolute;
    animation: warn2 4s ease-out;
    animation-iteration-count: infinite;
  }
  
  .quan2 {
    width: 1.92rem;
    height: 1.92rem;
    border: 2px solid #fff;
    
    content: '';
    left: 50%;
    top: 0;
    border-radius: 50%;
    margin-left: -0.9rem;
    position: absolute;
    animation: warn2 4s ease-out;
    animation-iteration-count: infinite;
  }
  .quanvideos{
    width: 0.91rem;
    height: 0.91rem;
    background: url(../images/videos.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 28%;
    left: 32%;
  }
  .whovideos{
    width: 16rem;
    height: 7.9rem;
    margin: 0 auto;
    background: rebeccapurple;
    z-index: -99999;
    position: relative;
    opacity: 0;
    transition: 0.4s;
  }
  .whovideos video{
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 100%;
  }
  .whos{
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 0.3rem;
    border:0.01rem solid #ccc;
    color: #ccc;
    font-size: 0.2rem;
    position: absolute;
    text-align: center;
    line-height: 0.3rem;
    right: -0.15rem;
    top: -0.15rem;
    z-index: 999;
    cursor: pointer;
  }
  .opcitys{
    opacity: 1 !important;
    z-index: 99999999 !important;
    transition: 0.4s;
  }
  /* .opcity1{
    background: rgba(0,0,0,0.1) !important;
    transition: 0.4s;
  } */
  
  
  
    .fourchanges{
    width: 100%;
    height: 13.88rem;
    background: url(../images/1388.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
  }
  .fourchanges_center{
    width: 16rem;
    height: 13.88rem;
    margin: 0 auto;
  }
  .fourchanges_center h2{
    font-size: 0.48rem;
    font-family: pb;
    color: #fff;
    padding-top: 2.4rem;
    text-align: left;
    font-weight: 600;
  }
  .fourtitle{
    width: auto;
    font-size: 0.24rem;
    color: #d8d8d8;
    text-align: left;
    font-family: p;
  }
  .tiaos1{
    width: 0.66rem;
    height: 0.06rem;
    float: left;
    margin-top: 0.25rem;
  }
  .fourbox{
    width: 16rem;
    height: 7.45rem;
    margin: 0 auto;

    margin-top: 0.5rem;
  }
  .mySwiper3{
    width: 100%;
    height: 100%;
  }
  .swiper3left{
    width: 14.08rem;
    height: 6.83rem;
    float: left;
    margin-top: 0.62rem;
  }
  .swiper3left img{
    width: 14.08rem;
    height: 6.83rem;
    float: left;
  }
  .swiperright{
    width: 9.09rem;
    height: 5.53rem;
    background: #fff;
    position: absolute;
    right: 0rem;
    top: 0rem;
  }
  .mySwiper3 .swiper-button-next img{
    width: 0.76rem;
    height: 0.76rem;
    position: absolute;
    right: 6.6rem;
    top: 0.5rem;
  }
  .mySwiper3 .swiper-button-prev img{
    width: 0.76rem;
    height: 0.76rem;
    position: absolute;
    top: 0.5rem;
    left: 7.4rem !important;
  }
  .swiperright h3{
    font-size: 0.36rem;
    color: #000;
    font-family: pb;
    text-align: left;
    padding-top: 0.8rem;
    text-indent: 0.6rem;
    padding-bottom: 0.5rem;
  }
  .swipertitle{
    width: 7.83rem;
    height: auto;
    font-size: 0.2rem;
    line-height: 0.3rem;
    color: #666;
  }
 .mySwiper3 .swiper-pagination{
    position: absolute;
    right: 0.6rem;
    text-align: right;
    width: 3rem;
    left: inherit;
    top: 3.7rem;
    font-family: impact;
    font-size: 0.48rem;
    color: #d6d6d6;
  }
  .mySwiper3 .swiper-pagination .swiper-pagination-total{
    font-size: 0.48rem;
    color: #d6d6d6;
  }
  .mySwiper3 .swiper-pagination .swiper-pagination-current{
    color: #f35d1d !important;
    font-size: 0.9rem;
  }
    .say{
    width: 100%;
    height: 11.5rem;
    margin: 0 auto;
    background: #f6f7fb;
    overflow: hidden;
    padding-bottom: 0.3rem;
  }
  .saycenter{
    width: 16rem;
    height: 11.5rem;
    margin: 0 auto;
    position: relative;
  }
  .saycenter h2{
    font-size: 0.48rem;
    font-family: pb;
    color: #000;
    padding-top: 1.1rem;
    text-align: left;
    font-weight: 600;
  }
  .whatbutton {
    width: 1.96rem;
    height: 0.62rem;
    background: url(../images/six.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 1.1rem;
    right: 0rem;
    font-size: 0.2rem;
    color: #fff;
    line-height: 0.62rem; font-family: "pb";
    text-align: center;
    text-indent: -0.1rem;
    cursor: pointer;
}
.saybox{
  width: 17.6rem;
  height: 5.25rem;
  margin-top: 1rem;
}
.mySwiper4{
  width: 100%;
  height: 100%;
}
.mySwiper4 .swiper-slide {
  position: relative;
}
.userimg{
  width: 1.38rem;
  height: 1.04rem;
  top: 0rem;
  right: 0rem;
  position: absolute;
  border-top-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  overflow: hidden;
  z-index: 9999;
}
.userimg img{
  width: 1.38rem;
  height: 1.04rem;
}
.userbox{
  width: 5.32rem;
  height: 4.71rem;
  position: absolute;
  top: 0.3rem;
  right: 0rem;
  border-radius: 0.2rem; background: #fff;
  box-shadow: 0px 0px 6px #eee;
}
.userbox h4{
  width: auto;
  font-size: 0.2rem;
  line-height: 0.2rem;
  color: #666;
  font-family: p;
  padding-top: 0.4rem;
  padding-bottom: 0.3rem;
  padding-left: 0.35rem;
}
.ready:hover{
    background: #f35d1d;
    transition: 0.4s;
    color: #fff;
     cursor: pointer;
}
.userstar{
  width: 1.15rem;
  height: 0.13rem;
  display: flex;
  justify-content: space-between;
  margin-left: 0.35rem;
}
.userstar img{
  width: 0.14rem;
  height: 0.13rem;
}
.usertitle{
  width: 4.75rem;
  height: auto;
  font-size: 0.18rem;
  line-height: 0.3rem;
  text-align: left;
  color: #666;
  font-family: p;
  margin-left: 0.35rem;
  margin-top: 0.35rem;
}
.username{
  font-size: 0.2rem;
  color: #f35d1d;
  font-family: pb;
  font-weight: 600;
  position: absolute;
  left: 0.35rem;
  bottom: 0.72rem;
}
.usertime{
  font-size: 0.2rem;
  color: #666;
  font-family: p;
  position: absolute;
  left: 0.35rem;
  bottom: 0.4rem;
}
.saycenter h3{
  font-size: 0.3rem;
  font-family: pb;
  font-weight: 600;
  color: #1b3885;
  text-align: center;
  width: 16rem;
  line-height: 0.3rem;
  padding-top: 0.8rem;
  padding-bottom: 0.4rem;
}
.ready{
  width: auto;
  font-size: 0.2rem;
  color: #f35d1d;
  line-height: 0.2rem;
  padding: 0.2rem 0.4rem;
  background: #faf8f8;
  border: 0.02rem solid #f4aa8c;
  border-radius: 0.6rem;
  display: inline;
  transition: 0.4s;
}
.ready2{
  width: auto;
  font-size: 0.2rem;
  color: #1b3d85;
  line-height: 0.2rem;
  padding: 0.2rem 0.4rem;
  background: #f6f7fb;
  border: 0.02rem solid #1b3d85;
  border-radius: 0.6rem;
  display: inline;
}
.ready2:hover{
    transition: 0.4s;
    color: #fff;
    background: #1b3d85;
    cursor: pointer;
}
.buttonbox{
  width: 5.8rem;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 0.15rem;
}
.where{
  width: 100%;
  height: 10.8rem;
  background: #fff;
  margin: 0 auto;
}
.where_center{
  width: 100%;
  height: 10.8rem;
  margin: 0 auto;
}
.wheretop_box{
  width: 16rem;
  height: 3rem;
  margin: 0 auto;
  position: relative;
}
.wheretop_box h2{
  font-size: 0.48rem;
  font-family: pb;
  color: #000;
  padding-top: 1.1rem;
  text-align: left;
}
.where_box{
  width: 100%;
  height: 6.65rem;
  margin: 0 auto;
}
.mySwiper5 .swiper-slide {
  width: 12.54rem;
}

.mySwiper5{
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.images_swiper{
  width: 12.54rem;
  height: 5.97rem;
  margin: 0 auto;
}
.images_swiper  img{
  width: 12.54rem;
  height: auto;
  flex-wrap: wrap;
}
.swiper5box{
  width: 7.84rem;
  height: 2.64rem;
  background: #f35d1d;
  position: absolute;
  bottom: 0rem;
  right: 0rem;
  opacity: 0;
  transition: 0.4s;
}
.swiper5imgcountry{
width: 0.32rem;
    height: 0.42rem;
    background: url(../images/dian1.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.27rem;
    margin-left: 0.43rem;
    position: relative;
}
.swipers5{
  width: 0.39rem;
  height: 0.42rem;
  overflow: hidden;
  border-radius: 0.39rem;
  position: absolute;
  top: 0.05rem;
  left: 0.05rem;
}
.swipers5 img{
  width: 0.39rem;
  height: 0.39rem;
  display: block;
}
.swiper5box h4{
  font-size: 0.2rem; font-weight: normal;
  color: #fff;
  font-family: p;
  position: absolute;
  top: 0.31rem;
  left: 0.9rem;
}
.swipers5two{
    width: 6.7rem;
  font-size: 0.26rem;
  color: #fff;
  font-family: pb;
  font-weight: 600;
  position: absolute;
  top: 0.8rem;
  left: 0.53rem;
  overflow: hidden;
text-overflow:ellipsis;
    white-space: nowrap;
}
.swiper5three{
  font-size: 0.18rem;
  line-height: 0.26rem;
  color: #fff;
  opacity: 0.8;
  text-align: left;
  width: 6.6rem;
  height: auto;
  position: absolute; font-family: "p";
  top: 1.37rem;
  left: 0.53rem;
}
.swiper-slide-next .swiper5box{
  opacity: 1 !important;
  transition: 0.4s;
}
.serve{
  width: 100%;
  height: 6.98rem;
  background: url(../images/698.jpg) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}
.serve_center{
  width: 16rem;
  height: 6.98rem;
  margin: 0 auto;
}
.serve_center h2{
  font-size: 0.48rem;
  font-family: pb;
  font-weight: 600;
  color: #fff;
  padding-top: 1.62rem;
}
.serce_two{
  font-size: 0.24rem;
  line-height: 0.24rem;
  color: #fff;
  font-family: p;
  text-align: left;
  padding-top: 0.1rem;
}
.servelist{
  width: 15.99rem;
  height: 4.74rem;
  margin: 0 auto;
  display: inline-flex;
  justify-content: space-between;
  background: url(../images/473.jpg) no-repeat;
  background-size: 100% 100%;
  margin-top: 0.95rem;
  overflow: hidden;
  z-index: 999999;
}
.servelist li{
  width: 5.33rem;
  height: 4.74rem;
  cursor: pointer;
  transition: 0.4s;
}
.servelist li img{
  width: 0.55rem;
  height: 0.55rem;
  display: block;
  margin-top: 0.3rem;
  margin-left: 0.45rem;
}
.servelist li h3{
  font-size: 0.26rem;
  font-family: pb;
  font-weight: 600;
  color: #1b3885;
  padding-top: 0.15rem;
  padding-left: 0.45rem;
}
.servelist_li{
  width: 3.55rem;
  height: auto;
  font-size: 0.2rem;
  line-height: 0.26rem;
  color: #1b3885;
  font-weight: 400;
  font-family: p;
  text-align: left;
  margin-top: 0.1rem;
  margin-left: 0.45rem;
}
.servelist li:hover{
  padding-top: 2.3rem;
  transition: 0.4s;
}
.kongs{
  width: 100%;
  height: 2.76rem;
  background: #fff;
  margin: 0 auto;
  z-index: -1;
}

.new{
  width: 100%;
  height: 9rem;
  background: #fff;
  margin: 0 auto;
}
.new_center{
  width: 16rem;
  height: 9rem;
  margin: 0 auto;
  position: relative;
}
.new_center h2{
  font-size: 0.48rem;
  font-family: pb;
  font-weight: 600;
  color: #000;
}
.xian{
  width: 16rem;
  height: 0.01rem;
  background: #d7dce4;
  margin-top: 0.8rem;
}
.listone{
  width: 16rem;
  height: 2.75rem;
 
  padding-bottom: 0.45rem;
  border-bottom: 0.01rem solid #d7dce4;
  margin: 0 auto;
  margin-top: 0.5rem;
  position: relative;
}
.suo_ce{
  width: 4.78rem;
  height: 2.71rem;
  float: right;
  overflow: hidden;
  transition: 0.4s;
}
.suo_ce img{
  width: 4.78rem;
  height: 2.71rem;
  transition: 0.4s;
}
.suo_ce img:hover{
  transform: scale(1.05);
  transition: 0.4s;
}

.listtitle_list li{
  width: auto;
  font-size: 0.2rem;
  line-height: 0.3rem;
  color: #999;
  font-family: p;
  font-weight: 600;
  text-align: left;
}
.listtitle_list li:nth-of-type(2){
    color: #333;
    line-height: 0.85rem;
    font-size: 0.3rem; font-family: pb;
}
.listtitle_List2 li:nth-of-type(2){
  font-size: 0.26rem;
  line-height: 0.6rem;
  color: #000;
  font-family: pb;
  text-align: left;
  border-right: none;
}
.listtitle_list li:nth-of-type(3){
  font-size: 0.2rem;
  line-height: 0.3rem;
  text-align: left;
  color: #333;
  font-family: p;
  font-weight: 400;
}
.listtitle_list  li:nth-of-type(4){
  font-size: 0.5rem;
  line-height: 0.5rem;
  text-align: left;
  color: #333;  
  position: absolute;
  bottom: 0.8rem;
  left: 0rem;
}
.listtitle_List2{
     width: 16rem;
    height: 1.95rem;
    padding-bottom: 0.3rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
    margin-top: 0.4rem;
    border-bottom: 0.01rem solid #ccc;
}
.listtitle_List2 li{
  width: 7.97rem;
  height: 0.55rem;
  border-right: 0.01rem solid #ccc;
  position: relative;
}
.bluedian{
  width: 0.04rem;
  height: 0.04rem;
  position: absolute;
  top: 0.35rem;
  background: #1a3884;
  left: 0rem;
}
.bluelist{
      width: 5rem;
    height: 0.55rem;
    font-size: 0.2rem;
    line-height: 0.75rem;
    color: #333;
    position: absolute;
    left: 0.6rem;
    top: 0rem;
    font-family: pb;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.listtitle_List2 li:nth-last-of-type(1){
  border: none !important;
}
.listtitle_List3 li:nth-last-of-type(1){
  border: none !important;
}

.listtitle_List3{
  width: 16rem;
  height: 0.95rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: space-between;
  padding-top: 0.4rem;
  border-bottom: 0.01rem solid #ccc;
}
.listtitle_List3 li{
  width: 7.97rem;
  height: 0.55rem;
  border-right: 0.01rem solid #ccc;
  position: relative;
}
.listtimes{
  font-size: 0.18rem;
  color: #666;
  font-weight: 600;
  font-family: p;
  position: absolute;
  top: 0.2rem;
  right: 0.3rem;
}
.contact{
  width: 100%;
  height: 5.4rem;
  margin: 0 auto;
  background: url(../images/498.jpg) no-repeat;
  background-size: 100% 100%;
}
.contact_center{
  width: 16rem;
  height: 4.98rem;
  margin:  0 auto;
  position: relative;
}
.contact_center h2{
  font-size: 0.48rem;
  font-family: pb;
  font-weight: 600;
  color: #fff;
  padding-top: 1.25rem;
}
.contact_center .serce_two{
  font-weight: 400 !important;
  font-family: p;
  font-size: 0.2rem;
}
.form_detas{
  width: 10.45rem;
  height: 4.98rem;
  position: absolute;
  top: 0rem;
  right: 0rem;
}
.form_detas h3{
  font-size: 0.26rem;
  font-weight: 400;
  font-family: p;
  color: rgba(255,255,255,0.9);
  text-align: left;
  line-height: 0.26rem;
  padding-top: 0.75rem;
  padding-bottom: 0.2rem;
}
.form_de1{
  width: 10.45rem;
  height: 0.5rem;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.form_de1 input{
  width: 3.34rem;
  height: 0.5rem;
  border: none !important;
  text-indent: 0.2rem;
 font-size: 0.18rem;
font-family: 'p';
}
.form_de2{
  width: 10.45rem;
  height: 0.5rem;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 0.17rem;
}
.form_de2 input{
  width: 5.13rem;
  height: 0.5rem;
  border: none !important;
  text-indent: 0.2rem;
      font-size: 0.18rem;
    font-family: 'p';
}
.form_de3{
  width: 10.45rem;
  height: 1rem;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 0.17rem;
}
.form_de3 textarea{
  width: 10.45rem;
  padding-top: 0.05rem;
  height: 0.95rem;
  margin: 0 auto;
  border: none; text-indent: 0.2rem;    font-size: 0.18rem;
    font-family: 'p';
  resize:none}
  .button_submit{
     width: 2.46rem;
     height: 0.64rem;
     background: url(https://www.yugongmachine.com/public/hd/timg/hdbutton.png) no-repeat;
     background-size: 100% 100%;
     display: table;
     margin: 0 auto;
     margin-top: 0.8rem;
     font-size: 0.24rem;
     text-align: center;
     font-family: pb;
     line-height: 0.64rem;
     border: none;
     color: #fff;
     font-weight: 600;
     cursor: pointer;
  }
  #bkform3{position: fixed;z-index: 99999999999999999999999999999999999 !important;top: 0%;display: none;}
.form {
width: 7.71rem;
padding: 0.2rem 0.1rem;
background: rgba(75, 74, 73, 0.8);
box-shadow: 0px 0.03rem 0.2rem 0.01rem rgba(3, 69, 158, 0.03921569);
font-size: 0.2rem;
font-family: Arial-Regular, Arial;
font-weight: 400;
color: #001323;
}
.form .dropdown.active .option {
display: block;
}
.form .dropdown {
position: relative;
width: 100%;
height: 0.58rem;
}
.form .dropdown input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
background-color: rgba(0, 19, 35, 0.03);
border: none;
outline: none;
padding: 0 0.2rem;
font-size: 0.21rem;
font-family: Arial-Regular, Arial;
font-weight: 400;
color: #001323;
}
.form .dropdown::before {
content: "";
position: absolute;
right: 0.2rem;
top: 0.14rem;
z-index: 10000;
width: 0.14rem;
height: 0.14rem;
border: 0.02rem solid #001323;
border-top: 0.02rem solid transparent;
border-right: 0.02rem solid transparent;
transform: rotate(-45deg);
transition: 0.5s;
pointer-events: none;
}

.form .dropdown.active::before {
  top: 0.25rem;
  transform: rotate(-225deg);
}
.form .dropdown .option {
height: 2.32rem;
display: none;
position: absolute;
top: 0.58rem;
width: 100%;
background-color: #ffffff;
overflow-y: auto;
}
.form .dropdown .option div {
height: 0.58rem;
line-height: 0.58rem;
padding: 0 0.2rem;
cursor: pointer;
}
.form .dropdown .option div:hover {
background-color: rgba(0, 19, 35, 0.1);
}
.form .contact-way {
font-size: 0.2rem;
font-family: Arial-Regular, Arial;
height: 1rem;
color: #001323;
display: flex;
justify-content: space-between;
}
.form .contact-way div {
width: 2.5rem;
}
.form .contact-way input {
margin-top: 0.17rem;
width: 2.87rem;
height: 0.46rem;
background: #fafafa;
border: 1px solid #cccccc;
font-size: 0.21rem;
font-family: Arial-Regular, Arial;
font-weight: 400;
color: #000;
padding-left: 0.1rem;
}
.form .Requirement p {
margin-top: 0.22rem;
margin-bottom: 0.17rem;
}
.form .Requirement textarea {
width: 100%;
height: 1.29rem;
background-color: rgba(0, 19, 35, 0.03);
resize: none;
border: 1px solid #ccc;
padding: 0.2rem;
font-size: 0.21rem;
font-family: Arial-Regular, Arial;
font-weight: 400;
color: #fff;
}
.form .submit {
text-align: center;
margin-top: 0.27rem;
}
.form .submit button {
width: 1.97rem;
height: 0.68rem;
background: #1daf0f;
border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
font-size: 0.28rem;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
font-weight: 400;
color: #f9fbfc;
}
.guanbi{
float: right;
position: absolute;
top: -0.25rem;
right: -0.25rem;

}
.hint{
font-size: 0.18rem;
color: red;
}


#form3 input::-webkit-input-placeholder{

color: #000;
font-size: 0.18rem;
}

#form3 input::-moz-placeholder{   /* Mozilla Firefox 19+ */

color: #000;
font-size: 0.18rem;
}

#form3 input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

color: #000;
font-size: 0.18rem;
}

#form3 input:-ms-input-placeholder{  /* Internet Explorer 10-11 */

color: #000;
font-size: 0.18rem;

}
#form3 textarea::-webkit-input-placeholder{

color: #000;
font-size: 0.18rem;
}

#form3 textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */

color: #000;
font-size: 0.18rem;
}

#form3 textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

color: #000;
font-size: 0.18rem;
}

#form3 textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */

color:#000;
font-size: 0.18rem;
}