/*-----------------------------------------------------------*/



/*copyright by 动力无限  www.btoe.cn*/



/*邮箱 btoe@btoe.cn*/



/*合作电话 400-0599-360*/



/*版权所有违者必究*/



/*-----------------------------------------------------------*/



.sjcTop,



.sjcTop2,



.sjcBottom,



.sjcLeft,



.sjcRight,



.bg,



.leftWow,



.rightWow,



.bottomWow {



  -webkit-transition: all 0.8s ease-out;



  transition: all 0.8s ease-out;



}























/* banner */







.banner {



  width: 100%;



  height: 100%;



  overflow: hidden;



  position: relative;



}







.banner .swiper-container {



  width: 100%;



  height: 100%;



  overflow: hidden;



  margin: 0 auto;







}







.banner .swiper-slide {



  width: 100%;



  height: 100%;



  overflow: hidden;



  position: relative;



}







.banner .swiper-slide {



  background-size: 100%;



  background-position: center;



  background-repeat: no-repeat;



}







.banner .swiper-slide img {



  width: 100%;



  height: 100%;



  display: block;



}











.banner .swiper-button-next1{



  position: absolute;



  width: 65px;



  height: 65px;



  background: url(../images/bannerR.png) no-repeat  center;



  right: 4%;



  top: 50%;



  z-index: 5;



  cursor: pointer;



}







.banner .swiper-button-prev1{



  position: absolute;



  width: 65px;



  height: 65px;



  background: url(../images/bannerL.png) no-repeat  center;



  left: 4%;



  top: 50%;



  z-index: 5;



  cursor: pointer;



}







.banner .swiper-pagination {



  width: 100%;



  bottom: 0.3rem;



  left: 0px;



  text-align: center;



  position: absolute;



  z-index: 5;



}







.banner .swiper-pagination-bullets .swiper-pagination-bullet {



  margin: 0  10px  ;



  background-color: #fff;



  width: 10px;



  height: 10px;



  opacity: 1;



  border-radius: 50%;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



  display: inline-block;



}







.banner .swiper-pagination-bullets .swiper-pagination-bullet-active {



  background-color: #2688db;



  width: 33px;



  border-radius: 45px;



}











@media (max-width: 980px){







  .banner {



    top: 0;



  }



  .banner .swiper-button-next1{



    display: none;



  }







  .banner .swiper-button-prev1{



    display: none;



  }







  .banner .swiper-pagination {



    bottom: 0.1rem;



  }







}























/* title */







.title{



  margin: 0 auto;



  text-align: center;



}







.title h3 img{ 



  display: block;



  margin: 0 auto;







}







.title h3 a{



  display: block;



}







.title span{



  display: block;



  font-size: 0.2rem;



  color: #666666;



  letter-spacing: 7px;



  margin: 0.15rem auto 0 auto;



  background: url(../images/ab_xt.png) no-repeat  center;



}











.title i{



  display: block;



  font-size: 0.18rem;



  color: #333333;



  font-family: Arial, Helvetica, sans-serif;



  text-transform: uppercase;



  margin: 0.1rem auto 0 auto;



  background: url(../images/title.png) no-repeat  center;



}











/* about */







.ab_bg{



  width: 100%;



  margin: 0 auto;



  background: url(../images/ab_bg.jpg) no-repeat top center;



}







.ab_bg .about{



  margin: 0 auto;



  padding-top: 0.7rem;



}







.ab_bg .about .txt{



  font-size: 0.16rem;



  color:  #666666;



  line-height: 0.45rem;



  overflow: hidden;



  height: 1.8rem;



  margin-top: 0.4rem;



}



.ab_bg .about .more a{

  display: block;

  font-size: 0.16rem;

  color: #2688db;

  font-weight: bold;

}







.ab_bg .about .ab_img{



  margin: 0.35rem auto 0 auto;



  height: 4.49rem;



}







.ab_bg .about .ab_img .ab_video{



  float: left;



  position: relative;



  height: 4.49rem;



  width: 60%;



}







.ab_bg .about .ab_img .ab_video img{



  display: block;



  width: 100%;



  height: 100%;



  position: absolute;



  left: 0px;



  top: 0px;



}



.ab_bg .about .ab_img .ab_video iframe{



  display: block;



  width: 100%;



  height: 100%;



  position: absolute;



  left: 0px;



  top: 0px;



}







.ab_bg .about .ab_img .ab_video video{



  display: block;



  width: 100%;



  height: 100%;



  position: absolute;



  left: 0px;



  top: 0px;



}















.ab_bg .about .ab_trait{



  float: right;



  width: 38%;



  text-align: right;



  margin-top: 0.4rem;



}







.ab_bg .about .ab_trait h5{



  height: 0.6rem;











}







.ab_bg .about .ab_trait h5 img{



  display: inline-block;







}







.ab_bg .about .ab_trait h5 span{



  display: inline-block;



  font-size: 0.32rem;



  color: #2688db;



  font-weight: bold;



  font-family: "simsun";



  margin-left: 0.2rem;



  line-height: 0.32rem;



  position: relative;



  top: -0.15rem;







}







.ab_bg .about .ab_trait em{



  display: inline-block;



  margin-top: 0.4rem;



  background: url(../images/buttom1.png) no-repeat center;



  width: 0.33rem;



  height: 0.16rem;



}







.ab_bg .about .ab_trait p{



  font-size: 0.16rem;



  color: #333333;



  line-height: 0.48rem;



  font-style: italic;



  margin-top: 0.3rem;



}











.ab_bg .about .ab_num{



  margin: 0 auto;



  position: relative;



  width: 100%;



  height: 2.43rem;



  background: #2688db;



}











.ab_bg .about .ab_num .ry{



  float: left;



  background: url(../images/ry_bg.png) no-repeat center;



  background-size: 100%;



  width: 1.83rem;



  height: 2.43rem;



}







.ab_bg .about .ab_num .ry img{



  display: block;



  width: 1.43rem;



  height: 2.03rem;



  margin: 0.2rem 0 0 0.2rem;



}







.ab_bg .about .ab_num ul{



  float: right;



  width: 80%;



}







.ab_bg .about .ab_num ul li{



  float: left;



  position: relative;



  width: 22%;



  height: 1.18rem;



  margin-top: 0.42rem;



  background: url(../images/ab_xt1.png) no-repeat left top;



  padding-left: 3%;



}







