*{margin: 0px;padding: 0px;box-sizing: border-box;font-family: "微软雅黑";}
a{text-decoration: none;}
.clr{ clear:both;}
ul,li{ list-style:none;}
body{ font-size:0.16rem; color: #454545; background: #fff; overflow-x: hidden; }
img{ max-width:100%; vertical-align: middle;}
/*  头部信息  */
.header-box{ width: 100%;position: fixed; top: 0; height:auto;z-index: 99; background:#fff; transition: all .5s ease;box-shadow: 2px 2px 8px rgba(0,0,0,0.1);}
.header-box-cen{  width: 100%; margin: 0 auto; max-width: 14rem; padding: 0 0.1rem;display: flex;justify-content : space-between; }
.header-Logo{ max-width: 2.46rem;  height: 80px; line-height: 80px; float: left;}
.menu-box li .menu_link{color: #158fcf; }
.heder-bg .menu-box li .menu_link{color: #158fcf !important;}
.hear-box-right{ width: 3rem; line-height: 80px; font-weight: bold; text-align: right;color:#158fcf; font-size: 0.16rem;}

.header-Logo.logo2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 3.16rem;
}
.menu-cen ul li:nth-child(4) {
  margin-right: 12%;
}
.menu-cen ul li:nth-child(5) {
  margin-left: 13.2%;
}
@media (min-width:1141px) and (max-width:9999px)
{
    .pcnone{ display:none;}
}
@media (min-width:0px) and (max-width:1140px)
{
    .logo2{ display:none;}
}

.menu-box{ width: 19.54rem; height: 80px; }
.menu-cen{width: 100%; height: 80px; margin: 0 auto; padding-left:0.4rem; text-align: center; }
.menu-cen li{float: left; text-align: center; position: relative; margin: 0 auto; z-index: 999; padding-left:0.2rem;}
.menu-box li a{ display: block; color: #393939;padding: 0 0.13rem; height: 80px;  line-height: 80px;  font-size: 0.18rem;
 position: relative; transition: all .5s ease;display: -webkit-flex; text-transform: Uppercase; font-weight: bold;}
.menu-cen li a:hover{transition: all .5s ease; color: #158fcf; }
.pro-cbox{ width: 13.8rem; text-align: left;  height:0; overflow: hidden; background: rgba(255,255,255,0.9);  position: absolute; left: -2.7rem; 
top:80px; z-index: 8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; opacity: 0;transition: all .3s ease;box-shadow: 2px 2px 8px rgba(0,0,0,0.1);}
.pro-cbox dd{ width: 20%; float: left; overflow: hidden;  margin-bottom: 44px;}
.pro-cbox dd:nth-of-type(5n){margin-right: 0;}
.pro-cbox-img{ width: 105px;position: relative; margin-bottom: 0.15rem;}
.pro-cbpx-right{ width: 100%;}
.pro-cbox-title{ color:#000; padding-bottom: 5px; margin-bottom: 5px;}
.pro-cbox-title a{ color:#158fcf !important;  height: inherit !important;  line-height: inherit !important; font-size: 0.17rem !important; padding: 0 0 !important; line-height: inherit !important;}
.pro-cbox-title a:hover{ background: none !important;color: #000000 !important;}
.pro-cbox-a a{ color:#787878 !important; width:100%;font-weight: normal !important; padding: 0 0 !important; transition: all .5s ease;font-size: 0.15rem !important; height: auto !important; line-height:30px !important;}
.pro-cbox-a a:hover{ color: #0165a5 !important; background: none !important;font-size: 0.17rem !important;  transition: all .5s ease; }
.proclass:hover .pro-cbox{ opacity: 1;transition: all .3s ease; top: 80px; height: auto;padding: 0.5rem;}


.menu_icon{ width: 40px; line-height: 50px; position: absolute; display: none; right: 10px; top: 0;  color: #fff; text-align: center;cursor: pointer;}
.menu_icon span{ color: #3e89c9; font-size: 26px;}
.menu_icon img{ position: absolute; right: 50px; top:18px; width: 25px;}
.Right-menu-box{ width: 100%; height: 100%; position: fixed; top: 0; background: rgba(0,0,0,0.5); z-index: 99; display: none;}
.Right-menu-list{ width: 240px; height: 100%;  position: fixed; top: 0; right:-250px; background: #fff; transition: all .5s ease;}
.Right-menu-list ul{ padding-top: 60px; height: 95%; overflow-y: auto;}
.Right-menu-list li{ width: 100%; height: auto;border-bottom: #ddd solid 1px; position: relative;}
.Right-menu-list li a{ color: #000; font-size: 16px; display: block; padding:15px 30px; z-index: 6; position: relative; }
.Right-menu-list li a:hover{ color: #1a6d83;background: #eeeeee; }
.r-block{ display: block; padding-left: 40px; width: auto;}
.r_none{ display: none;}
.pc-none{ display: none;}
.Right-menu-list li a span{ position: absolute; right: 20px; top: 15px;}
.waplan{ position: absolute; right: 60px; top:18px; width: 50px; height: 26px; text-align: center; border-radius: 100px; line-height: 26px;background: #ffa21c; color: #fff;}
.waplan a{ color: #fff;}

.Right-clos{ width: 40px; height: 40px; text-align: center; color: #000;  font-weight: bold; position: fixed; 
right: 0.4rem; top: 18px; cursor: pointer;}
.kong{ width: 100%; height: 80px; }
.header-right{  float: right;}
.header-tel{ font-size: 22px; font-weight: bold; height: 100px;float: left; color: #454545;display: -webkit-flex;
display: flex;flex-wrap: wrap;align-content: center;}
.header-tel span{ color: #e70012; font-size: 18px; position: relative; top: 2px;}


/*  banner轮播  */
.banner_box{width:100%;height:auto;position:relative;  }
.banner_ov{width:100%;height:auto;overflow:hidden;margin: 0 auto;position:relative;}
.banner_box .swiper-slide{ overflow: hidden; position: relative; padding-bottom: 42%; cursor:grab;background-size: cover !important;background-position: 50% !important;}
.banner_box .swiper-slide img{ width: 100%;}
.banner_box .swiper-pagination{ opacity:1; }
.banner_box .bann-swiper-pagination{bottom: 20px !important;width: 100%;position: absolute; text-align: center; z-index:6;}
.banner_box .swiper-pagination-bullet{width: 12px;height: 12px; margin-right: 20px; border-radius: 100px; border: none; background: #fff;
opacity:1 !important;transition: all .3s; outline: none;}
.banner_box .swiper-pagination-bullet-active {opacity: 1;background:#158fd0;transition: all .3s;border-radius: 100px; }
.banner-bg{ position: absolute; height: 100%;  top: 0; width: 100%;}
.banner-bg img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.pc-block{ display: block;}



.cenbox{ margin: 0 auto; max-width: 14rem; position: relative; padding: 0 0.1rem;}
.home-products-box{ width: 100%; height: auto;  padding-top: 30px; margin-bottom: 0.3rem;}
.home-pro-top{ width: 100%; text-align: center; margin-bottom: 0.4rem;}
.home-pro-top p{ font-size: 0.36rem; letter-spacing: 4px; font-weight: bold; color: #158fcf; position: relative; z-index: 6;margin-bottom: 0.1rem;}
.home-pro-top span{ color: #6e6e6e; font-size: 0.18rem;  }
.home-class-list{ width: 100%; height: auto; margin-bottom: 30px;}
.home-class-list li{ width: 2.55rem; float: left; height: 5rem;transition: all .5s ease; background: #fff; margin-right:0.26rem;box-shadow: 0px 1px 4px #e3e3e3; position: relative; border-radius: 5px; overflow: hidden;}
.home-class-pic{ width: 0.81rem; height: 0.81rem; text-align: center;  margin: 0 auto; position: relative; overflow: hidden; margin-top: 0.6rem;}
.menu-icon{ width: 0.46rem; height: 0.4rem; position: absolute; top: 0.2rem; left: 50%; margin-left: -0.23rem; z-index: 6;}
.menu-icon img{width: 0.46rem; height: 0.4rem; }
.home-class-list li:nth-child(5){ margin-right: 0;}
.home-class-title{  width: 100%; height: 50px;  font-size: 0.18rem;text-align: center; font-weight: bold; line-height: 50px; margin-bottom: 20px; z-index: 9;color: #414141; padding: 0 20px;}
.home-class-title::after{ width: 22px; height: 2px; background: #158fcf; content: ""; display: block; margin: 0 auto;}
.home-class-list li:hover{ background: url(../jpg/pro-class-bg.jpg);transition: all .5s ease;}
.home-class-list li:hover .home-class-pic img{-webkit-transform: translateY(-90px);filter: drop-shadow(#fff 0 90px);}
.home-class-list li:hover .home-class-title,.home-class-list li:hover a{ color: #fff;}
.home-class-list li:hover .home-class-title::after{ background: #fff;}
.home-class-list-box a:hover{ color: #fff !important; font-size: 0.18rem; transition: all .5s ease;}
.home-class-list-box{ width: 100%; overflow: hidden;}
.home-class-list-box a{ width: 100%; display: block; height: 30px; line-height: 30px; transition: all .5s ease;font-size: 0.16rem; text-align: center; color: #787878;}
.home-class-list-box a:hover{ color: #158fcf;}

.home-about-left{ width: 5.8rem; height: 8.03rem; background:url(../jpg/home-about-bg.jpg); padding: 0.46rem; font-size: 0.18rem; line-height: 0.48rem; color: #fff; float: left;}
.home-about-right{ width: 7.68rem; height: 8.03rem; float: right;}
.home-more{ width: 2.2rem; height: 0.52rem; line-height: 0.52rem; position: relative; text-align: center; color: #fff;
   font-size: 0.2rem; background: #158fd0;  border-radius: 100px; display: block;  margin: 0 auto; margin-top: 0.3rem;
   
  }


  @keyframes zhuan {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

.home-solution-box{ width: 8.54rem; height: 4.91rem; margin: 0 auto; position: relative; margin-bottom: 0.5rem; }
.home-solution-icon{ width: 2.69rem; position: absolute; left: 50%; margin-left: -1.34rem;}
.home-solution-box ul{ position: absolute; width: 100%; top: 0;}
.home-solution-box li{ width: 1.70rem; height: 1.70rem; background: #fff; float: left; position: relative;  border-radius: 100px;box-shadow: 0px 0px 16px #bfd9e7; text-align: center;transition: all .5s ease; z-index: 6; }
.home-solution-box li a{width: 1.70rem; height: 1.70rem; border-radius: 100px; color: #158fcf; font-size: 0.24rem;display: flex; align-items: center;
  justify-content: center;  background: #fff; position: relative;  z-index: 6;}
.home-solution-box li:nth-of-type(1){ left:-0.5rem ;}
.home-solution-box li:nth-of-type(2){ left:-1rem ; top: 2.4rem;}
.home-solution-box li:nth-of-type(3){ left:-0.05rem ; top: 3.5rem;}
.home-solution-box li:nth-of-type(4){ left: 0.8rem; top: 2.5rem;}
.home-solution-box li:nth-of-type(5){ right: 0;}
.home-solution-box li:hover a{background: #158fcf; color: #fff;}
.home-solution-box li:hover::before{
  -webkit-animation: scale 0.7s infinite linear;
  animation: scale 0.7s infinite linear;
}
.home-solution-box li:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #158fcf;
  left: 0;
  top: 0;
  border-radius: 50%;
  z-index: -1;

}
@-webkit-keyframes scale {
  0%{
      -webkit-transform: scale(1);
              transform: scale(1);
              opacity: .7;
  }
  100%{
      -webkit-transform: scale(1.4);
              transform: scale(1.4);
              opacity: 0;
  }
}
@keyframes scale {
  0%{
      -webkit-transform: scale(1);
              transform: scale(1);
              opacity: .7;
  }
  100%{
      -webkit-transform: scale(1.4);
              transform: scale(1.4);
              opacity: 0;
  }
}


.home-honor-box{ width: 100%; height: auto;}
.home-honor-box .swiper-slide{ width: 33.333%;}
.ability-buttom-left{ border: #c7c5c5 solid 1px; border-radius: 100px; width: 1rem !important; top:40% !important; height: 1rem !important; left: -1rem !important; outline:none; color: #999 !important;  transform:scale(.5);}
.ability-buttom-left::after,.ability-buttom-right::after{ font-size: 0.5rem !important; color: #c7c5c5;}
.ability-buttom-left::after{ position: relative; left: -7px;}
.ability-buttom-left:hover{ border: #158fcf solid 1px; opacity: 1;}
.ability-buttom-left:hover::after{ color: #158fcf;}
.ability-buttom-right:hover{ border: #158fcf solid 1px; opacity: 1;}
.ability-buttom-right:hover::after{ color: #158fcf;}
.ability-buttom-right{border: #c7c5c5 solid 1px; border-radius: 100px; width: 1rem !important; height: 1rem !important;top:40% !important;  right: -1rem !important;outline:none;color: #999 !important;  transform:scale(.5);}
.abilityB:hover .ability-title div{ color: #073f7e;}
.home-products-more{width: 120px; height: 36px; line-height: 36px; font-size: 14px; margin: 0 auto; background: #073f7e; color: #fff; text-align: center; display: block; border-radius: 5px;}
.abilityB{ width: 94%; margin: 0 auto; height:3.88rem; overflow: hidden; transition: all .3s ease-out 0s; border-radius: 5px; background: #fff; box-shadow: 0 5px 15px rgba(7,63,126,.2);}
.ability-pic .About-pic-butt{ margin-top: 40px;}
.ability-pic-img{ height: 2.85rem;display: flex; overflow: hidden; position: relative;
align-items: center;
justify-content: center;}
.ability-pic-img img{ position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.ability-title{ height:1.06rem; padding: 0 25px;font-size: 16px; color: #565656;  position: relative; }
.ability-title div{ color: #333; padding-top: 15px; margin-bottom: 5px;  display: -webkit-box; overflow:hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word; font-size: 0.17rem;
  word-break: break-all;}
  .ability-title span{ position: absolute; right: 25px; bottom: 15px; font-weight: bold;}
.ability-pic{ width: 100%; height: auto; position: relative;}
.abobox{ overflow: hidden; padding-top: 10px; padding-bottom:20px; transform: scale(1.02);}
.home-honor-box .swiper-slide:hover .ability-title{ background: #158fcf; color: #fff;transition: all .5s ease;}
.home-honor-box .swiper-slide:hover .ability-title div{ color: #fff;}

.home-cases-bg{ width: 100%; height: auto; overflow: hidden; padding-top: 0.8rem; padding-bottom: 0.4rem; background:url(../jpg/cases-bg.jpg); background-size: cover !important;
  background-position: 50% !important;}
.home-cases-list{ width: 100%; height: auto; overflow: hidden;}
.home-cases-list li{ width: 3.2rem; height: 3.8rem; float: left; margin-right: 0.2rem; }
.home-cases-list li:nth-child(1){ width: 7rem; height: 7.6rem !important;}
.home-cases-list li:nth-child(1) .home-cases-img{ height: 7.1rem;}
.home-cases-list li:nth-child(3),.home-cases-list li:nth-child(5){ margin-right: 0;}
.home-cases-list li:hover .home-cases-img img{ transition: all .5s ease;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}

.home-cases-img{ width: 100%; height: 3.3rem; border-radius: 5px; position: relative; overflow: hidden;}
.home-cases-img img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.home-cases-title{ color: #fff; font-size: 0.18rem; line-height: 0.5rem; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.cases-more{ float: right; color: #fff; font-size: 0.18rem; padding-top: 10px; position: relative;}





.form-box{ width: 100%; height: auto; padding-top: 0.75rem;  overflow: hidden;margin: 0 auto; margin-bottom: 20px;}
.form-box-title{font-size: 0.36rem; color: #158fcf;}
.form-box-text{ font-size: 0.22rem; color: #6b6b6b; padding: 0.16rem 0;}
.form-select{ width: 3.3rem; outline: none; padding-left: 15px; font-size: 0.16rem;  border: none; }
.selectbox{width: 22%;height: 0.54rem; float: left; position: relative;  line-height: 0.54rem; border: #ddd solid 1px; margin-right: 0.25rem;}
.form-input{ width: 100%; height: 0.54rem; font-size: 0.16rem; color: #000; padding-left: 0.75rem; line-height: 0.54rem; border: none; background: none; outline: none;}
.form-input::placeholder {color:#999;}
.form-w{ width: 2.6rem !important;}
.selectbox span{ width: 0.75rem; text-align: center; position: absolute; left: 0;}
.selectbox span img{ width: 0.31rem;}
.form-text{ padding-top: 0.2rem; color: #999;}
select {
  /*将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(../png/dw.png)  85% 50%  no-repeat scroll transparent; background-size:20px ;

  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}
.form-buttom{ width: 1.18rem; height: 0.54rem; line-height: 0.54rem; display: block; background: #158fd0; outline: none; cursor: pointer;
 border: #158fd0 solid 1px; margin: 0 auto; color: #fff; font-size: 0.16rem;transition: all .5s ease;}
.form-buttom:hover{ background: #0165a5; color: #fff;transition: all .5s ease;}

.footer-bg{ width: 100%; height:auto; overflow: hidden; color: #fff; background: #282828; padding-top: 0.5rem; margin-top: 1rem;}
.footer-menu{ width: 9.96rem; float: left; padding-bottom: 0.4rem; position: relative;}
.footer-menu::after{ width: 1px; height: 89%; content: ""; display: block; position: absolute; right: 0.4rem; top: 0; background: rgba(255,255,255,0.2);}
.footer-menu li{ width: 1.95rem; float: left;}
.footer-menu li dl{ width: 100%; font-size: 0.2rem; margin-bottom: 0.1rem;}
.footer-menu li dd{ width: 100%;}
.footer-menu li dd a{display: block; padding: 0.16rem 0;}
.footer-contact{ width: 3.5rem; float: right;}
.footer-contact-text{ width: 100%; padding-top: 0.14rem; line-height: 0.3rem;}
.footer-wx{ width: 100%; padding-top: 0.13rem; padding-bottom: 0.5rem; overflow: hidden;}
.footer-wx li{ width: 1.3rem; float:left;}
.footer-wx li:nth-child(2){ margin-left: 0.35rem;}
.footer-wx li p{ font-size: 0.13rem; padding-top: 0.1rem;}
.footer-top{ width: 100%; height: 1px; background: rgba(255,255,255,0.2); margin-bottom: 0.5rem;}
.link-box{ width: 100%; padding:0.27rem 0 ; border-top: rgba(255,255,255,0.2) solid 1px;border-bottom: rgba(255,255,255,0.2) solid 1px;}
.link-box p{ float: left;}
.link-list{ padding-left: 0px; overflow: hidden;}
.link-list a{ padding: 0 5px; display: block; float: left }
.link-list a:hover{ text-decoration: underline;}
.footer-bottom{ width: 100%; height: auto; overflow: hidden; padding:0.23rem 0;}
.footer-copy{ width: 60%; float: left;}
.footer-url{ width: 40%; text-align: right; float: right;}
.footer-url a{ display: inline-block;  padding-left: 0.2rem; position: relative;}
.footer-url a:nth-child(1)::after{ display: none; }
.footer-url a::after{ width: 1px; height: 0.14rem; content: ""; display: block; position: absolute; top:0.05rem; left: 0.08rem; background: #fff;}
.footer-bg a:hover{ text-decoration: underline;}
.footer-bg a{ color: #fff;}




.web_left{ width: 21%; height: auto; float: left;}
.pro_menu{ width:100%; height:auto; overflow: hidden; margin-top:60px;border:#ebebeb solid 1px; margin-right:30px;}
.menu_list{width:100%;}
.pro_menu .menu_head{width:100%;height: auto; overflow:hidden; line-height:20px; padding-top:19px; padding-right:50px; padding-bottom:19px; padding-left:20px;font-size:16px !important; 
text-transform: Uppercase;color:#282828;cursor:pointer;border-bottom:#e6e9ef solid 1px; position:relative;margin:0;  }
.pro_menu .menu_head span{font-family: "Kanit-Light" !important;}
/* .menu_head::before{ content: "\e604"; position: absolute;right: 15px; top:20px;} */
/* .menu_list .current::before{content: "\e60f"; transform:rotate(-90deg);} */
.menu_body{width:100%;height:auto;overflow:hidden;line-height:38px;border-bottom:#ebebeb solid 1px; padding-bottom:12px; padding-top:12px;}
.menu_body a{display:block;width:100%;height:auto;line-height:18px; padding-top: 10px; padding-bottom: 10px; padding-left:30px; padding-right: 15px; color:#000; 
font-size:14px;text-decoration:none;/* font-family: "OpenSans-Light"; */font-family: "OpenSans-Light";}
.menu_body a:hover{text-decoration: underline;color:#004d7a;}
.menu_body .pro_menulinks{ color:#004d7a;}
.pro_menu2{ height: 90%;overflow: scroll; }
.pro_menu2 ul{ padding-top: 0;}


.hbox{ margin-right: 0 !important; width: 3.34rem;}

.ny-bann{ width: 100%; background-size: cover !important;background-position: 50% !important; height: 7.95rem; position: relative;}
.ny-bann::after{ width: 100%; height: 100%; content: ""; display: block; position: absolute; top: 0; left: 0; background: rgba(2,104,157,0.7);}
.ny-bann-cen{margin: 0 auto;width: 100%; padding: 0 3%; position: absolute; top: 3.17rem; z-index: 5;}
.ny-bann-top{ color: #a1a1a1; margin-bottom: 60px;}
.ny-bann-top a{ color: #fff;}
.ny-bann-bottom p{ color: #fff; font-size: 0.74rem; font-weight: bold; text-align: center; }
.ny-bann-bottom span{ color: #fff; font-size:0.28rem;text-transform: Uppercase; text-align: center; display: block; width: 100%;}
.ny-proseacr{ width: 200px; height: 40px; line-height: 40px;  border: #fff solid 1px; border-radius: 100px; position: absolute; bottom: 15%;
left: 50%; margin-left: -100px; z-index: 8;}
.proinput{ width: 70%; height: 38px; line-height: 38px; float: left; border: none; outline: none; background: none; color: #fff; padding-left: 15px;}

.details-top{ padding-top: 0.8rem;}
.about-details-img{ width: 6.46rem; float: left;}
.about-details-right{ width: 6.9rem; float: right;}
.details-title{ color: #1490ce; font-size: 0.4rem; font-weight: bold;}
.details-text{ line-height: 0.4rem; color: #6c6c6c; font-size: 0.2rem;}
.about-diyun{ padding-top: 0.66rem;}
.detamar{ text-align: center;}
.details-list{ width: 100%; height: auto; overflow: hidden; padding-top: 0.4rem; display: flex; 
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;}
.details-list li{ width: 4.4rem; height: 6.8rem;  position: relative; overflow: hidden;}
.details-list li::after{ width: 100%; height: 100%; content: ""; display: block; z-index: 1; position: absolute; top: 0;  background: rgba(2,104,157,0.8);}
.details-box-top{ position: relative; z-index: 6; text-align: center; line-height: 0.4rem; font-size: 0.22rem; color: #fff;}
.details-box-top img{ width: 1.24rem; margin-top: 1.68rem;}
.details-box-top div{ font-size: 0.3rem; font-weight: bold; margin-top: 0.26rem; margin-bottom: 0.26rem;}
.honor-box{ margin-top: 0.4rem;}

.course-bg{ width: 100%; height: 6.8rem; margin-top: 0.4rem; position: relative;background-size: cover !important;
  background-position: 50% !important;}
.course-top{ padding: 0.8rem 0 0 1rem; position: relative; z-index: 6; color: #fff;}
.course-top p{ font-size: 0.8rem; font-weight: bold;}
.course-top span{ font-size: 0.4rem;letter-spacing:4px;}
.course-bg::after{ width: 100%; height: 100%; content: ""; display: block; position: absolute; top: 0; left: 0; background: rgba(2,104,157,0.8)}
.historybox .abilityB{ border: none; background: none; box-shadow:none; height: 40px; overflow: inherit !important;}
.historybox .ability-title{  padding-top: 0px; height: auto; text-align: center; font-weight: normal; font-size: 0.2rem; color: #fff; position: relative;}
.historybox .swiper-slide{ height: 40px; width: 10% !important; color: #fff; top: 2rem;}
.historybox .swiper-slide:hover .ability-title{ background: none !important;}
.historybox{ position: relative; z-index: 6; padding: 0 1rem; top: 1rem;}
.course-content-box{ width: 3.4rem; height: auto; position: absolute; top: -3rem; z-index: 6;  opacity: 0;transition: all .5s ease;
  display: -webkit-box; overflow:hidden; text-align: left; padding-left: 0.6rem; line-height: 0.3rem;
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: inherit !important; font-weight: normal; font-size: 0.15rem;
  word-wrap: break-word;
  word-break: break-all;}
  .course-content-box span{  bottom: inherit; position: relative; width: 95%; text-align: right; right: inherit; margin-top: 0.1rem; display: block; font-size: 0.3rem; font-weight: normal !important;}
.swiper-ability2{ height: 3.34rem;}
.historybox .ability-title:hover .course-content-box{ opacity: 1; top: -2rem; transition: all .5s ease;}
.icon-bg{ width: 0.25rem; height: 0.25rem; margin: 0 auto; margin-bottom: 0.12rem; position: relative; border-radius: 100px; border: #fff solid 1px;}
.icon-bg::after{ width: 0.17rem; height: 0.17rem; background: #fff; content: ""; border-radius: 100px; position: absolute; top: 0.026rem; left: 0.039999rem;}
.icon-bg::before{ width: 1.2rem; height: 1px; content: ""; background: #fff; display: block; position: relative; left: 0.15rem; top:0.11rem}
.pbebor::before{ display: none;}
.historybox .ability-title dt{ width: 1px; height: 0rem; background: #fff; position: absolute; bottom: 0.6rem; left: 0.55rem;transition: all .5s ease;}
.historybox .ability-title dt::after{ width: 1px; height: 0rem; content: ""; left: 0.075rem; transform: rotate(30deg); display: block; background: #fff; position: absolute; top: -0.28rem;}
.historybox .swiper-slide:hover .ability-title dt{ height: 1.2rem;transition: all .5s ease;}
.historybox .swiper-slide:hover .ability-title dt::after{ height: 0.3rem;transition: all .1s ease;}
.nright .course-content-box{ left: -3rem;}
.nright .ability-title dt::after{transform: rotate(-30deg); left: -0.07rem;}
.dblock .course-content-box{ opacity: 1; top: -2rem; color: #fff;}
.dblock .ability-title dt{ height: 1.2rem;}
.dblock .ability-title dt::after{ height: 0.3rem;transform: rotate(-30deg); left: -0.07rem;}
.historybox .ability-buttom-left,.historybox .ability-buttom-right{ top: 58% !important;}

.ny-menu{ width: 100%; height:auto ; overflow: hidden; text-align: center;box-shadow: 2px 2px 14px rgba(0,0,0,0.1); }
.ny-menu div{margin: 0 auto; width: 14rem; display: flex; }
.ny-menu li{ flex: 1; position: relative;}
.ny-menu li::after{ width: 1px; height: 100%; content: ""; position: absolute; left: 0; top: 0; background: #d6d6d6;}
.ny-menu li a{ height: 70px; line-height: 70px; padding: 0 .1rem; font-size: 0.22rem; color: #000; display: block; position: relative; transition: all .5s ease;}
.ny-menu li a:hover{  color: #fff; background: #158fd0;transition: all .5s ease; }
.ny-menu li .menu-act{  color: #fff; background: #158fd0;}
.footer_box2{ display: none;}
.content-box{ color: #6e6e6e; font-size: 0.2rem; line-height: 0.36rem;}
.details-top-box{ padding-top: 0.5rem;}
.so_details-title{ font-size: 0.4rem; text-align: center; margin-bottom: 0.2rem; font-weight: bold; color: #1992cb;}
.solution-bann{ width: 14rem; margin: 0 auto;}
.solution-bann p,.solution-bann span{ text-align: left;letter-spacing: 4px; color: #fff;}
.solution-bann p{ font-size: 0.5rem; margin-bottom: 0.2rem; font-weight: bold;}
.solution-bann span{ width: 70% ; display: block; font-size: 0.22rem; line-height: 0.4rem;}
.so-topox{ top: 0;display: flex; height: 100%;
  justify-content: center;
  align-items: center;}
.color-text{ color: #1490ce; }
.pro-min-class{ overflow: hidden;margin: 0 auto;width: 14rem;  position: absolute; bottom: -1rem border-top: #eee solid 1px;}
.pro-min-class a{ float: left; color: #383838;  font-size: 0.18rem !important; line-height: 0.7rem; margin-right: 0.4rem; }
.pro-min-class a:hover{ color: #158fcf !important; background:none !important;}
.pro-min-class .act-pro-menu{ color: #158fcf;}
.pro-menu .menu-act::after{width: 0;
  height: 0; content: ""; display: block;
  border-top: 10px solid #158fcf; position: absolute; bottom: -10px; left: 50%; margin-left: -5px;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;}
.pro-menu{ overflow: inherit !important; height: 1.4rem }
.pro-menu li{ border-bottom: #eee solid 1px }
.pro-menu li a{ height: 0.7rem !important; line-height:0.7rem !important; }
.pro-menu li:nth-of-type(5) .pro-min-class{ left: -11rem;  text-align: right; }
.pro-menu li:nth-of-type(5) .pro-min-class a{ float: none !important; display: inline-block; }
.pro-menu li:nth-of-type(6) .pro-min-class{ left: -11rem;  text-align: right; }
.pro-menu li:nth-of-type(6) .pro-min-class a{ float: none !important; display: inline-block; }

.cases-list li{ width: 31%; height: auto; overflow: hidden; float: left; position: relative; margin-right: 2%; margin-bottom: 1%;}
.cases-list li:nth-of-type(3){ margin-right: 0;}
.cases-pic{ width: 100%; height: 3.14rem; position: relative; overflow: hidden; border-radius: 5px;}
.cases-pic img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.cases-title{ width: 100%; height: 0.58rem; line-height: 0.58rem; text-align: center; color: #333; font-size: 0.18rem;}
.cases-list li:hover img{transition: all .5s ease;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}
.cases-list li:before{    content: '';
  position: absolute;
  width: 140px;
  height: 400px;
  margin-top: -20px;
  margin-left: -310px;
  overflow: hidden;
  z-index: 6;
  background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.3)),color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);}
  .cases-list li:hover:before{
    -webkit-animation:aniBlink120 .6s ease-out forwards;
    -moz-animation:aniBlink120 .6s ease-out forwards;
    -o-animation:aniBlink120 .6s ease-out forwards;
    animation:aniBlink120 .6s ease-out forwards
}
@keyframes aniBlink120{from{margin-left:-150px}to{margin-left:620px}}
@-webkit-keyframes aniBlink120{from{margin-left:-150px}to{margin-left:620px}}


.news-bann{ height: 5.6rem;}
.news-bann .ny-bann-cen{ top: inherit;}
.news-bann .ny-bann-cen p{ font-size: 0.6rem;letter-spacing: 4px;}
.news-ny-menu{ width: 100%; height: auto; overflow: hidden;}
.news-ny-menu li{ float: left; line-height: 0.85rem; font-size: 0.21rem; margin-right: 1.14rem;}
.news-ny-menu li a{ color: #333;}
.news-ny-menu li a:hover{ color: #1490ce;}
.news-ny-menu li .menu-act2{  color: #1490ce;}

.list-news li{ width: 49%; float: left; margin-bottom: 0.4rem;}
.list-news li:nth-of-type(even){ float: right;}
.list-news-pic{ width: 2.8rem; height: 1.9rem; float: left; position: relative; overflow: hidden; }
.list-news-pic img{position: absolute;width: 100%; left: 0; height: 100%;object-fit: cover;object-position: center;transition: all .5s ease;}
.list-news li:hover img{transition: all .5s ease;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}
.list-news-right{ padding-left: 3.05rem;}
.list-news-pic:before{    content: '';
  position: absolute;
  width: 140px;
  height: 400px;
  margin-top: -20px;
  margin-left: -310px;
  overflow: hidden;
  z-index: 6;
  background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.3)),color-stop(100%,rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);}
  .list-news li:hover .list-news-pic:before{
    -webkit-animation:aniBlink120 .8s ease-out forwards;
    -moz-animation:aniBlink120 .8s ease-out forwards;
    -o-animation:aniBlink120 .8s ease-out forwards;
    animation:aniBlink120 .8s ease-out forwards
}

.list-news-title{ color: #333; font-size: 0.22rem; height: 0.6rem;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word; margin-bottom:0.1rem;
    word-break: break-all;}
.list-news-text{ color: #666; font-size: 0.17rem; line-height: 0.28rem; margin-bottom: 0.14rem;}
.list-news-buttom{ color: #999;  overflow: hidden; width: 100%; height: 20px;}
.list-news-buttom span{ padding-right: 0.1rem;font-size: 0.14rem;}
.list-news li:hover  .list-news-title{ color: #1490ce;}
.news-show-title{ font-size: 0.3rem;}
.up-box{ width: 2rem; height: 0.5rem; text-align: center; background: #1490ce; line-height: 0.5rem; color: #fff;  border-radius: 100px; 
  margin: 0 auto; margin-top: 0.5rem;}
.list-down{ margin-top: 0.2rem;}
.list-down li{ width: 100%; height: 0.7rem; line-height: 0.7rem; padding: 0 0.3rem; margin-bottom: 0.3rem; border-radius: 10px; box-shadow: 0px 0px 16px #d1e3ed;}
.down-title{ width: 70%; float: left; color: #333; font-size: 0.2rem;}
.down-time{ float: right; color: #999;}
.down-time span{ position: relative; top: -0.05rem; padding-left: 0.2rem;}
.list-down li:hover .down-title{ color: #1490ce;}
.inno::placeholder{ color: #e60039 !important; }

.contact-top{ margin-top: 0.6rem; overflow: hidden;}
.contact-left{ width: 4.9rem;  float: left; padding: 0.6rem; border-radius: 10px; color: #fff; position: relative; background:url(../jpg/contact-bg.jpg);    background-size: cover !important;
  background-position: 50% !important;}
.contact-left li{ margin-bottom: 0.3rem;}
.contact-left li div,.contact-text-add div{ font-size: 0.22rem;}
.contact-left li p{ font-size: 0.4rem; font-weight: bold;}
.contact-text-add p{ font-size: 0.18rem;}
.contact-wx{ width: 1.8rem; margin: 0 auto; text-align:center; margin-top: 0.4rem;}
.contact-wx img{ width: 1.8rem; margin-bottom: 0.1rem;}
.contact-mes{ width: 8.3rem; float: right;}
.contact-mes li{ margin-bottom: 0.2rem; position: relative;}
.contact-input{ width: 100%; height: 0.6rem; font-size: 0.2rem; background: #fff; text-align: left; line-height: 0.6rem; outline: none; padding-left: 0.3rem; border: #c1c1c1 solid 1px;}
.contact-input::placeholder,.contact-texta::placeholder{ color: #999;}
.contact-texta{ width: 100%; height: 2.4rem;font-size: 0.2rem; outline: none; resize: none; padding: 0.3rem; border: #c1c1c1 solid 1px;}

.contact-mes li select {
  /*将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(../png/dw.png)  98% 50%  no-repeat scroll transparent; background-size:20px ;

  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}

/* 遮罩层 */
#maskLayer{position: absolute;left:0px;top:0px}
#alphadiv{position:absolute;background:#000;z-index: 2000}
#drag{position:absolute;background:#fff;z-index: 2001;width:6rem !important;}
#drag_h{line-height:50px;height:50px;cursor:move;color:#fff;background:#158fcf;padding:0 20px; font-size: 0.16rem;}
#drag h3 b{float:left}
#drag h3 span{font-weight:normal;float:right;cursor:pointer}

#sublist{position:absolute;z-index:2100;background:#fff}
#maincity{ display: none;}
/* 选择居住地 */
#residencyAlpha{padding:0.3rem; padding-top: 0;}
#residencyAlpha h4{color:#F90;font-size:14px;}
#residencyAlpha dl{zoom:1;overflow:hidden;line-height:35px; margin-top: 0.2rem; margin-bottom: 0.2rem;}
#residencyAlpha dt{float:left;width:80px;font-weight:bold}
#residencyAlpha dd{float:left;width:100%}
#residencyAlpha dd li{float:left;width:83px; font-size: 0.14rem; background: #f1f1f1; cursor:pointer; text-align: center; margin-right: 5px; margin-bottom: 5px; height:35px;overflow:Hidden}
#residencyAlpha dd li.over{background:#158fcf;color:#fff}
#allProv{margin-top:6px;padding-top:10px}
/* 居住地 悬浮子菜单 */
#sub_city{border:2px solid #158fcf;line-height:35px;text-align:left; }
#sub_city h4{border-bottom:1px dashed #ccc; background: #158fcf; color: #fff !important; padding-left: 10px;}
#sub_city h4 a{ color: #fff !important;}
#sub_city ul{overflow:hidden;zoom:1;width: 300px !important;background: #f1f1f1; }
#sub_city ul li{float:left;width:60px;height:35px; text-align: center; }
#sub_city ul a{display:block;height:35px;color:#000;text-decoration:none; font-size: 0.14rem;}
#sub_city ul a:hover{background:#158fcf;color:#fff}

.addre-img{ width: 0.2rem; position: absolute; height: 0.6rem; line-height: 0.6rem; right: 20px; top: 0;}
#allProv h4{ display: none;}

.input-buttom{ width: 4rem; height: 0.55rem; line-height: 0.55rem; border-radius: 10px; background: #158fd0; color: #fff; text-align: center; font-size: 0.24rem;
display: block; margin: 0 auto; border: none; cursor: pointer; outline: none;}
.zixun-left{ float: left; color: #999;}
.updown_box{ padding-left: 1rem; -webkit-box-sizing: content-box;-moz-box-sizing: content-box; box-sizing: content-box; padding-top: 0.18rem; margin-bottom:15px;}
.updown_box h3{font-size:22px;margin-bottom:18px; font-weight:normal; color:#3c3c3c;}
.updown_box h3 span{ font-size:16px; color:#999; }
.updown_box ul li{float:left; width:auto;text-align:center; color: #999; line-height: 20px; cursor: pointer; }
.updown_box ul li img{ width:28px; position:relative; top:8px; margin-left:15px; border:#eee  solid 1px; margin-right:10px; border-radius:100px;}
.cunt_icon li{ text-align:left !important; margin-bottom:15px !important;}
.updown_box ul li a {display:block; float:left; cursor: pointer;font-size: 16px; width: 20px; height: 20px;  position: relative; top: 2px;color: #504f4f;
border: #979797 solid 2px;border-radius: 1px; text-align: center; margin-left:5px;}
.updown_box ul li.selected a {background: #fff;border: #158fd0 solid 2px; position: relative; }
.updown_box ul li em{ float: left; font-style: normal; margin-left: 8px; position: relative; }
.updown_box ul li.selected a:before{ width:20px; height:20px; content: ""; position: absolute; left:0px; top: -2px; background:url(../png/icon-1.png) no-repeat; background-size: 18px; display: block; border-radius: 100px;}
.updown_box ul li.selected em{ color: #158fd0;}

.cp-top-img{ margin-top: 0.4rem; margin-bottom: 0.3rem;}
.pro-list li{ width: 23.5%; float: left; height: 4.3rem; margin-right: 2%; margin-bottom: 2%; border: #d6d6d6 solid 2px;transition: all .5s ease;}
.pro-list li:nth-of-type(4n){ margin-right: 0;}
.pro-list-img{ height: 3.64rem;display: flex; justify-content: center;align-items: center;}
.pro-list-img img{ max-height: 3.2rem;}
.pro-text{ color: #383838; font-size: 0.2rem; text-align: center;}
.pro-text p{  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pro-text span{ font-size: 0.14rem;}
.pro-list li:hover{ border:#158fd0 solid 2px; border-radius: 20px; transition: all .5s ease;box-shadow: 0px 0px 16px #bfd9e7;}
.pro-list li:hover p{ color: #158fd0;}
.show-pro-top{ width: 100%; height: auto; overflow: hidden; padding: 0.4rem 0; margin-bottom: 0.4rem; background: url(../jpg/show-pro-bann.jpg); background-size: cover !important;background-position: 50% !important;}
.show-left{ width:50%; height: 4.7rem; float: left;position: relative;}
.show-pro-box{ width: 4.7rem; margin: 0 auto; position: relative;}
.culture_thumb{ padding: 10px !important; padding-left: 0px !important; padding-right: 0 !important;}
.show-left .swiper-slide a{ display: block; width: 100%; height: 100%; position: absolute; top: 0;}
.show-left .swiper-slide {background-size: cover;background-position: center; position: relative;cursor:grab;}
.show-left .swiper-slide div{ width: 100%; height: 100%;padding: 0.3rem 0;display: flex;align-items: center;justify-content: center;}
.show-left .swiper-slide div img{ max-width: 100%; max-height: 100%;}
.gallery-top { height: 78%;width: 100%;  }
.gallery-top img{ height: 3.3rem;}
.show-left .gallery-thumbs {height: 22%;box-sizing: border-box; }
.show-left .gallery-thumbs img{ height: 0.5rem;}
.show-left .gallery-thumbs .swiper-slide {width: 25%;height: 100%; padding: 10px;cursor: pointer; border: #d5d7d9 solid 2px;}
.show-left .gallery-thumbs .swiper-slide div{ padding: 0;}
.show-left .swiper-slide-thumb-active{border: #0062b2 solid 2px !important;transition: all .3s;}

.galculture-button-next{ position: absolute;right: 0px;z-index: 6; text-align: center; cursor: pointer; outline: none; 
 width: 20px !important;
 background:none;transition: all .3s;height: 0.6rem !important;line-height: 0.6rem; top: 84% !important;color: #454545;
  opacity: 1;transition: all .3s ease;}
.galculture-button-prev{ position: absolute;left: 0px;z-index: 6; text-align: center; cursor: pointer;  
outline: none;  width: 20px;height: 0.6rem;line-height: 0.6rem;background:none;transition: all .3s;top: 84%;color: #454545; opacity: 1;
transition: all .3s ease;}
.show-left span{ font-size: 20px;}
.show-left:hover .galculture-button-next,.show-left:hover .galculture-button-prev{ opacity: 1;transition: all .3s ease;}
.show-left .swiper-button-disabled{  color: #ccc; cursor: not-allowed}
.show-left .gallery-thumbs{ margin: 0 30px;}
.pro_r:after{background-image: none;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #333333;
    border-left: 2px solid #333333;
    transform: rotate(-135deg);
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0; left: 5px;
    bottom: 0;
    margin: auto;}
.pro_l:after{background-image: none;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #333333;
    border-left: 2px solid #333333;
    transform: rotate(45deg);
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0; left: 7px;
    bottom: 0;
    margin: auto;}	
.show-pro-right{ float: right; width: 50%; padding-right:1.28rem ; padding-top: 1.1rem;}
.show-pro-title{ color:#158fcf; font-size:0.36rem; position: relative; margin-bottom: 0.27rem;}
.show-pro-title::after{ width: 0.64rem; height: 2px; background: #158fcf; content: ""; display: block; margin-top: 0.1rem;}
.show-pro-text{ color: #787878; font-size: 0.18rem; line-height: 0.36rem;}
.show-box-1{ width: 50%; float: left; text-align: center;}
.show-box-1-text{ float: right; display: flex;
  flex-direction: column; width: 50%;
 text-align: left; color: #787878; line-height: 0.3rem; font-size: 0.18rem;
  justify-content: center; height: 5.89rem;}
.show-box-1-text div{ font-size: 0.48rem; color: #383838; margin-bottom: 0.4rem;}
.show-pro-bg{ width: 100%; height: auto; overflow: hidden; margin-bottom: 0.4rem; background: url(../jpg/show-pro-bg.jpg);background-size: cover !important;background-position: 50% !important;}
.show-pro-bg .show-box-1{ float:right; height: 6.4rem;display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;}
.show-pro-bg .show-box-1-text{ padding-left: 1.8rem; color: #fff;}
.show-pro-bg .show-box-1-text div{ color: #fff;}
.sho-imtop{ margin-top: 0.5rem;}
.no-content{ padding-top: 0.6rem; padding-bottom:0.6rem; text-align: center; color: #999; font-size: 0.16rem }
.no-content img{ max-width: 45% }


@media (min-width:320px) and (max-width:768px)
{
.header-box,.header-Logo,.kong{ height: 60px;}
.header-Logo{ line-height: 60px;}
.menu_icon,.wap-block,.menu_icon,.kong,.footer_box2{ display: block;}
.menu-box,.wap-none,.menu-box,.header-right,.home-about-img p,.hear-box-right{ display: none;}
.ability-buttom-right,.ability-buttom-left{ display: none !important;}
.min-menuclass{ position: relative; top: 0;z-index: 1;box-shadow: 1px 1px 8px rgba(0,0,0,0); width: 100%;}
.Right-menu-list li:hover .min-menuclass{ display: block; padding-left: 15px;}
.banner_box .swiper-slide {padding-bottom: 72%;}
.banner_box .swiper-pagination-bullet {width: 8px; height: 8px;}
.banner_box .bann-swiper-pagination{ bottom: 10px !important;}
.r-block{ padding-left: 15px;}
.menu_icon{ right: 0.3rem;}
.header-box-cen{ padding-left: 4%;}
.cenbox{ padding: 0 5%; margin-top: 30px;}
.menu_icon{ line-height: 60px;}
.home-pro-top p{ font-size: 0.5rem;font-weight: bold;}
.home-pro-top span{ font-size: .3rem;}
.home-class-list li{ width: 100%; height: auto; overflow: hidden; margin-right: 0; margin-bottom: 0.4rem;box-shadow: 0px 0px 16px #bfd9e7;}
.home-class-title{ font-size: 0.4rem;}
.home-class-list-box{ position: relative;border-top: rgba(0,0,0,0.1) solid 1px; padding: 0.2rem 0;}
.home-class-list-box::after{ width: 1px; height: 100%; content: ""; display: block;   background: rgba(0,0,0,0.1); position: absolute; left: 50%; top: 0;}
.home-class-list-box a{ width: 50%; height: auto; overflow: hidden; line-height: 0.65rem; font-size: 0.3rem;padding:0 0.2rem; float: left;}
.home-about-left{ width: 100%; font-size: 0.3rem; height: auto; overflow: hidden; margin-bottom: 0.3rem;}
.home-about-right{ width: 100%; text-align: left; height: auto; overflow: hidden;}
.home-more{ width: 3.6rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.3rem;}
.home-honor-box .swiper-slide{ width: 100%;}
.news-wid{ width: 100%; overflow: hidden;}
.abilityB{ height: 5rem;}
.ability-pic-img{ height: 3.2rem;}
.ability-title{ height: 1.82rem;}
.ability-title div{ font-size: 0.32rem;}
.home-cases-bg{ padding-top: 0.2rem;}
.home-cases-title{ line-height: 0.8rem; font-size: 0.28rem;}
.home-cases-list li{ height: 4.2rem;}
.home-cases-list li:nth-child(1){ width: 100%; height: 8rem !important;}
.selectbox,.form-buttom{ width: 100%; height: 0.9rem; line-height: 0.9rem; margin-bottom: 0.2rem;}
.form-w,.form-select{ width: 100% !important;}
select {background: url(../png/dw.png)  95% 50%  no-repeat scroll transparent; background-size:20px ;}
.form-input,.form-text,.link-box,.footer-copy,.footer-url,.form-select{ font-size: 0.28rem;}
.form-box-text{ font-size: 0.3rem; margin-bottom: 15px;}
.form-buttom{ font-size: 0.36rem;}
.form-box-title{ font-size: 0.4rem;}
.footer-contact-text{ font-size: 0.3rem;}
.footer-top{ margin-bottom: 0.8rem;}
.footer-menu{ width: 100%;}
.footer-menu li{ width: 100%; margin-bottom: 0.3rem;}
.footer-menu li dd a{float: left; width: 33.333%;font-size: 0.3rem;}
.footer-menu li dl{ font-size: 0.34rem; font-weight: bold;}
.footer-menu::after{ width: 100%; height: 1px; top: inherit; bottom: 0; right: 0;}
.footer-contact{ width: 100%; padding-top: 0.4rem;}
.footer-contact-text{ line-height: 0.6rem;}
.footer-wx li{ width: 2.6rem; text-align: center;}
.footer-wx li p{ font-size: 0.24rem;}
.footer-copy{ width: 100%;}
.footer-url{ width: 100%; text-align: left; padding-top: 0.3rem;}
.footer-url a::after{ height: 0.3rem;left: -0.25rem;}
.footer-bg{ padding-bottom: 60px;}
.footer-url a{ padding-left: 0; padding-right: 0.4rem;}
.abobox{ overflow: inherit;}
.home-cases-list li:nth-child(3), .home-cases-list li:nth-child(5){ float: right;}
.cases-more{width: 3.6rem; height: 0.7rem; text-align: center; line-height: 0.7rem; font-size: 0.3rem; float: none; margin: 0 auto; display: block;} 
/*====手机端底部悬浮窗口====*/
.fo_kong {width: 100%;height: 44px;display: none;}
.kaman_fixed2{ position: fixed; bottom: 0px !important; opacity: 1 !important;transition: all .5s ease; }
.footer_box2{ width:100%;height:50px; background:rgba(0,0,0,0.7); position:fixed; bottom:0px; z-index:99; opacity: 1;transition: all .5s ease; }
.footer_box2 li{ width:20%; height:45px; float:left; display:block; text-align:center; padding-top:8px; font-size:12px;  color:#fff;}
.footer_box2 li img{ width:24px;}
.footer_box2 li span{ color: #fff;}
.footer_box2 li p{ height:15px; line-height:12px; font-size:12px; padding-top: 5px;  color:#fff;}
.footer_box2 li .f_links p{ color:#333;}
.footer_box2 li img{ width:20px}
.kong_45{ width:100%; height: 45px; }
.footer_box2  .kaman_wap_menuicon{ padding-left:0px; padding-right: 0px; display: inherit; padding-top:5px;}
.fenzhan{ margin-top: 40px; width: 100%; height: auto; overflow: hidden; }
.fenzhan a{ color: #fff; padding: 0 10px; height: 40px; line-height: 40px; margin-right: 8px; margin-bottom:8px; text-align: center; background: #505050; display: block; float: left; }
.kaman_listmore{ color:#000; font-size: 18px; width: 120px; height: 40px; line-height: 40px; margin: 0 auto; 
  text-align: center; display: block; border:#ddd solid 1px; }

  .about-details-img{ width: 100%;}
  .details-title{ margin-bottom: 0.3rem; font-size: 0.5rem; margin-top: 0.3rem;}
  .details-text{ line-height: 0.6rem; font-size: 0.3rem;}
  .details-list li{ width: 100%; margin-bottom: 0.3rem; height: 9rem;}
  .details-box-top div{ font-size: 0.5rem;}
  .details-box-top{ font-size: 0.38rem; line-height: 0.8rem;}

  .historybox{ display: none;}
  .course-bg{ height: 12rem; overflow: hidden;}
  .course-top{ padding-left: 0.3rem;}
  .wap-course{ position: relative; z-index: 6; color: #fff; padding: 0 6%; font-size: 0.16rem; margin-top: 0.5rem;}
  .wap-course::after{ width: 1px; height: 100%; background: #fff; content: ""; display: block; position: absolute; left: 0.4rem; top: 0;}
  .wap-course li{ width: 100%; padding-left: 0.3rem; margin-bottom: 0.6rem; }
  .wap-course li p{ width: 0.25rem; height: 0.25rem; background: #fff;  position: absolute; left: 0.28rem; border-radius: 100px;}
  .wap-course-title{ font-size: 0.4rem; font-weight: bold; position: relative; top: -0.14rem;}
  .wap-course-text{ font-size: 0.3rem; line-height: 0.5rem;}
  .course-mo{position: relative; z-index: 6; font-size: 0.3rem; color: #1490ce; height: 0.8rem; line-height:0.8rem; text-align: center;}
  .expand .course-bg{ height: auto;}
  .course-bg::before{ width: 100%; height: 100px; background: #000; content: ""; position: absolute; bottom: 0; z-index: 8;background-image: linear-gradient(to right,#22f48a,#10c55b);

    background: linear-gradient(to top,  rgba(14,142,205,0.9), rgba(255,255,255,0));}
    .content-box{ font-size: 0.3rem; line-height: 0.6rem;}
    .footer-wx{ padding-top:0.4rem; }
    .ny-bann{ height: 4.9rem }
    .ny-bann-cen{ top: 2rem }
    .solution-bann span{ width: 100%;}
    .solution-bann{ width: 90%;}
    .solution-bann span{ font-size: 0.28rem;letter-spacing:0;}
    .so-topox{ top: 0 }
    .solution-bann p{letter-spacing:0;}
    .ny-menu{ box-shadow: inherit;}
    .ny-menu div{ width: 100%; display: block; padding: 0.3rem;}
    .ny-menu li{flex: inherit; width: 31%; float: left;  margin-right: 3%; margin-bottom: 0.2rem; box-shadow: 2px 2px 14px rgba(0,0,0,0.1);}
    .ny-menu li:nth-of-type(3n){margin-right: 0;}
    .ny-menu li::after{ display: none;}
    .ny-menu li a{ height: 0.8rem; line-height: 0.8rem; font-size: 0.28rem;}

    .cases-list li{ width: 100%; margin-bottom: 0;}
    .cases-pic{ height: 4.28rem;}
    .cases-title{ height: auto; overflow: hidden; padding-top: 0.2rem; padding-bottom: 0.2rem; font-size: 0.3rem;}

    .news-ny-menu li{ font-size: 0.32rem;}
    .list-news{ padding-top: 0.3rem;}
    .list-news li{ width: 100%;}
    .news-ny-menu li{ width: 33.33% ; margin-right:0;}
    .list-news-pic{ width: 100%; height:4rem; float: none;}
    .list-news-right{ padding-left: 0; padding-top: 0.3rem;}
    .list-news-title{ font-size: 0.36rem;  height: auto; overflow: hidden;}
    .list-news-text{ font-size: 0.28rem; line-height: 0.5rem;}
    #drag{  width: 100%!important; position: fixed; bottom: 0 !important; top: inherit !important}
    #sub_city ul a{ font-size: 0.24rem }
    #residencyAlpha dl{ margin-top:0.05rem ; margin-bottom: 0.05rem }
    #residencyAlpha dd li{ width: 23%;  font-size: 0.26rem }
    .list-news-buttom span,#drag h3 span{ font-size: 0.24rem }
    #residencyAlpha dt,.pro-text span{ font-size: 0.24rem }
    .menu_head  a{ color: #282828 }
    .pro_menu .menu_head{ font-size: 0.36rem !important }
    .menu_body a{ font-size: 0.3rem ; color: #666}
    .menu_body{ background:#f5f5f5; }
    #drag h3 b{ font-size: 0.3rem }
    #allProv{ padding-top:0; margin-top:0; }
    #sub_city ul{ width: 100% !important; left: 0px !important;}
    .up-box{ width: 3rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem;}
    .contact-left{ width: 100%; float: none;}
    .contact-mes{ width: 100%; float: none; margin-top: 0.4rem;}
    .contact-left li div, .contact-text-add div{ font-size: 0.34rem;}
    .contact-left li p{ font-size: 0.6rem;}
    .contact-text-add p{ font-size: 0.28rem;}
    .contact-wx{ width: 3.6rem; font-size: 0.28rem;}
    .contact-wx img{ width: 3.6rem;}
    .contact-input{ height: 0.9rem; font-size: 0.3rem;}
    .contact-texta{ font-size: 0.3rem;}
    .zixinput{ height: auto; overflow: hidden;}
    .updown_box{ width: 100%; overflow: hidden; padding-left: 0;}
    .updown_box ul li{ margin-right:6%; outline: none}

    .updown_box ul li:nth-of-type(3n){  margin-right: 0%;}
    .updown_box ul li em{ position: relative; top: 2px; margin-left:0;}
    .input-buttom{ height: 0.9rem; font-size: 0.3rem; width: 100%; border-radius: 5px;}
    .addre-img{ width: 20px; line-height: 0.9rem;}
    .contact-mes li select{background: url(../png/dw.png) 95% 50% no-repeat scroll transparent; background-size: 20px;}

    .home-solution-icon{ width: 2.4rem; margin-left: -1.2rem;}
    .home-solution-box{ width: 100%;}
    .home-solution-box li:nth-of-type(1){ left:-0.2rem ;}
    .home-solution-box li:nth-of-type(2){ left:-1.3rem ; top: 2rem;}
    .home-solution-box li:nth-of-type(3){ left:-0.9rem ; top: 2.8rem;}
    /*.home-solution-box li:nth-of-type(4){ left: inherit; right:  0.5rem; top:0.3rem; float: right;}
    .home-solution-box li:nth-of-type(5){ float: right; top: -1.7rem; right: -1.9rem; left: inherit;}*/
    
    .home-solution-box li:nth-of-type(4){ left: inherit;
    right: 0.5rem;
    top: 2rem;
    float: left;
    position: absolute;}
    .home-solution-box li:nth-of-type(5){ float: left;
    top: 0;
    right: -10px;
    left: inherit;
    position: absolute;}

    .pro-min-class{ width: 100%; padding: 0 6%;}
    .pro-menu .menu-act::after{ display: none;}
    .pro-min-class{ padding-top: 0.3rem;}
    .pro-min-class a{ font-size: 0.28rem !important; line-height: 0.6rem;}
    .pro-list li{ width: 49%; margin-right: 0; height: 4.6rem;}
    .pro-list li:nth-of-type(even){ float: right;}
    .pro-text{ font-size: 0.28rem;}

    .show-left{ width: 100%;}
    .show-pro-box{ width: 100%;}
    .show-pro-right{ width: 100%; padding-right: 0;}
    .show-pro-title{ font-size: 0.46rem;}
    .show-pro-text{ font-size: 0.3rem; line-height: 0.6rem;}
    .galculture-button-next,.galculture-button-prev{ top: 85% !important;}
    .show-left{ height: 6rem;}
    .gallery-top img{ height: 4.3rem;}
    .show-box-1{ width: 100%;}
    .show-box-1-text,.show-pro-bg .show-box-1-text{ width: 100%; height: auto; overflow: hidden; padding: 0.7rem 0;}
    .show-box-1-text div{ line-height: 0.6rem; font-size: 0.6rem;}
    .show-box-1-text{ font-size: 0.32rem; line-height: 0.5rem;}
    .show-pro-bg .show-box-1{ height: auto;}
  
    .pro-menu{ height: auto; overflow: hidden; }
    .pro-min-class{position: relative;}

    .list-down li{ height: auto; overflow: hidden; }
    .down-title{ width: 100%; padding-top: 0.3rem; padding-bottom:0.1rem; font-size: 0.32rem; line-height:0.4rem; }
    .down-time{ font-size: 0.26rem ; position: relative;  width: 100%}
    .down-time img{ width: 0.34rem }
    .solubox{ padding-top: 0px; margin-bottom: 0 }
    .home-solution-box li a{ font-size: 0.26rem; font-weight: bold; }


}


@media (min-width:769px) and (max-width:1140px)
{
.menu_icon,.menu_icon{ display: block; top:20px }
.menu-box,.menu-box,.header-right,.hear-box-right{ display: none;}
.header-box{ height: 80px; }
}



/*分页样式*/
.pagediv{ width: 100%; height:auto; float: left; text-align: left;margin-bottom: 20px;}
.listpage {clear: both;text-align: center;}
.xiaocms-page { margin-right: 10px; text-align: center; margin-bottom: 40px;margin-top: 40px;}
.xiaocms-page a { border-radius: 5px; transition: 0.3s; font-size: 20px; display:inline-block; height:35px; line-height:35px;
 text-align:center; color:#999; margin:0 10px;font-family: "arial";}
.xiaocms-page a:hover { transition: 0.3s; color:#000; text-decoration:none; }
.xiaocms-page span { border-radius: 5px; font-size: 20px; display:inline-block; height:35px;margin:0 10px ;line-height:35px;  
  color:#000; text-align:center; position: relative; font-family: "arial";}
  .xiaocms-page span::after{ width: 10px; height: 1px; content: "" ;display:block; position: absolute; bottom: 0px; background: #000  }
.prebox::after{  content: "<"; color: #999;  transform:rotate(0deg); display: block; }
.nextbox::after{  content: ">"; color: #999;  transform:rotate(0deg); display: block; }
.list-page-box .xiaocms-page:nth-child(2),.list-page-box .xiaocms-page:nth-child(3),.list-page-box .xiaocms-page:nth-child(4),.list-page-box .xiaocms-page:nth-child(5)
,.list-page-box .xiaocms-page:nth-child(6),.list-page-box .xiaocms-page:nth-child(7),.list-page-box .xiaocms-page:nth-child(8),.list-page-box .xiaocms-page:nth-child(9)
,.list-page-box .xiaocms-page:nth-child(10){ display:none;}

.show-news-time{text-align:center;border-bottom: #ddd solid 1px;padding-bottom: 0.2rem;margin-bottom: 0.4rem;font-size:0.16rem;}
@media (min-width: 990px) {
  .yidongduanweixinfuzhi {
    display: none !important;
  }
}
@media (min-width:320px) and (max-width:768px)
{
.yidongduanweixinfuzhi2 {
    display: none !important;
}
.yidongduanweixinfuzhi{
    display: block;
}
.fanhui {
    width: 80px !important;
    margin-left: -30px !important;
}
.sx-box li span{
    display: none !important;
}
.kefu-huace {
  height: 1.2rem;
}
.kefu-huace input {
  font-size: 0.35rem !important;
  height: 0.55rem !important;
}
.show-news-time{
  font-size:0.22rem !important;
}
}
.sx-box {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  border-top: #1992cb solid 2px;
  margin-top: 7%;
  margin-bottom: 6%;
}
.sx-box li {
  width: 35%;
  float: left;
  margin-top: 30px;
}
.sx-box li p {
  width: 100px;
  float: left;
  height: 40px;
  line-height: 40px;
  background: #1992cb;
  margin-right: 10px;
  color: #fff;
  text-align: center;
  font-size: 18px;
}
.sx-box li span {
  color: #1992cb;
  font-size: 18px;
  line-height: 40px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fanhui {
  width: 120px;
  position: absolute;
  top: 30px;
  left: 45%;
  border-radius: 8px;
  overflow: hidden;
  margin-left: -60px;
  color: #1992cb;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  border: #1992cb solid 1px;
  text-align: center;
}

.template-btn {
  color: #fff;
  background: linear-gradient(to right, #0094b4, #15e4fd);
  font-family: "MiSans",sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  padding: 12px 30px !important;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.qrcode:hover .box {
	opacity: 1;
	display:block !important;
}
.qrcode .box {
  display:none;
  position: absolute;
  width: 160px;
  height: 240px;
  left: 18.5%;
  z-index: 9;
  opacity: 0;
  margin-left: 528px;
  box-sizing: border-box;
  text-align: center;
  color: #303133;
  padding-top: 26px;
  margin-top: -276px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
}
.box span{
	font-size:20px;
}
.box p{
	font-size:16px;
	line-height:3;
}
.proshow_kefu{
    padding-top:20px;
    height:60px;
}