/* CSS Document */

 @font-face {
  font-family: imt;
  src: url("impact.ttf");
}
 

body {
  margin: 0;
  padding: 0;
  line-height: 30px;
  font-family: scr;
  font-size: 14px;
  background: #fff;
}
div,
ul,
li,
dt,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
img,
p,
span {
  border-style: none;
  border-color: inherit;
  border-width: 0px;
  padding: 0;
  list-style-type: none;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

img {
  display: block;
}
input,
button,
select,
textarea {
  outline: none;
}
/* Link */
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  border: 0px;
  background-color: Transparent;
}
div,
input:focus {
  outline: none;
}

.blank5 {
  width: 100%;
  height: 5px;
  clear: both;
}
.blank07 {
  width: 100%;
  height: 7px;
  clear: both;
  background: #2176bf;
}
.blank10 {
  width: 100%;
  height: 10px;
  clear: both;
}
.blank12 {
  width: 100%;
  height: 14px;
  clear: both;
}
.blank15 {
  width: 100%;
  height: 15px;
  clear: both;
}
.blank20 {
  width: 100%;
  height: 20px;
  clear: both;
}
.blank25 {
  width: 100%;
  height: 25px;
  clear: both;
}
.blank30 {
  width: 100%;
  height: 30px;
  clear: both;
}
.blank40 {
  width: 100%;
  height: 40px;
  clear: both;
}
.blank50 {
  width: 100%;
  height: 50px;
  clear: both;
}
.blank60 {
  width: 100%;
  height: 60px;
  clear: both;
}
.blank70 {
  width: 100%;
  height: 70px;
  clear: both;
}
.blank80 {
  width: 100%;
  height: 80px;
  clear: both;
}
.blank90 {
  width: 100%;
  height: 90px;
  clear: both;
}
.blank100 {
  width: 100%;
  height: 100px;
  clear: both;
}
.blank110 {
  width: 100%;
  height: 110px;
  clear: both;
}
.blank120 {
  width: 100%;
  height: 120px;
  clear: both;
}
.blank130 {
  width: 100%;
  height: 130px;
  clear: both;
}
.blank140 {
  width: 100%;
  height: 140px;
  clear: both;
}
.blank145 {
  width: 100%;
  height: 145px;
  clear: both;
}
.blank150 {
  width: 100%;
  height: 150px;
  clear: both;
}
.blank160 {
  width: 100%;
  height: 160px;
  clear: both;
}
/* .kong100 {width: 100%; height: 150px; clear: both; } */
/*Clear*/
.c33 {
  color: #333333;
}
.clear {
  clear: both;
  font-size: 1px;
  height: 0px;
  line-height: 0px;
  overflow: hidden;
}
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/
.max {
  position: relative;
  overflow: hidden;
}
.m_index {
  padding: 0 3%;
  margin: 0 auto;

}


.header {
  /* height: 710px; */
  position: relative;
}

.header {
  height: 100px;
}
.header  .m_index {
  height: 100%;
}

.header .nav li {
  line-height: 100px;
  margin-right: 26px;
}
.header .nav li a {
  font-size: 18px;
  color: #000;
}
.header .nav li a:hover {
  
  color: #e72d14;
}
.header .nav li .active a {
  color: #e72d14;

}

.header .lanage {
  height: 100%;
}
.header .lanage  .active a {
   font-size: 0.28rem;
   color: #e72d14;
}


.header .lanage font a{
  font-size: 16px;
  color: #000;
}
.header .lanage font a:hover {
  color: #e72d14;
  text-decoration: underline
}

.header .lanage img{
  margin-right: 5px;
  width: 19px;
  height: 20px;
}
.header .lanage .cn2 {
  font-size: 16px;
  color: #000;
  margin: 0 10px
}

.common-head {
  text-align: center;
  font-size: 0.4rem;
  color: #000;
}