.ab_bg .about .ab_num ul li h5{



  font-size: 0.16rem;



  color: #fff;



  margin: 0.1rem 0 0.05rem 0;











}







.ab_bg .about .ab_num ul li h5  span{



  font-size: 0.46rem;



  color: #fff;



  font-weight: bold;



  font-family: Arial, Helvetica, sans-serif;



  margin-right: 0.1rem;



}







.ab_bg .about .ab_num ul li p{



  font-size: 0.16rem;



  color: #fff;



}



















@media (max-width: 980px){







  



  .title h3 img{ 



    width: 1rem;



    height: auto;



  



  }



  



  .title h3 a{



    display: block;



  }



  



  .title span{



    display: block;



    font-size: 0.14rem;



    color: #666666;



    letter-spacing: 0px;



    margin: 0.1rem auto 0 auto;



    background: url(../images/ab_xt.png) no-repeat  center;



  }



  



  



  .title i{



    display: block;



    font-size: 0.14rem;



    color: #333333;



    font-family: Arial, Helvetica, sans-serif;



    text-transform: uppercase;



    margin: 0.05rem auto 0 auto;



    background: url(../images/title1.png) no-repeat  center;



  }



  



  



  /* about */



  



  .ab_bg{



    width: 100%;



    margin: 0 auto;



    background: url(../images/ab_bg.jpg) no-repeat top center;



  }



  



  .ab_bg .about{



    margin: 0 auto;



    padding-top: 0.3rem;



  }



  



  .ab_bg .about .txt{



    font-size: 0.15rem;



    color:  #666666;



    line-height: 0.3rem;



    overflow: hidden;



    height: 1.5rem;



    margin-top: 0.2rem;



  }



  .ab_bg .about .more{

    display: block;

    margin-top: 0.1rem;

  }



  



  .ab_bg .about .ab_img{



    margin: 0.25rem auto 0 auto;



    height: auto;



  }



  



  .ab_bg .about .ab_img .ab_video{



    float: none;



    position: relative;



    height: auto;



    width: 100%;



  }



  



  .ab_bg .about .ab_img .ab_video img{



    display: block;



    width: 100%;



    height: 100%;



    position: relative;



    left: 0px;



    top: 0px;



  }



  .ab_bg .about .ab_img .ab_video iframe{



    display: block;



    width: 100%;



    height: 100%;



    position: relative;



    left: 0px;



    top: 0px;



  }



  



  



  .ab_bg .about .ab_trait{



    float: none;



    width: 100%;



    text-align: center;



    margin-top: 0.3rem;



  }



  



  .ab_bg .about .ab_trait h5{



    height: auto;



  



  



  }



  



  .ab_bg .about .ab_trait h5 img{



    display: block;



    margin: 0 auto;



  



  }



  



  .ab_bg .about .ab_trait h5 span{



    display: inline-block;



    font-size: 0.24rem;



    color: #2688db;



    font-weight: bold;



    font-family: "simsun";



    margin-left: 0rem;



    line-height: 0.32rem;



    position: relative;



    top: 0rem;



  



  }



  



  .ab_bg .about .ab_trait em{



    display: inline-block;



    margin-top: 0.15rem;







  }



  



  .ab_bg .about .ab_trait p{



    font-size: 0.14rem;



    color: #333333;



    line-height: 0.3rem;



    font-style: italic;



    margin-top: 0.05rem;



  }



  



  



  .ab_bg .about .ab_num{



    margin: 0.1rem auto 0 auto;



    position: relative;



    width: 100%;



    height: auto;



    background: #2688db;



    overflow: hidden;



    padding-bottom: 0.2rem;



  }



  



  



  .ab_bg .about .ab_num .ry{



    display: none;



  }



  



  



  .ab_bg .about .ab_num ul{



    float: none;



    width: 96%;



    margin: 0 auto;



  }



  



  .ab_bg .about .ab_num ul li{



    float: left;



    position: relative;



    width: 45%;



    height: 0.8rem;



    margin-top: 0.22rem;



    margin-left: 2%;



    background: url(../images/ab_xt1.png) no-repeat left top;



    padding-left: 3%;



  }



  



  .ab_bg .about .ab_num ul li h5{



    font-size: 0.14rem;



    color: #fff;



    margin: 0.05rem 0 0.05rem 0;



  



  



  }



  



  .ab_bg .about .ab_num ul li h5  span{



    font-size: 0.3rem;



    color: #fff;



    font-weight: bold;



    font-family: Arial, Helvetica, sans-serif;



    margin-right: 0.1rem;



  }



  



  .ab_bg .about .ab_num ul li p{



    font-size: 0.14rem;



    color: #fff;



  }







}















/* team */ 







.team_bg{



  width: 100%;



  height: 8.94rem;



  margin: 0.7rem auto 0 auto;



  background: url(../images/team_bg.jpg) no-repeat center top;



  overflow: hidden;



}







.team_bg .team{



  margin: 0 auto;



  padding-top: 0.7rem;



}











.team_bg .team .team_box{



  margin: 0.25rem auto 0 auto;



  position: relative;



  width: 90%;



}







.team_bg .team .team_box .swiper-container{



  padding: 0.2rem 0;



}







.team_bg .team .team_box .swiper-slide{



  position: relative;



  



}







.team_bg .team .team_box .swiper-slide .pic{



  margin: 1.4rem auto 0 auto;



}







.team_bg .team .team_box .swiper-slide .pic img{



  display: block;



  width: 2rem;



  height: 2rem;



  border-radius: 50%;



  margin: 0 auto;



  -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);



  box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);







}











.team_bg .team .team_box .swiper-slide-prev .pic {



  float: left;



}







.team_bg .team .team_box .swiper-slide-next .pic {



  float: right;



}











.team_bg .team .team_box .swiper-slide .txt {



  margin: 0.4rem auto  auto;



  text-align: center;



  opacity: 0;



}







.team_bg .team .team_box .swiper-slide .txt h5{



  /* background: url(../images/buttom3.png) no-repeat center; */



  width: 100%;



  height: 0.52rem;



  margin: 0 auto;



  



}







.team_bg .team .team_box .swiper-slide .txt  a{

  display: block;

  margin: 0 auto;

  width: 100%;

  height: 0.52rem;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}





.team_bg .team .team_box .swiper-slide .txt  a::before{

    content: "";

    width: 34px;

    height: 56px;

    background: url(../images/buttom3.png) no-repeat center left;

}





.team_bg .team .team_box .swiper-slide .txt  a::after{

  content: "";

  width: 34px;

  height: 56px;

  background: url(../images/buttom3.png) no-repeat center right;

}





