@charset "UTF-8";
.head-bg {
  background: #f7f7f7;
}


.wh{max-width: 1439px;margin: 0 auto;width: 92%;}
.logo img{max-width: 202px;}

/*åˆå§‹åŒ–æ ·å¼*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin: 0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.xypg-right-content{font-size: 16px;}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

/*ä¸»ä½“æ ·å¼*/

.flex {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}





/*æ ·å¼*/

.flex_a{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}

.flex_b{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}


.flex_c{    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}



.head_11{position: fixed;width: 100%;left:0px;top:0px;background:#324898;z-index: 999;}
.logo_a{line-height: 90px;}
.logo_a img{max-width: 100%;}


.head_33{width: 75%;}

.lastli{position: relative;}

.ss2 {
    display: none;
    position: absolute;
    right: 0;
    top: 80px;
    width: 238px;
    padding: 20px;
    border-radius: 20px;
    z-index: 999;
    background: rgb(255, 179, 0, 0.5);color:#fff;font-size: 16px;font-weight: 600;
}




/* äº§å“ */
.probg{
background:url(../images/bj3.jpg) no-repeat 50% 50%;background-size: cover;padding-top: 5.6%;overflow: hidden;
}

.probg .w1600{padding-left: 12.5%;}



.pro-index{
  margin-top: 20px;
}

.pro-wrap{
  position: relative;
}

.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }

.ptab{
  position: absolute;
  z-index: 999999;
  right: 12.5%;
  top: 0;
  box-shadow: 0px 2px 23.5px 1.5px rgba(22, 55, 80, 0.07);
  width: 23.5625%;
  padding: 0 3.38541666666667vw 2.08333333333333vw 2.08333333333333vw;background:#fff;
}

.psort li{
  border-bottom: 1px solid #cccccc;
  padding: 1.3vw 0;
  background: url(../images/jt2.png) no-repeat right center;
  position: relative;
}

.psort li::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: #1d1da6;
  transition: 0.5s;
}

.psort li a{
  display: flex;
  align-items: center;
  color: #666666;
  font-size: 18px;
}

.psort li a span{
  width: 6px;
  height: 6px;
  background: #1d1da6;
  margin-right: 15px;
  opacity: 0.6;
}

.psort li.active{
  background: url(../images/jt.png) no-repeat right center;
}

.psort li.active::before{
  width: 70px;
}

.psort li.active a{
  color: #32489b;font-weight: bold;
}

.psort li.active a span{
  opacity: 1;background: #32489b;
}

.proSwiper{
  width: 100%;overflow: hidden;padding: 0 0 6.4vw 0;
}

.proSwiper .swiper-slide a{
  display: flex;
}






.proSwiper .swiper-slide a .wwl{
  writing-mode: vertical-lr;/*ä»Žå·¦å‘å³ ä»Žå³å‘å·¦æ˜¯ writing-mode: vertical-rl;*/  
  writing-mode: tb-lr;/*IEæµè§ˆå™¨çš„ä»Žå·¦å‘å³ ä»Žå³å‘å·¦æ˜¯ writing-mode: tb-rlï¼›*/  
  word-wrap: break-word;
  color: #111111;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 88px;
  width: 34px;
}

.proSwiper .swiper-slide a .wwr{
  width: calc(100% - 0px);
  position: relative;    align-items: flex-end;
}

.proSwiper .swiper-slide a .wwr .img1{
  width: 33.7%;
}

.proSwiper .swiper-slide a .wwr .img1 img{
  width: 100%;
}

.proSwiper .swiper-slide a .wwr .wz{
  width: 61.6%;
  background: #fff;
  position: relative;
  z-index: 99;
  bottom: 0;
  right: 0;
  padding: 3.125vw 0;
  padding-left: 3.29166666666667vw;border-top: 8px solid #32489b;
}

.proSwiper .swiper-slide a .wwr .wz .wz1{
  color: #32489b;
  font-size: 30px;
  font-weight: 600;
  margin-top: 1.5625vw;
  margin-bottom: 1.5625vw;
}

.proSwiper .swiper-slide a .wwr .wz .wz2{
  color: #555555;
  font-size: 16px;
  line-height: 36px;max-width: 280px;
}