.top_kong {
  height: 52px;
}
.common-head2 {
  width: 30px;
  height: 4px;
  background: #299aeb;
  margin: 0.05rem auto;
}
.contact_con  {
  margin-top: 58px;
}
.contact_con .zz .num {
  font-size: 0.26rem;
  color: #000;
}
.contact_con .yy .vx{
   /* margin-right: 65px; */
}
.contact_con .yy .vx .tc{
  font-size: 0.26rem;
  color: #000;
}
.contact_con .yy .vx {
  margin: 0 auto;
  margin-top: 0.2rem;
}

.maps {
  margin: 0.25rem 0;
}
.maps img {
  width: 100%;
}
.contact  .m_index  {
  /* min-height: 600px */
}
 .zhuizong {
  /* min-height: 800px */
}
 .company {
  /* min-height: 700px */
}


.youshi_show  .name1 {
   font-size: 0.26rem;
}
.youshi_show   img {
  width: 100%;
}
.youshi_show .name1 p  span{
  font-size: 0.26rem !important;
   word-break: break-all;


}

.footer {
  height: 35px;
  background: #2e83b3;
  color: #fff;
  font-size: 14px;
  line-height: 35px;
}

.zhuizong_con .img_box {
  /* width: 48%; */
  /* margin-right: 2%; */
  height: 1.47rem;
  -webkit-box-shadow: 0 0px 15px rgba(0,0,0,.15);
  -moz-box-shadow: 0 0px 15px rgba(0,0,0,.15);
  -ms-box-shadow: 0 0px 15px rgba(0,0,0,.15);
  box-shadow: 0 0px 15px rgba(0,0,0,.15);
}
.zhuizong_con .img_box  img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  vertical-align: middle
}
.zhuizong_con .c1 .name {
  font-size: 0.26rem;
  color: #000;  
  line-height: 0.5rem;
}
.zhuizong_con {
  margin-top: 0.2rem
}
.zhuizong_con .c1  {
  margin-right: 4%;
  margin-bottom: 0.25rem;
  width: 48%;
}
 
.zhuizong_con .c1:nth-of-type(2n){
  margin-right: 0;
}

.company_con {
  font-size: 0.25rem;
  color: #000;
  margin-bottom: 40px;
  line-height: 0.45rem;
word-wrap:break-word;
}

.company_con img {
  margin: 0.25rem 0;
  width: 100%;
}


.youshi_show .s1 {
  font-size: 18px;
  color: #000;
}


.youshi_show .s1 img {
  margin: 30px 0;
}

.youshi_show .s1 .common-head2 {
  margin-bottom: 20px;
}

.zhaopin_show .d1 .img_boxx .img2{
  display: none
}
.zhaopin_show .d1  {
  -webkit-box-shadow: 0 0px 15px rgba(0,0,0,.15);
  -moz-box-shadow: 0 0px 15px rgba(0,0,0,.15);
  -ms-box-shadow: 0 0px 15px rgba(0,0,0,.15);
box-shadow: 0 0px 15px rgba(0,0,0,.15);
  margin-bottom:  30px

}
.zhaopin_show .d1 .top {
  height: 0.88rem;
  line-height: 0.88rem;
  background: #052f91;
  padding: 0 0.2rem;
}
.zhaopin_show .d1 .top .name {
  font-size: 0.3rem;
  color: #fff;
}

.zhaopin_show   .f1 {
  font-size: 0.28rem;
  color: #000;
  margin-bottom: 20px;
}
.zhaopin_show   .f2 {
  font-size: 0.24rem;
  color: #000;
}
.zhaopin_show .d1_con   {
   padding: 20px 20px;
   display: none
} 
 
.zhaopin .zhaopin_show2 .name  input {
  height: 53px;
  border: 1px solid #bfbfbf;
  padding: 0 18px;
  width: 100%;
  box-sizing: border-box;
  font-size: 18px;
  color: #333;
} 

.zhaopin .zhaopin_show2 .name {
  width: 48%;
  margin-bottom: 30px;
}
.zhaopin .zhaopin_show2 .name2  textarea{
   height: 198px;
   width: 100%;
   box-sizing: border-box;
   padding: 10px;
   font-size: 18px;
   color: #333;
   font-family: '微软雅黑';
   right: none;
}

