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



/*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 a {

  display: block;

  width: 100%;

}



.banner .swiper-slide iframe,

.banner .swiper-slide video {

  width: 100% !important;

  display: block;

  position: relative;



}





.banner .swiper-slide {



  background-size: 100%;



  background-position: center;



  background-repeat: no-repeat;

  position: relative;

}







.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;



}









.mbanner {



  width: 100%;



  height: 100%;



  overflow: hidden;



  position: relative;



}







.mbanner .swiper-container {



  width: 100%;



  height: 100%;



  overflow: hidden;



  margin: 0 auto;







}







.mbanner .swiper-slide {



  width: 100%;



  height: 100%;



  overflow: hidden;



  position: relative;



}



.mbanner .swiper-slide a {

  display: block;

  width: 100%;

}



.mbanner .swiper-slide iframe,

.mbanner .swiper-slide video {

  width: 100% !important;

  display: block;

  position: absolute;

  height: 100% !important;

}





.mbanner .swiper-slide {



  background-size: 100%;



  background-position: center;



  background-repeat: no-repeat;

  position: relative;

}







.mbanner .swiper-slide img {



  width: 100%;



  height: 100%;



  display: block;



}











.mbanner .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;



}







.mbanner .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;



}







.mbanner .swiper-pagination {



  width: 100%;



  bottom: 0.3rem;



  left: 0px;



  text-align: center;



  position: absolute;



  z-index: 5;



}







.mbanner .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;



}







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



  background-color: #2688db;



  width: 33px;



  border-radius: 45px;



}





.mbanner{

  display: none;

}









@media (max-width: 980px) {



  



  .banner {

    display: none;

    top: 0;



  }



  .mbanner{

    display: block;

  }



  .mbanner .swiper-button-next1 {



    display: none;



  }







  .mbanner .swiper-button-prev1 {



    display: none;



  }







  .mbanner .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;



  }





 

}



.vr{

  display: none;

}







/* 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) {





  .vr{

    display: block;

    margin-top: 40px;

  }



  .vrbox{

    display: block;

    width: 100% !important;

    height: 360px !important;

  }



  .vrbox iframe{

    width: 100% !important;

    display: block;

    height: 360px !important;

  }



  .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;



  }





  .ab_bg .about .ab_img .ab_video video{

    display: block;

    position: relative;

  }





  .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;



  }







}