.team_bg .team .team_box .swiper-slide .txt  a i{

  display: none;

}





.team_bg .team .team_box .swiper-slide .txt  a span{



  font-size: 0.2rem;



  color: #333333;



  font-weight: bold;



  display: block;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}







.team_bg .team .team_box .swiper-slide .txt  a i{



  font-size: 0.14rem;



  color: #666666;



  font-family: Arial, Helvetica, sans-serif;



  display: block;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}











.team_bg .team .team_box .swiper-slide .txt p{



  font-size: 0.16rem;



  color: #666666;



  line-height: 0.3rem;



  height: 0.6rem;



  overflow: hidden;



  margin: 0.15rem auto 0 auto;



}



.team_bg .team .team_box .swiper-slide .txt .more{

  display: block;

  font-size: 0.16rem;



  color: #2688db;

  font-weight: bold;



  line-height: 0.3rem;

  margin: 5px auto  0 auto;

}



.team_bg .team .team_box	.swiper-slide-active,.team_bg .team .team_box .swiper-slide-duplicate-active{



      transform: scale(1);



  }



  







  .team_bg .team .team_box .swiper-slide-active .txt{



    opacity: 1;



  }











  .team_bg .team .team_box .swiper-slide-active .pic{



    width: 3.6rem;



    height: 3.6rem;



    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);



    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);



    border-radius: 50%;



    background: #fff;



    padding: 0.5rem;



    margin: 0 auto;



    position: relative;



    left: -17%;



  }



  



  .team_bg .team .team_box .swiper-slide-active .pic img{



    display: block;



    width: 3.6rem;



    height: 3.6rem;



    border-radius: 50%;



    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .0);



    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .0);



  



  }







  .team_bg .team .team_box .swiper-slide-active{



    position: relative;



    width: 36%;



  }







  .team_bg .team .team_box .team_button{



    position: absolute;



    left: 4%;



    top: 5.6rem;



    border-radius: 45px;



    background: #2688db url(../images/buttom2.png) no-repeat center ;



    width: 2rem;



    height: 0.6rem;



    z-index: 5;



  }







  .team_bg .team .team_box .team_button .swiper-next{



    position: relative;



    float: right;



    background: url(../images/team_right.png) no-repeat center ;



    width: 50%;



    height: 0.2rem;



    margin-top: 0.2rem;



  }







  .team_bg .team .team_box .team_button .swiper-prev{



    position: relative;



    float: left;



    background: url(../images/team_left.png) no-repeat center ;



    width: 50%;



    height: 0.2rem;



    margin-top: 0.2rem;



  }











  .team_bg .team .team_box .tel{



    position: absolute;



    right: 4%;



    top: 5rem;



    text-align: right;



  }







  .team_bg .team .team_box .tel span{



    display: block;



    font-size: 0.4rem;



    color: #333;



    font-weight: bold;



    font-family: 'Times New Roman', Times, serif;



    background: url(../images/tel_bg.png) no-repeat right center ;



    line-height: 0.29rem;



    padding-right: 0.25rem;



    margin-right: -0.25rem;



    height: 0.29rem;



  }







  .team_bg .team .team_box .tel i{



    display: block;



    text-align: right;



    font-size: 0.12rem;



    color: #666666;



    margin: 0.15rem 0 0.1rem 0;



  }







  .team_bg .team .team_box .tel em{



    display: block;



    font-size: 0.18rem;



    color: #333;



    font-family: Arial, Helvetica, sans-serif;



    font-weight: bold;



    border-top: 1px solid #000000;



    text-align: right;



    padding-top: 0.1rem;



  }



















  @media (max-width: 1440px){



    .team_bg .team .team_box .swiper-slide .pic img {



      width: 1.5rem;



      height: 1.5rem;



  }







  .team_bg .team .team_box .swiper-slide-active .pic{



    width: 2.6rem;



    height: 2.6rem;



  }



  



  .team_bg .team .team_box .swiper-slide-active .pic img{



    display: block;



    width: 2.6rem;



    height: 2.6rem;



    border-radius: 50%;



    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .0);



    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .0);



  



  }







  }















  @media (max-width: 980px){







    .team_bg{



      width: 100%;



      height: auto;



      margin: 0.3rem auto 0 auto;



      background: url(../images/team_bg.jpg) no-repeat center top;



      overflow: hidden;



      padding-bottom: 0.2rem;



    }



    



    .team_bg .team{



      margin: 0 auto;



      padding-top: 0.3rem;



    }



    



    



    .team_bg .team .team_box{



      margin: 0rem auto 0 auto;



      position: relative;



      width: 100%;



    }



    



    .team_bg .team .team_box .swiper-container{



      padding: 0.2rem 0;



    }



    



    .team_bg .team .team_box .swiper-slide{



      position: relative;



      



    }



    



    .team_bg .team .team_box .swiper-slide .pic{



      margin: 0rem auto 0 auto;



    }



    



    .team_bg .team .team_box .swiper-slide .pic img{



      display: block;



      width: 1rem;



      height: 1rem;



      border-radius: 50%;



      margin: 0 auto;



      -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);



      box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);



    



    }



    







  



    .team_bg .team .team_box .swiper-slide .txt {



      margin: 0.2rem auto  auto;



      text-align: center;



      opacity: 0;



      width: 90%;



    }



    



    



    .team_bg .team .team_box .swiper-slide .txt  a span{



      font-size: 0.16rem;



      color: #333333;







    }



    







    



    .team_bg .team .team_box .swiper-slide .txt p{



      font-size: 0.16rem;



      color: #666666;



      line-height: 0.24rem;



      height: 0.48rem;



      overflow: hidden;



      margin: 0.15rem auto 0 auto;



    }







      



    



      .team_bg .team .team_box .swiper-slide-active .txt{



        opacity: 1;



      }



    



    



      .team_bg .team .team_box .swiper-slide-active .pic{



        width: 1.8rem;



        height: 1.8rem;



        -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);



        box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);



        border-radius: 50%;



        background: #fff;



        padding: 0.3rem;



        margin: 0 auto;



        position: relative;



        left: 0%;



      }



      



      .team_bg .team .team_box .swiper-slide-active .pic img{



        display: block;



        width: 1.8rem;



        height: 1.8rem;



        border-radius: 50%;



        -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .0);



        box-shadow: 0 0 8px 6px rgba(0, 0, 0, .0);



      



      }



    



      .team_bg .team .team_box .swiper-slide-active{



        position: relative;



        width: 36%;



      }



    



      .team_bg .team .team_box .team_button{



        position: relative;



        left: 0%;



        top: 0;



        border-radius: 45px;



        background: #2688db url(../images/buttom2.png) no-repeat center ;



        width: 2rem;



        height: 0.4rem;



        z-index: 5;



        margin: 0 auto;



      }



    



      .team_bg .team .team_box .team_button .swiper-next{



        position: relative;



        float: right;



        background: url(../images/team_right.png) no-repeat center ;



        width: 50%;



        height: 0.2rem;



        margin-top: 0.1rem;



      }



    



      .team_bg .team .team_box .team_button .swiper-prev{



        position: relative;



        float: left;



        background: url(../images/team_left.png) no-repeat center ;



        width: 50%;



        height: 0.2rem;



        margin-top: 0.1rem;



      }



    



    



      .team_bg .team .team_box .tel{



        position: relative;



        right: 0%;



        top: 0;



        text-align: center;



        margin: 0.2rem auto 0 auto;



      }



    



      .team_bg .team .team_box .tel span{



        display: inline-block;



        font-size: 0.4rem;



        color: #333;



        font-weight: bold;



        font-family: 'Times New Roman', Times, serif;



        background: url(../images/tel_bg.png) no-repeat right center ;



        line-height: 0.29rem;



        padding-right: 0.25rem;



        margin-right: -0.25rem;



        height: 0.29rem;



      }



    



      .team_bg .team .team_box .tel i{



        display: block;



        text-align: center;



        font-size: 0.12rem;



        color: #666666;



        margin: 0.15rem 0 0.1rem 0;



      }



    



      .team_bg .team .team_box .tel em{



        display: block;



        font-size: 0.18rem;



        color: #333;



        font-family: Arial, Helvetica, sans-serif;



        font-weight: bold;



        border-top: 1px solid #000000;



        text-align: center;



        padding-top: 0.1rem;



        width: 90%;



        margin: 0 auto;



      }



    



    







    



  }



