.proSwiper .swiper-slide a .wwr .wz .wz3{
  border: 1px solid #32489b;
  width: 180px;
  height: 52px;
  line-height: 50px;
  text-align: center;
  color: #ffbc20;
  font-size: 16px;
  margin-top: 2vw;background:#32489b;
}

.proSwiper .swiper-pagination{
  bottom: 90px;
  left: 10px;
  text-align: left;
    
}

.proSwiper .swiper-pagination-bullet{
  border-radius: 0;
  background: #c1dbef;opacity: 1;
  
}

.proSwiper .swiper-pagination-bullet-active{
   background: #ffbc20;opacity: 1;
}

.proSwiper .ind_fy_box{
  position: relative;
  display: inline-block;
  width: 12%;
}

.proSwiper .lb_pagination_box span:before{content: '0';}
.proSwiper .ind_fy_box span.on{
  color: #ffbc20;
  font-size: 42px;
  font-weight: 600;
  line-height: 1;
}
.proSwiper .ind_fy_box span.xian{
  color: #111111;
  opacity: 0.4;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right: 30%;top:10px
}
.proSwiper .ind_fy_box span.xian:before{
  content: '';
}
.proSwiper .ind_fy_box span.sum{
  color: #111111;
  font-size: 20px;
  font-weight: 600;
  opacity: 0.4;
  position: absolute;
  right: 0;top:13px
}







@media(max-width: 1440px){
.probg .w1600{padding-left: 5.5%;}
.ptab{right:10px}



.proSwiper .ind_fy_box span.on{font-size: 32px;}
.proSwiper .ind_fy_box span.sum{font-size: 18px;}

.proSwiper .swiper-slide a .wwr .wz .wz1{font-size: 30px;}


.proSwiper .swiper-slide a .wwr .wz .wz2{
  color: #555555;
  font-size: 15px;
  line-height: 30px;max-width: 320px;
}

.psort li a{font-size: 16px;}

   .proSwiper .swiper-slide a .wwr .wz .wz3{
  border: 1px solid #32489b;
  width: 150px;
  height: 48px;
  line-height: 46px;
  text-align: center;
  color: #ffbc20;
  font-size: 15px;
  margin-top: 2vw;background:#32489b;
}

}





@media(max-width: 1280px){
  .proSwiper .swiper-slide a .wwr .wz{
    padding-left: 40px;
  }

  .psort li{
  border-bottom: 1px solid #cccccc;
  padding: 1.3625vw 0;
  background: url(../images/jt2.png) no-repeat right center;
  position: relative;
}

.proSwiper .swiper-slide a .wwr .wz .wz1{font-size: 20px;}

.proSwiper .ind_fy_box span.sum{
  color: #111111;
  font-size: 20px;
  font-weight: 600;
  opacity: 0.4;
  position: absolute;
  right: -10px;
  top: 7px;
}


.proSwiper .ind_fy_box span.xian{
  color: #111111;
  opacity: 0.4;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right: 20%;
  top: 4px;
}

.probg .w1600{padding-left: 10px;}

}