.zhaopin .zhaopin_show2 .name2 {
  width: 100%;

}
.zhaopin .zhaopin_show2  .submit  input {
  height: 55px;
  color: #fff;
  font-size: 24px;
  background: #2e83b3;
  width: 100%;
  border: 0;
  /* margin-top: 30px; */
}

.zhaopin .zhaopin_show2  .submit  {
  width: 100%;
  margin-bottom: 100px;
}
.banner {
  height: 3.48rem;
}

.swiper-container_index  .swiper-slide img {
  width: 100%;
}





.swiper-container_index  .swiper-pagination-bullet {
  background: url(../images/dd.png) no-repeat;
  width: 0.15rem;
  height: 0.16rem;
  background-size: cover;
  opacity: 1;
  
}
.swiper-container_index .swiper-pagination-bullet-active {
  background: url(../images/d.png) no-repeat;
  width: 0.15rem;
  height: 0.16rem;
  background-size: cover;
}
.swiper-container_index .swiper-pagination {
   bottom: 0.15rem;
} 
.swiper-container_index  {
  position: relative;
}
.index_con .con1 .zz .h1{
   font-size: 0.4rem;
   color: #000;
   text-align: center;
}
.index_con .con1 .zz .h2 a{
  font-size: 0.24rem;
  color: #000;
  line-height: 0.4rem;
}
.index_con .con1 .zz .h2 a:hover {
  text-decoration: underline
}
.index_con .con1 .zz .h2  font {
  font-size: 0.26rem;
  color: #2799eb;
  
  line-height: 0.2rem;
}

.index_con .con1 .zz {
  /* width: 454px; */
}
.index_con .con1 .zz .h2 .yy {
  margin-top: 24px;
}

.index_con {
  padding-bottom: 30px;
}
.index_con   .con1 .zz .h2 {
  margin-top: 20px;
}

.index_con .lianxi  .a1 {
   width: 153px;
   font-size: 16px;
   color: #000;
   position: relative;
   
}
.index_con .lianxi  .a1 .text {
  line-height: 9px;
  text-align: center;
}

.index_con .lianxi  .a1 img {
  width: 90px;
  height: 90px;
  margin: 0 auto
}
.index_con .lianxi  .a1:after {
   content: '';
   width: 2px;
   height: 70px;
   background: #cccccc;
   position: absolute;
   right: -2px;
   top: 27px;
}
.index_con .con  .z1 {
  width: 32%;
  height: 0.85rem;
  line-height: 0.85rem;
  text-align: center;
  font-size: 0.3rem;
  background: url(../images/zz1.png) no-repeat center center;
  background-size: 100% 100%;
  margin-bottom: 0.2rem;
}
.index_con .con  .z1  a{
  color: #fff;
}

.index_con .border {
  height: 0.1rem;
  background: #eee;
  margin-bottom: 0.25rem;
  margin-top: 0.2rem;
}
.index_con .lianxi  .a1 {
  position: relative;

}
.index_con .lianxi  .a1 a {
   color: #000;
}
.index_con .lianxi  .a1:last-of-type:after{
  display: none;
}

.index_con .lianxi .two {
   background: url(../images/x1.png) no-repeat;
   width: 162px;
   height: 80px;
   position: absolute;
   bottom: -78px;
   left: 0; 
   line-height: 90px;
   font-size: 16px;
   color: #000;
   text-align: center;
   display: none; 
}

.index_con .lianxi .two img {
  width: 60%;
  margin: 0 auto;
  height: auto;
}


.index_con .lianxi .three {
  background: url(../images/x2.png) no-repeat;
  width: 140px;
  bottom: -147px; 
  height: 150px;
}

.index_con .lianxi .three img {
  margin-top: 41px;
}

.index_con .lianxi  .a1:hover .two {
  display: block;
}

.index_con .h3 {
  font-size: 16px;
  color: #000;
  margin-top: 65px;
    margin-bottom: 13px;
}

.index_con .h5 img {
  margin: 0 auto;
}

.index_con .h4 {
  font-size: 35px;
  font-family: Arial;
  color: #c81d20;
}
.index_con .h4:first-letter {
  font-size: 45px; 
}