/* honor */ 







.honor_bg{



  width: 100%;



  height: 6rem;



  margin: 0 auto;



  background: url(../images/honor_bg.jpg) no-repeat center top;



  overflow: hidden;



}







.honor_bg .honor{



  margin: 0 auto;



  padding-top: 0.7rem;



}







.honor_bg .honor .honor_box{



  margin: 0.5rem auto 0 auto;



  background: url(../images/honor_bg1.png) no-repeat center bottom;



  background-size: 100%;



  padding-bottom: 0.8rem;



}







.honor_bg .honor .honor_box .swiper-container{



  overflow: hidden;



  margin: 0 auto;



  width: 90%;



}







.honor_bg .honor .honor_box .swiper-container .swiper-slide{



  position: relative;



}







.honor_bg .honor .honor_box .swiper-container .swiper-slide .pic{



  background: url(../images/ry_list.png) no-repeat center;



  background-size: 100%;



  padding-top: 132%;



  width: 98%;



}







.honor_bg .honor .honor_box .swiper-container .swiper-slide .pic img{



  display: block;



  width: 76%;



  height: 84%;



  position: absolute;



  left: 14%;



  top: 10%;











}











@media (max-width: 980px){







  .honor_bg{



    height: auto;







  }



  



  .honor_bg .honor{



    margin: 0 auto;



    padding-top: 0.3rem;



    padding-bottom: 0.2rem;



  }



  



  .honor_bg .honor .honor_box{



    margin: 0.2rem auto 0 auto;



    background: url(../images/honor_bg1.png) no-repeat center bottom;



    background-size: 100%;



    padding-bottom: 0.2rem;



  }



  



  .honor_bg .honor .honor_box .swiper-container{



    overflow: hidden;



    margin: 0 auto;



    width: 98%;



  }



  



  .honor_bg .honor .honor_box .swiper-container .swiper-slide{



    position: relative;



  }



  











}







/* product */ 







.pro_bg{



  margin: 0.7rem auto 0 auto;



  overflow: hidden;



}







.pro_bg .product{



  margin: 0 auto;



}







.pro_bg .product .pro_box{



  margin: 0.5rem auto 0 auto;



  width: 92%;



}







