@font-face {
  font-family: "SiyuanRegular";
  src: url('../font/NOTOSANSHANS-REGULAR_2.OTF');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SiyuanMedia";
  src: url('../font/NOTOSANSHANS-MEDIUM_2.OTF');
  font-weight: normal;
  font-style: normal;
}

.pro_boxtu{
	text-align: center;
}
#yincangziti {
  opacity: 0;
  width: 0;
  display: block;
  height: 0;
  font-family: "SiyuanRegular";
}

.world_top_car {
  display: none;
}

.index_banner1 {
  width: 100%;
  padding-bottom: 28.8%;
  position: relative;

}

.index_banner1 .swiper-container {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.index_banner2_con .swiper-pagination-bullet {
  border-radius: 10px !important;
  opacity: 1 !important;
  background: #fff;
}

.index_banner2_con .swiper-pagination-bullet-active {
  background: #bab9b5;
}

.index_banner1_con .swiper-slide .hover_before {
  position: absolute;
  left: 0;
  top: 0;
}

.index_banner1_con .swiper-slide>div>a {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.footer_nav li a {
  transition: .3s;
}

.footer_nav li:hover a {
  color: #0c4b9f;
}

.pro_tab p a::after {
  content: "";
  display: block;
  width: 0;
  transition: .5s;
  height: 1px;
  background: #727171;
}

.pro_tab p a:hover::after {
  width: 100%;
}

.news_tab p {
  transition: .3s;
  text-align: center;
}

.news_tab p:hover {
  opacity: 1;
}

.second_nav li a {
  transition: .3s;
}

.second_nav li:hover>a {
  color: #0c4b9f;
}

.second_nav li ul li:hover>a {
  color: #0c4b9f;
}

.index_body {
  overflow-x: hidden;
}

.about_body {
  background: #f7f7f9;
}

.container {
  max-width: 1700px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}

.container1 {
  max-width: 1285px;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}

.header {
  width: 100%;
  background: #fff;
  height: 4.25rem;
  box-sizing: border-box;
  position: relative;
}

.header .container{    display: flex;
    justify-content: space-between;
    align-content: space-around;}
.logo_box {
 width: 30%;
  height: 4.25rem;
  display: inline-block;
  line-height: 4.25rem;

}

.logo_box img {
  vertical-align: middle;
  max-height: 100%;max-width: 100%;
}

.nav {
  width: 55%;
     display: flex;
  font-size: 0;
  height: 85px;
      justify-content: center;
    align-content: center;  
}

.nav>li:hover {
  background: #dcdcdc;
}

.nav li {
  display: inline-block;
  padding: 0 1.4rem;
  transition: .5s;
}

.nav li a {
  text-align: center;
  color: #595757;
  font-size: .75rem;
  line-height: 4.25rem;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: "Microsoft YaHei";
}

.header form {
  display: inline-block;
  position: absolute;
}


.header form input {
  width: 7.7rem;
  background: transparent;
  border: 1px solid #c0c0c0;
  height: 30px;
  padding: .2rem;
}

.header form button {
  width: 20px;
  height: 20px;
  display: inline-block;
  outline: none;
  border: none;
  transform: translate(-1.5rem, .2rem);
  background: url('../images/search.png')no-repeat center;
}

.translate,
.shop {
  color: #595757;
  font-size: .75rem;
  font-family: "黑体";
}

.translate {
  margin-right: 2.52rem;
  font-family: "黑体";
}

.second_nav_box {
  position: absolute;
  left: 0;
  top: 4.2rem;
  z-index: 8000000;
  box-sizing: border-box;
  line-height: 3.65rem;
  font-size: 0;
  width: 100%;
  display: none;
  background: rgba(255, 255, 255, .8);
  text-align: center;
}

.second_nav {
  width: 100%;
  box-sizing: border-box;
}

.second_nav li {
  display: inline-block;
  width: 11%;
  transition: .3s;
  margin-right: 2.3rem;
  padding-left: 0;
}

.second_nav li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.active_nav {
  background: #dcdcdc;
  height: 85px;
  transition: .3s;
}

.pro_nav_ul {
  padding: 1rem 0 4rem 0;
}

.pro_nav_ul li a {
  line-height: 1rem;
  text-align: left;
}

.pro_nav_ul li {
  vertical-align: top;
  line-height: 1rem;
}

.pro_nav_ul li ul {
  margin-top: .5rem;
}

.pro_nav_ul li ul li {
  display: inline-block;
  width: 100%;
  line-height: 1rem;
}

.pro_nav_ul li ul li a {
  text-align: left;
  line-height: 1rem;
}

.nav_r {
  line-height: 4.25rem;
      width: 15%;
    display: flex;
    justify-content: flex-end;
    align-content: space-around;
}


/*index*/
.index_banner1 {
  width: 100%;
  margin-bottom: -.1rem;
  overflow: hidden;
}

.index_banner1 .swiper-slide>div {
  width: 100%;
  position: relative;
  height: 100%;
}

.index_banner1 .swiper-slide>div img {
  width: 100%;
  vertical-align: top;
}

.index_banner1 .index_banner1_word {
  width: 100%;
  text-align: center;
  top: 50%;
  position: absolute;
  left: 0;
  transform: translateY(-50%);
}

.index_banner1_word h1 {
  color: #fff;
  font-size: 3.25rem;
  font-family: 'SiyuanMedia';
  margin-bottom: 1.6rem;
}

.index_banner1_word h2 {
  font-size: 2.5rem;
  color: #fff;
  letter-spacing: .7rem;
  margin-bottom: 2rem;
}

.star_a,
.star_a1 {
  display: inline-block;
  padding: .5rem 2.5rem;
  
  border-radius: 2.7rem;
  border: 1px solid #fff;
}

.star_a span,
.star_a1 span {
  transition: .3s;
  font-size: 1.1rem;
  letter-spacing: .1rem;
  line-height: 2rem;
  color: #fff;
  display: inline-block;
  transform: translate(.5rem, .1rem);
}

.next {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
  transform: translateX(0);
  transition: .3s;
  background: url('../images/next.png')no-repeat center;
}

.star_a:hover .next,
.star_a1:hover .next {
  transform: translateX(.5rem);
  opacity: 1;
}

.star_a:hover span,
.star_a1:hover span {
  transform: translate(-.5rem, .1rem);
}
.star_a1:hover{background: #a3c224}

.index_banner1_word1 {
  box-sizing: border-box;
  position: absolute;
    bottom: 10%;
    transform: translate(50%, 2%)!important;
}

.index_banner1_word1 h1 {
  color: #fff;
  font-size: 2.5rem;
  margin-bottom: 1rem;
  font-family: "SiyuanMedia";
}

.index_banner1_word1 h2 {
  font-size: 1.5rem;
  color: #fff;
  margin-bottom: 2.1rem;
}

#pc_video {
  width: 100%;
  height: auto;
  /*display: none;*/
}

.index_banner2,
.index_banner2_con {
  width: 100%;
}

.index_banner2_con .swiper-slide>div {
  width: 100%;
}

.index_banner2_con .swiper-slide>div img {
  width: 100%;
  vertical-align: top;
}

.index_pro {
  width: 100%;
  box-sizing: border-box;
  font-size: 0;
  margin-top: .26rem;
  overflow: hidden;
}


.index_pro .pro_box {
  display: block;
  float: left;
  width: 24%;
  overflow: hidden;
  position: relative;
  margin:0.15%;
}
.index_pro .index_pro_con{overflow: hidden;height: 400px;justify-content: center; align-items: center; display: flex; }

.index_pro .pro_box img {
  max-width: 100%;
  max-height: 100%;
  
}

.news_cover {
  width: 100%;
  height: 15%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, .3);
  opacity: 0;
  z-index: 20;
  transition: .5s;
}

.news_cover .h1 {
  color: #666;
  font-size: 1.2rem;
  margin-bottom: 1rem;
  text-align: center;
  font-family: "SiyuanMedia";
  transition: .3s;
}

.news_cover p {
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: .1rem;
  transition: .3s;
  display: none;
}

.news_cover>div {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
}

.index_pro .pro_box:hover .news_cover {
    /*background: rgba(12,114,251 , 0.6);*/
    opacity: 1;
}


/**/
.Title{    overflow: hidden;text-align: center;line-height: 1.5;padding-bottom: 10px}
.Title .title{    font-size: 1.2rem; color: #474646; font-weight: bold; padding-top: 1rem;}
.Title .title .line{display: inline-block; width: 2rem; height: 1px; background: #dcdcdc; position: relative; top: -.1rem; margin: 0 0.6rem;}
.Title .text{    font-size: 0.8rem; line-height: 1.3; color: #333333; padding-top: .5rem;}

/*ys*/


.sy{overflow:hidden;padding: 30px 0;}
.sy .flow{width: 25%;float: left;    text-align: center;padding: 6px 15px; margin: 15px 0;   }
.sy .three1{overflow: hidden; box-shadow: 0px 2px 6px 0px rgba(6,0,1 , 0.1); padding: 15px;background: #f8f8f8; transition: all .3s ease;}
.sy .three1 .ico{    width: 80px; height: 80px; margin: 0 auto;}
.sy .three1 .ico img{   max-width: 100%;max-height: 100%;}
.sy .three1 h3 {font-size: 17px; color: #656565; font-weight: bold;    line-height: 2}
.sy .three1 h4 {font-size: 14px; color: #656565;    line-height: 1.6;min-height: 45px;}
.sy .flow:hover .three1{    transform: translateY(-9px);box-shadow: 0px 0px 15px 0px rgba(6,0,1 , 0.3);}


/**/

/*case*/
.case{padding: 30px 0 ;overflow: hidden;background: #f7f7f7;}
.case .cese_con{border-radius: .1rem; overflow: hidden; border: 1px solid #eaeaea; background: #fff;}
.case .al_box{overflow: hidden; width: calc(100% / 5); height: 5.5rem; padding: 15px; text-align: center; float: left; border: 1px solid #eaeaea;justify-content: center; align-items: center; display: flex;}
.case .al_box img{max-height: 100%;}

/**/


/*news*/
.news{padding: 30px 0;overflow: hidden;}
.news .col-l{width: 50%;float: left;padding:  15px;    margin-bottom: 15px;}

.news .g-tit1{
    font-size: 24px;color: #000;line-height: 1;font-weight: normal;
    padding-left: 16px;
    border-left: 3px #39b19e solid;
    margin-bottom: 24px;
}
.news .g-tit1 .more{display: block;float: right;font-size: 14px;color: #000;line-height: 24px;}
.news .g-tit1 .more:hover{color: #01533f;}
.m-news1{
    overflow: hidden;
    padding: 5px 0 11px;
}
.news .m-news1 .pic{
    float: left;width: 150px;height: 107px;
    margin-right: 24px;
    overflow: hidden;justify-content: center; align-items: center; display: flex;
}
.news .m-news1 .pic img{
   max-width: 100%;max-height: 100%;
}
.news .m-news1 .pic:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.news .m-news1 .txt{
    overflow: hidden;
    height: 107px;
    width: calc(100% - 174px);
    font-size: 12px;color: #999;line-height: 18px;    float: right;
}
.news .m-news1 .txt h4{
    font-size: 16px;color: #000;line-height: 22px;font-weight: normal;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 9px 0 8px;
}
.news .m-news1 .txt h4 a{color: inherit;}
.news .m-news1 .txt h4 a:hover{color: #0c4b9f;}
.news .m-news1 .txt p{max-height: 36px;overflow: hidden;margin-bottom: 6px;    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;}
.news .ul-list2{padding-left: 11px;}
.news .ul-list2 li{
    position: relative;
}
.news .ul-list2 li:after{
    content: "";
    display: block;width: 4px;height: 4px;
    background: #0c4b9f;border-radius: 50%;
    position: absolute;left: -11px;top: 50%;margin-top: -2px;
}
.news .ul-list2 li a{
    font-size: 14px;color: #000;
    display: block;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px #ebebeb solid;
    font-size: 14px;color: #000;line-height: 43px;
    position: relative;
    padding-right: 70px;
}
.news .ul-list2 li:last-child a{border: none;}
.news .ul-list2 li a:hover{color: #0c4b9f;}
.news .ul-list2 li a em{
    display: inline-block;vertical-align: middle;
    padding: 0 3px;margin-left: 5px;
    font-family: "arial";
    font-size: 12px;color: #fff;line-height: 16px;
    background: #f30000;
}
.news .ul-list2 li span{
    display: block;font-size: 12px;color: #999;padding-left: 5px;
    position: absolute;right: 0;top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
}

/**/





/*footer*/


.in_footbg{ background:#f2f2f2;overflow: hidden;}
.in_foots {padding-top: 40px; padding-bottom: 30px; color: #555; }
.in_foots_t {display: block; }
.in_foos_t_l {width: 66%; float: left; }
.in_footnav{ width:19.8%; margin:0 0.2% 0 0; float:left;}
.in_footnav span{ display:block; font-size:16px; font-weight:bold; padding-bottom:8px;color: #555}
.in_footnav a{ display:block; padding:2px 0; color:#666; font-size:14px;
-webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease 0s;}
.in_footnav a:hover{ color:#0058ce;}
.in_foos_t_r{ width:33%; float:right;}
.in_followus{ width:48%; float:left; margin-right:2%;}
.in_followus span,.in_tel span{ display:block; font-size:18px; padding-bottom:5px;}
.in_tel{ width:48%; float:right;}
.in_tel_text{ font-size:24px; font-weight:bold; padding:2px 0 0 0;}
.wx_ewm{ padding:0px 0 0 0; float:left;  width:48%; padding-left:4%;text-align: center;}
.wx_ewm img{ width:80px;}
.wx_ewm span{ display:block; padding:5px 0 0 0; text-align:center; width:100%; font-size:12px;}
.in_foots_t01 {display: none; }
.menu li { padding-left:20px; } 

.in_footlinks{ padding:15px 0 0px 0; border-top:1px solid #a0a0a0; margin-top:17px;color:#999;}
.in_footlinks a{ color:#999; transition:1s all;padding: 0 2px}
.in_footlinks a:hover{ color:#0058ce;}
.in_foots_b {padding: 20px 0 0 0; color: #999; line-height: 1.5 }
.in_foots_b_l {width: 70%; float: left; }
.in_foots_b_r {width: 28%; float: right; text-align: right; }
.in_foots_b_r a{color: #999}


/*intro*/

.common-title {position: relative; height: 70px; width: 100%; text-align: center; }
.common-title .bg {top: 0px; right: 0; color: #ddebff; font-size: 45px; font-weight: 500;    text-transform: uppercase; }
.common-title .name {top: 18px; right: 0;  color: #333; font-size: 26px; z-index: 2;left: 0;margin: 0 auto; line-height: 34px;
    position: absolute; }

.intro_carousel_con .swiper-pagination-bullet {
  border-radius: 50% !important;
  background: #fff !important;
  opacity: 1 !important;
}

.intro_carousel_con .swiper-pagination-bullet-active {
  background: #bab9b5 !important;
}

.intro_carousel_con .swiper-slide>div {
  width: 100%;
}

.intro_carousel_con .swiper-slide>div img {
  width: 100%;
  vertical-align: top;
}

.about_intro {
  width: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}

.about_intro img {
  width: 100%;
  transition: .8s;
  vertical-align: top;
}

.about_intro>a>div {
  width: 100%;
  position: absolute;
  letter-spacing: 0;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, .3);
}

.about_intro>a>div p {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 2rem;
  font-family: "SiyuanMedia";
}

.intro_icon {
  display: inline-block;
  width: 4.7rem;
  height: 4.7rem;
  background: url('../images/intro_icon.png')no-repeat center;
  vertical-align: middle;
  margin-right: 2rem;
}

.earth_icon {
  display: inline-block;
  width: 4.7rem;
  height: 4.7rem;
  background: url('../images/intro_icon.png')no-repeat center;
  vertical-align: middle;
  margin-right: 2rem;
}

.pinzhi_icon {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  background: url('../images/zhizao.png')no-repeat center;
  vertical-align: middle;
  margin-right: 1rem;
  background-size: 100%;
}

.zeren_icon {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  background: url('../images/zeren.png')no-repeat center;
  vertical-align: middle;
  background-size: 100%;
  margin-right: 1rem;
}

.about_bottom {
  box-sizing: border-box;
  font-size: 0;
}

.pinzhi,
.zeren {
  display: inline-block;
  width: 50%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
}

.pinzhi img,
.zeren img {
  vertical-align: top;
  width: 100%;
  transition: .8s;
}

.pinzhi:hover img,
.zeren:hover img {
  transform: scale(1.1);
}

.pinzhi>a>div,
.zeren>a>div {
  position: absolute;
  letter-spacing: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  z-index: 20;
}

.pinzhi>a>div p,
.zeren>a>div p {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 2rem;
  font-family: "SiyuanMedia";
}

.intro_banner {
  width: 100%;
  overflow: hidden;
  text-align: center;
 
}

.intro_banner img {
  max-width: 100%;

  transition: .3s;
}
.about_id21{overflow: hidden;}

.about_tab_box_con{margin-top: 3rem;}

.about_tab {
  box-sizing: border-box;
  max-width: 1140px;
  margin: 0 auto;
}

.about_tab ul {
  font-size: 0;
}

.about_tab ul li {
  display: inline-block;
  width: 20%;
  padding: 3.5rem 0;
  box-sizing: border-box;
  text-align: center;
}

.about_tab ul li a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.about_tab ul li a i {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  font-size: 70px;
  visibility: initial;
}

.about_tab ul li img {
  transition: .5s;
  position: absolute;
  left: 0;
  top: 0;
}

.about_tab ul li img:nth-child(2) {
  opacity: 0;
  z-index: 20;
}

.about_tab ul li p {
  font-size: .7rem;
  text-align: center;
  color: #727171;
  margin-top: 1.3rem;
  transition: .5s;
}

.active_about_tab_img {
  opacity: 1;
  z-index: 200;
}

.about_tab ul li a:hover img:nth-of-type(1) {
  opacity: 0;
}

.about_tab ul li a:hover img:nth-of-type(2) {
  opacity: 1;
}

.about_tab ul li a:hover p, .about_tab ul li a:hover i:hover {
  color: #e11834;
}

.about_tab ul li.active a p, .about_tab ul li.active a i {
  color: #e11834;
}

.about_tab ul li a.active_a img:nth-of-type(1) {
  opacity: 0;
}

.about_tab ul li a.active_a img:nth-of-type(2) {
  opacity: 1;
}

.intro_text {
  background: #fff;
  padding: 3.5rem 7rem;
  box-sizing: border-box;
  margin-bottom: 3rem;
}
.intro_text .pro_titlt{    text-align: center; font-size: 1.5rem; font-weight: bold; color: #0c4b9f; padding-bottom: 1rem;overflow: hidden;}
.intro_text .pro_titlt .cont{text-align: center;}
.intro_text p {
  color: #898989;
  font-size: .8rem;
  line-height: 1.4rem;

  /*margin:1rem 0;*/
  text-align: justify;
}


.honor .ho_box{height: 230px;justify-content: center; align-items: center; display: flex;    padding: 5px;
    border: 1px solid #eee;}
.honor .ho_box img{max-height: 100%;}

.dongshi {
  width: 100%;
  box-sizing: border-box;
  padding: 3.5rem 5.5rem;
  font-size: 0;
  background: #fff;
  margin-bottom: 7rem;
}

.dongshi .ds_l {
  display: inline-block;
  width: 62.5%;
  padding: 0 5.5rem 0 0;
  box-sizing: border-box;
  vertical-align: top;
}

.dongshi .ds_l h1 {
  font-size: 1.5rem;
  color: #898989;
  margin-bottom: 2.5rem;
}

.dongshi .ds_l h2 {
  font-size: 1.2rem;
  color: #898989;
  margin-top: 1.5rem;
}

.dongshi .ds_l h2 img {
  vertical-align: middle;
  display: inline-block;
  margin-left: 1rem;
}

.dongshi .ds_l p {
  font-size: .8rem;
  color: #898989;
  line-height: 1.4rem;
  text-indent: 1.6rem;
  margin: .75rem 0;
  text-align: justify;
}

.dongshi .ds_r {
  width: 37.5%;
  display: inline-block;
  vertical-align: top;
}

.dongshi .ds_r>img {
  width: 100%;
}

.culture {
  padding: 3.9rem 7.5rem;
  box-sizing: border-box;
  background: #fff;
  margin-bottom: 3rem;
}

.culture h1 {
  margin-bottom: 1rem;
  color: #727171;
  font-weight: 600;
  font-size: .9rem;
}

.culture p {
  margin-bottom: 2.5rem;
  color: #898989;
  font-size: .8rem;
  line-height: 1.4rem;
}

.yuyue {
  background: rgba(0, 0, 0, .18);
  padding-bottom: 5.5rem;
  box-sizing: border-box;
  margin-bottom: 3rem;
}

.yuyue .top {
  box-sizing: border-box;
  width: 100%;
  background: url('../images/top_bac.jpg')no-repeat;
  padding: 3.3rem 0 45% 3rem;
  background-size: cover;
  position: relative;
}

.yuyue .top .top_title_box h1 {
  color: #fff;
  font-size: 1.5rem;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, .35);
  margin-bottom: 1.5rem;
}

.yuyue .top .top_title_box p {
  color: #fff;
  line-height: 1.5rem;
  font-size: 1rem;
  display: none;
}

.top_inner_box {
  position: absolute;
  left: 50%;
  bottom: 2rem;
  transform: translateX(-50%);
  width: 84.5%;
  box-sizing: border-box;
  font-size: 0;
}

.inner_top {
  background: rgba(0, 0, 0, .4);
  box-sizing: border-box;
  padding: 1.3rem 1.6rem;
  display: none;
}

.inner_l {
  display: inline-block;
  width: 60%;
  vertical-align: middle;
}

.inner_l img {
  width: 100%;
}

.inner_r {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  box-sizing: border-box;
  padding-left: 2rem;
}

.inner_r h1,
.inner_r h2 {
  color: #fff;
  font-size: 1.2rem;
}

.inner_r h1 {
  margin-bottom: .7rem;
}

.inner_r h2 {
  margin-bottom: 2rem;
}

.inner_r p {
  color: #fff;
  font-size: 1rem;
  line-height: 1.5rem;
}

.inner_tab {
  font-size: 0;
  box-sizing: border-box;
  padding-top: .4rem;
  height: 3.4rem;
}

.inner_tab span {
  display: inline-block;
  width: 24.65%;
  margin-right: .4%;
  background: #fff;
  text-align: center;
  color: #898989;
  font-size: 1rem;
  height: 3rem;
  line-height: 3rem;
  transition: .3s;
  vertical-align: top;
  cursor: pointer;
}

.inner_tab span.active_span {
  height: 100%;
  background: #999;
  color: #fff;
  height: 3.4rem;
  line-height: 3.4rem;
  vertical-align: top;
  margin-top: 0;
  transform: translateY(-.4rem);
}

.inner_tab span:last-of-type {
  margin-right: 0;
}

.inner_top:nth-of-type(1) {
  display: block;
}

.middle {
  width: 100%;
  box-sizing: border-box;
}

.middle .middle_inner_box {
  width: 84.5%;
  margin: 5.5rem auto 0;
  font-size: 0;
}

.bottom {
  width: 100%;
  box-sizing: border-box;
}

.bottom .bottom_inner_box {
  width: 84.5%;
  margin: 5.5rem auto 0;
  font-size: 0;
}

.dev {
  width: 100%;
  box-sizing: border-box;
  padding: 3.9rem 7.5rem 4.1rem 7.5rem;
  background: #fff;
  margin-bottom: 3rem;
}

.dev>h6 {
  color: #727171;
  font-size: .8rem;
  line-height: 1.4rem;
  text-indent: 1.6rem;
}

.dev>p {
  color: #898989;
  font-size: .8rem;
  line-height: 1.4rem;
  text-indent: 1.6rem;
  margin-bottom: 2rem;
  text-align: justify;

}

.dev_carousel {
  width: 105%;
  font-size: 0;
  position: relative;
  max-height: 840px;
  overflow: hidden;
  transform: translateX(-2rem);
}

.dev_l_small {
  display: inline-block;
  vertical-align: middle;
  padding-right: .5rem;
  box-sizing: border-box;
  width: 82%;
}

.dev_l_small p {
  color: #898989;
  font-size: .85rem;
  line-height: 1.4rem;
  text-align: right;
}

.line {
  display: inline-block;
  width: 3.25rem;
  height: 2px;
  border-top: 1px dashed #0c4b9f;
  vertical-align: middle;
}

.circle {
  display: inline-block;
  width: .6rem;
  height: .6rem;
  background: #0c4b9f;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 49.3%;
}

.dev_l_inner_box:nth-child(even) {
  width: 100%;
  padding-right: 49.8%;
  box-sizing: border-box;
  position: relative;
  text-align: right;
}

.dev_l_inner_box,
.dev_r_inner_box {
  margin: 1rem 0;
  position: relative;
}

.dev_carousel .dev_r .dev_r_small {
  display: inline-block;
  vertical-align: middle;
}

.circle1 {
  position: absolute;
  left: 49.5%;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: .6rem;
  height: .6rem;
  background: #0c4b9f;
  border-radius: 50%;
}

.h_line {
  width: 50%;
  position: absolute;
  border-right: 1px dashed #0c4b9f;
}

.dev_l_inner_box:nth-child(odd) {
  width: 100%;
  position: relative;
  padding-left: 49.8%;
  box-sizing: border-box;
}

.dev_r_small {
  box-sizing: border-box;
  padding-left: .5rem;
  display: inline-block;
  vertical-align: middle;
  width: 87%;
}

.dev_r_small p {
  text-align: left;
  line-height: 1.4rem;
  color: #898989;
  vertical-align: middle;
  font-size: .85rem;
}

.dev_carousel {
  display: none;
}

.dev_carousel:nth-of-type(1) {
  display: block;
}

.zhankai_box {
  text-align: center;
  position: relative;
  margin: 1rem 0;
}

.zhankai_box .button {
  padding: .5rem 1rem;
  min-width: 110px;
  font-size: .7rem;
  font-weight: 500;
  color: #898989;
  display: inline-block;
  border: 1px solid #898989;
  position: absolute;
  left: 51%;
  transform: translateX(-4.8rem);
  top: 0;
}

.zhankai_box .button--ujarak:hover {
  border-color: #0c4b9f;
}

.zhankai_box .button--ujarak::before {
  background: #0c4b9f;
}

.h_line {
  height: 100%;
}

.earth_tab {
  text-align: center;
  max-width: 433px;
  margin: 0 auto;
  padding: 3rem 0;
  box-sizing: border-box;
}

.earth_tab ul {
  font-size: 0;
}

.earth_tab ul li {
  display: inline-block;
  width: 50%;
  text-align: center;
}

.earth_tab ul li p {
  color: #898989;
  font-size: .75rem;
  text-align: center;
  margin-top: 1.3rem;
  transition: .5s;
}

.earth_tab ul li a {
  display: inline-block;
}

.earth_tab ul li a i {
  display: inline-block;
  position: relative;
  width: 70px;
  height: 70px;
}

.earth_tab ul li a:hover img:nth-of-type(2) {
  opacity: 1;
}

.earth_tab ul li a:hover img:nth-of-type(1) {
  opacity: 0;
}

.earth_tab ul li a:hover p {
  color: #e11837;
}

.earth_tab ul li.active_a a img:nth-of-type(1) {
  opacity: 0;
}

.earth_tab ul li.active_a a img:nth-of-type(2) {
  opacity: 1;
  z-index: 20;
}

.earth_tab ul li img {
  position: absolute;
  left: 0;
  top: 0;
  transition: .5s;
}

.earth_tab ul li img:nth-of-type(2) {
  opacity: 0;
}

.china {
  width: 100%;
  padding: 4rem 6.5rem;
  box-sizing: border-box;
  background: #fff;
  margin-bottom: 3rem;
  display: block;
}

.china>p {
  color: #898989;
  font-size: .8rem;
  line-height: 1.4rem;
  margin-bottom: 1rem;
}

.china_top {
  width: 100%;
  font-size: 0;
  margin-bottom: 4.9rem;
}

.china_top>div {
  display: inline-block;
  width: 24.6%;
  margin-right: .5%;
  margin-bottom: .8rem;
  vertical-align: top;
}

.china_top>div:nth-of-type(4n) {
  margin-right: 0;
}

.china_top>div a {
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.china_top>div a img {
  width: 100%;
  transition: .3s;
}

.china_top>div p {
  font-size: .8rem;
  color: #898989;
  text-align: left;
  margin-top: .9rem;
}

.china_bottom {
  width: 100%;
  font-size: 0;
}

.china_bottom>div {
  margin-bottom: 2.75rem;
  background: #e3e3e3;
}

.china_bottom>div .c_b_l {
  width: 30%;
  display: inline-block;
  /*background:#e3e3e3;*/
  box-sizing: border-box;
  padding: 0rem 2.9rem;
  vertical-align: middle;
  /*height: 470.44px;*/
}

.china_bottom>div .c_b_l h1 {
  color: #898989;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

.china_bottom>div .c_b_l p {
  color: #898989;
  line-height: 1.3rem;
  font-size: .8rem;
  text-align: justify;
}

.china_bottom>div .c_b_r {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
}

.china_bottom>div .c_b_r img {
  width: 100%;
  vertical-align: top;
}

.china_bottom>div .c_b_r .swiper-slide>div {
  width: 100%;
}

.china_bottom>div .c_b_l h2 {
  color: #898989;
  font-size: 1rem;
  margin-bottom: 2rem;
  margin-top: 4.6rem;
}

.world {
  width: 100%;
  padding: 4rem 6.3rem;
  box-sizing: border-box;
  background: #fff;
  margin-bottom: 3rem;
}

.world>p {
  color: #898989;
  font-size: .8rem;
  line-height: 1.4rem;
  text-indent: 1.6rem;
  text-align: justify;
}

#dt {
  width: 100%;
  padding-bottom: 48.3%;
  background: url('../images/dt_bac.png')no-repeat center;
  margin-top: 4.9rem;
  position: relative;
}

.ael {
  position: absolute;
  left: 0rem;
  top: .3rem;
}

.ael .dt_h,
.yg .dt_h,
.fg .dt_h,
.rs .dt_h,
.arjly .dt_h,
.nrly .dt_h,
.xxl .dt_h,
.adly .dt_h,
.rb .dt_h,
.hg .dt_h,
.xjp .dt_h,
.aseby .dt_h,
.aj .dt_h,
.ydl .dt_h,
.stalb .dt_h,
.yl .dt_h,
.wkl .dt_h {
  display: none;
}

.yg {
  position: absolute;
  left: 1.2rem;
  top: -.8rem;
}

.fg {
  position: absolute;
  left: 1.4rem;
  top: 1.5rem;
}

.rs {
  position: absolute;
  left: 3rem;
  top: 1.5rem;
}

.rs_name {
  transform: translate(.5rem, .5rem);
  display: inline-block;
}

.dg {
  position: absolute;
  left: 4rem;
  top: 4.6rem;
}

.wkl {
  position: absolute;
  left: 4.5rem;
  top: -.1rem;
}

.wkl_name {
  display: inline-block;
  transform: translate(2.8rem, 0rem);
}

.els {
  position: absolute;
  left: 12rem;
  top: -1.7rem;
}

.mg {
  position: absolute;
  left: 13.5rem;
  top: .3rem;
}

.jnd {
  position: absolute;
  left: 33.5rem;
  top: .5rem;
}

.jnd .dt_h {
  display: none;
}

.jnd_name {
  display: inline-block;
  transform: translateX(3rem);
}

.american {
  position: absolute;
  left: 35rem;
  top: 3rem;
}

.american_name {
  display: inline-block;
  transform: translateX(2.5rem);
}

.ydl {
  position: absolute;
  left: 3rem;
  top: 2.4rem;
}

.arjly {
  position: absolute;
  left: 0rem;
  top: 4rem;
}

.nrly {
  position: absolute;
  left: 1.2rem;
  top: 6.5rem;
}

.trq {
  position: absolute;
  left: 5.5rem;
  top: 9.5rem;
}

.aj {
  position: absolute;
  left: 5.5rem;
  top: 4.5rem;
}

.aseby {
  position: absolute;
  left: 4.5rem;
  top: 7rem;
}

.stalb {
  position: absolute;
  left: 5rem;
  top: 5rem;
}

.alb {
  position: absolute;
  left: 7.5rem;
  top: 4.8rem;
}

.yl {
  position: absolute;
  left: 8.8rem;
  top: 3.5rem;
}

.yd {
  position: absolute;
  left: 11.8rem;
  top: 4.2rem;
}

.zg {
  position: absolute;
  left: 15rem;
  top: 2.7rem;
}

.hg {
  position: absolute;
  left: 18.6rem;
  top: 2.8rem;
}

.rb {
  position: absolute;
  left: 20rem;
  top: 3rem;
}

.md {
  position: absolute;
  left: 14rem;
  top: 4.5rem;
}

.tg {
  position: absolute;
  left: 14.5rem;
  top: 5.6rem;
}

.yn {
  position: absolute;
  left: 15.5rem;
  top: 6.2rem;
}

.mlxy {
  position: absolute;
  left: 13.8rem;
  top: 7.2rem;
}

.xjp {
  position: absolute;
  left: 15rem;
  top: 8.5rem;
}

.ydnxy {
  position: absolute;
  left: 15.8rem;
  top: 8.5rem;
}

.adly {
  position: absolute;
  left: 18rem;
  top: 12rem;
}

.xxl {
  position: absolute;
  left: 24rem;
  top: 14.5rem;
}

.mlxy_name {
  display: inline-block;
  transform: translate(3.4rem, 0rem);
}

.xxl_name {
  display: inline-block;
  transform: translate(2.8rem, 0rem);
}

.ydnxy_name {
  display: inline-block;
  transform: translate(4rem, 0rem);
}

.rb_name {
  display: inline-block;
  transform: translate(2.3rem, -.2rem);
}

.yl_name {
  display: inline-block;
  transform: translate(2.2rem, 0rem);
}

.stalb_name {
  display: inline-block;
  transform: translate(2.3rem, .8rem);
}

.alb_name {
  display: inline-block;
  width: 50px;
  transform: translate(3.5rem, .8rem);
}

.ydl_name {
  display: inline-block;
  transform: translate(2rem, .8rem);
}

.trq_name {
  display: inline-block;
  transform: translate(2.8rem, 0rem);
}

.aseby_name {
  display: inline-block;
  transform: translate(2rem, .8rem);
}

.country_name {
  color: #727171;
  font-size: .6rem;
  cursor: pointer;
}

.dt_h {
  display: inline-block;
  width: .8rem;
  height: 1.1rem;
  transition: .3s;
  cursor: pointer;
  position: relative;
  z-index: 20;
  background: url('../images/dt_h.png')no-repeat top;
}

.dt_h:hover {
  background: url('../images/dt_r.png')no-repeat top;
}

.jianjiao {
  display: inline-block;
  width: 51px;
  height: 23px;
  position: absolute;
  left: -50px;
  bottom: 0;
  background: url('../images/jianjiao.png')no-repeat center;
}

.hidden_dt_img {
  position: relative;
  display: inline-block;
  transform: translate(2.5rem, -1rem);
  opacity: 0;
  transition: .3s;
  z-index: 2;
}

.hidden_dt_img p {
  display: inline-block;
  background: #fff;
  padding: .2rem;
  border: 1px solid #f8f8f8;
}

.world_carousel {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 48%;
  position: relative;
  margin-top: 4.6rem;
}

.world_carousel_con {
  width: 100%;
  position: absolute !important;
}

.world_carousel_con .swiper-slide>div {
  font-size: 0;
}

.world_carousel_con .swiper-slide>div .w_c_l {
  width: 30%;
  display: inline-block;
  font-size: .9rem;
  color: #898989;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 9rem 3rem 0 3rem;
  background: #e3e3e3;
  height: 472.41px;
}

.world_carousel_con .swiper-slide>div .w_c_l>p:nth-of-type(1) {
  font-size: 1rem;
  margin-bottom: .6rem;
}

.world_carousel_con .swiper-slide>div .w_c_l>p:nth-of-type(2) {
  font-size: 1rem;
}

.world_carousel_con .swiper-slide>div .w_c_l p {
  text-align: left;
  width: 184px;
}

.world_carousel_con .swiper-slide>div .w_c_r {
  width: 70%;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

.world_carousel_con .swiper-slide>div .w_c_r img {
  width: 100%;
  vertical-align: top;
}

#w_next {
  width: 34px;
  height: 20px;
  background: url('../images/w_next.png') no-repeat center;
  cursor: pointer;
  outline: none;
  left: 13%;
  top: 85%;
}

.w_carousel_1 {
  width: 100%;
  font-size: 0;
  margin-top: 3rem;
  box-sizing: border-box;
}

.w_carousel_1 .w_l {
  display: inline-block;
  width: 30%;
  height: 473.72px;
  background: #e3e3e3;
  padding: 2.8rem;
  box-sizing: border-box;
  vertical-align: top;
}

.w_l h1 {
  color: #898989;
  font-size: 1rem;
  margin-bottom: 1.8rem;
  margin-top: 3.2rem;
}

.w_l p {
  color: #898989;
  line-height: 1.4rem;
  font-size: .8rem;
  text-align: justify;
}

.w_r {
  display: inline-block;
  width: 70%;
  vertical-align: top;
}

.w_csrousel_con1 .swiper-slide>div {
  width: 100%;
}

.w_csrousel_con1 .swiper-slide>div img {
  width: 100%;
  vertical-align: top;
}

/*social*/
.social {
  box-sizing: border-box;
  padding: 2.5rem 7.5rem 2.5rem 7.5rem;
  background: #fff;
  margin-top: 2.9rem;
  margin-bottom: 3rem;
}

.s_top {
  width: 100%;
  font-size: 0;
}

.s_l {
  display: inline-block;
  width: 69.3%;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0 9rem 0 .5rem;
}

.s_l h1 {
  color: #898989;
  font-size: .8rem;
  line-height: 1.4rem;
  text-indent: 1.6rem;
  margin-bottom: 2.25rem;
}

.s_l p {
  color: #898989;
  font-size: .8rem;
  line-height: 1.5rem;
}

.s_r {
  display: inline-block;
  width: 29.7%;
  vertical-align: top;
  text-align: center;
}

.s_r img {
  margin-bottom: 2.3rem;
  width: 100%;
}

.s_r p {
  text-align: center;
  line-height: 1.4rem;
  color: #898989;
  font-size: .8rem;
}

.s_bottom {
  width: 100%;
  font-size: 0;
  margin-top: 7rem;
}

.s_bottom .s_b_box {
  display: inline-block;
  width: 33%;
  margin-right: .3%;
  margin-bottom: 2.5rem;
  vertical-align: top;
}

.s_b_box:nth-of-type(3n) {
  margin-right: 0;
}

.s_b_box img {
  width: 100%;
}

.s_b_box p {
  color: #898989;
  font-size: .6rem;
  text-align: center;
  margin-top: .7rem;
  line-height: 1.2rem;
}

.quality {
  width: 100%;
  background: #fff;
  padding: 3.25rem 8rem;
  box-sizing: border-box;
  margin-top: 3.25rem;
  margin-bottom: 3rem;
}

.quality_top {
  width: 100%;
}

.quality_top>a {
  display: block;
  width: 100%;
  margin-bottom: .1rem;
}

.quality_top>a img {
  width: 100%;
  vertical-align: top;
}

.quality_top>div {
  width: 100%;
  font-size: 0;
}

.quality_top>div img {
  width: 33.1%;
  display: inline-block;
  margin-right: .35%;
}

.quality_top>div img:nth-of-type(3) {
  margin-right: 0;
}

.quality_top p {
  margin-top: 2rem;
  text-indent: 1.6rem;
  color: #898989;
  font-size: .8rem;
  line-height: 1.4rem;
}

.quality_bottom {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  margin-bottom: 4.7rem;
  margin-top: 2rem;
}

.dev_carousel1 {
  height: auto;
  max-height: none;
}

.dev_carousel1 .dev_l_small p:nth-of-type(1) {
  color: #727171;
}

.dev_carousel1 .dev_r_small p:nth-of-type(1) {
  color: #727171;

}

.certificate {
  width: 100%;
  box-sizing: border-box;
  font-size: 0;
}

.certificate .cer_l {
  display: inline-block;
  width: 57%;
  vertical-align: top;
  box-sizing: border-box;
  padding-right: 2rem;
}

.certificate .cer_r {
  display: inline-block;
  width: 43%;
  vertical-align: top;
  box-sizing: border-box;
}

.certificate .cer_l p {
  color: #898989;
  font-size: .8rem;
  line-height: 1.4rem;
  text-indent: .8rem;
  text-align: justify;
}

.certificate .cer_l p:nth-of-type(1) {
  margin-top: .7rem;
  margin-bottom: 7rem;
}

/*hr*/
.hr_banner {
  width: 100%;
}

.hr_banner img {
  width: 100%;
}

.hr_con {
  background: #fff;
  padding: 3.3rem 6.9rem;
  margin-bottom: 3.85rem;
  margin-top: 3.85rem;
}

.hr_con>div {
  margin-bottom: 2.2rem;
}

.hr_con>div span,
.hr_con>div p {
  display: inline-block;
  vertical-align: top;
}

.hr_con>div span {
  font-size: 1rem;
  color: #595757;
  margin-right: .5rem;
  line-height: 1.5rem;
}

.hr_con>div p {
  font-size: .9rem;
  color: #898989;
  line-height: 1.5rem;
}

.hr_table {
  margin-top: -.7rem;
  overflow: auto;

}

.hr_table table {
  width: 100%;
  min-width: 650px;
  margin-bottom: 4.7rem;
}

.hr_table table tr th {
  color: #898989;
  font-size: .8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: left;
  padding: 0 2.4rem;
  border: 1px solid #c9c9c9;
}

.hr_table table tr td {
  color: #898989;
  font-size: .7rem;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: left;
  padding: 0 2.4rem;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
}

.hr_table .hr_table_p {
  display: block;
  margin-left: 1rem;
  word-break: break-all;
}

.hr_table .hr_table_p a {
  color: #898989;
}

.ser_top {
  width: 100%;
  position: relative;
}

.ser_top>img {
  width: 100%;
  vertical-align: top;
}

.ser_top>div {
  position: absolute;
  right: 19%;
  bottom: 22%;
  transform: translateY(-50%);
  z-index: 20;
}

.ser_top>div h1 {
  color: #717071;
  font-size: 2.1rem;
  margin-bottom: 1rem;
  text-align: center;
}

.ser_top>div p {
  color: #808080;
  font-size: .9rem;
  line-height: 1.5rem;
  text-align: center;
  max-width: 426px;
}

.ser_top>div h2 {
  color: #717071;
  font-size: 1.4rem;
  text-align: center;
  margin-top: 2.3rem;
}

.ser_bottom {
  width: 100%;
  font-size: 0;
  box-sizing: border-box;
}

.ser_bottom .ser_b_l {
  display: inline-block;
  width: 50%;
  position: relative;
  overflow: hidden;
  vertical-align: top;
}

.ser_bottom .ser_b_l>img {
  width: 100%;
  vertical-align: top;
  transition: .8s;
}

.ser_bottom .ser_b_l:hover img {
  transform: scale(1.1);
}

.ser_b_cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  background: rgba(0, 0, 0, .3);
  text-align: center;
}

.ser_b_cover>a {
  display: block;
  width: 100%;
  height: 100%;
}

.ser_b_cover>a>div {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  cursor: pointer;
}

.ser_b_cover .wangdian {
  width: 50px;
  height: 64px;
  background: url('../images/wangdian.png')no-repeat center;
  display: inline-block;
  background-size: 100%;
}

.ser_b_cover .jiejue {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  background: url('../images/jieda.png')no-repeat center;
  background-size: 100%;
}

.ser_b_cover .wenti {
  display: inline-block;
  width: 50px;
  vertical-align: middle;
  height: 50px;
  background: url('../images/wenti.png')no-repeat center;
  background-size: 100%;
}

.ser_b_cover span {
  color: #fff;
  font-family: "SiyuanMedia";
  font-size: 2rem;
  margin-left: 1.3rem;
  vertical-align: middle;
}

.ser_b_cover>a>div p {
  font-size: 2rem;
  color: #fff;
  font-family: "SiyuanMedia";
  margin-top: 1.3rem;
}

.ser_b_r {
  display: inline-block;
  width: 50%;
  text-align: center;
  position: relative;
  vertical-align: top;
}

.ser_b_r_top,
.ser_b_r_bottom {
  width: 100%;
}

.ser_b_r .ser_b_r_top,
.ser_b_r .ser_b_r_bottom {
  overflow: hidden;
  position: relative;
}

.ser_b_r .ser_b_r_top>img,
.ser_b_r .ser_b_r_bottom>img {
  width: 100%;
  transition: .8s;
  vertical-align: top;
}

.ser_b_r .ser_b_r_top>div,
.ser_b_r .ser_b_r_bottom>div {
  position: absolute;
  top: 50%;
  letter-spacing: 0;
  width: 100%;
  cursor: pointer;
  transform: translateY(-50%);
}

.ser_b_r .ser_b_r_top:hover img,
.ser_b_r .ser_b_r_bottom:hover img {
  transform: scale(1.1);
}

/*prob*/
.problem_banner {
  width: 100%;
  box-sizing: border-box;
  font-size: 0;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.prob_l {
  display: inline-block;
  width: 42%;
  box-sizing: border-box;
  padding: 6.2rem 6.1rem 0 3.6rem;
  background: #fff;
  vertical-align: top;
  height: 468px;
}

.prob_l h1 {
  color: #717071;
  font-size: 1rem;
  margin-bottom: 1.5rem;
  vertical-align: middle;
}

/*.prob_l h1::before{
	content: '';
	display: inline-block;
	width: 44px;
	height: 44px;
	vertical-align: middle;
	background: url('../images/problem_icon.png')no-repeat center;
	background-size: 100%;

}*/
.prob_l p {
  color: #717071;
  font-size: .7rem;
  line-height: 1.5rem;
  margin-left: 3.9rem;
}

.prob_r {
  width: 58%;
  display: inline-block;
}

.prob_r img {
  width: 100%;
}

.problems_form {
  width: 100%;
  padding: 4.3rem 4rem;
  background: #fff;
  box-sizing: border-box;
  margin-bottom: 3rem;
}

.problems_form .form p {
  margin-bottom: 1rem;
  line-height: 1.75rem;
  height: 1.75rem;
}

.problems_form .form p span {
  color: #717071;
  font-size: .85rem;
  display: inline-block;
  width: 70px;
  text-align: justify;
  vertical-align: top;
  margin-right: 1.5rem;
}

.problems_form .form p small {
  vertical-align: middle;
  font-size: .85rem;
  color: #717071;
  margin-right: 1rem;
  display: inline-block;
  cursor: pointer;
  transform: translateX(-.5rem);
  margin-left: .8rem;
}

#wtlb {
  padding: .2rem .75rem;
}

.problems_form .form p input {
  vertical-align: middle;
}

.problems_form .form p .form_inp,
.prob_type {
  outline: none;
  width: 308px;
  box-sizing: border-box;
  padding: .5rem .75rem;
  height: 100%;
  border: 1px solid #b8b8b8;
  vertical-align: top;
}

.problems_form .form p .danxuan {
  display: inline-block;
}

select {
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url('../images/form_xiala.png')no-repeat 278px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
  display: none;
}

.problems_form .form div .wenti_span {
  vertical-align: top;
  color: #717071;
  font-size: .85rem;
  display: inline-block;
  width: 70px;
  text-align: justify;
  margin-right: 1.5rem;
}

.yanzhengma {
  color: #717071;
  font-size: .85rem;
  display: inline-block;
  width: 70px;
  text-align: justify;
  margin-right: 1.5rem;
  vertical-align: middle;
}

.wenben {
  vertical-align: top;
  width: 88%;
  box-sizing: border-box;
  padding: .5rem .75rem;
  height: 217px;
  resize: none;
  border: 1px solid #b8b8b8;
}

.xiala {
  width: 2px;
  height: 1.75rem;
  display: inline-block;
  border-left: 1px solid #b8b8b8;
  transform: translate(-2.1rem, 0rem);
}

/*yanzhengma*/
.code {
  margin-top: 1rem;
}

.input-val {
  width: 150px;
  background: #ffffff;
  height: 100%;
  padding: .5rem .75rem;
  border: none;
  border: 1px solid #b8b8b8;
}

#canvas {
  float: right;
  width: 110px;
  height: 1.8rem;
  margin-right: 35.5rem;
  display: block;
  border: 1px solid #ccc;
  cursor: pointer;
}

.btn,
.none {
  width: 186px;
  height: 1.8rem;
  text-align: center;
  font-size: .8rem;
  color: #717071;
  background: transparent;
  border: 1px solid #b8b8b8;
  cursor: pointer;
}

.btn {
  margin-right: .5rem;
}

.anniu {
  margin-top: 1rem;
  padding-left: 105px;
  box-sizing: border-box;
}

/*yanzhengma end*/
/*solution*/
.ser_solution_top_l {
  width: 40%;
  padding-right: 1rem;
}

#normal_sol::before,
.page a::before {
  content: '';
  display: inline-block;
  width: 44px;
  height: 44px;
  vertical-align: middle;
  background: url(../images/jieda_h.png)no-repeat center;
}

.ser_solution_top_l h1 {
  margin-bottom: 2rem;
}

@media(min-width:768px){
  .problem_banner {
    display: flex;
  }
}

.ser_solution_top_r {
  width: 60%;
  height: 468px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ser_solution_top_r img {
  height: 100%;
  width: auto;
}

.sol_search_icon {
  width: 19px;
  height: 19px;
  background: url('../images/search.png')no-repeat center;
  display: inline-block;
  transform: translate(-1.5rem, .5rem);
  cursor: pointer;
  border: none;
  box-shadow: none;
  outline: none;
  vertical-align: top;
}

.sol_select {
  width: 218px;
  box-sizing: border-box;
  padding-left: 2.3rem;
  color: #717071;
  cursor: pointer;
}

.solution_con select {
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url('../images/form_xiala.png')no-repeat 96%;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.solution_con select::-ms-expand {
  display: none;
}

.solution_con {
  background: #fff;
  padding: 3.6rem 4rem;
  box-sizing: border-box;
  margin-bottom: 2.25rem;
}

.solution_xiala {
  transform: translate(-2.2rem, 0rem);
  vertical-align: top;
}

.solution_search {
  width: 200px;
  box-sizing: border-box;
  padding: 0 .5rem;
  height: 1.8rem;
  color: #717071;
  display: inline-block;
  margin-left: 1rem;
  vertical-align: top;
  border: 1px solid #b8b8b8;
}

.search_xiala {
  vertical-align: top;
  transform: translate(-3.1rem, 0rem);
}

.solution_con>div:nth-child(1) {
  padding-bottom: 1.5rem;
  border-bottom: 1px dotted #b8b8b8;
  box-sizing: border-box;
  margin-bottom: 3.2rem;
}

.solution_para {
  margin-bottom: 3.3rem;
}

.solution_para_list {
  padding: 0 1rem 0 .5rem;
  box-sizing: border-box;
}

.sol_para_show {
  position: relative;
  font-size: .825rem;
  color: #808080;
  line-height: .825rem;
  margin-bottom: 1.7rem;
  height: 1.1rem;
  line-height: 1.1rem;
  cursor: pointer;
}

.sol_para_icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url('../images/w_next.png')no-repeat center;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-90deg);
  transition: .3s;
}

.sol_para_show.active_para_style .sol_para_icon {
  transform: rotate(0deg);
}

.sol_para_hidden {
  box-sizing: border-box;
  padding: 0 0 2rem 1.4rem;
  display: none;
}

.sol_para_hidden p {
  width: 100%;
  text-align: justify;
  color: #717071;
  font-size: .725rem;
  line-height: 1.4rem;
}

#pages {
  width: 100%;
  text-align: center;
}

#pages a,#pages span {

  text-align: center;
  font-size: .7rem;
  color: #717071;
  padding: 0 6px;

  line-height: 30px;
  font-family: "SiyuanRegular";
  box-sizing: border-box;
}
#pages span{color: #0c4b9f}
.page_now {
  border: 1px solid #b8b8b8;
}

.go {
  background: #bbb;
  color: #fff !important;
  font-family: "SiyuanRegular" !important;
}

.after-sale {
  box-sizing: border-box;
  padding-left: 4rem;
  margin-bottom: 3rem;
}

.after-sale span {
  color: #717071;
  font-size: 1rem;
  vertical-align: middle;
}

.after-sale img {
  vertical-align: middle;
  display: inline-block;
  margin-right: .5rem;
}

.newsbanner {
  width: 100%;
  display: none;
}

.newsbanner img {
  width: 100%;
}

.news_con {
  margin-top: 3rem;
  font-size: 0;
  margin-bottom: 3rem;
  background: #fff;
}

.news_tab,
.pro_tab {
  width: 20%;
  display: inline-block;
  margin-right: -12px;
  background: #fff;
  border-right: 20px solid #f7f7f9;
  box-sizing: border-box;
  padding: 1.5rem 2rem;
  vertical-align: top;
  /*min-height: 248px;*/
}

.news_r,
.pro_r_box {
  width: 80%;
  background: #fff;
  display: inline-block;
  /*border-left: 12px solid #f7f7f9;*/
  vertical-align: top;
  box-sizing: border-box;
  padding: 3.3rem 4rem;
}

.pro_con .nav_title{    overflow: hidden; font-size: 1.4rem; line-height: 3; padding: 0 30px; border-bottom: 2px solid #eee; color: #ccc;}
.pro_con .nav_title a{color: #0c4b9f; font-weight: bold;display: block;}
.pro_con .nav_title a span{    float: right; font-weight: 100; color: #666; font-size: .75rem; line-height: 5;}
.pro_r_box {
  min-height: 528px;
}
.pro_r_box.all{width: 100%}
#proDetail_a1 {
  box-sizing: border-box;
  width: 86px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  color: #595757;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #999;
  margin-top: 38px;
  transition: .3s;
}

#proDetail_a {
  box-sizing: border-box;
  width: 86px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  color: #595757;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #999;
  margin-top: 38px;
  margin-right: 10px;
  transition: .3s;
}

#xiangqing_h1 {
  font-size: 17px;
  line-height: 40px;
  color: #595757;
  margin-bottom: 0 !important;
}

#shuomingwenzi {
  font-size: 20px;
  letter-spacing: 4px;
  color: #595757;
  line-height: 40px;
}

#proDetail_a:hover,
#proDetail_a1:hover {
  color: #e11837;
  border: 1px solid #e11837;
}

.news_tab p span {
  vertical-align: middle;
  font-size: .9rem;
  color: #595757;
  display: inline-block;
  box-sizing: border-box;
  padding: 1.9rem 0;
}

.news_tab p:nth-of-type(1) {
  border-bottom: 1px solid #d6d5d5;
}

.news_tab p img {
  vertical-align: middle;
}

.news_r_list {
  width: 100%;
  font-size: 0;
  margin-bottom: 2.6rem;overflow: hidden;
  border-bottom: 1px solid #eee;
}

.news_r_l {
  float: left;
  width: 165px;
      height: 165px;justify-content: center; align-items: center; display: flex;
  overflow: hidden;
}

.news_r_l img {
  max-height: 100%;max-width: 100%;
  transition: .5s;
}

.news_r_l:hover img {
  transform: scale(1.1);
  vertical-align: top;
}

.news_r_r {
width: calc(100% - 165px);
 float: right;
  vertical-align: top;
  box-sizing: border-box;
  padding-left: 1rem;
}

.eye {
  display: inline-block;
  width: 50px;
  box-sizing: border-box;
  height: 20px;
  line-height: 20px;
  padding-left: 26px;
  background: url('../images/eye.png')no-repeat left;
}

.news_r_r h1 {
  font-size: 1rem;
  color: #717071;
  margin-bottom: .7rem;
  line-height: 1.5;
}

.news_r_r h6 {
  color: #b3b4b4;
  font-size: .7rem;
  margin-top: 0.3rem;
}

.news_r_r p {
  color: #808081;
  font-size: .75rem;
  line-height: 1.4rem;
  text-indent: 1.5rem;
  max-height: 84px;
  overflow: hidden;
  -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden; 
}

.opacity_3 {
  opacity: .5;
}

.newspage {
  margin-top: 5rem;
  margin-bottom: 1.6rem;
}

.newsDetail_title {
  text-align: center;
  margin-bottom: 2rem;
}

.newsDetail_title h1 {
  font-size: .9rem;
  color: #595757;
  margin-bottom: 1.25rem;
}

.newsDetail_title h6 {
  color: #b3b4b4;
  font-size: .7rem;
  width: 52%;
  margin: 0 auto;
}

.newsDetail_content {
   font-size: .75rem;
  color: #878788;
  line-height: 1.4rem;
}
.newsDetail_content .show_img{text-align: center;overflow: hidden;padding-bottom: 30px;}
/* .newsDetail_content p {
} */

ul.Contacts{    overflow: hidden;}
ul.Contacts li{    width: 50%; float: left; padding: 15px 0; min-height: 170px;}
iframe.map{height: 600px!important;}

.error{font-size: 14px;}
.ssjg{    font-size: 1.2rem; line-height: 2;padding-bottom: 15px;}

.page_prew{width: 50%;font-size: 0.75rem;float: left;    color: #878788;text-align: left;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 15px;}
.page_next{width: 50%;font-size: 0.75rem;float: right;    color: #878788;text-align: right;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 15px;}
.page_prew a,.page_next a{color: #878788}
.page_prew a:hover,.page_next a:hover{color: #0c4b9f}
/* .newsDetail_content img {
  margin-bottom: 1rem;
  width: 100%;
} */

.newsDetail_content h2 {
  color: #878788;
  font-size: .75rem;
  line-height: 1.4rem;
  margin-bottom: 1rem;
  text-align: center;
}

.video_r_box {
  box-sizing: border-box;
  padding: 1.15rem 3rem 6rem 3rem;
}

.video_list h1 {
  color: #717071;
  font-size: 1rem;
  margin-bottom: 1.3rem;
}

.video_list {
  box-sizing: border-box;
  width: 100%;
  padding-top: 1.6rem;
}

.video_list>div {
  background: #f7f8f8;
  font-size: 0;
  margin-bottom: 2rem;
}

.video_l {
  width: 70%;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
}

.video_l img {
  width: 100%;
  vertical-align: top;
}

.video_r {
  width: 30%;
  display: inline-block;
  text-align: center;
  line-height: 100%;
  vertical-align: middle;

}

.video_r p {
  color: #888889;
  font-size: .8rem;
  line-height: 1.5rem;
}

.control {
  display: inline-block;
  width: 70px;
  height: 70px;
  background: url('../images/play.png')no-repeat center;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 100%;
}

.video_hidden {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 200;
  text-align: center;
  display: none;
  background: rgba(255, 255, 255, .72);
}

.ivideo {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65%;
  transform: translate(-50%, -50%);
}

.pro_middle_nav {
  margin-top: 3rem;
}

.pro_con {

  margin-top: 3rem;
  margin-bottom: 3rem;
  background: #fff;
}

.pro_banner {
  position: relative;
  /*display: none;*/
}

.probanner {
  display: none;
}

.pro_banner img {
  width: 100%;
}

.pro_tab {
  min-height: 506px;
  padding: 3.2rem 2rem;
}

.pro_tab h1 {
  color: #9fa0a0;
  font-size: .9rem;
  margin-bottom: 2.2rem;
}

.pro_tab p {
  margin-bottom: 1rem;
}

.pro_tab p a {
  display: inline-block;
  text-align: left;
  line-height: 1.5rem;
  color: #727171;
  font-size: .9rem;

}

.pro_tab p.active_a a::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #727171;
}

.pro_r {
  font-size: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.pro_r_list .pro_box{    border: 1px solid #eee;}
.pro_r_list .pro_box .pro_img{height: 250px;overflow: hidden;display: flex; align-items: center; justify-content: center;}

.pro_r_list p {
  text-align: center;
  color: #717071;
  font-size: .75rem;
  margin-bottom: .75rem;
  line-height: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.pro_r_list img {
  max-width: 100%;
  max-height: 100%;
}

.pro_r_list p:nth-of-type(2) {
  margin-top: 0;
}

.pro_r_list {
  float: left;
  width: 25%;
  padding: 5px;
  margin-bottom: 1.5rem;
  vertical-align: top;
}

.list_image{overflow: hidden;}
/* .list_image .pro_r_list{} */
.pro_r {
  display: none;
}

.pro_r:nth-of-type(1) {
  display: block;
}

.huxi_banner_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  letter-spacing: 0;
  top: 0;
}

.pro_banner_cover_text {
  text-align: center;
}

.pro_middle_nav {
  width: 100%;
  box-sizing: border-box;
}

.pro_middle_nav ul {
  font-size: 0;
}

.pro_middle_nav ul li {
  display: inline-block;
  width: 19.9%;
  margin-right: .1%
}

.pro_middle_nav ul li:last-child {
  margin-right: 0;
}

.pro_middle_nav ul li a {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

.pro_middle_nav ul li a img {
  width: 100%;
  vertical-align: top;
}

.pro_top {
  overflow: hidden;
}

.pro_top img {
  width: 100%;
  vertical-align: top;
  transition: .8s !important;
}

.pro_top:hover img {
  transform: scale(1.1);
}

.pro_middle {
  width: 100%;
  font-size: 0;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: -.1rem;
}

.pro_middle p {
	width: 100%;
	position: absolute;
	bottom: 2%;
	transform: translateY(-50%);
	/*width: 35%;*/
	color: #727171;
	font-size: 1.1rem;
	text-align: center;
}

.pro_middle img {
  width: 100%;
  vertical-align: top;
}

.mid_l,
.mid_r {
  display: inline-block;
  width: 50%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  vertical-align: top;
  overflow: hidden;
}

.mid_l img,
.mid_r img {
  transition: .8s;
}

.mid_l:hover img,
.mid_r:hover img {
  transform: scale(1.1);
}

.mid_l p {
  /*left: 65%;*/
}

.mid_r p {
  /*left: 65%;*/
}

.hos_device {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.hos_device img {
  width: 100%;
  vertical-align: top;
  transition: .8s;
}

.hos_device:hover img {
  transform: scale(1.1);
}

.hos_device p {
  width: 50%;
  position: absolute;
  left: 25%;
  text-align: center;
  top: 50%;
  color: #727171;
  font-size: 1.1rem;
  transform: translate(-50%, -50%);
}

.ser_solution_top_l1 {
  padding-right: 3.2rem;
  box-sizing: border-box;
  width: 36%;
  padding-left: 3.4rem;
  height: 464.52px;
}

.ser_solution_top_l1 h1 {
  margin-bottom: 1rem;
}

#kf_phone {
  font-size: 1.3rem;
}

/*.ser_solution_top_l1 h1::before{
	content: '';
    display: inline-block;
    width: 44px;
    height: 46px;
    vertical-align: middle;
    background: url(../images/wangdian_h.png)no-repeat center;
}*/
.ser_solution_top_r1 {
  width: 64%;
}

.serAddress_banner .ser_solution_top_l1 p {
  margin-left: 0rem;
}

.pc_pro_l p {
  margin-left: 0rem;
}

.pc_pro_l h1::before {
  width: 30px;
  margin-right: 1rem;
}

.serAddress_banner {
  margin-bottom: 3rem;
}

.serAddress_con {
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: 4.5rem 3.4rem;
  margin-bottom: 3.6rem;
}

.serSddress_phone {
  margin-bottom: 4rem;
  padding-left: 0;
}

.serSddress_phone span {
  font-size: 1.5rem;
}

.serSddress_phone img {
  margin-right: 1.6rem;
  width: 50px;
  height: 50px;
}

.gongji {
  position: relative;
  text-align: right;
  box-sizing: border-box;
}

.agency {
  position: absolute;
  left: 0;
  top: 0;
  text-align: left;
}

.agency h1 {
  color: #717071;
  font-size: 1.3rem;
  margin-bottom: .7rem;
}

.agency h2 {
  color: #717071;
  font-size: 1.15rem;
  margin-bottom: 1.8rem;
}

.agency p {
  color: #717071;
  font-size: .8rem;
  line-height: 1.5rem;
}

.gj_r {
  display: inline-block;
  width: 23px;
  height: 30px;
  background: url('../images/gj_r.png')no-repeat center;
}

.sy_cover {
  width: 100px;
  position: absolute;
  right: 3.5rem;
  top: 10.5rem;
  text-align: left;
}

.bj_cover {
  width: 100px;
  position: absolute;
  right: 8.5rem;
  top: 12.5rem;
  text-align: left;
}

.nj_cover {
  width: 100px;
  position: absolute;
  right: 5.5rem;
  top: 19.5rem;
  text-align: left;
}

.sh_cover {
  width: 100px;
  position: absolute;
  right: 4.5rem;
  top: 21.5rem;
  text-align: left;
}

.wh_cover {
  width: 100px;
  position: absolute;
  right: 10.5rem;
  top: 22rem;
  text-align: left;
}

.cq_cover {
  width: 100px;
  position: absolute;
  right: 14rem;
  top: 24rem;
  text-align: left;
}

.cd_cover {
  width: 100px;
  position: absolute;
  right: 19rem;
  top: 23rem;
  text-align: left;
}

.ls_cover {
  width: 100px;
  position: absolute;
  right: 28rem;
  top: 23rem;
  text-align: left;
}

.gz_cover {
  width: 100px;
  position: absolute;
  right: 9rem;
  top: 30rem;
  text-align: left;
}

.ls_cover .sm {
  transform: translate(-1rem, 0);
}

.wh_cover .sm {
  transform: translate(-1rem, 0);
}

.bj_cover .sm {
  transform: translate(-1rem, 0);
}

.nj_cover .sm {
  transform: translate(-.8rem, -.5rem);
}

.sm {
  position: absolute;
  right: .8rem;
  top: -.4rem;
  text-align: left;
}

.sm p {
  line-height: 1rem !important;
  color: #717071;
  font-size: .9rem;
}

.sm p:nth-of-type(2) {
  font-size: .6rem;
}

.ser_address_list {
  width: 100%;
  font-size: 0;
}

.agency_list_box {
  display: inline-block;
  width: 30.2%;
  margin: 1.65rem 1.5%;
  vertical-align: top;
}

.agency_list_box img {
  width: 100%;
  vertical-align: top;
}

.agency_list_box h3 {
  font-size: .8rem;
  line-height: 1.5rem;
  margin-top: .75rem;
}

.agency_list_box h3 a {
  display: inline-block;
  color: #717071;
  line-height: 1rem;
  border-bottom: 1px solid #717071;
}

.agency_list_box p {
  color: #717071;
  font-size: .62rem;
  line-height: 1.2rem;
}

.m_nav,
.m_footer_bottom,
.hr_con>div .m_add_p,
.ds_r,
.m_c_b_l,
.m_cer_r {
  display: none;
}

.m_s_r,
.m_pro_l {
  display: none;
}

.radio_box {
  display: inline-block;
  vertical-align: top;
}

.m_ser_solution_top_l1 {
  display: none;
}

#lab_before_s {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  border: 1px solid #ccc;
  vertical-align: middle;
  cursor: pointer;
}

#lab_after_s {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  border: 1px solid #ccc;
  vertical-align: middle;
  cursor: pointer;
}

#lab_part {
  display: inline-block;
  width: .7rem;
  height: .7rem;
  border: 1px solid #ccc;
  vertical-align: middle;
  cursor: pointer;
}

#before_s,
#after_s,
#part {
  opacity: 0;
  width: 0;
  height: 0;
}

.active_radio_bac {
  background: #717071;
}

.pro_top {
  position: relative;
}

#m_ditu,
.m_w_l {
  display: none;
}

.weixinkuang img:nth-of-type(1) {
  position: absolute;
  top: -123px;
  left: -54px;
  z-index: 2;
}

.weixinkuang img:nth-of-type(2) {
  position: absolute;
  top: -117px;
  left: -47px;
  z-index: 20;
  width: 120px;
  border-radius: 10px;
}

.weibokuang img:nth-of-type(1) {
  position: absolute;
  top: -123px;
  left: -3px;
  z-index: 2;
}

.weibokuang img:nth-of-type(2) {
  position: absolute;
  top: -108px;
  left: 14px;
  z-index: 20;
}

.weibo a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.m_ds_r,
.m_foot {
  display: none;
}

.about_intro:hover img {
  transform: scale(1.1);
}

.video_hidden i img {
  cursor: pointer;
}

.video_hidden i {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

/*2018.11.2*/
.mm_banner,
.m_index,
.mm_hr_banner,
.m_hr,
.m_hr_table,
.intro_banner .mm_banner,
.m_ditu {
  display: none;
}

.m_index {
  display: none;
}

.pro_banner .mm_banner {
  display: none;
}

.intro_banner .mm_banner {
  display: none;
}

.mobile_pro_tab {
  display: none;
}

.pro_mid_tab_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20;
  left: 0;
  top: 0;
}

.pro_mid_tab_cover p {
  color: #fff;
  font-size: .8rem;
  position: absolute;
  width: 100%;
  text-align: right;
  box-sizing: border-box;
  padding-right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.pro_middle_nav ul li {
  position: relative;
  overflow: hidden;
}

.pro_middle_nav ul li img {
  transition: .3s;
}

.pro_middle_nav ul li:hover img {
  transform: scale(1.1);
}

.m_agency {
  display: none;
}

.pc_pro_l {
  padding-left: 4rem;
}

.ser_solution_top_l p {
  margin-left: 0rem;
}

.ser_solution_top_l h1::before {
  margin-right: 1rem;
  background: url('../images/ok.png')no-repeat center;
  background-size: 100%;
}

.intro_icon1 {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
  margin-right: 1rem;
  background: url('../images/gsjs.png') no-repeat center;
  background-size: 100%;
}

.intro_icon2 {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-block;
  vertical-align: middle;
  background-size: 100%;
  margin-right: 1rem;
  background: url('../images/qqsc.png') no-repeat center;
  background-size: 100%;
}

.search_con {
  padding: 2rem;
  box-sizing: border-box;
}

.search_con p {
  font-size: .8rem;
  line-height: 1.5;
  color: #727171;
}

.search_con h5 {
  font-size: .8rem;
  line-height: 1.5;
  color: #727171;
}

.mm_scroll_header {
  position: fixed !important;
}

#kefudianhua {
  display: none;
}

.container2 {
  max-width: 1400px;
  margin: 0 auto;
}

.prodetail_con p img {
  vertical-align: top;
  width: 100%;
}

.p1>a {
  color: rgb(137, 137, 137);
}

.yaoduiqi {
  right: 50%;
}

.pc_newsDetail_banner {
  display: block;
}

.mm_newsDetail_banner {
  display: none;
}

.scroll_header {
  position: fixed !important;
  z-index: 56456445645646;
  top: 0;
}

.pro_top {
  display: none;
}

#shuomingwenzi1 {
  color: #595757;
  font-size: 28px;
  margin-bottom: 0;
  line-height: 46px;
}

.list_wrap {
  box-sizing: border-box;
  padding: 75px 0 0;
}

.bar {
  font-size: .8rem;
  color: #808080;
}

.bar_type {
  background: #f4f5f5;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  font-size: 16px;
  margin: 20px 0 40px;
}

.container3 {
  max-width: 1204px;
  margin: 0 auto;
  width: 62.7%;
}

.bar_type_more {
  display: inline-block;
  box-sizing: border-box;
  padding-right: 1rem;
  color: #808080;
}

.type_con {
  width: 100%;
}

.type_list {
  font-size: 0;
}

.type_list>div {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0 3%;
  margin-bottom: 2%;
}

.type_list>div>a>div {
  overflow: hidden;
}

.type_list>div>a {
  display: block;
  width: 100%;
  height: 100%;
}

.type_list>div>a>div>img {
  width: 100%;
  vertical-align: top;
  transition: all .5s;
}

.type_list>div:hover img {
  transform: scale(1.1);
}

.type_list>div>a p {
  font-size: .75rem;
  line-height: 2;
  color: #595757;
  text-align: center;
  margin-top: 15px;
  font-weight: normal;
}

.type_newsList {
  box-sizing: border-box;
  padding: 0 5%;
}

.l_typeNews,
.r_typeNews {
  display: inline-block;
  vertical-align: top;
}

.l_typeNews {
  width: 43%;
  margin-right: 5%;
}

.r_typeNews {
  width: 50%;
}

.r_typeNews h1 {
  font-size: 20px;
  line-height: 26px;
  color: #595757;
  text-indent: 0;
  width: 100%;
  transition: .5s;
}

.l_typeNews>img {
  width: 100%;
  vertical-align: top;
}

.r_typeNews h2 {
  padding: .3rem 0;
  box-sizing: border-box;
  margin-bottom: 2.5rem;

}

.r_typeNews h2 span,
.r_typeNews h2 i {
  font-size: .8rem;
  line-height: 2;
  color: #b4b5b5;
  vertical-align: middle;
  line-height: 20px;
}

.type_newsList_info {
  margin-bottom: 1rem;
}

.type_newsList_info>a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
}

.r_typeNews p {
  text-indent: 1.6rem;
  display: inline-block;
  width: 100%;
  font-size: 16px;
  line-height: 26px;
  color: #808081;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-align: justify;
}

.r_typeNews p:hover,
.r_typeNews h1:hover {
  color: #e11837;
}

.mm_proInfo {
  display: none;
}

@media screen and (max-width: 1700px) {
  .container {
    max-width: 1400px;
  }

  .nav li {
    padding: 0 .9rem;
  }
}

@media screen and (max-width: 1450px) {
  .dev_r_small {
    width: 80%;
  }

  .dev_l_small {
    width: 74%;
  }

  .world_carousel_con .swiper-slide>div .w_c_l>p:nth-of-type(1) {
    margin-bottom: 1rem;
  }

  .nav li {
    padding: 0 .7rem;
  }

  .second_nav li {
    padding-left: 0;
    padding-right: 0;
    width: 12%;
  }

  .container2 {
    max-width: 1200px;
    margin: 0 auto;
  }

  .translate {
    margin-right: 2.35rem;
  }

  #canvas {
    margin-right: 21rem;
  }

  .hr_con {
    padding: 3.2rem 2.9rem;
  }

  .ser_solution_top_l h1 {
    transform: translateX(0);
  }

  .ser_solution_top_l h1::before {
    width: 30px;
    margin-right: 1rem;
  }

  .problem_banner .ser_solution_top_l {
    padding-top: 4rem;
  }

  .solution_con {
    padding: 3.6rem 3.5rem;
  }

  .pc_pro_l p {
    margin-left: 0rem;
  }

  .serSddress_phone img {
    margin-right: .5rem;
    width: 40px;
    height: 40px;
  }

  .serSddress_phone {

    transform: translateX(1.6rem);
  }

  .ser_solution_top_l1 h1::before {
    width: 30px;
    background-size: 100%;
    margin-right: 1rem;
  }

  .prob_l p {
    margin-left: 0rem;
    text-align: justify;
  }

  .sy_cover {
    top: 8.5rem;
  }

  .bj_cover {
    right: 5.5rem;
    top: 9.8rem;
  }

  .gongji img {
    width: 80% !important;
  }

  .serAddress_con {
    padding: 4.5rem 2rem;
  }

  .serSddress_phone span {
    font-size: 1.25rem;
  }

  .index_banner1_word1 h1,
  .index_banner1_word h1,
  .index_banner1_word h2,
  .news_cover .h1 {
    font-size: 1.75rem;
  }

  .star_a span,
  .star_a1 span {
    font-size: 1rem;
  }

  .index_banner1_word h1 {
    margin-bottom: 1rem;
  }

  .index_banner1_word1 h2 {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }



.index_pro .index_pro_con {
    height: 300px;
  }

  .about_intro>a>div p,
  .pinzhi>a>div p,
  .zeren>a>div p {
    font-size: 1.75rem;
  }

  .earth_icon,
  .zeren_icon,
  .pinzhi_icon {
    width: 2.2rem;
    height: 2.2rem;
    margin-right: 1rem;
    background-size: 100%;
  }

  .ser_b_cover>a>div p,
  .ser_b_cover span,
  .ser_b_cover span {
    font-size: 1.75rem;
  }

  .ser_top>div h1 {
    font-size: 1.85rem;
  }

  .ser_top>div h2 {
    font-size: 1.15rem;
  }

  .ser_top>div {
    bottom: 15%;
  }

  .translate {
    margin-right: 1.5rem;
  }

  .header form input {
    width: 5.5rem;
  }

  .ser_top>div {
    right: 10%;
    bottom: 10%;
  }

  .ser_solution_top_r {
    height: 337.5px;
  }

  .news_tab,
  .pro_tab {
    padding: 1.5rem 1rem;
  }

  .news_r_r p {
    text-align: justify;
    line-height: 1.2rem;
    font-size: .7rem;
    max-height: 93px;
  }

  .news_r_r h1 {
    font-size: .8rem;
  }

  .inner_tab span {
    font-size: .7rem;
  }

  .inner_r h1,
  .inner_r h2 {
    font-size: .8rem;
  }

  .inner_r p {
    font-size: .8rem;
    line-height: 1.2rem;
  }

  .social {
    padding: 2.5rem;
  }

  .s_l h1 {
    margin-bottom: 1rem;
  }

  .s_bottom {
    margin-top: 4rem;
  }

  .s_r p {
    font-size: .7rem;
  }

  .quality {
    padding: 3rem;
  }

  .dev {
    margin-bottom: 3rem;
    padding: 3.9rem 3.5rem;
  }

  .dev_r_small p {
    font-size: .7rem;
  }

  .dev_l_small p {
    font-size: .7rem;
  }

  .container {
    max-width: 1200px;
  }

  .container1 {
    max-width: 1000px;
  }

  .hr_table table tr th,
  .hr_table table tr td {
    padding: 0 1.3rem;
  }

  .hr_table table {
    margin-bottom: 2rem;
  }

  .dongshi .ds_l {
    padding-right: 1.5rem;
  }

  .china_top>div p {
    font-size: .65rem;
  }

  .china_bottom>div .c_b_l {
    padding: 0rem .9rem 0;
    /*height: 339.39px;*/
  }

  .china_bottom>div .c_b_l h1 {
    /*margin-top: 2rem;*/
    margin-bottom: 1rem;
  }

  .china_bottom>div .c_b_l p {
    font-size: .7rem;
    line-height: 1.2rem;
    margin-bottom: .5rem
  }

  .china_bottom>div .c_b_l h2 {
    margin-bottom: 1rem;
  }

  .china {
    padding: 2rem 2rem;
  }

  .china>p {
    font-size: .7rem;
  }

  .china_bottom>div .c_b_l p {
    font-size: .7rem;
  }

  /* .china_bottom>div .c_b_l {
    height: 421.95px;
  } */

  .china_top {
    margin-bottom: 2rem;
  }

  .china_top>div p {
    font-size: .6rem;
  }



  .pro_tab p a {
    font-size: .8rem;
  }

  .prob_l {
    height: 364.55px;
    padding: 4.2rem 2.1rem 0 4rem;
  }

  .prob_l h1 {
    margin-bottom: 1rem;
  }

  .wenben {
    width: 82%;
  }

  .ser_solution_top_r img {
    width: 100%;
    height: auto;
  }

  .serAddress_banner .prob_l {
    height: 361.5px;
    padding: 9% 3.5rem 1rem;
  }

  .prob_l {
    height: 337.5px;
    padding: 2rem 3.5rem 1rem;
  }

  .prob_banner_box .prob_l {
    height: 364.55px;
    padding-top: 10%;
  }

  .sy_cover {
    right: 2rem;
  }

  .nj_cover {
    right: 3.5rem;
    top: 16rem;
  }

  .sh_cover {
    right: 3.2rem;
    top: 17.5rem;
  }

  .wh_cover {
    right: 7.5rem;
    top: 18rem;
  }

  .gz_cover {
    right: 6rem;
    top: 24rem;
  }

  .cq_cover {
    right: 10rem;
    top: 19rem;
  }

  .cd_cover {
    right: 15rem;
    top: 20rem;
  }

  .ls_cover {
    right: 23rem;
    top: 19rem;
  }

  .agency {
    left: 1.5rem;
  }

  .ser_address_list {
    width: 98%;
    padding-left: 2%;
    box-sizing: border-box;
  }

  #dt {
    background-size: 100%;
  }

  .dt_h {
    width: .6rem;
    height: 1rem;
    background-size: 100%;
  }

  .dt_h:hover {
    background-size: 100%;
  }

  .jnd {
    left: 23.5rem;
    top: -2.5rem;
  }

  .american {
    left: 25.5rem;
    top: 7rem;
  }

  .xxl {
    left: 17rem;
    top: 8.5rem;
  }

  .adly {
    left: 12rem;
    top: 6.5rem;
  }

  .ydnxy {
    left: 10.5rem;
    top: 4.5rem;
  }

  .yg {
    top: -2.6rem;
    left: -.3rem;
  }

  .ael {
    left: -1.3rem;
    top: -1.9rem;
  }

  .fg {
    left: .2rem;
    top: -.9rem;
  }

  .rs {
    left: 1rem;
    top: -1.2rem;
  }

  .dg {
    left: 2rem;
    top: 2rem;
  }

  .wkl {
    left: 2rem;
    top: -2.3rem;
  }

  .els {
    left: 8rem;
    top: -2.7rem;
  }

  .mg {
    left: 10rem;
    top: -1rem;
  }

  .zg {
    left: 11.5rem;
    top: 0.5rem;
  }

  .ydl {
    left: 1rem;
    top: -.5rem;
  }

  .arjly {
    left: -1rem;
    top: 1rem;
  }

  .nrly {
    left: 0;
    top: 3rem;
  }

  .aseby {
    left: 1.5rem;
    top: 3.5rem;
  }

  .aj {
    left: 3rem;
    top: 1.2rem;
  }

  .trq {
    left: 2.8rem;
    top: 6.5rem;
  }

  .stalb {
    left: 2rem;
    top: 1.5rem;
  }

  .alb {
    left: 4rem;
    top: 1.8rem;
  }

  .yl {
    left: 5.5rem;
    top: .8rem;
  }

  .yd {
    left: 7.8rem;
    top: 1.2rem;
  }

  .md {
    left: 9.9rem;
    top: 1.5rem;
  }

  .tg {
    left: 10rem;
    top: 2.2rem;
  }

  .yn {
    left: 10.8rem;
    top: 2.5rem;
  }

  .mlxy {
    left: 9rem;
    top: 3.3rem;
  }

  .xjp {
    left: 10rem;
    top: 4.5rem;
  }

  .hg {
    left: 14rem;
    top: .2rem;
  }

  .rb {
    left: 14rem;
    top: 0;
  }

  .jnd .hidden_dt_img {
    transform: translate(5.5rem, -9rem);
  }

  .american .hidden_dt_img {
    transform: translate(4.5rem, -9rem);
  }

  .world_carousel_con .swiper-slide>div .w_c_l {
    height: 343.06px;
    padding: 6rem 1.5rem 0;
  }

  .w_carousel_1 .w_l {
    height: 343.33px;
    padding: 1rem 1.5rem 0;
  }

  .w_l h1 {
    margin-top: 1.2rem;
    margin-bottom: 1rem;
  }


}

@media screen and (max-width: 1250px) {
  .nav li {
    padding: 0 .5rem;
  }

  .container2 {
    max-width: 1000px;
    margin: 0 auto;
  }

  .second_nav li {
    margin-right: 1rem;
    padding-left: 0;
  }

  .ser_top>div h1 {
    font-size: 1.6rem;
  }

  .ser_top>div p {
    font-size: .8rem;
  }

  .container {
    max-width: 92%;
  }

  .ser_top>div h2 {
    font-size: 1rem;
    margin-top: 1rem;
  }

  .ser_b_cover .wenti,
  .ser_b_cover .jiejue {
    width: 3rem;
    height: 3rem;
    background-size: 100%;
  }

  .ser_b_cover .wangdian {
    width: 2.3rem;
    background-size: 100%;
    height: 3rem;
  }

  .ser_b_cover span {
    font-size: 1.6rem;
  }

  /*	.nav li{
		width: 16%;
	}*/
  .nav li a {
    font-size: .6rem;
  }

  .translate {
    margin-right: .5rem;
  }

  .cer_r img {
    width: 100%;
  }

  .s_l {
    padding-right: 2rem;
  }

  .pro_middle p {
    font-size: 1.4rem;
  }

  .hos_device p {
    font-size: 1.4rem;
  }

.index_pro .index_pro_con{
  height: 280px;
}
}

@media screen and (max-width: 1050px) {
  .world_carousel_con .swiper-slide>div .w_c_l>p:nth-of-type(1) {
    dominant-baseline: .9rem;
  }

  .world_carousel_con .swiper-slide>div .w_c_l>p:nth-of-type(2) {
    font-size: .7rem;
  }

  .m_dt_h {
    display: inline-block;
    width: .8rem;
    height: 1.1rem;
    cursor: pointer;
    vertical-align: middle;
    margin-right: .5rem;
    background: url('../images/dt_h.png')no-repeat top;
    background-size: 100%;
  }

  #m_ditu {
    margin-top: 1rem;
  }

  #m_ditu table {
    width: 100%;
  }

  #m_ditu img {
    width: 100%;
    margin-bottom: 1rem;
  }

  #m_ditu tr td {
    border: 1px solid #ccc;
    line-height: 1.5rem;
    text-align: left;
    box-sizing: border-box;
    padding-left: 3%;
    width: 33%;
  }

  #m_ditu td strong {
    font-size: .7rem;
    font-weight: 500;
    vertical-align: middle;
    color: #898989;
  }

  #m_ditu tr {
    width: 100%;
  }

  #dt {
    display: none;
  }

  #m_ditu {
    display: block;
  }

  .world {
    padding: 2rem 2rem;
  }

  .world_carousel_con .swiper-slide>div .w_c_l {
    padding: 6rem 1.2rem 0;
    font-size: .8rem;
    height: 315.55px;
  }

  .w_l h1 {
    font-size: .9rem;
  }

  .w_l p {
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .w_carousel_1 .w_l {
    height: 315.81px;
  }

  .pro_middle p {
    font-size: 1rem;
  }

  .hos_device p {
    font-size: 1rem;
  }

  .gongji img {
    width: 100%;
  }

  .sy_cover,
  .bj_cover,
  .nj_cover,
  .sh_cover,
  .wh_cover,
  .cq_cover,
  .cd_cover,
  .ls_cover,
  .gz_cover {
    display: none;
  }

  .ser_b_cover>div p {
    font-size: 1.6rem;
  }

  .ser_top>div h1 {
    font-size: 1rem;
  }

  .ser_top>div {
    bottom: 0%;
  }

  .ser_top>div p {
    width: 318px;
    font-size: .7rem;
  }

  .ser_top>div h2 {
    font-size: .8rem;
  }

  .serSddress_phone span {
    font-size: 1rem;
  }

  .serSddress_phone img {
    width: 40px;
    height: 40px;
  }

  .serAddress_con .serSddress_phone {
    padding-left: 0;
  }

  .problem_banner .prob_l,
  .problem_banner .prob_r {
    height: 259.19px;
  }

  .problem_banner .prob_l {
    padding: 1rem 0 0 1rem;
  }

  .problem_banner .prob_l h1 {
    margin-bottom: 0;
  }

  .sol_para_show {
    font-size: .7rem;
  }

  .solution_con {
    padding: 2rem;
  }

  .after-sale {
    padding-left: 2rem;
  }

  .pro_tab p a {
    font-size: .6rem;
  }

  .pro_r_list p {
    font-size: .6rem;
  }

  .pro_r_box {
    padding: 2rem;
  }

  .news_tab p img {
    width: 35px;
    height: 35px;
  }

  .news_tab p span {
    font-size: .7rem;
  }

  .news_r {
    padding: 2.3rem 2rem;
  }

  .news_r_r h6 {
    margin-bottom: 1rem;
  }

  .news_r_r {
    padding-left: 1rem;
  }

  .yuyue .top {
    padding: 1.3rem 0 45% 3rem;
  }

  .yuyue .top .top_title_box h1 {
    margin-bottom: .5rem;
    font-size: 1rem;
  }

  .yuyue .top .top_title_box p {
    font-size: .8rem;
    line-height: 1.2rem;
  }

  .top_inner_box {
    bottom: .5rem;
  }

  .inner_r {
    padding-left: 1rem;
  }

  .inner_r h1,
  .inner_r h2 {
    font-size: .8rem;
  }

  .inner_r h2 {
    margin-bottom: 1rem;
  }

  .middle .middle_inner_box {
    margin: 2.5rem auto 0;
  }

  .bottom .bottom_inner_box {
    margin-top: 2.5rem;
  }

  .yuyue {
    padding-bottom: 2.5rem;
  }

  .culture {
    padding: 3.9rem 4.5rem;
  }

  .china_bottom>div .c_b_l p {
    font-size: .6rem;
    margin-bottom: 0;
  }

  /* .china_bottom>div .c_b_l {
    height: 315.81px;
  } */

  .container {
    max-width: 92%;
  }

  .container1 {
    max-width: 92%;
  }



  /*.nav li{
		width: 15%;
	}*/
  .nav {
    width: 61%;
  }

  .index_banner1_word h1 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  .index_banner1_word h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  .star_a,
  .star_a1 {
    padding: .5rem 1rem;
    height: 1.5rem;

  }

  .star_a span,
  .star_a1 span {
    transform: translate(.8rem, -.15rem);
    font-size: .8rem;
  }

  .star_a:hover span,
  .star_a1:hover span {
    transform: translate(0rem, -.15rem);
  }

  .next {
    transform: translate(0, -.2rem);
  }

  .star_a:hover .next {
    transform: translate(.2rem, -.2rem);
  }

  .index_banner1_word1 h1 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  .index_banner1_word1 h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  .star_a1 .next {
    transform: translate(0, -.2rem);
  }

  .star_a1:hover .next {
    transform: translate(.5rem, -.2rem);
  }



  .footer_nav li {
    width: 20%;
  }

  .news_cover .h1 {
    font-size: 2rem;
  }

  .news_cover p {
    font-size: 1rem;
  }

  .hr_con>div p {
    font-size: .7rem;
  }

  .hr_table table tr th:nth-child(1) {
    width: 15%;
  }

  .hr_con {
    padding: 3.3rem 3.9rem;
  }

  .about_intro>a>div p,
  .pinzhi>a>div p,
  .zeren>a>div p {
    font-size: 1.2rem;
  }

  .earth_icon,
  .zeren_icon,
  .pinzhi_icon {
    width: 2.7rem;
    height: 2.7rem;
    margin-right: 1rem;
    background-size: 100%;
  }

  .dongshi {
    padding: 3.5rem 1.5rem;
  }

  .dongshi .ds_l p {
    font-size: .6rem;
  }

  .h_line {
    width: 7%;
  }

  .circle {
    right: 92%;
  }

  .dev_l_inner_box:nth-child(odd) {
    padding-left: 7%;
  }

  .circle1 {
    left: 5.5%;
  }

  .dev_l_inner_box:nth-child(even) {
    position: relative;
    text-align: left;
    padding-left: 19%;
    padding-right: 0;
  }

  .dev_l_inner_box:nth-child(even) .line {
    position: absolute;
    left: 7%;
    top: 50%;
    transform: translateY(-50%);
  }

  .dev_l_small p {
    text-align: left;
  }

  .intro_text {
    padding: 3rem;
  }

  .certificate .cer_l p:nth-of-type(1) {
    margin-bottom: 2rem;
  }

  .prob_l {
    height: 279.97px;
    padding: 1rem 2rem 0 2rem;
  }

  .problems_form {
    padding: 2rem;
  }

  #canvas {
    margin-right: 14rem;
  }

  .serAddress_banner .prob_l {
    height: 277.63px;
    padding-left: 0;
    padding-top: 8%;
  }

  .prob_l h1::before {
    transform: translateX(1rem);
    width: 30px;
    height: 30px;
    background-size: 100%;
  }

  .serAddress_banner .prob_l p {
    margin-left: 3.5rem;
  }

  .prob_banner_box .prob_l {
    height: 279.97px;
    padding-top: 10%;
    padding-left: 0;
    padding-right: 2%;
  }

  .prob_banner_box .prob_l p {
    margin-left: 3.5rem;
  }
}

@media screen and (max-width: 940px) {
    .logo_box {
        width:25%;
    }
}
@media screen and (max-width: 900px) {
    .nav li {
        padding: 0 0.2rem;
    }
}

@media screen and (max-width: 800px) {


  .world_carousel_con .swiper-slide>div .w_c_l {
    height: 243.08px;
    padding: 3.5rem .5rem;
    font-size: .7rem;
  }
.index_pro .index_pro_con{height: 250px;}
  .w_carousel_1 .w_l {
    display: none;
  }

  .w_r {
    width: 100%;
  }

  .m_w_l {
    display: block;
    width: 100%;
    padding: 1rem;
    background: #e3e3e3;
    color: #898989;
    box-sizing: border-box;
  }

  .m_w_l h1 {
    font-size: .8rem;
    margin-bottom: .5rem;
  }

  .m_w_l p {
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .world_carousel_con .swiper-slide>div {
    background: #e3e3e3;
  }
}
.newsDetail_title h6 span{    line-height: 20px;}


@media screen and (max-width: 768px) {
ul.Contacts li{width: 100%;min-height: auto;}
iframe.map{height: 400px!important;}
.page_prew,.page_next {width: 100%;text-align: left;line-height: 35px}
.newsDetail_title h6{    width: 90%;}

.news_r, .pro_r_box{width: 100%;}
.common-title .bg{font-size: 1.5rem;}
  .mm_proInfo {
    display: block;
  }
.index_pro .index_pro_con{height: 200px}
  .pc_proInfo {
    display: none;
  }

  .newsDetail_content img {
    max-width: 100%;
  }

  .dev_l_small {
    width: 100%;
  }

  .dev_r_small {
    width: 84%;
  }

  .pro_banner {
    display: block;
  }

  .newsbanner {
    display: none;

  }
  .index_banner1
  .pro_detail_banner {
    display: none;
  }

  .news_con {
    margin-top: 1rem;
  }

  .mm_newsDetail_banner {
    display: block;
  }

  .pc_newsDetail_banner {
    display: none;
  }

  .solution_para_list {
    padding: 0 .5rem 0 0;
    width: 105%;
  }

  .s_bottom .s_b_box {
    margin-bottom: 1rem;
  }

  .world_top_car {
    display: block;
  }

  .world_top_car_con img {
    width: 100%;
    vertical-align: top;
  }




.pro_r_list .pro_box .pro_img{height: 200px}
  .world_top_car_con .world_top_car_con_div {
    display: block;
    text-align: left;
    width: 100%;
    padding: 1rem;
    font-size: .8rem;
    background: #e3e3e3;
    color: #898989;
    box-sizing: border-box;
    height: 82px;
  }

  .world_top_car_con .world_top_car_con_div p {
    margin-bottom: .5rem;
  }

  .world_top_car_con .swiper-slide>div {
    width: 100%;
  }

  .world_carousel {
    display: none;
  }
.sy .flow{width: 50%;}
.case .al_box{    width: calc(100% / 4);}

.news .col-l{width: 100%;}

.news .g-tit1{border-bottom: 1px solid #eee; padding-bottom: 10px;}


.in_foots_t{ display:none;}
.in_foots_t01{ display:block;}
.menu ul { display:none; padding:0; margin:0; }   
.menu li { padding:0; margin:0;  }  
.menu>li>a{ color:#333; font-size:15px; display:block;padding:18px 2%; border-bottom:1px solid #c1c1c1; }
.smenu{ background:#ddd;}  
.smenu>li>a{ color:#333; font-size:13px; display:block;padding:18px 2%; border-bottom:1px solid #aaa; }
.in_footlinks {    border-top: 1px solid #f2f2f2;}
.in_foots_b_l{width: 100%;}
.in_foots_b_r{display: none;}


  .mm_next {
    background: url('../images/next.png')no-repeat center;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 10px;
    transform: translateY(-.1rem);
    margin-left: .2rem;
  }

  .mm_ind_banenr_word h1 {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.5;
  }

  .mm_ind_banenr_word h2 {
    font-size: .8rem;
    color: #fff;
    line-height: 1.5;
  }

  .mm_ind_banenr_word a {
    box-sizing: border-box;
    padding: .3rem 1rem;
    border-radius: 20px;
    border: 1px solid #fff;
    margin-top: .5rem;
    display: inline-block;
  }

  .mm_ind_banenr_word a span {
    color: #fff;
    font-size: .7rem;
  }

  .problem_banner {
    margin-top: 0 !important;
  }

  .m_pro_l p {
    margin-left: 0 !important;
  }

  .prob_banner_box .prob_l p {
    width: 100%;
  }

  .problems_form {
    padding: 2rem;
  }

  .news_tab {
    padding: 1.5rem .6rem;
  }

  .news_r {
    border-left: 5px solid #f7f7f9 !important;
  }

  #proDetail_a1,
  #proDetail_a {
    margin-top: 10px;
  }

  #xiangqing_h1,
  #shuomingwenzi {
    font-size: .8rem;
    line-height: 1;
  }

  .problem_banner .prob_l h1 {
    margin-bottom: .5rem !important;
  }

  .m_agency {
    font-size: 0;
    width: 100%;
  }

  .m_agency>div {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    text-align: left;
    font-size: .6rem;
  }

  .m_agency>div:nth-of-type(1) {
    width: 51%;
  }

  .serAddress_con .serSddress_phone {
    padding-left: 0rem;
    transform: translateX(0);
  }

  .serSddress_phone img {
    display: none;
  }

  .ser_address_list {
    width: 100%;
  }

  .serSddress_phone span {
    font-size: .85rem;
  }

  .agency {
    left: 0;
  }

  .prob_l h1::before {
    display: none;
  }

  .serAddress_banner .prob_l p {
    margin-left: 0;
  }

  /*2018.11.2*/
  .ser_address_list {
    padding-left: 0;
  }

  .pc_agency {
    display: none;
  }

  .gongji img {
    opacity: 0;
  }

  .m_agency {
    display: block;
  }

  .pro_middle_nav,
  .pro_tab {
    display: none;
  }

  .star_a1 {
    display: none;
  }

  .news_r,
  .pro_r_box {
    border-left: 0;
  }

  .mobile_pro_tab {
    display: block;
  }

  .active_div {
    background: #dcdcdc;
  }

  .mobile_pro_tab .active_a {
    color: #e11837;
  }

  .mobile_pro_tab {
    width: 100%;
    font-size: 0;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
  }

  .mobile_pro_tab>div {
    width: 19.5%;
    display: inline-block;
    vertical-align: middle;
    font-size: .7rem;
    text-align: center;

  }

  .mobile_pro_tab>div>a {
    color: #727171;
    width: 100%;
    display: block;
    line-height: 40px;
    text-align: center;
  }

  .mobile_pro_tab>div:nth-of-type(4) {
    width: 22%;
  }

  .index_banner1_word1 h2 {
    font-size: .8rem !important;
  }

  .mobile_pro_tab>div>div {
    position: absolute;
    top: 40px;
    left: 0;
    box-sizing: border-box;
    padding: 1rem 1.5rem;
    width: 100%;
    background: rgba(255, 255, 255, .3);
  }

  .mobile_pro_tab>div>div span {
    display: inline-block;
    padding: 0rem .5rem;
    margin-bottom: 1rem;
  }

  .pro_con {
    margin-top: 6rem;
  }

  .mobile_pro_tab>div>div a {
    color: #9fa0a0;
  }

  .mid_r p,
  .mid_l p {
    left: 46%;
    text-align: right;
  }

  .pro_middle p {
    width: 45%;
  }

  .dt {
    display: none;
  }

  .pro_banner .mm_banner {
    display: block;
  }

  .pro_banner .pc_banner {
    display: none;
  }

  .dev_carousel {
    transform: translateX(0);
  }





  .intro_banner .mm_banner {
    display: block;
  }

  .intro_banner {
    margin-top: 0;
  }

  .pc_hr_banner,
  .pc_hr {
    display: none;
  }

  .mm_hr_banner,
  .m_hr,
  .m_hr_table {
    display: block;
  }

  .moblie_index_carousel_con1 .swiper-pagination-bullet {
    border-radius: 10px !important;
  }

  .moblie_index_carousel_con1 .swiper-pagination-bullet-active {
    background: #fff;
  }




  .mm_ind_banenr_word2 {
    position: absolute;
    top: 3rem;
    left: 0;
    width: 100%;
  }

  .mm_ind_banenr_word2 h1 {
    color: #595757;
    /*color: #fff;*/
    font-size: 1.3rem;
    margin-bottom: .5rem;
  }

  .mm_ind_banenr_word2 h2 {
    font-size: .8rem;
    color: #595757;
    /*color: #fff;*/
  }

  .moblie_index_carousel,
  .moblie_index_carousel1 {
    width: 100%;
    position: relative;
  }

  .moblie_index_carousel {
    margin-bottom: -.1rem;
  }

  .moblie_index_carousel .swiper-slide>div,
  .moblie_index_carousel1 .swiper-slide>div {
    width: 100%;
  }

  .moblie_index_carousel_con .swiper-slide img,
  .moblie_index_carousel_con1 .swiper-slide img {
    width: 100%;
    vertical-align: top;
  }

  .mm_ind_banenr_word,
  .video_control {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }

  .mm_ind_banenr_word1 {
    position: absolute;
    /*bottom: 3rem;*/
    top: 3rem;
    left: 0;
    text-align: center;
    width: 100%;
  }

  .mm_ind_banenr_word1 h1 {
    color: #595757;
    font-size: 1.3rem;
    margin-bottom: .5rem;
  }

  .mm_ind_banenr_word1 h2 {
    color: #595757;
    font-size: .8rem;
  }

  .mm_ind_banenr_word {
    display: none;
  }

  .video_control {
    text-align: center;
  }

  .video_control img {
    width: 60px !important;
  }

  .m_wechat_box img {
    width: 135px;
    height: 135px;
    border: 1px solid #dedede;
    border-radius: 10px;
    background: #fff;
  }

  .m_wechat_box {
    position: relative;
    transform: translateY(-2rem);
  }

  .m_wechat_box::after {
    position: absolute;
    height: 0px;
    width: 0px;
    border-left: 6px solid transparent;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    left: 43%;
    transform: translate(-50%, 1.6rem);
    display: block;
    bottom: 0px;
    content: "";
  }

  .m_wechat_box::before {
    position: absolute;
    height: 0px;
    width: 0px;
    border-left: 6px solid transparent;
    border-top: 6px solid #ccc;
    border-right: 6px solid transparent;
    left: 43%;
    transform: translate(-50%, 1.65rem);
    display: block;
    bottom: 0px;
    content: "";
  }

  #mm_carousel_video {
    width: 100%;
  }



  .mm_banner,.m_banner,
  .m_index {
    display: block;
  }

  .pc_banner {
    display: none;
  }

  .pro_tab p>a:hover::after {
    display: none;
  }

  .page_more {
    display: none !important;
  }

  .world_carousel_con .swiper-slide>div {
    background: #e3e3e3;
  }

  .m_dt_h {
    margin-right: 0;
  }

  .world {
    padding: 2rem 2rem;
  }

  .w_carousel_1 {
    margin-top: 2rem;
  }

  .prob_banner_box .prob_l p {
    margin-left: 2.6rem;
  }

  .prob_banner_box .prob_l h1::before {
    transform: translate(0, 0);
  }

  .ser_b_cover>div p {
    font-size: 1rem;
  }

  .ser_b_cover .wenti,
  .ser_b_cover .jiejue {
    width: 2rem;
    height: 2rem;
  }

  .ser_b_cover span {
    font-size: 1rem;
  }

  .ser_b_cover .wangdian {
    width: 2rem;
    height: 2.6rem;
  }

  .agency_list_box {
    width: 100%;
  }

  #kefudianhua {
    display: block;
    line-height: 1.5;
  }

  #pc_kefudianhua {
    display: none;
  }

  .serAddress_con {
    padding: 2rem;
  }

  .ser_solution_top_l {
    display: none;
  }

  .problem_banner .prob_l,
  .problem_banner .prob_r {
    height: auto;
  }

  .problem_banner .prob_l {
    padding-bottom: 2rem;
  }

  .pro_tab p {
    display: inline-block;
    margin-right: 1rem;
  }

  .pro_tab {
    width: 100%;
    margin-bottom: 1rem;
    min-height: 100px;
  }

  .pro_tab h1 {
    margin-bottom: 1rem;
  }

  .pro_con {
    margin-bottom: 3rem;
  }

  .pro_middle_nav {
    margin-top: 2rem;
  }

  .pro_r_box {
    width: 100%;
    padding:  1rem;
  }

  .pro_r_list {
    width: 50%;
  }

  .m_cer_r {
    display: block;
    width: 100%;
  }

  .m_cer_r img {
    width: 100%;
  }

  .certificate .cer_r {
    display: none;
  }

  .certificate .cer_l {
    width: 100%;
    padding-right: 0;
  }

  .quality {
    margin-top: 0rem;
    margin-bottom: 3rem;
    padding: 2rem;
  }

  .intro_text {
    padding: 2rem 0.5rem;
    margin-bottom: 3rem;
  }

  .circle {
    right: 91.3%;
  }

  .dev_l_inner_box:nth-child(even) .dev_l_small {
    padding-left: .5rem;
  }

  .line {
    width: 2.25rem;
  }

  .dev {
    padding: 2rem 2rem 4rem 2rem;
  }

  .dev_r_small {
    width: 86%;
  }

  .dev>p {
    font-size: .8rem;
    line-height: 1.4rem;
    margin-bottom: 1rem;
  }

  .culture {
    padding: 2rem 2rem;
    margin-bottom: 3rem;
  }

  .m_ditu {
    display: block;
  }

  .china_top>div {
    width: 100%;
    margin-right: 0%;
  }

  .china_top>div p {
    font-size: .8rem;
  }

  .china>p {
    font-size: .8rem;
    text-align: justify;
  }

  .earth_tab ul li img {
    width: 100%;
  }

  .earth_tab {
    padding: 1.5rem 0;
  }

  .earth_tab ul li a i {
    width: 2.5rem;
    height: 2.5rem;
  }

  .header {
    display: none;
  }

  .m_nav {
    display: block;
    padding-left: 0px;

  }

  nav {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 20000;
    width: 100%;
    background: rgba(255, 255, 255, .85);
  }

  nav .sj_footer .left_div p {
    display: none;
  }


  .m_nav .menu_p em {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(-20%, -50%);
    width: 1rem;
    font-size: 0;
  }

  .m_nav .menu_p i {
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #898989;
    margin: 3px 0;
    opacity: 1;
    transition: 0.5s;
    -webkit-transition: 0.5s;
  }

  .m_nav .active_p em i:nth-of-type(2) {
    opacity: 0;
  }

  .m_nav .active_p em i:nth-of-type(1) {
    -webkit-transform: rotate(45deg) translate(6px, 6px);
    transform: rotate(45deg) translate(6px, 6px);
  }

  .m_nav .active_p em i:nth-of-type(3) {
    -webkit-transform: rotate(-45deg) translate(9px, -8px);
    transform: rotate(-45deg) translate(5px, -5px);
  }

  .m_nav {
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    z-index: 200000;
    margin-top: 0;
    background: #fff;
    height: 60px;
    margin-bottom: 0;
  }
  .m_nav .m_logo{height: 60px;justify-content: space-between; align-items: center; display: flex;  padding: 5px;  width: 65%;}
  nav .sj_footer {
    width: 100%;
    background: rgba(255, 255, 255, .85);
    padding: 6% 20px;
    box-sizing: border-box;
  }

  nav .sj_footer .left_div div {
    width: 100%;
    margin: 0;
    cursor: pointer;
  }

  nav .sj_footer strong {
    height: 40px;
    line-height: 40px;
    margin-bottom: 0;
    color: #595757;
    font-weight: 500;
    font-size: 14px;
  }
  nav .sj_footer strong a.n_na{display: inline;color: #595757;}

  nav .sj_footer strong i {
    display: block;
    float: right;
    color: #898989;
    font-size: 20px;
  }

  nav .sj_footer .active_strong i {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  nav .sj_footer a {
    font-size: 14px;
    color: #898989;
    display: block;
    line-height: 30px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
  }


  .index_banner1_word h1 {
    font-size: 1rem;
    margin-bottom: .6rem;
  }

  .index_banner1_word h2 {
    font-size: 1rem;
    margin-bottom: .5rem;
  }

  .star_a,
  .star_a1 {
    padding: .2rem;
    height: 1rem;
  }

  .star_a span,
  .star_a1 span {
    font-size: .7rem;
    transform: translate(.8rem, -.2rem);
    line-height: 1rem;
  }

  .index_banner1_word1 h1 {
    font-size: 1rem;
    margin-bottom: .5rem;
  }

  .index_banner1_word1 h2 {
    font-size: 1rem;
    margin-bottom: .5rem;
  }

  .news_cover .h1 {
    font-size: 1rem;
  }

  .news_cover p {
    font-size: .7rem;
  }

  .saoyisao {

    display: none;
  }

  .footer_nav {
    width: 100%;
  }

  .footer_nav li {
    width: 23.9%;
  }


  .m_footer_bottom {
    display: block;
    box-sizing: border-box;
    padding: 1rem 0 0 0;
  }

  .m_footer_bottom p {
    font-size: .6rem;
    text-align: center;
    line-height: 1.2rem;
  }



  .news_cover .h1 {
    margin-bottom: .5rem;
  }

  .hr_con {
    margin: 0rem 0 2.7rem 0;
    padding: 2rem;
  }

  .m_add_p,
  .hr_con>div span {
    display: block;
  }

  .m_ds_r {
    display: block;
    text-align: center;
    margin-bottom: 1rem;
  }

  .m_ds_r img {
    width: 80%;
  }

  .dongshi .ds_r {
    display: none;
  }

  .dongshi .ds_l {
    width: 100%;
    padding-right: 0;
  }


  .about_tab ul li img {
    width: 2.5rem;
  }

  .about_tab ul li a i {
    width: 2.5rem;
    height: 2.5rem;
  }

  .about_tab ul li {
    padding: 1.5rem 0;
  }

  .dongshi {
    margin-bottom: 3.5rem;
  }

  .china_bottom>div .c_b_l {
    display: none;
  }

  .m_c_b_l {
    display: block;
    font-size: .7rem;
    background: #e3e3e3;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
    line-height: 1.2rem;
    color: #898989;

  }

  .china {
    margin-bottom: 3rem;
  }

  .m_c_b_l h2 {
    margin-bottom: .5rem;
    font-size: .8rem;
  }

  .china_bottom>div .c_b_r {
    width: 100%
  }

  .china_bottom>div .c_b_r img {
    vertical-align: top;
  }

  .m_s_r {
    width: 100%;
    text-align: center;
    font-size: .8rem;
    color: #898989;
    line-height: 1.2rem;
    display: block;
    margin-bottom: 1rem;
  }

  .s_top .s_r {
    display: none;
  }

  .social {
    padding: 2rem 2rem;
    margin-bottom: 3rem;
    margin-top: 0;
  }

  .s_l {
    padding-right: 0;
    width: 100%;
    text-align: justify;
  }

  .s_l h1 {
    font-size: .7rem;
  }

  .s_l p {
    font-size: .7rem;
  }

  .s_bottom .s_b_box {
    width: 100%;
  }

  .yuyue .top {
    padding: 1.3rem 0 105% 1.5rem;
  }

  .inner_l {
    width: 100%;
  }

  .inner_r {
    width: 100%;
  }

  .inner_r h1 {
    margin-bottom: .5rem;
    margin-top: .5rem;
  }

  .inner_r p {
    line-height: 1rem;
    font-size: .7rem;
  }

  .inner_r h2 {
    margin-bottom: .5rem;
  }

  .top_inner_box {
    bottom: 3rem;
  }

  .inner_tab span {
    margin-right: .5%;
    width: 49.5%;
    height: 2rem;
    line-height: 2rem;
    font-size: .6rem;
    margin-bottom: .1rem;
  }

  .inner_tab span:nth-of-type(2n) {
    margin-right: 0;
  }

  .inner_tab span.active_span {
    height: 2rem;
    line-height: 2rem;
    transform: translateY(0);
  }

  .inner_r {
    padding-left: 0;
  }

  .inner_tab {
    height: 2.4rem;
  }

  .inner_tab span {
    vertical-align: top;
  }

  .inner_top {
    padding: 1rem;
  }

  .middle .middle_inner_box {
    margin-bottom: 5rem;
  }

  .bottom .bottom_inner_box {
    margin-bottom: 3rem;
  }

  .yuyue {
    margin-bottom: 3rem;
  }

  .news_tab p span {
    padding-left: .2rem;
    padding-right: .2rem;
    box-sizing: border-box;
    margin-right: 0;
    line-height: 1.5;
  }

  .news_tab p {
    text-align: center;
  }

  .news_tab p img {
    display: none;
  }

  .control {
    width: 60px;
    height: 60px;
    background-size: 100%;
  }



  .news_r {
    padding: 2rem 1rem;
  }



  .news_r_r p {
    text-indent: 0;
  }

  .video_l {
    margin-bottom: 1rem;
  }

  .video_l,
  .video_r {
    width: 100%;
  }

  .video_r {
    padding-bottom: 1rem;
  }

  .news_con {
    margin-bottom: 3rem;
  }

  .newsDetail_title h1 {
    line-height: 1.2rem;
  }

  .ivideo {
    width: 100%;
  }

  .pc_pro_l {
    display: none;
  }

  .m_pro_l {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 1rem;
  }

  .prob_r {
    width: 100%;
  }

  .prob_l {
    padding: 1rem;
  }

  .prob_l h1 {
    margin-bottom: .5rem;
  }

  .prob_l h1::before {
    width: 34px;
    height: 34px;
    background-size: 100%;
  }

  .prob_l p {
    margin-left: 2.95rem;
  }

  .problem_banner {
    margin: 2rem 0;
  }

  select {
    background: url('../images/form_xiala.png')no-repeat 98%;
  }

  .problems_form .form p .form_inp,
  .prob_type {
    width: 74%;
    box-shadow: none;
    -webkit-appearance: none;
  }

  .btn,
  .none {
    width: 135px;
  }

  .anniu {
    padding-left: 0;
  }

  .solution_con select {
    width: 40%;
  }

  .solution_con>div {
    position: relative;
  }

  .solution_search {
    width: 55%;
    margin-left: 0;
  }

  .search_xiala {
    transform: translate(-2.1rem, 0);
  }

  .sol_search_icon {
    position: absolute;
    right: 0;
    top: 0%;
  }

  .sol_para_icon {
    right: -.5rem;
  }

  .after-sale {
    margin-bottom: 2rem;
  }

  .sol_select {
    padding-left: .5rem;
  }

  .serAddress_banner .ser_solution_top_l1 {
    display: none;
  }

  .serAddress_banner .m_ser_solution_top_l1 {
    display: block;
    width: 100%;
    padding-right: 5%;
  }

  .agency_list_box {
    margin: 0;
    margin-bottom: 1rem;
  }

  .agency h1 {
    font-size: 1rem;
  }

  .agency h2 {
    font-size: .9rem;
    margin-bottom: 1rem;
  }

  .agency p {
    line-height: 1.2rem;
    font-size: .7rem;
  }

  .problems_form .form p small {
    font-size: .6rem;
    margin-right: 0;
    margin-left: .5rem;
  }

  .problems_form .form p span {
    font-size: .7rem;
    margin-right: 0;
  }

  .problems_form .form div .wenti_span {
    font-size: .7rem;
  }

  .wenben {
    width: 100%;
    margin-top: 1rem;
  }

  #canvas,
  .yanzhengma {
    margin-right: 0;

  }

  .yanzhengma {
    font-size: .75rem;
    width: auto;
  }

  .input-val {
    width: 36%;
    padding: .45rem .75rem;
  }

  .btn,
  .none {
    width: 47%;
  }

  .problems_form {
    margin-bottom: 3rem;
  }

  .pro_middle p {
    font-size: .7rem;
  }

  .hos_device p {
    font-size: .7rem;
  }

  #w_next {
    width: 1rem;
  }

  .news_r_r h6 {
    line-height: 1.4rem;
  }

  .m_pro_l h1::before {
    transform: translateX(-.2rem);
  }

  .problem_banner .prob_l {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .ser_solution_top_l p {
    width: 95%;
  }

  .prob_banner_box .prob_l h1::before {
    transform: translateX(1rem);
  }

  .solution_con {
    padding: 2rem;
  }
}

@media screen and (max-width: 650px) {
  .mm_next {
    background: url('../images/next.png')no-repeat center;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 10px;
    transform: translateY(-.1rem);
    margin-left: .2rem;
  }

  .mm_ind_banenr_word h1 {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.5;
  }



  .mm_ind_banenr_word h2 {
    font-size: .8rem;
    color: #fff;
    line-height: 1.5;
  }

  .mm_ind_banenr_word a {
    box-sizing: border-box;
    padding: .3rem 1rem;
    border-radius: 20px;
    border: 1px solid #fff;
    margin-top: .5rem;
    display: inline-block;
  }

  .mm_ind_banenr_word a span {
    color: #fff;
    font-size: .7rem;
  }

  .video_control img {
    width: 60px !important;
  }

  .sol_search_icon {
    right: -4%;
  }

  .solution_con select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    background: url(../images/form_xiala.png)no-repeat 93%;
  }

  .ser_top>div p {
    line-height: 1rem;
    font-size: .6rem;
    width: 92%;
  }

  .ser_top>div {
    top: 10%;
    right: auto;
    left: 7%;
    transform: none;
  }

  .ser_top>div h1 {
    margin-bottom: .5rem;
    font-size: .8rem;
  }

  .ser_top>div h2 {
    margin-top: .5rem;
    font-size: .8rem;
  }





  .m_active_wechat_box {
    display: block;
  }


}

@media screen and (max-width: 567px) {
  .world_carousel_con .swiper-slide>div {
    background: transparent;
  }
 .index_pro .pro_box{width: 49%;margin: 0.5%;}

 .sy .flow{width: 100%;}
 .case .al_box{    width: calc(100% / 2);}

 .news_r_l{display: none;}
 .news_r_r{width: 100%;padding-left: 0}
}

@media screen and (max-width: 414px) {
  .world_carousel_con .swiper-slide>div .w_c_l {
    height: 180.7px;
    padding: 1.5rem .5rem;
  }
  .pro_r_list .pro_box .pro_img{height: 140px;}
  .news .m-news1 .pic {margin-right: 4px;    width: 108px;}
  .news .m-news1 .txt{width: calc(100% - 113px);}

}

@media screen and (max-width: 375px) {

  .star_a span,
  .star_a1 span {
    font-size: .7rem;
    transform: translate(.8rem, -.35rem);
    line-height: 1rem;
  }

  .sol_search_icon {
    right: -5%;
  }

  .world_carousel_con .swiper-slide>div .w_c_l {
    height: 163.72px;
    padding: 1.5rem .5rem;
  }
}

.head-a {
  padding: 3rem 0;

}

.head-a a {
  display: block;
  border: 1px solid #c7c7c7;
  margin: 0 auto;
  width: 12rem;
  line-height: 2.5rem;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #595757;
  border-radius: 1.8rem;
  font-size: 1rem;
}

.head-a a:last-child {
  margin-bottom: 0;
}

/* 20201203 */
.gongji .nhzd-img {
  position: absolute;
  left: 15%;
  bottom: 0;
  width: auto !important;
  display: none;
}

.gongji .gj_r ,.gongji .sm{
  display: none;
}


@media screen and (max-width: 1440px) {
  .gongji .nhzd-img {
    zoom: .8;
  }
}