@media(max-width: 780px){
  .probg{
    background: #f1f6fa;
  }
  .pro-index{
    margin-top: 20px;
  }
  .ptab{
    position: relative;
    width: 100%;
    
  }
  .psort{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .psort li{
    padding: 10px 0;
    width: 48%;
  }
  .psort li a{
    font-size: 14px;
  }
  .proSwiper .swiper-slide a{
    flex-wrap: wrap;
    margin-top: 20px;
  }
  
  .proSwiper{
    position: relative;
  }
  .proSwiper .swiper-pagination{
    bottom: 0;
    left: 10px;
    top: 95%;
  }
  .proSwiper .ind_fy_box{
    width: 20%;
  }
  .proSwiper .ind_fy_box span.on{
    font-size: 20px;
  }
  .proSwiper .ind_fy_box span.xian{
    font-size: 14px;
    right: 48%;
  }
  .proSwiper .ind_fy_box span.sum{
    font-size: 14px;
  }
  .proSwiper .swiper-slide a .wwl{
    width: 100%;
    writing-mode:initial;
    margin-top: 0;
  }
  .proSwiper .swiper-slide a .wwr{
    width: 100%;
    flex-wrap: wrap;
  }
  .proSwiper .swiper-slide a .wwr .img1{
    width: 100%;
  }
  .proSwiper .swiper-slide a .wwr .wz{
    width: 100%;
    position: relative;
    padding: 10px 10px;
    margin-top: 10px;
  }
  .proSwiper .swiper-slide a .wwr .wz .wz1{
    font-size: 16px;
  }
  .proSwiper .swiper-slide a .wwr .wz .wz2{
    font-size: 13px;
    line-height: 24px;
  }
  .proSwiper .swiper-slide a .wwr .wz .wz3{
    width: 120px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
  }


  .proSwiper{
  width: 100%;overflow: hidden;padding: 50px 0;
}

.proSwiper .ind_fy_box span.sum{
  color: #111111;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.4;
  position: absolute;
  right: 11px;
  top: 4px;
}
}









/* å…³äºŽå¯Œæˆ */
.about_aa{background:url(../images/bj1.jpg) no-repeat center top;overflow: hidden;
padding-top: 150px;padding-bottom: 88px;background-size: cover;}

.ann_a{ font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 37px;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.9;margin-top: 40px;max-width: 704px;}


.more_a{  width: 95px;
  height: 32px;
  background-color: #ffbc20;
  border-radius: 19px;margin-top: 70px;text-align: center;}

.more_a a{  font-size: 12px;
  font-weight: normal;
  line-height: 32px;
  letter-spacing: 0px;
  color: #ffffff;text-align: center;text-transform: uppercase;}



.sw_con2{margin-top: 60px;position: relative;}
.pp_2{overflow: hidden;}
.pp_2 li .img{display: block;}
.pp_2 li .img img{width: 100%;}

      .sw_con2 .swiper-button-prev{ height: 14px; width: 20px!important;  font-family: MicrosoftYaHei;
border-radius: 0%;
        letter-spacing: 0px;
        color: #ffffff;background:url(../images/f486f64ab983ef0cafeb4053dde154484d35c0d0.png) no-repeat center!important ;}
.sw_con2 .swiper-button-prev:hover{background:url(../images/416b48bb5428b15b14801d57c917c5b940a2fed6.png) no-repeat center!important;}
    
    
.sw_con2 .swiper-button-next{ height: 14px; width: 20px!important;background:none!important;    font-family: MicrosoftYaHei;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;border-radius: 0%;
        color: #ffffff;background:url(../images/0b96db707b784163d8b827b7136480f37e9ea2d7.png) no-repeat center!important;}
     

.sw_con2 .swiper-button-next:hover{background:url(../images/c9de317709b5235496298ee08464f414e41b0500.png) no-repeat center!important;}


 .sw_con2 .swiper-button-prev {
        left: -40px;
      }
      
.sw_con2 .swiper-button-next{
        right: -40px;
      }
      
.sw_con2 .swiper-button-next,
.sw_con2 .swiper-button-prev {
        outline: none;
        position: absolute;
        top:50%;
        z-index: 9999;
        height: 14px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;margin-top: -7px; }


@media (max-width: 1280px) {
  .about_aa{background:url(../images/bj1.jpg) no-repeat center top;
padding-top: 40px;padding-bottom: 38px;background-size: cover;}

.more_a{  width: 95px;
  height: 32px;
  background-color: #ffbc20;
  border-radius: 19px;margin-top: 20px;text-align: center;}

  .sw_con2{margin-top: 20px;position: relative;}


.ann_a{ font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 37px;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.9;margin-top: 20px;max-width: 704px;}
}



/* ä¸ºä»€ä¹ˆé€‰æ‹©æˆ‘ä»¬ */
.che_bg{background:url(../images/bj2.jpg) no-repeat 50% 50% #f1f1f1;padding: 5.2% 0 10%;margin-bottom: 4.7%;}
.xw_ll{margin-top: 30px;}
.xw_ll li{width: 31%;margin-top: 65px;}

.img_y_a{width: 65px;}
.img_y_a img{width: 100%;}

.xw_ll li .img_y_a .imgaaa{display: block;}
.xw_ll li .img_y_a .imgbbb{display: none;}

.xw_ll li:hover .img_y_a .imgbbb{display: block;}
.xw_ll li:hover .img_y_a .imgaaa{display: none;}

.xw_ll li .yy_ok{width:calc(100% - 75px);}
.xw_ll li .yy_ok h3{  color: #32489b;font-size: 24px;font-weight: 600;}
.xw_ll li .yy_ok p{ font-size: 16px;
  font-weight: normal;
  letter-spacing: 0px;line-height: 24px;
  color: #565656;margin-top: 10px;}

.xw_ll li:hover .yy_ok h3{color: #ffbc20;}



@media (max-width: 1440px) {
.xw_ll li .yy_ok h3{font-size: 20px;}

.xw_ll li .yy_ok p{ font-size: 15px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #565656;margin-top: 10px;line-height: 25px;height:50px;overflow: hidden;}
}





@media (max-width: 1280px) {
.xw_ll li .yy_ok h3{font-size: 18px;}

.xw_ll li .yy_ok p{ font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #565656;margin-top: 10px;line-height: 25px;height:50px;overflow: hidden;}
}



@media (max-width: 992px) {
.xw_ll li{width: 48%;margin-top: 45px;}
}


@media (max-width: 768px) {
.xw_ll li{width: 100%;margin-top: 25px;}
}





/* è§£å†³æ–¹æ¡ˆ */
.xxb{ width:22px;margin:0 auto;
  height: 2px;background:#32489b;margin-top: 20px;margin-bottom: 15px;}


.ff_ll{margin-top: 40px;}
.ff_ll li{width: 25%;position: relative;}
.ff_ll li img{width: 100%;}
.ff_ll li::after{position: absolute;width: 100%;height:100%;background: rgba(50, 72, 155, .5);content: "";left:0px;top:0px;z-index: 22;}
.ff_ll li .sk_kh{position: absolute;width: 100%;padding:0 3.5vw 11vw;bottom: 0px;left:0px;z-index: 33;}
.ff_ll li:hover::after{display: none;}
.ff_ll li .img_sk{width: 65px;margin:0 auto;margin-bottom: 25px;}
.ff_ll li .img_sk img{max-width: 100%;}
.ff_ll li h3{ font-size: 36px;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: 0px;
  color: #ffffff;height:34px;overflow: hidden;}


.ff_ll li h4{ font-size: 18px;
  font-weight: normal;
  line-height: 35px;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.7;height:105px;overflow: hidden;margin-top: 20px;}
.ff_ll li:hover h3{color: #ffbc20;}


@media (max-width: 1440px) {
.ff_ll li h3{font-size: 30px;}
.ff_ll li .img_sk{width: 55px;margin:0 auto;margin-bottom: 25px;}
}


@media (max-width: 1370px) {
.ff_ll li h3{font-size: 25px;}
.ff_ll li .img_sk{width: 50px;margin:0 auto;margin-bottom: 25px;}
.ff_ll li .sk_kh{position: absolute;width: 100%;padding: 25px;bottom: 0px;left:0px;z-index: 33;}



}

@media (max-width: 1280px) {
.ff_ll li h3{font-size: 20px;}
.ff_ll li h4{ font-size: 15px;
  font-weight: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.7;height:90px;overflow: hidden;margin-top: 20px;}
}



@media (max-width: 992px) {
.ff_ll li h3{font-size: 18px;}
.ff_ll li h4{ font-size: 14px;
  font-weight: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0.7;height:90px;overflow: hidden;margin-top: 20px;}

.ff_ll li .img_sk{width: 35px;margin:0 auto;margin-bottom: 15px;}
}


@media (max-width: 768px) {
.ff_ll li{width: 50%;}
.ff_ll li .sk_kh{position: absolute;width: 100%;padding: 15px;bottom: 0px;left:0px;z-index: 33;}
}





















/* æœ€æ–°åŠ¨æ€ */
.xw_con{background:#f8f8f8;padding: 110px 0;overflow:hidden;}

.xwrot{margin-top: 40px;}
.xwrot li{background:#9d9d9d;margin:0 10px;position: relative;}
.xwrot li a{line-height: 58px;color: #f8f8f8; font-size: 18px;padding: 0 70px;}
.xwrot li:hover{background:#32489b;}
.xwrot li:hover a{color:#febf00}

.xwrot li::after{background:url(../images/28ea4917713a1d3edf397b9cfa0d1081a8baa38f.png) no-repeat top;width: 20px;height:8px;
position: absolute;left:50%;margin-left: -10px;top:58px;content: "";display: none;}

.xwrot li:hover::after{display: block;}










.sw_con{margin-top: 30px;}
.pp_1{overflow: hidden;}
.pp_1 li a.img{display: block;}
.pp_1 li a.img img{width: 100%;}

.xw_cc{width: 90%;margin:0 auto;margin-top:-30%;position: relative;z-index: 999;background:#fff;padding: 20px;transition:all 0.5s;}
.xw_cc h3{  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 35px;
  letter-spacing: 0px;
  color: #333333;height:35px;overflow: hidden;}

.xw_cc h4{  font-size: 16px;
  font-weight: normal;
  line-height: 26px;
  letter-spacing: 0px;
  color: #666666;height:52px;overflow: hidden;margin-top: 5px;}

.xw_cc h5{  font-size: 14px;
  font-weight: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #999999;margin-top: 30px;}


.xw_cc h6{width: 30px;height:30px;background:url(../images/a3b7f8b72880b43a0ecbb1425e48a165c491a516.png) no-repeat 50% 50% #cccccc;margin-top: 30px;}

.pp_1 li:hover .xw_cc h6{background:url(../images/a3b7f8b72880b43a0ecbb1425e48a165c491a516.png) no-repeat 50% 50% #ffbc20;}
.pp_1 li:hover .xw_cc h3{color: #32489b;}

.pp_1 li:hover .xw_cc{box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.08);}






@media (max-width: 1440px) {
.xw_cc h3{font-size: 16px;}

.xw_cc h4{  font-size: 14px;
  font-weight: normal;
  line-height: 26px;
  letter-spacing: 0px;
  color: #666666;height:52px;overflow: hidden;margin-top: 5px;}

.xwrot li a{line-height: 55px;color: #f8f8f8; font-size: 17px;padding: 0 50px;}
.xwrot li::after{background:url(//cdn.myxypt.com/df3c85aa/25/02/28ea4917713a1d3edf397b9cfa0d1081a8baa38f.png) no-repeat top;width: 20px;height:8px;
position: absolute;left:50%;margin-left: -10px;top:55px;content: "";display: none;}

  }





@media (max-width: 1370px) {
.xw_cc h3{font-size: 16px;}

.xw_cc h4{  font-size: 14px;
  font-weight: normal;
  line-height: 26px;
  letter-spacing: 0px;
  color: #666666;height:52px;overflow: hidden;margin-top: 5px;}


.xw_cc{width: 94%;margin:0 auto;margin-top:-30%;position: relative;z-index: 999;background:#fff;padding: 12px;}

.xwrot li a{line-height: 50px;color: #f8f8f8; font-size: 15px;padding: 0 40px;}
.xwrot li::after{background:url(//cdn.myxypt.com/df3c85aa/25/02/28ea4917713a1d3edf397b9cfa0d1081a8baa38f.png) no-repeat top;width: 20px;height:8px;
position: absolute;left:50%;margin-left: -10px;top:50px;content: "";display: none;}


  }



@media (max-width: 1280px) {
.xw_con{background:#f8f8f8;padding: 40px 0;}

.xwrot li a{line-height: 40px;color: #f8f8f8; font-size: 15px;padding: 0 20px;}
.xwrot li::after{background:url(//cdn.myxypt.com/df3c85aa/25/02/28ea4917713a1d3edf397b9cfa0d1081a8baa38f.png) no-repeat top;width: 20px;height:8px;
position: absolute;left:50%;margin-left: -10px;top:40px;content: "";display: none;}

.xwrot li{background:#9d9d9d;margin:0 5px;position: relative;}
  }

@media (max-width: 992px) {
.xwrot li a{line-height: 40px;color: #f8f8f8;font-size: 14px;padding: 0 10px;margin: 0 3px;}
.xwrot{margin-top: 30px;}
  }










/* ç½‘ç«™çš„æ–‡å­— */
.web_tt{text-align: center;}
.web_tt h2{ font-size: 48px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #bbbbbb;text-transform: uppercase;}


.web_tt h3{ font-size: 36px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #32489b;margin-top: 10px;text-transform: uppercase;}


.web_tt h4{ font-size: 18px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #666666;line-height: 30px;max-width: 900px;margin:0 auto;margin-top: 12px;}







@media (max-width: 1440px) {
 .web_tt h2{font-size: 40px;}
 .web_tt h3{font-size: 30px;}
 .web_tt h4{font-size: 16px;}
  }




@media (max-width: 1280px) {
 .web_tt h2{font-size: 30px;}
 .web_tt h3{font-size: 25px;}
 .web_tt h4{font-size: 15px;}
  }



@media (max-width: 992px) {
 .web_tt h2{font-size: 25px;}
 .web_tt h3{font-size: 20px;}
 .web_tt h4{font-size: 14px;line-height: 24px;}
  }



/* é€šæ  */
.dff2{padding: 76px 0;background:#2d4394;overflow:hidden;}

.fotb{width: 55.20%;}
.logo_df img{max-width: 100%;}



.wm_ll{max-width: 239px;}
.wm_ll li{text-align: center;width:48%;}
.wm_ll li a img{max-width: 100%;}
.wm_ll li h3{ font-size: 14px;
  font-weight: normal;
  line-height: 35px;
  letter-spacing: 0px;
  color: #dddddd;text-align: center;}

/*.wm_ll li + li{margin-left: 14px;}*/




/*æ ·å¼*/
@media (max-width: 1280px) {
 /*.wm_ll li + li{margin-left: 10px;}*/
  }


@media (max-width: 1280px) {
 /*.wm_ll li + li{margin-left: 8px;}*/

 .wm_ll li a img{max-width: 90px;}
  }

@media (max-width: 990px) {
.fotb{width: auto;}
  }


@media (max-width: 768px) {
.fotb{width: 100%;margin-top: 20px;}
.logo_df{text-align: center;width: 100%;}
.logo_df img{max-width: 100%;text-align: center;}

.wm_ll{max-width: 100%;width: 100%;margin-top: 20px;}

 .wm_ll li a img{max-width: 110px;}

 .dff2{background:#2d4394;padding: 36px 0;}
  }


.dff{background:#233b8b;padding: 20px 0;}
.copyright11{ font-size: 14px;
  font-weight: normal;
  line-height: 35px;
  letter-spacing: 0px;
  color: #d2d2d2;}

.copyright11 a{color: #d2d2d2;}

/* 友情链接 */
.c-link {
    padding: 20px 0;
    font-size: 14px;
    color: #2a333c;
    line-height: 24px;
}

.c-link .con {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.c-link span {
    cursor: pointer;
    display: block;
}

.c-link dd {
    width: calc(100% - 70px)
}

.c-link .sec {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: rgba(255, 255, 255, .6);
    padding: 10px;
    min-width: 120px;
    z-index: 999;
}

.c-link a {
    color: #2a333c;
    padding: 0 4px;
    font-size: 14px;
    line-height: 24px;
}
.dff .flex_a{align-items:flex-start;}


/*  */
.foot_nav {
    position: relative;width: 100%;
}

.foot_nav li {
    float: left;
    text-align: left;
}

.foot_nav li a {
    font-size: 18px;
    color: #febf00;
    display: block;
    width: 100%;
    font-weight: 700;
}

.foot_nav li .x-nav-menu {
    width: 100%;
    margin-top: 1.43em;
}

.foot_nav li .x-nav-menu a {
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: rgba(255, 255, 255, .7);
    font-weight: normal
}

.foot_nav li .x-nav-menu dd a{padding-left: 12px;}
.foot_nav li .x-nav-menu dd{background:url(../images/b37e2486e951695e3b1a9d193710090ea40f82b3.png) no-repeat left 50%;}



.foot_nav li .x-nav-menu{ line-height: 28px;    font-size: 14px; color: rgba(255, 255, 255, .7);}

@media(max-width: 991px){
  body{padding-bottom: 50px;}
}

@media(max-width: 640px){
  .proSwiper{padding-top: 20px;}
  .probg .w1600{padding: 0 15px;}
  .psort li a span{margin-right: 5px;}
  .ann_a{font-size: 15px;line-height: 28px;}
  .xw_ll{margin-top: 0;}
  .ff_ll{margin-top: 25px;}
  .che_bg{margin-bottom: 30px;}
  .copyright11{line-height: 24px;font-size: 12px;width: 100%;text-align: center;}
}






/* 手机页脚 */
.footer3 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #222;
}

.footer3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer3 ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 0;
}

.footer3 ul li a {
    display: block;
    color: #ffffff;
}

.footer3 ul li .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 16px;
    height: 14px;
}

.footer3 ul li:nth-child(1) .iconfont {
    background: url("../images/b544c19c69b83bbe43c1274f87d99f8463b23472.png") no-repeat 50%;
}

.footer3 ul li:nth-child(2) .iconfont {
    background: url("../images/b26655bdcb5a7dc2df997405eb240a45c466bb0f.png") no-repeat 50%;
}

.footer3 ul li:nth-child(3) .iconfont {
    background: url("../images/c47d9585db09afa861138fecba21e50527eed031.png") no-repeat 50%;
}

.footer3 ul li:nth-child(4) .iconfont {
    background: url("../images/d077420e30ae81b861be3a532ee75cc320e1deb8.png") no-repeat 50%;
}

.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
}









.job_list{}
.job_list li{line-height:27px;height:27px;position:relative;background:url(../images/list_dot1.gif) 0 50% no-repeat;padding-left:10px;font-size: 16px;}
.job_list li a{}
.job_list li span{position:absolute;color:#999;right:0;z-index:0;}
/*.sort{border-bottom:#D9D9D9 1px solid;}*/
.sort li{position:relative;z-index: 999;}
.sort li .about_b{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;
	border-bottom:2px solid #3a78c1;z-index:9999;}
.sort li .layer2{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;
	border-bottom:2px solid #3a78c1;z-index:9999;}
.sort li .layer2 li{overflow:hidden;}
.sort li .layer2 li a{font-weight:bold;background:url(../images/ico1.gif) no-repeat 0% 50%;}
.sort li .layer2 li a:hover{text-decoration:none;color:#3a78c1;}
.sort li .layer2 li .layer3 li{border-bottom:1px dashed #d5d5d5;margin:6px 0px;height:24px;
line-height: 24px;}
.sort li .layer2 li .layer3 li a{font:normal 12px/24px "å¾®è½¯é›…é»‘";background:none;}

.sort li a{background:url(../images/dot4.png) no-repeat 5px -41px;color:#666;display:block;line-height:30px;font-family: "å¾®è½¯é›…é»‘";border-bottom:1px solid #dddddd;padding-left:25px;font-size:16px;}
.sort li a:hover{color:#3a78c1;text-decoration: none;background:url(../images/dot4.png) no-repeat 5px -41px #f5f6f6;font-size:16px;}
.sort li.change a{background:url(../images/dot4.png) no-repeat 5px -41px #f5f6f6;}
/*招聘详细*/
.job_detail{}
.job_detail h1.title{text-align:center;font-family:"Microsoft YaHei";font-size:18px;border-bottom:1px solid #e0e1dc;margin-bottom:5px;padding-bottom:10px;}
.job_detail h3.title_bar{line-height:26px;text-align:center;font-weight:normal;color:#808080;}
.job_detail h3.title_bar span{padding-right:10px;}
.job_detail .content h4{background-color:#f1f1f1;height:26px;line-height:26px;text-align:left;padding-left:15px;}
.job_detail .content div.text{padding-top:10px;padding-left:22px;padding-right:8px;font-size:16px;}
/*简历提交*/
.job-title {padding-left:10px;line-height:40px;font-size:16px;margin-bottom:15px;}
.job-title .job-send{background:#f1f1f1;padding:5px 10px;border-radius:4px;}
.send-title{border-bottom: 1px solid #ddd;margin-bottom:15px;padding-bottom:10px;font-size:16px;color:#060;}
.message-job{padding-left:10px;padding-bottom:10px;}
.message-job li{line-height:30px;margin-bottom:10px;}
.message-job li label{font-size:14px;width:70px;float:left;text-align:right;}
.message-job li span{color:red;}
.message-job li input[type='radio']{margin:0 10px;}
.message-job li input.jobinput{border:1px solid #ccc;width:200px;margin:0 5px;line-height:24px;height:24px;padding:0 5px;}
.message-job li select{line-height:24px;height:24px;padding:0 5px;}
.message-job li #experience{width:400px;height:80px;}
.message-job li input#file{margin-top:18px;margin-right:20px;}
.message-job input.jobbtn{width:80px;border:1px solid #f1f1f1;background:#BBB;color:#fff;border-radius:4px;font-family:"Microsoft Yahei";line-height:30px;height:30px;margin:0 8px 0;cursor:pointer;}
.message-job input.jobbtn:hover{background:#aeaaaa;}
.message-job li.last{border-bottom: 1px solid #ddd;margin-bottom:8px;padding:5px 0;font-size:14px;color:#060;}
 .resume-prompt{line-height:36px;color:#999;}
.message-job span.last{color:red;display:inline-block;line-height:36px;} 