.pro_bg .product .pro_box ul li{



  float: left;



  width: 48.5%;



  height: 5rem;



  background: url(../images/pro_nr1.jpg) no-repeat center top;



  margin: 0 1% 0.2rem 0;



  border: 1px solid #dbdbdb;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}







.pro_bg .product .pro_box ul li:nth-child(2n){



  float: left;



  background: url(../images/pro_nr2.jpg) no-repeat center top;



}







.pro_bg .product .pro_box ul li .txt{



  float: left;



  width: 39%;



  margin: 1.15rem 0 0 8%;



}







.pro_bg .product .pro_box ul li .txt h5 a{



  font-size: 0.2rem;



  color: #333333;



  font-weight: bold;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}







.pro_bg .product .pro_box ul li .txt i{



  font-size: 0.12rem;



  color: #999999;



  font-family: Arial, Helvetica, sans-serif;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



  margin-top: 0.15rem;



}







.pro_bg .product .pro_box ul li .txt p{



  font-size: 0.16rem;



  color: #666666;



  line-height: 0.46rem;



  height: 0.92rem;



  overflow: hidden;



  margin-top: 0.5rem;







}







.pro_bg .product .pro_box ul li .txt .more{



  display: block;



  width: 1.5rem;



  height: 0.44rem;



  line-height: 0.44rem;



  border: 1px solid #c7c7c7;



  text-align: center;



  font-size: 0.16rem;



  color: #333333;



  position: relative;



  z-index: 5;



  margin-top: 0.6rem;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}







.pro_bg .product .pro_box ul li .txt .more::after{



  width: 0;



  height:100%;



  position: absolute;



  left: 0;



  top: 0rem;



  content: "";



  z-index: -1;



  background:  #2688db;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}







.pro_bg .product .pro_box ul li:hover .txt .more::after{



  width: 100%;



}







.pro_bg .product .pro_box ul li:hover .txt .more{



  color: #fff;



  border: 1px solid #2688db;



}







.pro_bg .product .pro_box ul li .pic{



  float: right;



  margin: 0.8rem 6% 0 0;



  width: 42%;



  height: 3.5rem;



  position: relative;



  overflow: hidden;







} 







.pro_bg .product .pro_box ul li .pic img{



  display: block;



  position: absolute;



  left: 0;



  top: 0;



  width: 100%;



  height: 100%;



  object-fit: cover;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}







.pro_bg .product .pro_box ul li:hover .pic img{



  transform: scale(1.1);



  -webkit-transform: scale(1.1);



  -o-transform: scale(1.1);



}







.pro_bg .product .pro_box ul li:hover .txt h5 a{



  color: #2688db;



}







.pro_bg .product .pro_box ul li:hover{



  -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .1);



  box-shadow: 0 0 8px 6px rgba(0, 0, 0, .1);



}















@media (max-width: 980px){







  .pro_bg{



    margin: 0.4rem auto 0 auto;



    overflow: hidden;



  }



  



  .pro_bg .product{



    margin: 0 auto;



  }



  



  .pro_bg .product .pro_box{



    margin: 0.3rem auto 0 auto;



    width: 94%;



  }



  



  .pro_bg .product .pro_box ul li{



    float: left;



    width: 47%;



    height: auto;



    background: url(../images/pro_nr1.jpg) no-repeat center top;



    margin: 0 3.5% 0.2rem 0;



    border: 1px solid #dbdbdb;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    padding-bottom: 0.2rem;



  }



  



  .pro_bg .product .pro_box ul li:nth-child(2n){



    float: left;



    background: url(../images/pro_nr2.jpg) no-repeat center top;



    margin-right: 0;



  }



  



  .pro_bg .product .pro_box ul li .txt{



    float: none;



    width: 90%;



    margin: 0.3rem auto 0 auto;



  }



  



  .pro_bg .product .pro_box ul li .txt h5 a{



    font-size: 0.16rem;







  }



  



  .pro_bg .product .pro_box ul li .txt i{



    font-size: 0.12rem;



    margin-top: 0.05rem;



  }



  



  .pro_bg .product .pro_box ul li .txt p{



    font-size: 0.16rem;



    color: #666666;



    line-height: 0.3rem;



    height: 0.6rem;



    overflow: hidden;



    margin-top: 0.03rem;



  



  }



  



  .pro_bg .product .pro_box ul li .txt .more{



    display: block;



    width: 1rem;



    height: 0.32rem;



    line-height: 0.32rem;



    border: 1px solid #c7c7c7;



    text-align: center;



    font-size: 0.14rem;



    color: #333333;



    position: relative;



    z-index: 5;



    margin: 0.1rem auto 0 auto;







  }



  



  



  .pro_bg .product .pro_box ul li .pic{



    float: none;



    margin: 0.3rem auto 0 auto;



    width: 90%;



    height: auto;



    position: relative;



    overflow: hidden;



    padding-top: 60%;



  



  } 



  











}















/* case */ 







.case_bg{



  width: 100%;



  margin: 0 auto;



  overflow: hidden;



  background: url(../images/case_bg.jpg) no-repeat center bottom;



  padding-bottom: 0.7rem;



  background-size: cover;



}







.case_bg .case{



  margin: 0 auto;



  padding-top: 0.7rem;



}







.case_bg .case .case_box{



  margin: 0.45rem auto 0 auto;



  position: relative;



  z-index: 5;



  overflow: hidden;



}







.case_bg .case .case_box::after{



  content: "";



  z-index: -1;



  width: 95%;



  height: 1px;



  background: #9ebce1;



  position: absolute;



  left: 2.5%;



  bottom: 0.15rem;



}







.case_bg .case .case_box ul li{



  float: left;



  width: 23.5%;



  margin-right: 2%;



}







.case_bg .case .case_box ul li:last-child{



  margin-right: 0;



}







.case_bg .case .case_box ul li .pic{



  margin: 0 auto;



  background: #f6f6f6;



  width: 100%;



  /*! padding-top: 75%; */



  position: relative;







}







.case_bg .case .case_box ul li .pic img{



  position: absolute;



  left: 3%;



  top: 4%;



  width: 94%;



  height: 92%;











}





.case_bg .case .case_box ul li  iframe{

  width: 100% !important;

  display: block;

  height: 300px !important;

  object-fit: contain;

}





.case_bg .case .case_box ul li  video{

  width: 100% !important;

  display: block;

  height: 300px !important;

  object-fit: contain;

}



.case_bg .case .case_box ul li .txt{



  margin: 0.2rem auto 0 auto;



  text-align: center;



  position: relative;



  z-index: 5;







}







.case_bg .case .case_box ul li .txt h5 a{



  font-size: 0.2rem;



  color: #333;



  font-weight: bold;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}







.case_bg .case .case_box ul li .txt p{



  font-size: 0.16rem;



  color: #666666;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



  margin: 0.15rem auto 0.45rem auto;



}







.case_bg .case .case_box ul li .txt .more{



  display: block;



  margin: 0 auto;



  width: 0.3rem;



  height: 0.3rem;



  background: #f6f6f6 url(../images/more1.png) no-repeat center ;



  border-radius: 50%;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}







.case_bg .case .case_box ul li .txt::after{



  content: "";



  z-index: -1;



  width: 0%;



  height: 1px;



  background: #2688db;



  position: absolute;



  left: 2%;



  bottom: 0.15rem;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}







.case_bg .case .case_box ul li:hover .txt::after{



  width: 96%;



}















.case_bg .case .case_box ul li:hover .txt h5 a{



  color: #2688db;



}







.case_bg .case .case_box ul li:hover .txt .more {



  background: #2688db url(../images/more.png) no-repeat center ;



}



















@media (max-width: 980px){



  .case_bg{



    padding-bottom: 0.3rem;



  }



  



  .case_bg .case{



    margin: 0 auto;



    padding-top: 0.3rem;



  }



  



  .case_bg .case .case_box{



    margin: 0.3rem auto 0 auto;



    position: relative;



    z-index: 5;



    overflow: hidden;



  }



  



  .case_bg .case .case_box::after{



    display: none;



  }



  



  .case_bg .case .case_box ul li{



    float: left;



    width: 48%;



    margin-right: 3%;



    margin-bottom: 0.2rem;



  }







  .case_bg .case .case_box ul li:nth-child(2){



    margin-right: 0;



  }



  



  .case_bg .case .case_box ul li:last-child{



    margin-right: 0;



  }



  







  .case_bg .case .case_box ul li .txt{



    margin: 0.1rem auto 0 auto;



    text-align: center;



    position: relative;



    z-index: 5;



  



  }



  



  .case_bg .case .case_box ul li .txt h5 a{



    font-size: 0.16rem;



    color: #333;



  }



  



  .case_bg .case .case_box ul li .txt p{



    font-size: 0.14rem;



    margin: 0.08rem auto 0.15rem auto;



  }



  



  .case_bg .case .case_box ul li .txt .more{



    display: block;



    margin: 0 auto;



    width: 0.3rem;



    height: 0.3rem;



    background: #f6f6f6 url(../images/more1.png) no-repeat center ;



    border-radius: 50%;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



  }















}















/* news */ 







.news_bg{



  width: 100%;



  margin: 0.7rem auto 0 auto;



  overflow: hidden;



  padding-bottom: 0.7rem;



}







.news_bg .news{







}







.news_bg .news .news_center{



  margin: 0.45rem auto 0 auto;



}











.news_bg .news .news_center .news_list{



  float: left;



  width: 10.5%;



  height: 5.76rem;



  background: #fff;



  -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);



  box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);



}