.index_con .yy  form {
  width: 100%;
  /* height: 732px; */
   
  border-radius: 5px;
  -o-border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 15px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 15px rgba(0,0,0,.2);
box-shadow: 0 0 15px rgba(0,0,0,.2);
} 


.index_con .yy .name1 {
   font-size: 0.4rem;
   color: #299aeb;
   padding-top: 0.25rem;
   margin-bottom: 0.3rem;
}

.index_con .yy .name2 input {
  width: 85%;
  height: 0.72rem;
  border: 1px solid #7f7f7f;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-sizing: border-box;
  padding: 0 0.13rem;
  font-size: 0.24rem;
  box-sizing: border-box;
  color: #000;
  margin-bottom: 30px;
}

.index_con .yy .name2 {
  text-align: center;
}


.index_con .yy .name3 {
  /* margin-top: 9px; */
  font-size: 0.24rem;
  color: #000;
}

.index_con .yy .submit input {
  width: 85%;
  height: 0.7rem;
  background: #299aeb;
  font-size: 0.3rem;
  color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,1);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  -ms-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
  border: 0;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /* margin-top: 15px; */
  margin-bottom: 0.3rem;
}


 



  
  /* 手机 */
  
  
  
   
  
  
  
   
  .menu_list {
    width: 100%;
    height: 100%;
    position: fixed;
    /* bottom: -1.23rem;; */
    right: 0;
    background: rgba(0,0,0,0.95);
    z-index:1001;
    /* padding-top: 20%; */
    display: none;
    /* margin-top: 1rem; */
  }
    .menu_list .cha {
    font-size: 0.4rem;
    position: absolute;
    left: 5%;
    /* transform: translateX(-50%); */
    top: 4%;
    color: #fff;
    font-family: sans-serif;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 0.1rem;
    width: 0.4rem;
    height: 0.4rem;
    text-align: center;
    line-height: 0.4rem;
    }
  
  .menu_close {
    left: 50%;
    bottom: 9%;
    font-size: 0.55rem;
    color: #fff;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50% );
    -moz-transform: translateX(-50% );
    width: 0.7rem;
  }
  .menu_close  img {
    width: 100%;
  }
  .menu_list li {
    text-align: center;
    height: 0.91rem;
    /* border-bottom:1px solid #9b9b9b; */
    
  }
  .menu_list  ul {
  
        margin-top: 21%;
  }
  
  .menu_list li a {
    font-size: 0.27rem;
    /* line-height:1.08rem; */
    color: #fff;
    font-weight: normal;
    position: relative;
  
  }
  
  .menu_list li  {
    line-height: 0.91rem;
  }
  
  .menu {
    position: absolute;
    right: 4%;
    /* padding-left: 4%; */
    /* box-sizing: border-box; */
    top: 50%;
    width: 0.3rem;
    height: 0.3rem;
    background-size: cover;
    /* height: 100%; */
    transform: translateY(-50%);
    -webkit-transform: translateY(-50% );
    -moz-transform: translateY(-50% );
  }
  .menu img  {
    width: 0.3rem;
    height: 0.30rem;
    /* margin-left: 46%; */
      /* margin-top: 25%; */
  
  }
  .header_bg {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 1.8rem;
     z-index: 998;
  }
  .header_bg img {
    width: 100%;
  
  }
  
  
  .kong_top  {
    height: 0.85rem;

  }
  
  .common-fan .text {
    font-size: 0.26rem;
    color: #000000;
  }
  
  .common-fan img {
     width: 0.26rem;
     height: 0.2rem;
     margin-left: 0.05rem;
  }


  .common-fan {
    margin-top: 0.28rem;
  }
  
  
  
  .header  {
  background: #fff;
    height: 0.85rem;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,.1);
    box-shadow: 0 0 15px rgba(0,0,0,.1);
   
  }
  .header  .m_index {
    height: 100%;
    box-sizing: border-box
  }
  .header .logo {
    height: 100%;
  }
  .header .logo img {
    width: 2.74rem;
    height: 0.78rem;
}
  .header .head-tell  img {
     width: 1.66rem;
     height: 0.38rem;
     /* max-width: 100%; */
  }
  .header .head-tell {
    height: 1.2rem;
    /* width: 100%; */
  }
  
  .top-kong {
       height: 0.88rem;
  }
  
  
  
  .two_nav {
    width: 100%;
    height: 100%;
    position: fixed;
      top: 0rem;
    left: 0;
    
    background: rgba(0, 0, 0, 0.6)
   }
  
  
   
  .side_bar {
    display: flex;
    flex-direction: column;
      
    }
    
    .side_bar  img {
    width: 0.16rem;
    height: 0.12rem;
    }
    
    .side_bar .s1 {
    /* flex: 1; */
    height: 0.56rem;
    padding: 0 10%;
    /* border-top:1px solid #f2f2f2;  */
    line-height: 0.56rem;
    margin-bottom: 0.4rem;
    }
    .side_bar .s1 a {
    font-size: 0.28rem;
    color: #fff;
    font-family: scb;
    }
    .side_bar  .spbe {
    height: 0.9rem;
    }
    .side_bar .s1 .spbe {
      height: 100%;
      text-align: center;
    }
    .side_bar {
     width: 100%;
     background: #000;
     /* height: calc(100% - 0.91rem - 1.25rem); */
     position: fixed;
     top: 0rem;
     right: 0;
     height: 100%;
     padding-top: 1.5rem;
     box-sizing: border-box;
     z-index: 1001;
    }
    .side_bar .s1_box .ss {
     height: 0.74rem;
     padding: 0 13%;
     background:#7ec6c8; 
    }
    .side_bar .s1_box .ss:first-of-type{
      padding-top: 0.19rem
    }
    .side_bar .s1_box .ss a {
    font-size: 0.22rem;
    color: #ffffff;
    
    }
    .side_bar .s1_box .ss .spbe {
     height: 100%;
    }
    .side_bar .last {
      margin-bottom: 2px;
     
    }
    .two_nav .cha img {
      width: 0.32rem;
      height: 0.32rem;
     
    }
    .two_nav .cha   {
     
      position: fixed;
      right: 4%;
      top: 2%;
      z-index: 1002;
    }
    
    .side_bar .last img {
      width: 0.3rem;
      height: 0.3rem;
    }
    
    .side_bar .s1_box {
      display: none;
    }
    .two_nav {
      display: none
    }
    
    
     .common-bg {
         height: 3.58rem;
     }
     .common-bg img {
       width: 100%;
     } 
  
  footer  {
    max-width: 640px;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: fixed;
    bottom: 0;
    z-index: 12;
   
    height:1rem;
    z-index: 998;
    /* border-top:2px solid #ff3533; */
    background: #052f91;
    background-size: cover;
  }
  .foot-ul {
    display:-moz-box;
    display:-ms-flexbox; 
    display:-webkit-flex;  
    display:flex; 
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -moz-box-pack:space-between;
    -webkit--moz-box-pack:space-between;
    box-pack:space-between;
  
  }
  
  footer .foot-ul li {
      height:1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    padding-top: 2px;
    flex: 1;
  }
  
  
  
  footer .foot-ul  span {
  display: block;
    margin: 0 auto;
    line-height: 0.34rem;
    font-size: 0.20rem;
    /* margin-top: 3px; */
  }
  
  footer .foot-ul li a {
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    /* font-size: 15px; */
    color: #fff;
    position: relative;
   
  }
  
  
  footer .foot-ul li .img {
    margin: 0 auto;
    width: 66%;
    
  }

  footer .acitve .img {
     display: none
  }
  footer  .img2 {
     display: none
  }
  footer   .acitve .img2 {
     display: block
  }
  
    footer .foot-ul li .img2 {
     display:none;
        margin: 0 auto;
       width: 69%;
  }
      footer .foot-ul li.active .img2 {
     display:block;
    
  }
     footer .foot-ul li.active .img {
     display:none;
    
  }
  footer  .foot-ul li .tc{
    color: #ffffff;
    font-size: 0.23rem;
    /* padding-bottom: 0.15rem; */
  }
  
  footer  .foot-ul li.active .tc {
    color: #7898e1;
  }
  
  .foot_kong {
    height:1rem;
  }