body{ font-weight: 300; }
h2{ font-size: 40px; line-height: 60px; padding: 30px 0; }
h3{ font-size: 26px; padding-bottom: 40px; }
p{ color: #373847; font-size: 16px; line-height: 30px;padding-bottom: 50px;}
.mag_auto{ margin: auto;display: inline-block; }
.mag_t{ margin-top: 50px; }
.mag_b{ margin-bottom: 50px; }
.mar_r{ margin-right: 30px; }
.p_r{ padding-right: 30px; }
.tl{ text-align: left; }
.m_t100{ margin-top: 100px; }
.height680{ height: 680px;}
/* .btn{ z-index: 999; margin-bottom:40px;  color: #fff; background: #2facfc; font-size: 16px; line-height: 52px; height: 52px; width: 210px; text-align: center; border-radius:44px; display: block; } */
.btn:hover{ background: #1690de; color: #fff; }
.btn img{ display: none; width: 120px;  border-radius: 4px;  padding: 8px; background: #fff;    margin-top: -150px; margin-left: -104px; position: absolute;}
.btn:hover img{ display: inline-block; }
.btn_sj:hover:after{border-left: 10px solid transparent; border-right: 10px solid transparent;  border-top: 10px solid #fff; content: ''; margin-left: -60px;  margin-top: -30px;  position: absolute;}
.war{ max-width: 1200px; margin: auto; }
.w1200{ width: 1200px;}
.bgfff{ background: #fff; }
.bgccc{ background: #ededf0; }
.fl{ float: left; }
.fr{ float: right; }
a:hover{ color: #2facfc; cursor: pointer; }
.top{height: 5px;
    background: #fff;
    width: 100%;
    z-index: 970;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
    position: relative;
    top: 0;}
.top .logo{ padding-top: 10px; float: left; }
.top .logo img{ width: 183px; vertical-align: middle;}
.menu{ float: right; line-height: 60px; font-size: 15px;}
.menu ul li{ display: inline-block; padding: 0; margin: 0 16px; }
.menu ul li:hover{ cursor: pointer;}
.menu img{ width: 152px;  vertical-align: middle; }
.menu a{ line-height: 60px; display: block;}
header a{
    font-size: .9rem;
    font-weight: 400;
    color: #333;
}
header #navBar a:hover {
    color: #377dff;
}
.active{ border-bottom: solid 2px #2facfc; }
.nav_togger{ display: none;position: absolute;padding:8px 0 8px 28px;  margin-top: 0px;   margin-left: -26px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 5px #999; position: absolute; background-color: #fff; border-radius: 4px;}
.top .menu .nav_togger li{ display: block; float: none;line-height: 30px;
    margin-left: -26px;min-width: 100px;  padding-left: 20px; }
    .top .menu .nav_togger li:hover{ border-bottom: none;}
.top .menu li:hover{ cursor: pointer; border-bottom:solid 2px #2facfc; }
.top .menu li .active:hover{ border-bottom: none;}
.top .menu .nav_togger li a{ line-height: 36px; }
#mb_inner{ display: none;}
.mblp{width: 52%;}
.videocs{width: 44%;float: right;}
/*.top .menu_togger:hover .nav_togger{ display: block; }*/
.scene_hhr img{ height: 130vh; }
.banner{ height: 92vh; width: 100%; background: #e5ecff;}
.content_ss,.content_s1,.content_s2{ min-height: 400px;  padding: 50px 0; }
.content_ss{text-align: center;}
.content_s2{ background: #fff; }
.content_s1{ background: #ededf0; }
.content_s1,.content_s2{text-align: left;}
.content_s1 .text,.content_s2 .text{width: 600px;}
.content_s1 .text,.content_s2 .img{ float: left; }
.content_s2 .text,.content_s1 .img{ float: right; }
.content_s1 h2,.content_s2 h2{    color: #373748; background: url(../assets/images/hr.png) top left no-repeat;
    font-size: 40px;
    font-weight: lighter;
    padding-top: 40px; margin-top: 90px;}
.logolists li{ float: left; width:290px; padding: 10px; margin-bottom: 20px; }
.logolists li img{
    transition: all .5s;
}
.logolists li img:hover{
    box-shadow: #000 0 0 15px;
}
.hezuohb{margin-top: -80px;}
/* .footer{background: #373747;
  min-height: 200px;
  padding-bottom: 80px;
  overflow: hidden;
  position: relative;
  color: #cdcde4;
  font-size: 14px;

  line-height: 30px;}
.footer ul{width: 100%;
    max-width: 1200px;
    margin: 20px auto 0;
    overflow: inherit;}
.footer > ul > li{float: left;
      padding: 10px;
      width: 18%;
      display: block;
      position: relative !important;}
.footer ul li h2 {
        font-weight: normal;
        color: #fff;
        margin-bottom: 20px;
        line-height: 30px;
        font-size: 16px;
        padding-bottom: 10px;
      }
.footer ul li  .icon {
        width: 20px;
        display: inline-block;
        margin-left: 10px;
        opacity: .35;
        transition: opacity .3s @ease-out;
        &:first-child {
          margin-left: 0;
        }
        &:hover {
          opacity: 1;
        }
      }
.footer ul li   a {
        color: #cdcde4;
        display: block;
        font-weight: lighter;
        &:hover {
          color: @template-text-color;
        }
      }
.footer ul li p{ margin: 0; padding: 0; text-align: center; color: #fff; }
footer{ display: none;} */

footer,
footer p {
  background: #2B313B;
  font-size: 13px;
  color: #E2F1FF;

}

footer p {
  text-align: center;
}

footer .foot_tc a {
  background: #2B313B;
}
footer .foot_tc:nth-child(4) ul li a:hover{
  cursor: auto;
  
}
footer .foot_tc ul li a:hover{
  color:inherit
}

footer .foot_t {
  width: 90%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}

footer .foot_t .foot_tc {
  width: 18%;
  margin: 9% 1% 2%;
}

.foot_tcl,
footer .foot_tcr {
  float: left;
  margin: 0 5%;
}

footer a {
  color: #E2F1FF;
}

footer .foot_t h4 {
  color: #fff;
}

footer .foot_b {
  text-align: center;
}
footer{ display: none;} 
.copyright {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    border-top: 1px solid #434352;}
    .copyright  span{
      max-width: 1200px;
      display: block;
      margin: 20px auto 0;
      text-align: left;
      margin: auto;
      color: #cdcde4;
  }
.copyright a{ padding:0 20px; }
.ldyfoot{ background: #080c2f; line-height: 20px; text-align: center; padding: 10px; color: #fff; display: block;position: relative;}
.banner_text{ position: absolute; margin-top: -200px; margin-left: -500px; width: 800px; height: 400px; top: 50%; left: 50%; }
.banner_text h2{background: url(../assets/images/hr.png) top left no-repeat; }
.banner_text h3{font-size: 20px;  word-wrap: break-word;  margin: auto auto 50px auto; }
.scene_pay{ position: absolute; top: -30px; left:660px; }
.scene_team{position: absolute; top: -110px; left:320px;}
.scene_team img{ width: 800px; }
.scene_about{position: absolute; top: -100px; left:520px;}
.scene_about img{ width: 580px; }
.scene_pay .layer:nth-child(1) {
margin-top: 200px; margin-left: -60px; z-index: 9;
}
.scene_pay .layer:nth-child(1) img{  }
.scene_pay .layer:nth-child(2) {
margin-top: 310px; margin-left: 70px; z-index: 8;
}
.scene_pay .layer:nth-child(2) img{  }
.scene_pay .layer:nth-child(3) {
margin-top: 60px; margin-left: 70px; z-index: 8;
}
.scene_pay .layer:nth-child(3) img{  }
.scene_pay .layer:nth-child(4) {
margin-top: 130px; margin-left: 190px; z-index: 8;
}
.scene_pay .layer:nth-child(4) img{  }
.scene_pay .layer:nth-child(5) {

}
.scene_pay .layer:nth-child(5) img{ width: 480px; }
.scene_loan{ position: absolute; top: -10px; left:550px; }
.scene_loan .layer:nth-child(1) {
margin-top: -100px; margin-left: -40px; z-index: 9;
}
.scene_loan .layer:nth-child(1) img{  width: 600px; }
.scene_cardmger{ position: absolute; top: -80px; left:300px;z-index: -1; }
.scene_cardmger .layer:nth-child(1) {
margin-top: 400px; margin-left: 600px; z-index: 9;
}
.scene_cardmger .layer:nth-child(1) img{ width: 200px; }
.scene_cardmger .layer:nth-child(2) {
margin-top: 110px; margin-left: 220px; z-index: 8;
}
.scene_cardmger .layer:nth-child(2) img{ width: 180px;  }
.scene_cardmger .layer:nth-child(3) {
margin-top: 0px; margin-left: 120px; z-index: 8;
}
.scene_cardmger .layer:nth-child(3) img{ width: 700px;  }
/*indexbanner*/
.fx_grid_c1{width:990px;margin:0 auto}

.fx_banner{background:#f0f0f0;width:1903px;overflow:hidden;position:relative;height: 92vh;}
.fx_banner_inner{position:relative;height: 92vh;}

.fx_banner_img{width:20000px}
.fx_banner_img li{float:left;height: 92vh;width:1903px;position:relative; overflow: hidden;}
.fx_banner_link{position:absolute; width: 440px; margin-left:0; top:10%;left:50%; height: 92vh;;cursor:pointer；}
.fx_banner_link h2{color: #373748;
    background: url(../assets/images/hr.png) top left no-repeat;
    font-size: 40px;
    font-weight: lighter;
    padding-top: 40px;
    margin-top: 90px;}
/*.fx_banner_link a{ color: #2facfc; background: url(../assets/home/chakan.png) no-repeat left center; background-size: 28px; height: 60px; line-height: 60px; display: block; margin-top: -20px;font-size: 16px;  padding-left: 40px; }
.fx_banner_link a:hover{color: #108fe1;}*/
.fx_banner .child{position:absolute;width:1903px;height: 92vh;}
.fx_banner_common{position:relative}
.fx_banner_common a{position:absolute;top:50%;margin-top:-315px;width:41px;height:119px;cursor:pointer;display:block;overflow:hidden;opacity:.5;filter:alpha(opacity=50);}
.fx_banner_pre{left:0;background:url(img/ban_pre_24.png);}
.fx_banner_next{right:0;background:url(img/ban_next_24.png);}
.fx_banner_pre:hover,.fx_banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.fx_banner .control{width:200px;position:absolute;bottom: 20px;left:50%;margin-left:-100px;text-align:center}
.fx_banner .control li{display:inline-block;*display:inline;*zoom:1;margin:0 2px;width:12px;height:12px;border-radius:50%;cursor:pointer;background:#373748; border:solid 2px #fff;}
.fx_banner .control li a{display:none}
.fx_banner .control li.current{background:#2facfc; width: 24px; border-radius: 24px;}
.fx_banner_img li:nth-child(1) { background:#ededf0 url(../assets/home/banner-bg.png) no-repeat top center; background-size: cover; }
/*end*/
.team_img{ top: 0;   width: 270px; margin-left: 10%; }
.team_img img{ width: 100%; display: inline-block;
    margin-top: 0;
    bottom: 0;
    border-radius: 50%;
    overflow: hidden;}
.team_img span{ display: block; text-align: center;  padding-top: 10px;}
.imglist{ width: 600;padding:0 6%; }
.imglist ul li{ display: inline-block; width: 100%; padding:0 2% 2%; }
.imglist img{ width: 100%; }
.imglist  ul:last-child li {
    display: inline-block;
    width: 33%;
    padding: 2% 2% 2% 2%;
}
.about2{position: relative;
    text-align: center;
    margin: 4% auto 0;
    padding-bottom: 4%;}
.about2 ul:nth-child(odd) {
    padding: 2%;position: relative;
    background: url(../assets/images/xian.png) center repeat-y;
}
.about2 ul:nth-child(odd) li:first-child {
    margin: auto;
    width: 220px;
    font-size: 30px;
    font-weight: lighter;
    background: url(../assets/images/dian.png) center no-repeat;
    text-align: left;
}
.about2 ul:nth-child(odd) li:last-child {
    position: absolute;
    left: 52%;
    top: 26%;
    margin: auto;
    width: 330px;
    font-size: 16px;
    font-weight: lighter;
    text-align: left;
}
.about2 ul:nth-child(even) {
    background: url(../assets/images/xian.png) center repeat-y;
    padding: 2%;position: relative;
}
.about2 ul:nth-child(even) li:first-child {
    margin: auto;
    width: 220px;
    font-size: 30px;
    font-weight: lighter;
    background: url(../assets/images/dian.png) center no-repeat;
    text-align: right;
}
.about2 ul:nth-child(even) li:last-child {
    position: absolute;
    right: 52%;
    top: 26%;
    margin: auto;
    width: 330px;
    font-size: 16px;
    font-weight: lighter;
    text-align: right;
}
.about5 ul li {
    display: inline-block;
    width: 24%;
    padding: 0% 2% 2% 2%;
}
.about5 ul {
    padding: 0% 2% 2% 2%;
}
.about5 ul img{
   width: 100%;
}
.contact{ display: inline-block; padding-right: 50px;}
.ditu{ height: 100vh; width: 100%; }
.hhr_banner{height: 100vh;text-align: center; overflow: hidden;}
.hhr_banner .title_hhr{ position: absolute; z-index: 99; width: 100%; color: #fff; padding-top: 20vh; }
.hhr_banner  h4{  background: none;display: block;position: relative; font-size: 66px; font-weight: 400;}
.hhr_banner  h5{font-size: 20px;word-wrap: break-word; margin: auto auto 70px auto;}
.hhr_banner .title_hhr a{ margin: auto; }
.hhr_banner .title_hhr a:hover:after{ display: none; }
.hhr_banner .title_hhr p{ color: #fff; }
.hhr_banner  .scene_hhr{ position: absolute; width: 120%; height: 120vh;margin-top: -100px; margin-left: -100px; z-index: -9; }
.hhr_banner  .scene_hhr:after{ background: #000; opacity: 0.6; content: '';position: absolute;top: 0;  left: 0;  height: 120vh; width: 120vw;}
.hehuoren1 ul li{ display: inline-block; width: 32%;  padding: 6% 2% 0;  vertical-align: top; }
.hehuoren1 ul li h2{ font-size: 24px; line-height: 36px; padding-top: 0px; }
.hehuoren1 ul li p{ font-size: 16px; line-height: 24px;  padding-bottom: 10px;}
.hehuoren1  .icon{display: inline-block; width: 10%; vertical-align: top;    margin-top: 2px;}
.hehuoren1  .icon img{ width: 100%; }
.hehuoren1 .text{ width: 80%; text-align: left; display: inline-block; padding-left: 8%; font-weight: lighter;}
.info_lc{ display: flex; font-size: 16px; width: 100%; justify-content: center;align-items:center;}
.info_lc div{flex:1;flex-grow: 2; white-space: pre-wrap; word-wrap: break-word; word-break:break-all;}
.info_lc div:nth-child(2),.info_lc div:nth-child(4),.info_lc div:nth-child(6) { flex-grow: 1; align-content: center;}
.info_lc .icon1{background: url(../assets/partnership/L1.png) top center no-repeat; background-size: 60px; padding-top: 70px;}
.info_lc .icon2{background: url(../assets/partnership/L2.png) top center no-repeat; background-size: 60px; padding-top: 70px;}
.info_lc .icon3{background: url(../assets/partnership/L3.png) top center no-repeat; background-size: 60px; padding-top: 70px;}
.info_lc .icon4{background: url(../assets/partnership/L4.png) top center no-repeat; background-size: 60px; padding-top: 70px;}
.info_lc .arrow{ height: 2px; background: #ccc; position: relative; }
.info_lc .arrow:after {
    width: 20px;
    height: 20px;
    border-top: solid 2px #ccc;
    border-right: solid 2px #ccc;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: -9px;
    right: 2px;
}
.flex{ display: flex; width: 90%; margin: auto; margin-bottom: 30px; }
.flex p{flex:1;flex-grow: 2; border: solid 1px #ccc; border-left: none; padding: 8px;}
.flex p:first-child{ border-left: solid 1px #ccc;}
.moblie_sm img { width: 460px; }
.ditu{  background: #fff; height: 70vh; }
.contact_info{ width: 400px;  padding: 50px 20px 20px 50px;}
.box{ position: absolute; border: solid 1px #ccc; padding: 10px; top: 320px; width: 90vw; height: 64vh; margin: auto; background: #fff; left: 50%; margin-left: -45vw; }
#allmap{ right: 10px; position: absolute; }
.scene_news img{ width: 130vw; margin: -20px;}
.scene_news:after {
    background: #000;
    opacity: 0.6;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 40vh;
    width: 120vw;
}
.news_banner {
    height: 40vh;
    text-align: center;
    overflow: hidden;
    position: relative;
    top:4rem;
}
.title_news {
    position: absolute;
    z-index: 999;
    width: 100%;
    color: #fff;
    padding-top: 10vh;
}
.title_news  h4{  background: none;display: block;position: relative; font-size: 66px; font-weight: 400;}
.title_news  h5{font-size: 20px;word-wrap: break-word; margin: auto auto 70px auto;}
.nav{ max-width: 1200px; margin:5rem auto 2rem; font-size: 20px; line-height: 40px; border-bottom: solid 1px #ccc; height: 60px; }
.nav li{ display: inline-block; }
.nav li a{ /*border: solid 1px #ccc; */padding: 4px 32px; margin-right: 10px; border-radius: 44px; }
.nav li a:hover{/*border: solid 1px #2facfc;*/ }
.nav li a.active{ border: solid 1px #2facfc; color: #2facfc; }
.lists{ display: flex; margin:0 auto 40px; max-width: 1200px; border-bottom: solid 1px #efefef;  padding-bottom: 40px;}
.lists .pic{flex:1;flex-grow: 1; overflow: hidden; /*background: #efefef;*/ position: relative;}
.lists .pic img{ width: 100%; position: absolute; }
.lists .text{flex:1;flex-grow: 3; padding-left: 3%}
.lists .text h2{ font-size: 24px; line-height: 36px; margin-bottom: 20px; padding: 0; }
.lists .text span{ font-size: 14px; color: #999; }
.lists .text p{padding-bottom: 30px;}
.path{ color: #999; max-width: 1200px; margin:5rem auto 2rem; font-size: 14px; line-height: 40px; border-bottom: solid 1px #ccc; height: 60px; }
.path a{ color: #333 }
.path a:hover{ color: #222; }
.news_info{ max-width: 1200px; margin: auto; }
.news_info h2,.news_info > span{ text-align: center;  display: block;}
.news_info > span{ border-bottom: solid 1px #efefef; padding-bottom: 30px; margin-bottom: 40px; }
.news_info img{ display: block; width: 80%; margin:0px auto 40px; }
.news_info p{  padding-bottom: 5px; }
.news_info a{ color: #22aaff; }
.sitemap_info{display: flex;margin:0 auto 40px;}
.sitemap_info nav{flex:1;flex-grow: 3; padding-left: 3%; line-height: 30px;}
.sitemap_info nav h2{ font-size: 20px; font-weight: 400; display: block; padding: 0;}
.sitemap_info nav a{ display: block;}
.banner_mb,.hhr_banner_mb,.btn_mb{display: none;}
.fx_banner_img .icon_home em{ float: left; width: 80px; height: 80px; margin-bottom: 30px;background: url(../assets/home/icon2.png) top center no-repeat; background-size: 60%; padding-top: 50px; text-align: center;}
.fx_banner_img .icon_home em:first-child{ background: url(../assets/home/icon1.png) top center no-repeat; background-size: 60%;}
.fx_banner_img .icon_home em:last-child{ background: url(../assets/home/icon3.png) top center no-repeat; background-size: 60%;}
.news_home{ display: flex; margin: auto; }
.news_home ul{ flex:1 1 auto; padding: 20px 0; }
.news_home ul img{ width: 90%; height: auto;}
.news_home ul video{width: 392px; height: auto;}
.news_home ul img:hover{ opacity: 0.8;}
.news_home ul li{ padding-top: 10px;}
.news_home a{ font-size: 20px; color: #333; padding: 2px 20px; display: block; text-align: left; }
.news_home a:hover{ color: #1690de;}

#main .active {
 border: none;
}
#wrap{
    width: 97%;
    max-width:1200px;
    height: 166px;
    overflow: hidden;
    margin:0 auto;
    background: #eee;
    border-radius: 12px;
    font-size: 16px; 
    margin-top: -38px;
    position: absolute;
}
#inner{
    width:9999px;
    overflow: hidden;
    position: relative;
    left:0;
    text-align: left;
    /*transition: left 0.6s;*/
}
#inner .info_zs{ width: 100%; max-width: 1200px; padding:55px 50px; display: inline-block; margin-right: -5px; }
.info_zs{clear: both; height: 250px;}
.info_zs div{ float: left;}
.info_zs .left_zs{ width: 220px; }
.info_zs .left_zs li:first-child{ color: #1fa3f5; }
.info_zs .center_zs{ width: 620px; padding: 0 20px;}
.info_zs .center_zs p:before{ content: "『"; color: #999;   font-size: 30px;
    padding-right: 20px;}
.info_zs .center_zs p:after{ content: "』"; color: #999;   font-size: 30px;
    padding-left: 20px;}
    .info_zs .center_zs p em{ color: #999; font-size: 18px;}
.info_zs .right_zs{ width: 260px;text-align: center; margin-top: -13px; font-size: 14px; color: #666; }
.info_zs .right_zs img{ width: 84px; height: 84px;}
#inner a {
    float: left;
}
#main{
    text-align: center;
    z-index: 99;
    position: relative;
}
#main { width: 97%; max-width: 1200px;  margin: auto; height: 100px; }
#main .pic_tx{ float: left; width: 13%; }
#main .pic_tx li:first-child{margin: auto;  width: 100px; height: 100px; overflow: hidden; border-radius: 50%;}
.pic_tx img{ width: 110px;border: solid 1px #fff; margin: -2px}
#main .pic_tx li:first-child:hover{ border: solid 1px #1690de; cursor: pointer;}
#main .pic_tx li:first-child:hover img{ width: 120px; margin: -10px;}
#main .active img ,#main .active li{ width: 150px; height: auto; }
#main .active li:first-child{width: 150px; height: 216px;  border-radius: 0;border: solid 1px #efefef;}
#main .active li:first-child:hover{ border: solid 1px #efefef;}
#main .active li:first-child:hover img{ width: 150px; }
#main .pic_tx li:last-child{ padding-top: 20px;}
#main .active li:last-child{ display: none;}
#main .active img{}
#main .active li:first-child:hover img{margin: -2px;}
.cyhh_text{ line-height: 50px; text-align: center;padding-bottom: 50px;}
.cyhh_text span{ padding: 0 20px; font-size: 15px;}
.news_home span{ color: #999; text-align: left;float: left;
    padding: 0 20px;}
.dlsbtn{ text-align: center;}
.hhr_banner .title_hhr .dlsbtn a{ display: inline-block; margin: 0 20px;}
.hehuortc{ display: block}
.hehuortc .bg{ z-index: 999; background: #000; opacity: 0.6; position: fixed; top: 0;left: 0;height: 100%;  width: 100%; }
.hehuortc .box{ z-index: 9999; position: absolute; border-radius: 8px; width: 60vw; height: auto; margin-left: -30vw;top: 7vh;}
.hehuortc .title{ text-align: center; font-size: 22px; line-height: 80px;}
.hehuortc .cont{ width: 46vw;margin: auto;line-height: 40px;font-size: 15px;}
.hehuortc .cont ul li{ display: inline-block;    vertical-align: top;}
.hehuortc .cont ul li input,.hehuortc .cont ul li textarea{ outline: none;}
.hehuortc .cont ul li:first-child{ width: 12vw; text-align: right; padding-right: 2vw;}
.hehuortc .cont ul li input{ line-height: 26px; padding: 2px 8px; border: solid 1px #eee; font-size: 14px; }
.hehuortc .cont ul li textarea{ width: 23vw; height: 80px; border: solid 1px #eee; padding: 2px 8px;font-size: 14px;}
.hehuortc p{  font-size: 14px; color: #999; line-height: 20px; padding:10px 20px;}
.hehuortc p.colred{ color: #ff5050; padding-bottom: 2px;}
.hehuortc .btn{ margin-bottom: 20px;}
.hehuortc .close{ position: absolute; right: 22vw; top: 11vh;;z-index: 10000;color: #ff5050;}
.hehuortc .close img{ width: 30px;}
.ydh5_bg{ width: 750px; margin: auto;font-size: 0;}
.inputs{ position: relative; background: #1d2041; width: 100%; margin: auto;}
.inputs li{ padding: 10px;}
.inputs input,.inputs select{ width: 90%; margin-left: 5%; height: 48px; padding: 10px; background: #fff; border-radius: 12px; border: solid 1px #fff; font-size: 16px;}
.inputs button{width: 90%; margin-left: 5%; height: 48px; padding: 10px; background: #1ab6fe; border-radius: 12px; border: solid 1px #1ab6fe; font-size: 16px; text-align: center; color: #fff; margin-bottom:30px;}

.ydh5_bg img{ width: 100%; }
.ydh5_btn{ background: #549ef5; height: 40px; line-height: 40px; border-radius: 8px; width: 400px; margin: auto; text-align: center; color: #fff; font-size: 16px; font-weight: 300; margin-bottom: 40px;position: fixed;
    bottom: 4px;
    left: 50%;
    margin-left: -160px;}
.ydh5_btn:after{ position: fixed; width: 416px;
    height: 52px;
    content: "";
    border: solid 8px #fff;
	margin-top: -8px;
    left: 50%;
    margin-left: -168px;
	border-radius: 30px;
}
.ydh5_btn a:hover{ color: #fff; font-weight: 400; }
.boxh5{ background:#fff; width: 500px; background-size: 100%; position: fixed;  z-index: 999; top: 20%; left: 50%;border-radius: 20px; margin-left: -250px; height: 300px; overflow: hidden;
    padding-bottom: 10px;}
.boxh5 .title{ padding:20px 30px 0;}
.boxh5	 .conth5 ul li{ width: 90%; margin: auto; height: 40px; margin-bottom: 10px; }
.boxh5	 .conth5 input{ width: 100%; height: 40px ; padding: 6px; border: solid #ddd 1px;}
.h5yzm{ padding: 6px; font-size: 16px; background: #2facfc; border-radius: 2px; text-align: center; color: #fff;}
.hackh5{ display: none;}
@media (orientation: portrait) { 
	

	} /*竖屏*/
@media (orientation: landscape) {
	


 } /*横屏*/

@media screen and (max-width: 840px){
.fx_banner_img .icon_home{ display: none;}
.fx_banner_link h2, body{ font-weight: normal; }
.active{ border: 0 none;}
.btn_sj:hover:after{content: none;}
h2{ font-size: 24px; line-height: 40px; padding: 30px 0; font-weight: normal; }
h3{ font-size: 30px; padding-bottom: 20px; }
p{ color: #373847; font-size: 16px; line-height: 30px;padding-bottom: 0;}
.nav_togger,.menu{ display: none; }
.top{ height: 14px; line-height: 14px; }
.navbar_toggle{ width: 18px; height: 16px;position: absolute;right: 20px; top: 22px; }
.navbar_toggle em { display: block;  width: 100%; height: 2px; background: #222; margin-top: 4px;}
.top .logo { padding-top: 0px; padding-left: 20px; }
.top .logo img { width: 150px;}
.menu {line-height: 40px; position: absolute; background: #373748; width: 100%; top: 65px;opacity: 0.9;padding-left: 0px;}
.menu ul>li{ display:block; padding: 0; color: #fff; padding-left: 0px; font-weight: bold;}
.menu ul li:last-child{ display: none; }
.menu ul li a{ color: #fff;line-height: 40px; padding-left: 0px;  }
.menu>ul>li>a { font-weight: bold; }
.menu ul.nav_togger{
    display: none;
    position: inherit;
    padding: 0;
    margin-left: 0px;
    background-color: none;
    border-radius: 4px;
    box-shadow: none;
    background-color: #373748;
    border-radius: 0; }
.top .menu .nav_togger li {margin-left: 0px;}
.navbar_toggle em:nth-child(1){transform: translate(0px, 0px);}
.navbar_toggle em:nth-child(2){opacity: 1;}
.navbar_toggle em:nth-child(3){transform: translate(0px, 0px);}
.actives em:nth-child(1){transform: translate(0px, 6px) rotate(45deg);}
.actives em:nth-child(2){opacity: 0;}
.actives em:nth-child(3){transform: translate(0px, -6px) rotate(-45deg);}
.top .menu li:hover {  cursor: pointer;  border-bottom: none;}
.fx_banner,.banner{ height: 250px; }
.fx_banner_link{ z-index: 2; }
.fx_banner_link:after{ z-index: -1; background: #fff; opacity: 0.4; content: '';position: absolute;top: -10%;  left: -10%;  height: 120vh; width: 120vw;}
.fx_banner .child img{ width: 250px;margin-left: -11%;  margin-top: -1%; }
.fx_banner_link {  margin-left: -43%;  top: 3%; left: 50%;  height: 200px;}
.fx_banner_link h2{  line-height: 40px;   margin-top: 20px; padding:10px 0; font-size: 24px; }
.fx_banner_img li:nth-child(1) { background-size: 100%;}
.fx_banner_link p{ padding-bottom:30px; font-size: 15px; width: 290px;}
.fx_banner_link a { background-size: 19px;  line-height: 60px; margin-top: -40px; font-size: 14px; padding-left: 30px;}
.fx_banner .control { bottom: 10px;  z-index: 2;}

.content_ss .text,.content_s1 .text, .content_s2 .text { width: 90%; margin: auto; float: none; text-align: center;}
/* .btn{margin: auto;height: 40px; line-height: 40px;} */
.content_ss .text h2,.content_s1 .text h2, .content_s2 .text h2{ margin-top: 0px; background: none; font-size: 24px; font-weight: normal; }
.content_ss .text p,.content_s1 .text p, .content_s2 .text p{ font-size: 16px; text-align: left;    padding-bottom: 30px; font-weight: 400; }
.content_ss .text h3,.content_s1 .text h3, .content_s2 .text h3{ font-size: 18px; text-align: left; font-weight: normal;  }
.content_ss .img, .content_s1 .img, .content_s2 .img { float: none;  margin: auto; text-align: center;    padding-top: 20px; }
.content_ss .img img, .content_s1 .img img, .content_s2 .img img{   width: 280px;}
.footer ul{ display: none; }
.footer{height: 50px; min-height: 50px; padding : 0; } 
.copyright span {  text-align: center;}
.m_t100{ margin-top: 0px; }
.content_ss, .content_s1, .content_s2 { padding: 10px 0;min-height: 260px;}
#scene_mb{ height: 400px; }
#scene{display: none;}
#scene_mb .dlsbtn a:first-child{ display: none;}
.hhr_banner .title_hhr {z-index: 99;}
.hehuortc .box{ width: 100%;margin: 0; top: 65px;    height: 100%;border-radius:0;}
.hehuortc .cont{ width: 100%;}
.hehuortc .close{ right: 4vw;}
.hehuortc .cont ul li:first-child{ width: 30vw;}
.hehuortc .cont ul li textarea { width: 52vw;}
.banner_mb{ display: block; height: 100vh; background: #e5ecff}
.banner_mb .banner_text { margin-top: 0; margin-left: 0;  width: 100%; height: 300px; top: 66%;  text-align: center; left: 0;}
.banner_mb .banner_text h2{font-size: 24px;font-weight: normal;line-height: 40px; margin-top: 10%;  padding:0; background: none;}
.banner_mb .banner_text h3 {  font-size: 16px; margin: auto auto 10px auto;    padding-bottom: 5px;}
.banner_mb .banner_text p {padding:0 10px; color: #888; font-size: 14px;  padding-bottom: 20px; }
.banner_mb .banner_text a{ float: none; }
.banner_mb .banner_img{ width: 90%;margin: auto; padding-top: 8%;}
.banner_mb .banner_img img{ width: 100%; }
.hhr_banner_mb{height: 100vh;text-align: center; overflow: hidden; color: #fff;}
.hhr_banner_mb .title_hhr{ position: absolute; z-index: 999; width: 100%; padding-top: 20vh; }
.hhr_banner_mb  h2{  background: none;display: block;position: relative; font-size: 40px; font-weight: 400;}
.hhr_banner_mb  h3{font-size: 20px;word-wrap: break-word; margin: auto auto 70px auto;}
.hhr_banner_mb .title_hhr a{ margin: auto; }
.hhr_banner_mb .title_hhr a:hover:after{ display: none; }
.hhr_banner_mb p{ color: #fff; padding: 10px; }
.hhr_banner_mb  .scene_hhr{ position: absolute; width: 120%; height: 120vh;margin-top: -100px; margin-left: -100px; z-index: -9; }
.hhr_banner_mb  .scene_hhr:after{ background: #000; opacity: 0.6; content: '';position: absolute;top: 0;  left: 0;  height: 120vh; width: 140vw;}
.banner_text { width: 100%; height: 100vh;margin-top: 0px; margin-left: 0px;top: 30%;  left: 0;}
.hehuoren1 ul li { width: 100%;}
.content_ss .hehuoren1 ul li h2{ text-align: left;}
.hehuoren1  .icon{ display: inline-block;}
.hehuoren1  .text{ display: inline-block; width: 87%;}
.hhr_banner  .scene_hhr{margin-left: 0px;}
.hhr_banner h4 { font-size: 40px;}
.hhr_banner .title_hhr { padding-top: 10vh;}
.hhr_banner .title_hhr p { padding: 20px;}
.moblie_sm img{ display: none;}
.moblie_sm p{ padding: 0}
.info_lc { display: block;}
.info_lc .arrow{ height: 42px; width: 2px;left: 50%;margin: 20px 0;}
.info_lc .arrow:after {
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    top: 20px;
    left: -9px;
}
.flex{ display: block; margin-bottom: 0;}
.flex p{ border: none; text-align: center;}
.flex p:first-child {  border-left:none;}
.about2{position: inherit;
    text-align: center;
    margin: 0 auto  8% 0;
    padding-bottom: 4%;}
.about2 ul:nth-child(odd) {
    padding: 2%;position: inherit;
    background: none;
}
.about2 ul:nth-child(odd) li:first-child {
    margin: auto;
    width: 100%;
    padding-left: 20px;
    font-size: 30px;
    background: url(../assets/images/dian.png) left no-repeat;
    text-align: left;
}
.about2 ul:nth-child(odd) li:last-child {
    position: inherit;
    left: 52%;
    top: 26%;
    margin: auto;
    width: auto;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}
.about2 ul:nth-child(even) {
    background: none;
    padding: 2%;position: inherit;
}
.about2 ul:nth-child(even) li:first-child {
    margin: auto;
    width: 100%;
    padding-left: 20px;
    font-size: 30px;
    background:url(../assets/images/dian.png) left no-repeat;
    text-align: left;
}
.about2 ul:nth-child(even) li:last-child {
    position: inherit;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    width: auto;
}
.about5 ul li {
    display: inline-block;
    width: 48%;
    padding: 0% 2% 2% 2%;
}
.about5 ul {
    padding: 0% 2% 2% 2%;
}
.about5 ul img{
   width: 100%;
}
#allmap{ display: none;}
.ditu {
    background: #fff;
    height: auto;
}
.box { left: 0;position: initial;border:none;height: auto;  margin-left: 0;}
.team_img img{height: auto;}
.w1200{ width: 100%;}
.imglist  ul:last-child li{ width: 100%;}
.imglist { padding: 0;}
.news_banner{display: none;}
.lists .text {
    flex: 1;
    flex-grow: 2;
    padding-left: 3%;
}
.lists .text h2 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
    padding: 0;
}
.lists .text p {
    padding-bottom: 0px;
}
.lists {
    display: flex;
    margin: 0 auto 10px;
    max-width: 1200px;
    border-bottom: solid 1px #efefef;
    padding: 10px;
}
.nav {
    max-width: 1200px;
    margin: 0px auto;
    font-size: 14px;
    line-height: 40px;
    border-bottom: none;
    height: 40px;
    background: #efefef;
}
.nav li{width: 49%; display: inline-block;}
.nav li a.active {
    border:none;
    color: #2facfc;
    font-weight: 400;
}
.lists .text p {
    font-size: 14px;
    padding-bottom: 0px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    display: none;
}
.lists .text span {
    font-size: 12px;
    color: #999;

}
.path {
    color: #999;
    max-width: 1200px;
    margin: 10px auto;
    font-size: 12px;
    line-height: 30px;
    border-bottom: solid 1px #ccc;
    height: 35px;
    padding: 0 10px;
    display: none;
}
.news_info h2{ line-height: 36px; padding: 30px 0 20px;}
.news_info > span {margin-bottom: 10px;}
.news_info table td{ padding: 10px;}
.mag_auto,.fx_banner_link a{ display: none; }
.btn_mb{ display: block; }
.news_home{ display: block; }
.news_home ul img{ width: 100%;}
.cyhh_text span{ display: none; border: solid 1px #ddd; margin-bottom: 8px;}
#mb_inner{display: block; padding: 0 5%;}
#main,#wrap{ display: none;}
#mb_inner img{ width: 100%;}
#mb_inner .left_zs{float: left; width: 60%; padding-left: 5%;}
#mb_inner .info_zs > ul{ float: left;width: 30%;  text-align: center;}
#mb_inner .info_zs > ul li:first-child{ width: 100px; height: 100px;  border-radius: 50%; overflow: hidden ; margin-bottom: 10px;}
#mb_inner .left_zs ul{ width: 100%; font-size: 18px;line-height: 34px; font-weight: 400;}
#mb_inner .info_zs{height: 155px; border-bottom: solid 1px #ddd; margin-bottom: 20px;}
.height680{ display: none;}
#mb_inner h2{ text-align: center; padding: 18%;}
.ydh5_bg{ width: 100%; margin: auto;font-size: 0;}
.ydh5_bg img{ width: 100%;  padding-bottom: 40px; }
.ydh5_btn{ height: 44px; line-height: 44px; border-radius: 0px; width: 100%; font-size: 20px; margin-bottom: 0px; position: fixed; bottom: 0;left: 0;
    margin-left: 0px;  }
.ydh5_btn a:hover{ color: #fff; font-weight: 400; }
#h5scene1{ display: none}
.boxh5{ background:#fff url(../assets/H5img/boxbg.png) no-repeat; width: 90%; background-size: 100%; position: fixed;  z-index: 999; top: 10%; left: 5%;border-radius: 20px; margin-left: 0px;height: auto; overflow: hidden;
    padding-bottom: 10px;}
.boxh5	 .conth5 ul li{ width: 90%; margin: auto; height: 40px; margin-bottom: 10px; }
.boxh5	 .conth5 input{ width: 100%; height: 40px ; padding: 6px; border: solid #ddd 1px;}
.h5yzm{ padding: 8px; font-size: 16px; background: #2facfc; border-radius: 2px; text-align: center; color: #fff;}
.hackh5{ display:block;}
.boxh5 .title{ padding: 0px 20px;}
.ydh5_btn:after{ display: none;}	
.news_home ul video{width: 90%; height: auto;}
.logolists li{ float: left; width:24%; padding: 1%; margin-bottom: 0px; }
.hezuohb{ margin:0px;}
.mblp{width: 100%;}
.videocs{width: 100%;float: none;}
	
}

@media screen and (min-width: 100px) and (max-width: 640px) {
	
}/*5,5s*/
@media screen and (min-width: 641px) and (max-width: 750px) {
	
}/*6,6s,7*/
@media screen and (min-width: 768px) and (max-width: 950px) {
    .menu ul li{ display: inline-block; padding: 0; margin: 0 3px; }
}/*6p,7p*/
@media screen and (min-width: 951px) and (max-width: 1199px) {
	.menu ul li{ display: inline-block; padding: 0; margin: 0 8px; }
}


@media screen and (min-width: 760px) and (max-width: 990px) {
    header #navBar a {
        font-size: 0.9rem;
        padding: 1.5rem 0.4rem;
    }
    #scene1 {
        margin-top: 7rem
    }
  }
@media screen and (min-width: 1400px) {
    header #navBar a {
        font-size: 1.1rem;
    }
    .hhr_banner .title_hhr p{
        font-size: 1.2rem;
    }
    .box{
        top:350px;
    }
}