.news_bg .news .news_center .news_list ul li{



  height: 1.92rem;



  width: 100%;



  position: relative;



  z-index: 5;



  text-align: center;



}







.news_bg .news .news_center .news_list ul li::after{



  content: "";



  position: absolute;



  bottom: 0px;



  left: 8%;



  height: 1px;



  width: 74%;



  background: #f8f8f8;



}







.news_bg .news .news_center .news_list ul li a{



  display: block;



  text-align: center;



  font-size: 0.2rem;



  color: #333;



  padding-top: 1rem;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



} 







.news_bg .news .news_center .news_list ul li::after{



  content: "";



  z-index: -1;



  position: absolute;



  top: 0px;



  left: 0%;



  height: 0px;



  width: 100%;



  background: #2688db;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}















.news_bg .news .news_center .news_list ul li.n1 a{



  background: url(../images/news1.png) no-repeat center 0.55rem;



}







.news_bg .news .news_center .news_list ul li.n2 a{



  background: url(../images/news2.png) no-repeat center 0.55rem;



}







.news_bg .news .news_center .news_list ul li.n3 a{



  background: url(../images/news3.png) no-repeat center 0.55rem;



}







.news_bg .news .news_center .news_list ul li.on::after{



  height: 100%;



}







.news_bg .news .news_center .news_list ul li.on a{



  color: #fff;



}







.news_bg .news .news_center .news_list ul li.n1.on a{



  background: url(../images/news11.png) no-repeat center 0.55rem;



}







.news_bg .news .news_center .news_list ul li.n2.on a{



  background: url(../images/news22.png) no-repeat center 0.55rem;



}







.news_bg .news .news_center .news_list ul li.n3.on a{



  background: url(../images/news33.png) no-repeat center 0.55rem;



}











.news_bg .news .news_center .news_box{



  width: 86%;



  float: right;



}











.news_bg .news .news_center .news_box .mySwiper{



  overflow: hidden;



}







.news_bg .news .news_center .news_box .news_top{



  width: 100%;



  height: 4rem;



  background: #f8fcff;







} 







.news_bg .news .news_center .news_box .news_top .news_img{



  float: left;



  width: 42%;



  height: 4rem;



  position: relative;



  background: #f6f6f6;







}







.news_bg .news .news_center .news_box .news_top .news_img img{



  position: absolute;



  left: 1.5%;



  top: 2.5%;



  width: 97%;



  height: 95%;







}







.news_bg .news .news_center .news_box .news_top .txt{



  float: right;



  width: 48%;



  margin: 0.9rem 5% 0 0;



} 







.news_bg .news .news_center .news_box .news_top .txt h5{



  height: 0.35rem;



  line-height: 0.35rem;







}







.news_bg .news .news_center .news_box .news_top .txt h5 a{



  font-size: 0.2rem;



  color: #2688db;



  font-weight: bold;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



  float: left;



  width: 70%;



}







.news_bg .news .news_center .news_box .news_top .txt h5 span{



  display: block;



  float: right;



  font-size: 0.3rem;



  color: #333;



  font-weight: bold;



  font-family: Arial, Helvetica, sans-serif;



}







.news_bg .news .news_center .news_box .news_top .txt p{



  font-size: 0.16rem;



  color: #999;



  line-height: 0.42rem;



  height: 0.84rem;



  overflow: hidden;



  margin: 0.35rem auto 0.25rem auto;







}







.news_bg .news .news_center .news_box .news_top .txt .more{



  display: block;



}







.news_bg .news .news_center .news_box .news_top .txt .more em{



  display: block;



  font-size: 0.58rem;



  color: #f6f6f6;



  font-weight: bold;



  font-family: Arial Black;



  text-transform: uppercase;



  line-height: 0.45rem;



}







.news_bg .news .news_center .news_box .news_top .txt .more i{



  display: block;



  font-size: 0.16rem;



  color: #333;



  font-family: Arial, Helvetica, sans-serif;



  margin-top: -0.3rem;



}







.news_bg .news .news_center .news_box .list{



  margin: 0.4rem  auto 0 auto;



} 







.news_bg .news .news_center .news_box .list ul li{



  float: left;



  width: 31%;



  height: 1.35rem;



  border: 1px solid #dddddd;



  margin-right: 3.1%;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



}







.news_bg .news .news_center .news_box .list ul li:last-child{



  margin-right: 0;



}







.news_bg .news .news_center .news_box .list ul li a{



  display: block;



  height: 0.75rem;



  line-height: 0.75rem;



  border-bottom: 1px dashed #e7e7e7;



  width: 90%;



  margin: 0 auto;



}







.news_bg .news .news_center .news_box .list ul li a i{



  font-size: 0.2rem;



  color: #333;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



  float: left;



  width: 70%;



}







.news_bg .news .news_center .news_box .list ul li a span{



  display: block;



  float: right;



  font-size: 0.12rem;



  color: #999999;



  font-family: Arial, Helvetica, sans-serif;



}







.news_bg .news .news_center .news_box .list ul li p{



  font-size: 0.16rem;



  color: #888888;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



  -webkit-transition: all 0.5s ease-out;



  -o-transition: all 0.5s ease-out;



  transition: all 0.5s ease-out;



  width: 90%;



  margin: 0 auto;



  line-height: 0.55rem;



}











.news_bg .news .news_center .news_box .list ul li:hover{



  border: 1px solid #2688db;



}







.news_bg .news .news_center .news_box .list ul li:hover a i{



  color: #2688db;



}







@media (max-width: 980px){







  .news_bg{



    width: 100%;



    margin: 0.3rem auto 0 auto;



    overflow: hidden;



    padding-bottom: 0;



  }



  



  .news_bg .news{



  



  }



  



  .news_bg .news .news_center{



    margin: 0.25rem auto 0 auto;



  }



  



  



  .news_bg .news .news_center .news_list{



    float: none;



    width: 100%;



    height: auto;



    background: #fff;



    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);



    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .05);



    overflow: hidden;



  }



  



  .news_bg .news .news_center .news_list ul li{



    height: 0.82rem;



    width: 33.33%;



    position: relative;



    z-index: 5;



    text-align: center;



    float: left;



  }



  



  .news_bg .news .news_center .news_list ul li::after{



 



  }



  



  .news_bg .news .news_center .news_list ul li a{



    display: block;



    text-align: center;



    font-size: 0.16rem;



    color: #333;



    padding-top: 0.5rem;



  } 



  



  



  



  .news_bg .news .news_center .news_list ul li.n1 a{



    background: url(../images/news1.png) no-repeat center 0.15rem;



  }



  



  .news_bg .news .news_center .news_list ul li.n2 a{



    background: url(../images/news2.png) no-repeat center 0.15rem;



  }



  



  .news_bg .news .news_center .news_list ul li.n3 a{



    background: url(../images/news3.png) no-repeat center 0.15rem;



  }



  



  



  .news_bg .news .news_center .news_list ul li.on a{



    color: #fff;



  }



  



  .news_bg .news .news_center .news_list ul li.n1.on a{



    background: url(../images/news11.png) no-repeat center 0.15rem;



  }



  



  .news_bg .news .news_center .news_list ul li.n2.on a{



    background: url(../images/news22.png) no-repeat center 0.15rem;



  }



  



  .news_bg .news .news_center .news_list ul li.n3.on a{



    background: url(../images/news33.png) no-repeat center 0.15rem;



  }



  



  



  .news_bg .news .news_center .news_box{



    width: 100%;



    float: none;



    margin: 0.2rem auto 0 auto;



  }



  



  



  .news_bg .news .news_center .news_box .mySwiper{



    overflow: hidden;



  }



  



  .news_bg .news .news_center .news_box .news_top{



    width: 100%;



    height: auto;



    background: #f8fcff;



    overflow: hidden;



    padding-bottom: 0.2rem;



  



  } 



  



  .news_bg .news .news_center .news_box .news_top .news_img{



    float: none;



    width: 100%;



    height: auto;



    position: relative;



    background: #f6f6f6;



    padding-top: 50%;



  



  }



  



  .news_bg .news .news_center .news_box .news_top .txt{



    float: none;



    width: 90%;



    margin: 0.2rem auto 0 auto;



  } 



  



  .news_bg .news .news_center .news_box .news_top .txt h5{



    height: 0.3rem;



    line-height: 0.3rem;



  



  }



  



  .news_bg .news .news_center .news_box .news_top .txt h5 a{



    font-size: 0.16rem;



    color: #2688db;



    font-weight: bold;



    white-space: nowrap;



    text-overflow: ellipsis;



    -o-text-overflow: ellipsis;



    overflow: hidden;



    display: block;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    float: left;



    width: 70%;



  }



  



  .news_bg .news .news_center .news_box .news_top .txt h5 span{



    display: block;



    float: right;



    font-size: 0.2rem;



    color: #333;



    font-weight: bold;



    font-family: Arial, Helvetica, sans-serif;



  }



  



  .news_bg .news .news_center .news_box .news_top .txt p{



    font-size: 0.16rem;



    color: #999;



    line-height: 0.32rem;



    height: 0.64rem;



    overflow: hidden;



    margin: 0.1rem auto 0.1rem auto;



  



  }



  



  .news_bg .news .news_center .news_box .news_top .txt .more{



    display: block;



  }



  



  .news_bg .news .news_center .news_box .news_top .txt .more em{



    display: block;



    font-size: 0.38rem;



    color: #f6f6f6;



    font-weight: bold;



    font-family: Arial Black;



    text-transform: uppercase;



    line-height: 0.45rem;



  }



  



  .news_bg .news .news_center .news_box .news_top .txt .more i{



    display: block;



    font-size: 0.14rem;



    color: #333;



    font-family: Arial, Helvetica, sans-serif;



    margin-top: -0.3rem;



  }



  



  .news_bg .news .news_center .news_box .list{



    margin: 0.2rem  auto 0 auto;



  } 



  



  .news_bg .news .news_center .news_box .list ul li{



    float: none;



    width: 98%;



    height: auto;



    border: 1px solid #dddddd;



    margin: 0 auto 0.1rem auto;



    overflow: hidden;



  }



  



  .news_bg .news .news_center .news_box .list ul li:last-child{



    margin-right: 0;



  }



  



  .news_bg .news .news_center .news_box .list ul li a{



    display: block;



    height: 0.55rem;



    line-height: 0.55rem;



    border-bottom: 1px dashed #e7e7e7;



    width: 90%;



    margin: 0 auto;



  }



  



  .news_bg .news .news_center .news_box .list ul li a i{



    font-size: 0.16rem;



    color: #333;



    white-space: nowrap;



    text-overflow: ellipsis;



    -o-text-overflow: ellipsis;



    overflow: hidden;



    display: block;



    -webkit-transition: all 0.5s ease-out;



    -o-transition: all 0.5s ease-out;



    transition: all 0.5s ease-out;



    float: left;



    width: 70%;



  }



  



  .news_bg .news .news_center .news_box .list ul li a span{



    display: block;



    float: right;



    font-size: 0.12rem;



    color: #999999;



    font-family: Arial, Helvetica, sans-serif;



  }



  



  .news_bg .news .news_center .news_box .list ul li p{



    font-size: 0.16rem;



    color: #888888;



    white-space: nowrap;



    text-overflow: ellipsis;



    -o-text-overflow: ellipsis;



    overflow: hidden;



    display: block;



    width: 90%;



    margin: 0 auto;



    line-height: 0.45rem;



  }



  







  



}











/* message */ 







.message_bg{



  width: 100%;



  margin: 0rem auto 0 auto;



  overflow: hidden;



  background: #f8fcff;



  padding-bottom: 0.55rem;



}







.message_bg .message{



  padding-top: 0.5rem;



  margin: 0 auto;







}







.message_bg .message .m_t{



  margin: 0 auto;



  font-size: 0.24rem;



  color: #333;



  font-weight: bold;



  font-family: "simsun";



}







.message_bg .message .m_t i{



  font-size: 0.14rem;



  color: #999999;



  font-family: 'Times New Roman', Times, serif;



  text-transform: uppercase;







}







.message_bg .message .message_box{



  margin: 0.3rem auto 0 auto;



}







.message_bg .message .message_box .form-group1{



  float: left;



  width: 17%;



  height: 0.5rem;



  border: 1px solid #eaeaea;



  background: #fff;



  border-radius: 5px;



  margin-right: 1.5%;



}







.message_bg .message .message_box .form-group1 input{



  width: 100%;



  height: 0.5rem;



  text-indent: 0.4rem;



  font-size: 0.16rem;



  color: #9196a2;



  background: url(../images/m1.png) no-repeat 0.1rem center ;



}







.message_bg .message .message_box .form-group2{



  float: left;



  width: 19%;



  height: 0.5rem;



  border: 1px solid #eaeaea;



  background: #fff;



  border-radius: 5px;



  margin-right: 1.5%;



}







.message_bg .message .message_box .form-group2 input{



  width: 100%;



  height: 0.5rem;



  text-indent: 0.4rem;



  font-size: 0.16rem;



  color: #9196a2;



  background: url(../images/m2.png) no-repeat 0.1rem center ;



}







.message_bg .message .message_box .form-group3{



  float: left;



  width: 29.5%;



  height: 0.5rem;



  border: 1px solid #eaeaea;



  background: #fff;



  border-radius: 5px;



  margin-right: 1.5%;



}







.message_bg .message .message_box .form-group3 textarea{



  width: 100%;



  height: 0.35rem;



  text-indent: 0.4rem;



  font-size: 0.16rem;



  color: #9196a2;



  background: url(../images/m3.png) no-repeat 0.1rem center ;



  padding-top: 0.15rem;



}







.message_bg .message .message_box .form-group4{



  float: left;



  width: 19%;



  height: 0.5rem;



  border: 1px solid #eaeaea;



  background: #fff;



  border-radius: 5px;



}







.message_bg .message .message_box .form-group4 input{



  width: 60%;



  height: 0.5rem;



  text-indent: 0.15rem;



  font-size: 0.16rem;



  color: #6f6f6f;



  background: none ;



  float: left;



}







.message_bg .message .message_box .form-group4 .imgcode{



  float: right;



  width: 0.9rem;



  height: 0.36rem;



  margin: 0.07rem 0.07rem 0 0;



}







.message_bg .message .message_box .anniu{



  float: right;



  width: 9%;



}







.message_bg .message .message_box .anniu button{



  cursor: pointer;



  border: none;



  border-radius: 5px;



  background: #2688db;



  width: 100%;



  height: 0.5rem;



  font-size: 0.14rem;



  color: #fff;



}















@media (max-width: 980px){







  .message_bg{



    width: 100%;



    margin: 0.2rem auto 0 auto;



    overflow: hidden;



    background: #f8fcff;



    padding-bottom: 0;



  }



  



  .message_bg .message{



    padding: 0.2rem 0;



    margin: 0 auto;



  



  }



  



  .message_bg .message .m_t{



    margin: 0 auto;



    font-size: 0.22rem;



    color: #333;



    font-weight: bold;



    font-family: "simsun";



    text-align: center;



  }



  



  .message_bg .message .m_t i{



    font-size: 0.14rem;



    color: #999999;



    font-family: 'Times New Roman', Times, serif;



    text-transform: uppercase;



  



  }



  



  .message_bg .message .message_box{



    margin: 0.2rem auto 0 auto;



  }



  



  .message_bg .message .message_box .form-group1{



    float: left;



    width: 48%;



    height: 0.4rem;



    border: 1px solid #eaeaea;



    background: #fff;



    border-radius: 5px;



    margin-right: 2.5%;



  }



  



  .message_bg .message .message_box .form-group1 input{



    width: 100%;



    height: 0.4rem;



    text-indent: 0.4rem;



    font-size: 0.14rem;



    color: #9196a2;



    background: url(../images/m1.png) no-repeat 0.1rem center ;



  }



  



  .message_bg .message .message_box .form-group2{



    float: left;



    width: 48%;



    height: 0.4rem;



    border: 1px solid #eaeaea;



    background: #fff;



    border-radius: 5px;



    margin-right: 0%;



  }



  



  .message_bg .message .message_box .form-group2 input{



    width: 100%;



    height: 0.4rem;



    text-indent: 0.4rem;



    font-size: 0.14rem;



    color: #9196a2;



    background: url(../images/m2.png) no-repeat 0.1rem center ;



  }



  



  .message_bg .message .message_box .form-group3{



    float: left;



    width: 48%;



    height: 0.4rem;



    border: 1px solid #eaeaea;



    background: #fff;



    border-radius: 5px;



    margin-right: 2.5%;



    margin-top: 0.1rem;



    margin-bottom: 0.1rem;



  }



  



  .message_bg .message .message_box .form-group3 textarea{



    width: 100%;



    height: 0.3rem;



    text-indent: 0.4rem;



    font-size: 0.14rem;



    color: #9196a2;



    background: url(../images/m3.png) no-repeat 0.1rem center ;



    padding-top: 0.1rem;



  }



  



  .message_bg .message .message_box .form-group4{



    float: left;



    width: 48%;



    height: 0.4rem;



    border: 1px solid #eaeaea;



    background: #fff;



    border-radius: 5px;



    margin-right: 0%;



    margin-top: 0.1rem;



    margin-bottom: 0.1rem;



  }



  



  .message_bg .message .message_box .form-group4 input{



    width: 60%;



    height: 0.4rem;



    text-indent: 0.15rem;



    font-size: 0.14rem;



    color: #6f6f6f;



    background: none ;



    float: left;



  }



  



  .message_bg .message .message_box .form-group4 .imgcode{



    float: right;



    width: 0.6rem;



    height: 0.3rem;



    margin: 0.05rem 0.07rem 0 0;



  }



  



  .message_bg .message .message_box .anniu{



    float: none;



    width: 50%;



    margin: 0.1rem auto 0 auto;



  }



  



  .message_bg .message .message_box .anniu button{



    cursor: pointer;



    border: none;



    border-radius: 5px;



    background: #2688db;



    width: 100%;



    height: 0.5rem;



    font-size: 0.14rem;



    color: #fff;



  }







}