li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
        word-wrap: break-word;
}

input{
    outline: none;
}	
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0px;/* border: 0; *//* font-size: 100%; */outline: none;}
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html {/* -webkit-text-size-adjust: 100%; */-ms-text-size-adjust: 100%;overflow-x: hidden;/* -webkit-tap-highlight-color: transparent; */}
body {font: 14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;margin: 0 auto;color: #666;background-color: #fff;}
html, body{
    overflow-x: hidden;
}
.inner {
    width: 1100px;
    margin: 0px auto;
}
.inner1200 {
    margin: 0px auto;
    width: 1200px;
}
.inner1320{
margin: 0px auto;
    width: 1320px;
}
.fc {
    text-align: center;
}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.dy-p-cbx p{
       margin: 5px 0;
}
.dy-p-cbx img{
    max-width: 100%;
}
.dy-p-cbx h1,h2,h3,h4,h5{
    margin: 0;
}
.clear:after{

content:"";

display:block;

clear:both;

}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0px;
}
figure,section,li,dd,div{
    margin: 0;
    padding: 0px;
    border: 0;
    font-size: 100%;
    outline: none;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container1 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
@media (min-width: 1320px) {
  .container {
    width: 1320px;
  }
}
@media (max-width: 1200px) {
  .container {
    width: 100%;
  }

}

@media (min-width: 1200px) {
  .container1 {
    width: 1200px;
  }
}

@media (max-width: 1200px) {
  .container1 {
    width: 100%;
  }
}



.fr {
    float: right;
}

a {
    cursor: pointer;
    color: #333;
}
a:hover{
    color: #333;
}
.center{    
    text-align: center;
}
.shoushi{
  cursor: pointer;
}
.fluid {
    clear: both;
    margin-left: 0;
    width: 100%;
    float: left;
    display: block;
}
.section{
    margin-left: 0;
    width: 100%;
    float: left;
    display: block;
    position: relative; 
}
.w1200{
    width: 1200px;
    padding: 10px;
}
/*loding*/

.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 10000000;
    left: 0;
    top:0;
}

.spinner {
    width: 150px;
    height: 30px;
    position: absolute;
    left: 48%;
    top: 50%;
    margin-left: -75px;
    margin-top: -15px;
}

.spinner>div {
    /* width: 30px;
    height: 30px;
    background-color: #67CF22;*/
    border-radius: 100%;
    /*  display: inline-block;*/
    -webkit-animation: bouncedelay 1.8s;
    animation: bouncedelay 1.8s;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes bouncedelay {


    0% {
        -webkit-transform: scale(0.5)
    }
    30% {
        -webkit-transform: scale(0.8)
    }
    /*    60% {
        -webkit-transform: scale(1.2)
    },*/
    100% {
        -webkit-transform: scale(1.8)
    }
}








.fl {
    float: left;
}

.w50 {
    width: 50%;
}

.ri {
    float: right;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: inherit;
}

.left {
    float: left;
}

.right {
    float: right;
}

.inline-block {
    display: inline-block;
}









/*导航栏*/


/*导航栏*/


/*幻灯片*/

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}

.swiper-pagination-bullet {
    width: 40px;
    height: 3px;
    background: #fff;
    opacity: 1;

}







/*幻灯片*/




/*分页*/

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding:5px 10px;
    font-size: 14px;
    line-height: 1.3333333;
    margin: 0 20px;
    border: none;
}

.pagination-lg>li>a {
    background: #fff;
    border: 1px solid #999999;
    color: #666666;
}

.pagination-lg>li>span {
    background: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
}

.fanye .pagination>.active>a,
.fanye .pagination>.active>span,
.fanye .pagination>.active>a:hover,
.fanye .pagination>.active>span:hover,
.fanye .pagination>.active>a:focus,
.fanye .pagination>.active>span:focus {
     background: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
}

.fanye .pagination>li.thisclass a,
.fanye .pagination>li>a:hover,
.fanye .pagination>li>span:hover,
.fanye .pagination>li>a:focus,
.fanye .pagination>li>span:focus {
     background: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
}



/*分页*/



/*首页侧边导航*/

#fp-nav ul{ background:url("right_nav.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/right_nav.png*/ repeat-y center top; width: 20px;}
#fp-nav ul li{ margin:43px 0; width: 100%; height: 2px;}
#fp-nav ul li a span{ display: block; width: 10px; height: 2px; margin: 0 auto; background: #fff; left: 0; top: 0; position: relative; border:none; border-radius: 0; transition: all 0.6s;-webkit-transition: all 0.6s;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ width: 100%; background: #fff;}
#fp-nav ul li .fp-tooltip.right{ right: 30px;}
#fp-nav ul li .fp-tooltip{ top:-10px;}
#fp-nav.right2 ul{ background:url("right_nav2.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/right_nav2.png*/ repeat-y center top;}
#fp-nav.right2 ul li a span{background: #555;}
#fp-nav.right2 ul li a.active span{ background: #555;}
#fp-nav.right2 ul li .fp-tooltip{ color:#555;}
#fp-nav {transform: translate(200px,0);transition: transform 0.6s;-webkit-transition: transform 0.6s;-webkit-transform: translate(200px,0); z-index: 999;}
#fp-nav.right_an {    transform: translate(0,0);
    transition: transform 1s;
    -webkit-transition: transform 1s;
    -webkit-transform: translate(0,0);}
#fp-nav ul li a, .fp-slidesNav ul li a{ position: absolute; height:2px; top: -19px; padding:19px 0;}
/*#fp-nav ul li:last-of-type{ display: none;}*/


/*首页侧边导航*/


/*第一屏幕*/
.section1{
    overflow: hidden;
    position: relative;
}
  .section1 .fp-tableCell{display: block;}
  .header{
     position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 600;
  }
  .logo-im{
    float: left;
    margin: 20px 0;

    margin-left: 40px;
  }
.videobk{
    position: absolute;width: 100%;height: 100%;z-index: 50;background: url(sp_topbg.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/sp_topbg.png*/;top: 0;
}
  
     video{
    width: 100%;
        height: 100%;
        display: block;
          object-fit:fill;

   }
   .top-nav{
       width:700px;
       padding: 0 0 0 120px;
    display: inline-block;

   }
   .top-nav li{
    float: left;
    position: relative;
    z-index: 8000
   }

      .top-nav>li>a{
        line-height: 60px;
        color: #fff;
        padding: 0 26px;
        font-size: 16px;
      }
    
     .top-nav>li.active::before{
         content: "";
         height:2px;
         width:40px;
         background: #1a70fe;
         position: absolute;
         left:50%;
         top:0;
         margin:0 0 0 -20px;
     }
.top-nav li a i{
            position: relative;
            margin-left: 5px;
            top: -2px;
}
.top-nav-se{
    width: 100%;
    display: none;
    position: absolute;
    top: 72px;
        background:rgba(255,255,255,0.8);
    padding: 0 10px;
    padding-bottom: 1px;
}
.top-nav-se li{
    position: relative;
    display: block;
    width: 100%;
    padding: 2px 0;
    border-bottom: 1px solid #c7c4c4;
/*        white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;*/

    text-align: center;
}
.top-nav-se li:last-child{
    border: none;
}
.top-nav-se:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 9px;
    background: url(jt.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/jt.png*/ center no-repeat;
    top: -9px;
    left: 0;
}
.top-nav-se1{
      width: 100%;
    top: 70px;
}
.top-nav-se1 li{
    color: #fff;
}
.top-nav-se li a{
    font-size: 14px;
    padding: 0;
    letter-spacing:1px;
    line-height: 36px;

    color: #333;
}
.top-nav-se1 li{
        background: none;

}

.top-nav-se1 li a{
    color: #fff;
    padding: 0 10px;
    font-size: 15px;
}
/*.top-nav-se li:hover a{
    color: #67b869;
}*/
/*.top-nav li:hover .top-nav-se{
        visibility: inherit;
}*/
.section1-con{
    position: absolute;
         display: table;
    width: 100%;
    top: 0;
    z-index: 100;
    height: 100%;
}
.section1-con1{
     display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;

}
.section1-con1 h3{
    text-transform:uppercase;
    font-size: 28px;
    margin-bottom: 80px;
    color: #fff;

}

.section1-con1 h3 c{
    color: #6dba44;

}
.section1-con1 h2{
    font-size: 78px;
    color: #fff;

      
}
.section1-ul{
     display: inline-block;
    margin: 0 auto;
            opacity: 0;
    transform: translate(-800px,0) scale(3);
    -webkit-transform: translate(-800px,0) scale(3);
}
.section1-ul li{
    float: left;
    color: #fff;
    margin: 0 50px;
    display: inline-block;
}
.section1-ul li p{
    font-size: 35px;
    margin: 0;
    line-height: 1.2;
    text-align: left;
}
.section1-ul li p.smll{
    font-size: 22px;
}

.section1_an .section1-ul{
    transform: translate(0,0) scale(1,1);
    -webkit-transform: translate(0,0) scale(1,1);
    opacity: 1;
    transition: transform 1s 0.8s, opacity 1s 0.8s;
    -webkit-transition: transform 1s 0.8s, opacity 1s 0.8s;
}
.section1_an .section1-con1 h3{
    animation:fadeIn 2s;
    -webkit-animation:fadeIn 2s;
}
.section1_an .section1-con1 h2{
    animation:fadeIn 2s;
    -webkit-animation:fadeIn 2s;
}
/*第一屏幕*/


/*首页幻灯片*/


.indepc-banner {
 position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
}
.indepc-swiper{
    width: 100%;
    height: 100%;
    background: #000;
}
.indepc-banner .swiper-container{
    width: 100%;
}
.indepc-swiper .swiper-slide-active{-webkit-animation: hvr-bob 2s ease ;animation: hvr-bob 2s ease ;}
.indepc-swiper .swiper-slide{
        text-align: center;
    font-size: 18px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
}
.indepc-swiper .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}

.indepc-swiper .swiper-slide img{
    display: none;
}
.indepc-banner .swiper-pagination-bullet-active{
    background: #1a70fe;
}

@-webkit-keyframes hvr-bob {
  0% {
    transform: scale(1.1);
-webkit-transform: scale(1.1);
  }

  100% {
    transform: scale(1);
-webkit-transform: scale(1);
  }
}

@keyframes hvr-bob {
  0% {
    transform: scale(1.1);
-webkit-transform: scale(1.1);
  }

  100% {
    transform: scale(1);
-webkit-transform: scale(1);
  }
}


/*首页幻灯片*/


/*首页新闻*/
 .section4{
    /*   padding: 30px 0;*/
       background: #ebeef1;
    }
#particles {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #ebeef1;
}
.section4 {text-align: center;}
.in-n-b{
margin: 0 auto;
position: relative;
display: inline-block;
clear: both;
z-index: 500;
}
.in-h-title{float: left;width: 100%;}

.in-n-lenbox a{
    display: block;
}
.in-h-title h3{
    text-align: center;
    font-weight: 400;
    font-size: 30px;
    color: #333;
}
.in-nle-im{
  margin: 0;
  padding: 0;
}
.in-nle-im img{
    max-width: 100%;
    width: 100%;
    display: block;
    height: 100%;
}
.in-nle-con{
    padding: 27px;

    background: #fff;
}
.in-nle-con h4{
    margin: 0;
    text-align: left;
    margin-bottom: 20px;
}
.in-nle-con p{
    margin: 0;
    text-align: left;
}
.in-n-b{width: 1550px;}
.in-n-le{float: left;width: 45%;}
.in-n-ri{float: right;width: 55%;padding-left: 30px;}
.in-nriul{
    width: 100%;
    display: inline-block;
}
.in-nriul li{
    width: 33%;
    float: left;
    padding: 0 10px;
    margin-bottom: 26px;
}
.in-nriul li a{
    background: #fff;
    padding: 10px;
    display: block;
    padding: 24px;
}
 .in-nriul li:nth-child(4){
        margin-bottom: 0;
    }
    .in-nriul li:nth-child(5){
        margin-bottom: 0;
    }
    .in-nriul li:nth-child(6){
        margin-bottom: 0;
    }
.in-nri-im img{
    width: 100%;
    max-width: 100%;
}
.in-nri-con h3{
margin: 10px 0;
text-align: left;
font-weight: 400;
font-size: 16px;

}
.in-nri-con p{
    color: #c5c5c5;text-align: left;
    margin-bottom: 0;
}

.in-h-title h3{
    margin: 25px 0;
}
.new-more{
    display: none;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #333;
       padding-top: 30px;

}
.new-more a{

}

/*@media (min-width: 1000px) {
    .in-n-b{
width: 1000px;
}
.in-n-le{
    float: left;
    width: 45%;
    background: #fff;
}
.in-n-ri{
    width: 55%;
    float: left;

}
.section4_an .in-n-ri{
           animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
}
.section4_an .in-n-le{

    animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
}
.in-nri-con h3{
    width: 100%;
  font-size: 14px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.in-nriul li{
      width: 168px;
    height: 224px;
    background: #fff;
    float: left;
    margin-left: 15px;
}
.in-nri-im img{
    height: 82.89px;
}
}*/
/*@media (min-width: 1200px) {

.in-n-b{
width: 1200px;
}
.new-more{
    margin: 0;
    padding: 0;
}
.in-nriul li{
      width: 196px;
    height: 227px;
    background: #fff;
    float: left;
    margin-left: 23px;
}
.in-nri-con h3{
    width: 100%;

    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.in-nriul li a{
    display: block;
    padding: 12px;
}
.in-nri-im img{
    height: 112.266px;
}

}
@media (min-width: 1560px) {
    .in-nriul li a{
    display: block;
    padding: 24px;
}

.in-nriul li{
    width: 260px;
    height: 283px;
    background: #fff;
    float: left;
    margin-left: 23px;
}
.in-n-b{
width: 1560px;
}
.in-nri-im img{
    height: 138.38px;
}
.in-nri-con h3{
        width: 100%;
    white-space: normal;
    text-overflow: none;
    overflow: none;
}
}

@media (min-width: 768px) and (max-width:1000px) {
    .new-more{
    margin: 0;
    padding: 0;
}
.in-n-le{
    padding: 0 15px;
    margin-bottom: 15px;
}
.in-nle-im{
    float: left;
    width: 40%;
    margin-right: 15px;
}
.in-n-lenbox{
    height: 200px;
    background: #fff;
    overflow: hidden;

}
.in-nle-im img{
    height: auto;
}

.in-nriul li{
    width: 33%;
    float: left;
    padding: 0 15px;
    display: inline-block;
}
.in-nriul li a{
    padding: 10px;
    background: #fff;
}
.in-nri-con h3{
    width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.in-h-title h3{
    margin: 40px 0;
}

}
@media (max-width: 760px) {
    .new-more{
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.in-nri-con h3{
    width: 90%;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.in-n-b{
width: 100%;
float: left;
}
.in-nle-con{
    padding: 15px;
}
.in-n-le{
    padding: 0 15px;
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.in-n-ri{
    float: left;
    clear: both;
    width: 100%;
}

.in-nriul li{
    width: 50%;
    float: left;
    padding: 0 15px;
    display: inline-block;
}
.in-h-title h3{
    margin: 40px 0;
}
.in-nriul li a{
    padding: 10px;
    background: #fff;
}
}
*/

/*首页新闻*/

.section .title{font-size: 30px;width:100%;text-align: center;position: absolute;bottom:100%;}
.section4 .title{margin-bottom: 20px; }
/*第六屏 ----------------------------------------- start*/





.section6 {background:#fff;background-size:cover; overflow: hidden;}

.section6 i{display: block;width:100%;height: 100%;position: absolute;}
.section6 .title{color: #333;width: 100%;text-align: center;}
.section6 .titlebox{width:100%;height: 1px;position: relative;}
.section6 .center {height: 600px;position: relative;margin:0 0px;box-sizing: border-box;width:auto;padding:0 50px;}
.section6 .centerIn{position: relative;height:100%;}
.section6 .left{position: absolute;left:0;top:0;width:50%;height: 100%;z-index: 2;}
.section6 .left .img1{background:left center no-repeat;background-size:contain;}
.section6 .left .img2{background:left center no-repeat;background-size: contain;}
.section6 .left .img3{background:left center no-repeat;background-size:contain;}
.section6 .right{position: absolute;right:0;top:0;width:50%;height: 100%;z-index: 2;}
.section6 .right .img1{background:right center no-repeat;background-size:contain;}
.section6 .right .img2{background:right center no-repeat;background-size:contain;}
.section6 .right .img3{background:right center no-repeat;background-size:contain;}
.section6 .middle{width:800px;height: 600px;background:center center no-repeat; background-size: cover;position: absolute;top: 40%;
left: 39%; margin: -206px 0 0 -206px; border-radius: 50%;}
.section6 .number{width:100%;height: 100%;background:center center no-repeat; position: absolute; left: 0; top: 0;}
.section6 .tit{color: #00479d;font-size: 36px;line-height: 36px;text-align: center;margin-bottom: 20px;}
.section6 h4{color:#999;font-size: 20px;line-height: 20px;display: block;width:100%;text-align: center;text-transform: uppercase;-webkit-text-transform: uppercase;font-weight: normal;}
.center320{display:none;}

/*--第6屏-动画--*/
.section6 .title{ transform: translate(0,-300px);-webkit-transform: translate(0,-300px); opacity: 0;}
.section6 .txt{ transform: translate(0,300px);-webkit-transform: translate(0,300px); opacity: 0;}
.section6 .left .img1{ opacity: 0; transform: translate(-800px,0) scale(3);-webkit-transform: translate(-800px,0) scale(3);}
.section6 .left .img2{ opacity: 0; transform: translate(-800px,0) scale(3);-webkit-transform: translate(-800px,0) scale(3);}
.section6 .left .img3{ opacity: 0; transform: translate(-800px,0) scale(3);-webkit-transform: translate(-800px,0) scale(3);}
.section6 .right .img1{ opacity: 0; transform: translate(800px,0) scale(3);-webkit-transform: translate(800px,0) scale(3);}
.section6 .right .img2{ opacity: 0; transform: translate(800px,0) scale(3);-webkit-transform: translate(800px,0) scale(3);}
.section6 .right .img3{ opacity: 0; transform: translate(800px,0) scale(3);-webkit-transform: translate(800px,0) scale(3);}
.section6 .middle{ transform: scale(0.1);-webkit-transform: scale(0.1); opacity: 0;}
.section6 .number{ transform: scale(4);-webkit-transform: scale(4); opacity: 0;}

.section6_an .title{ transform: translate(0,0);-webkit-transform: translate(0,0); opacity: 1; transition: all 1.2s 1s;-webkit-transition: all 1.2s 1s;}
.section6_an .txt{ transform: translate(0,0);-webkit-transform: translate(0,0); opacity: 1; transition: all 1.2s 1s;-webkit-transition: all 1.2s 1s;}
.section6_an .left .img1{ transform:translate(0,0) scale(1,1);-webkit-transform:translate(0,0) scale(1,1); opacity: 1; transition: transform 1s 0.6s, opacity 1s 0.6s;-webkit-transition: transform 1s 0.6s, opacity 1s 0.6s;}
.section6_an .left .img2{ transform:translate(0,0) scale(1,1);-webkit-transform:translate(0,0) scale(1,1); opacity: 1; transition: transform 1s 0.8s, opacity 1s 0.8s;-webkit-transition: transform 1s 0.8s, opacity 1s 0.8s;}
.section6_an .left .img3{ transform:translate(0,0) scale(1,1);-webkit-transform:translate(0,0) scale(1,1); opacity: 1; transition: transform 1s 1s, opacity 1s 1s;-webkit-transition: transform 1s 1s, opacity 1s 1s;}
.section6_an .right .img1{ transform:translate(0,0) scale(1,1);-webkit-transform:translate(0,0) scale(1,1); opacity: 1; transition: transform 1s 0.6s, opacity 1s 0.6s;-webkit-transition: transform 1s 0.6s, opacity 1s 0.6s;}
.section6_an .right .img2{ transform:translate(0,0) scale(1,1);-webkit-transform:translate(0,0) scale(1,1); opacity: 1; transition: transform 1s 0.8s, opacity 1s 0.8s;-webkit-transition: transform 1s 0.8s, opacity 1s 0.8s;}
.section6_an .right .img3{ transform:translate(0,0) scale(1,1);-webkit-transform:translate(0,0) scale(1,1); opacity: 1; transition: transform 1s 1s, opacity 1s 1s;-webkit-transition: transform 1s 1s, opacity 1s 1s;}
.section6_an .middle{z-index: 1; transform: scale(1); opacity: 1; transition: all 1.2s 0.4s;-webkit-transition: all 1.2s 0.4s;-webkit-transform: scale(1);}
.section6_an .number{z-index: 1; transform: scale(1); opacity: 1; transition: all 1.2s 0.4s;-webkit-transition: all 1.2s 0.4s;-webkit-transform: scale(1);}

/*第二屏*/
.in-title{font-size: 40px;color: #00c3cb;text-align: center;padding-top: 60px;}
/* .section2{background: url(../image/ditu.jpg);} */
.map-bim{margin: 0 auto;}
.map-bim img{
    max-width: 100%;
}
.dd-box ul li{
    position: absolute;
    width: 40px;
    height: 40px;
}
.dd-box{
position: absolute;
height: 100%;
width: 100%;

}
.section2 .intro{
    font-size: 14px;
    background: rgb(96,113,141);
    background: rgba(96,113,141,0.8);
    line-height: 26px;
    box-sizing: border-box;
    padding: 16px 23px;
    display: none;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 3px 3px 10px rgba(6,0,1,0.45);
    left: 86%;
    top: 70%;
    text-align: left;
    color: #fff;
}
.section2 .txt {
    width: 100px;
    display: inline-block;
    text-align: right;
    position: absolute;
   right: -10%;
    top: -50%;
}
.section2 i {
    font-size: 16px;
    color: #333;
    padding: 3px 5px;
/*    background: rgb(255,255,255);
    background: rgba(255,255,255,0.65);*/
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-weight: 400;
    font-style:normal
}
.dd-box ul li.list1{
        left: 85%;
    top: 8%;
}
.dd-box ul li.list2{
    left: 18.8%;
    top: 15%;
}
.dd-box ul li.list3{
    left: 61%;
    top: 25%;
}
.dd-box ul li.list4{
  left: 60%;
    top: 30%;
}
.dd-box ul li.list5{
left: 50%;
    top: 53.5%;
}
.dd-box ul li.list6{
    left: 56%;
    top: 43%;
}
.dd-box ul li.list7{
    left: 56%;
    top: 52%;
}
.dd-box ul li.list8{
left: 76%;
    top: 42%;
}
.dd-box ul li.list9{
left: 81%;
    top: 42.5%;
}
.dd-box ul li.list10{
left: 48%;
    top: 18.5%;
}

.section2 ul {
    height: 100%;
    width: 100%;
}
.section2 .xian div {
    z-index: 10;
}

.qq-bk-ti{
    position: absolute;
      top: 50%;
    left: 22%;
}
.qq-bk-ti img{
   width: 263px;
}
.section2 .list1{ transform:scale(0,0);-webkit-transform:scale(0,0); opacity: 0;}
.section2 .list2{ transform:scale(0,0);-webkit-transform:scale(0,0); opacity: 0;}
.section2 .list3{ transform:scale(0,0);-webkit-transform:scale(0,0); opacity: 0;}
.section2 .list4{ transform:scale(0,0);-webkit-transform:scale(0,0); opacity: 0;}
.section2 .list5{ transform:scale(0,0);-webkit-transform:scale(0,0); opacity: 0;}
.section2 .list6{ transform:scale(0,0);-webkit-transform:scale(0,0); opacity: 0;}
.section2 .list7{ transform:scale(0,0);-webkit-transform:scale(0,0); opacity: 0;}
.section2 .list8{ transform:scale(0,0);-webkit-transform:scale(0,0); opacity: 0;}
.section2 .list9{ transform:scale(0,0);-webkit-transform:scale(0,0); opacity: 0;}
.section2 .list10{ transform:scale(0,0);-webkit-transform:scale(0,0); opacity: 0;}
.section2_an .list1{ transform:scale(1,1);-webkit-transform:scale(1,1); opacity: 1; transition: all 0.8s 1.2s;-webkit-transition: all 0.8s 1.2s;}
.section2_an .list2{ transform:scale(1,1);-webkit-transform:scale(1,1); opacity: 1; transition: all 0.8s 1.2s;-webkit-transition: all 0.8s 1.2s;}
.section2_an .list3{ transform:scale(1,1);-webkit-transform:scale(1,1); opacity: 1; transition: all 0.8s 1.8s;-webkit-transition: all 0.8s 1.8s;}
.section2_an .list4{ transform:scale(1,1);-webkit-transform:scale(1,1); opacity: 1; transition: all 0.8s 1.4s;-webkit-transition: all 0.8s 1.4s;}
.section2_an .list5{ transform:scale(1,1);-webkit-transform:scale(1,1); opacity: 1; transition: all 0.8s 1.6s;-webkit-transition: all 0.8s 1.6s;}
.section2_an .list6{ transform:scale(1,1);-webkit-transform:scale(1,1); opacity: 1; transition: all 0.8s 1.2s;-webkit-transition: all 0.8s 1.2s;}
.section2_an .list7{ transform:scale(1,1);-webkit-transform:scale(1,1); opacity: 1; transition: all 0.8s 1.8s;-webkit-transition: all 0.8s 1.8s;}
.section2_an .list8{ transform:scale(1,1);-webkit-transform:scale(1,1); opacity: 1; transition: all 0.8s 1.4s;-webkit-transition: all 0.8s 1.4s;}
.section2_an .list9{ transform:scale(1,1);-webkit-transform:scale(1,1); opacity: 1; transition: all 0.8s 1.6s;-webkit-transition: all 0.8s 1.6s;}
.section2_an .list10{ transform:scale(1,1);-webkit-transform:scale(1,1); opacity: 1; transition: all 0.8s 1.6s;-webkit-transition: all 0.8s 1.6s;}


/*导航产品解决方案*/
.cp-nav-ul{
    width: 340px;
    margin: 0 auto;
    clear: both;
    position: absolute;
    display: none;
    left:0;
    top:60px;
z-index: 9999;
}
.cp-nav-ul span{
    position: absolute;
    content: "";
    width: 18px;
    height: 9px;
    background: url(jt.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/jt.png*/ center no-repeat;
    top: 2px;
    left: 447px;
    opacity: 0;
    z-index: 3;
/*      -webkit-transition:all 0.7s ; transition:all 0.7s;*/
}
.cp-nav-ul1{
display: block;
width: 340px;
overflow: hidden;
}

.cp-nav-ul1{
        font-size: 14px;
   background: #3a4662;
    letter-spacing: 1px;
   padding:0 20px;
}
.cp-nav-li1{
 width:150px;
padding-left: 15px;
float: left;
text-align: center;
position: relative;
overflow: hidden;
 line-height: 46px;
 border-bottom:1px solid #ccc;
-webkit-transition:all 0.7s ; transition:all 0.7s;

}
.cp-nav-li1 a{
    color: #ccc;
}

.cp-nav-li1{
    float: left;
}
.cp-caset-box{padding-left: 15px;}

/*--圆圈动画，新--*/
.section2 li{ background: none;}
.section2 .list1{background: none;}

.section2 .quanbg{ width: 100%; height:  100%; border-radius: 50%; position: relative; cursor: pointer;}
.section2 .quanbg .quan{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; box-sizing: border-box; border: 1px solid #fff;}
.section2 .quanbg .quan1{ opacity: 0.2; margin: 0%;width: 100%; height: 100%;}
.section2 .quanbg .quan2{ opacity: 0.5; margin: 13%;width: 74%; height: 74%;}
.section2 .quanbg .quan3{ opacity: 1; margin: 28%;width: 44%; height: 44%;}
.section2 .quanbg .quan4{ background: #fff; margin: 42%;width: 16%; height: 16%;box-shadow:0 0 30px rgba(255,255,255,0.83);}

.section2 .list1 .quan1{ opacity: 0.2; margin: 0%;width: 100%; height: 100%;}
.section2 .list1 .quan2{ opacity: 0.5; margin: 11%;width: 78%; height: 78%;}
.section2 .list1 .quan3{ opacity: 1; margin: 22%;width: 56%; height: 56%;}
.section2 .list1 .quan3x{ opacity: 1; margin: 32%;width: 36%; height: 36%;}
.section2 .list1 .quan4{ background: #fff; margin: 43%;width: 14%; height: 14%;box-shadow:0 0 30px rgba(255,255,255,0.83);}

.section2 .quanbg .quan1b{ opacity: 0;}
.section2 .quanbg .quan2b{ opacity: 0;}
.section2 .quanbg .quan3b{ opacity: 0;}
.section2 .quanbg .quan1a{animation:3s infinite animation7_quan1 ease;-webkit-animation:3s infinite animation7_quan1 ease;}
.section2 .quanbg .quan2a{animation:3s infinite animation7_quan2 ease;-webkit-animation:3s infinite animation7_quan2 ease;}
.section2 .quanbg .quan3a{animation:3s infinite animation7_quan3 ease;-webkit-animation:3s infinite animation7_quan3 ease;}
.section2 .quanbg .quan3xa{animation:3s infinite animation7_quan3 ease;-webkit-animation:3s infinite animation7_quan3 ease;}
.section2 .quanbg .quan1b{animation:3s 1.5s infinite animation7_quan1 ease;-webkit-animation:3s 1.5s infinite animation7_quan1 ease;}
.section2 .quanbg .quan2b{animation:3s 1.5s infinite animation7_quan2 ease;-webkit-animation:3s 1.5s infinite animation7_quan2 ease;}
.section2 .quanbg .quan3b{animation:3s 1.5s infinite animation7_quan3 ease;-webkit-animation:3s 1.5s infinite animation7_quan3 ease;}
.section2 .quanbg .quan3xb{animation:3s 1.5s infinite animation7_quan3 ease;-webkit-animation:3s 1.5s infinite animation7_quan3 ease;}
.section2 .quanbg .quan4{animation:1.5s infinite animation7_quan4 ease-out;-webkit-animation:1.5s infinite animation7_quan4 ease-out;}
.section2 .quanbg:hover .quan1a{animation:2s infinite animation7_quan1a ease;-webkit-animation:2s infinite animation7_quan1a ease;}
.section2 .quanbg:hover .quan2a{animation:2s infinite animation7_quan2a ease;-webkit-animation:2s infinite animation7_quan2a ease;}
.section2 .quanbg:hover .quan3a{animation:2s infinite animation7_quan3a ease;-webkit-animation:2s infinite animation7_quan3a ease;}
.section2 .quanbg:hover .quan3xa{animation:2s infinite animation7_quan3a ease;-webkit-animation:2s infinite animation7_quan3a ease;}
.section2 .quanbg:hover .quan1b{animation:2s 1s infinite animation7_quan1a ease;-webkit-animation:2s 1s infinite animation7_quan1a ease;}
.section2 .quanbg:hover .quan2b{animation:2s 1s infinite animation7_quan2a ease;-webkit-animation:2s 1s infinite animation7_quan2a ease;}
.section2 .quanbg:hover .quan3b{animation:2s 1s infinite animation7_quan3a ease;-webkit-animation:2s 1s infinite animation7_quan3a ease;}
.section2 .quanbg:hover .quan3xb{animation:2s 1s infinite animation7_quan3a ease;-webkit-animation:2s 1s infinite animation7_quan3a ease;}
.section2 .quanbg:hover .quan4{animation:1s infinite animation7_quan4a ease-out;-webkit-animation:1s infinite animation7_quan4a ease-out;}
.section2 .dd-box ul li:hover{ cursor: pointer;}
/*.section2 .dd-box ul li .intro{ display: block; opacity: 0; visibility: hidden; transition: all 0.6s;-webkit-transition: all 0.6s; z-index: 500;}
*/
.dd-box ul li .guoqi{
    float: left;
    width: 120px;
    position: relative;
   display: block; opacity: 0; visibility: hidden; transition: all 0.6s;-webkit-transition: all 0.6s; z-index: 500000000000;
}
.dd-box ul li .guoqi img{
    float: left;
    width: 30px;
    margin-right: 10px;
}
.dd-box ul li .guoqi strong{
      float: left;
        color: #fff;
        font-weight: 400;
}
.section2 .dd-box ul li:hover .guoqi{ opacity: 1; visibility: visible;}

/*底 部 start*/
/*底部*/
.footerBox .cont{background: #fff;color:#fff; height: 340px;}
.footerBox .cont .center {display: block;position: relative;margin: 0 auto; width: 1200px;padding: 50px 0;clear: both;}
.focn-ul1 {
    float: left;
}

.focn-ul1 li{
    display: inline-block;
    padding: 0 26px;
}
.focn-ul1 .focn-ul-li{
    float: left;
    text-align: center;
    border-left: 1px solid #eaeaea;
}
.focn-ul1 li a{
    font-size: 16px;
}
.focn-ul1 li:hover a{
    color: #333;
}
.focn-ul2{
    margin-top: 20px;
}
.focn-ul2 li{
    display: block;
    text-align: left;
}
.focn-ul2 li a{
    font-size: 14px;
    line-height: 22px;
}
.fon-le-im{
    margin-right: 40px;
    float: left;
    text-align: left;
}
.fon-le-im p{
    text-align: left;
    padding-left: 8px;
    color: #333;
    font-weight: 500;
    font-size: 14px;

}
.fo-ro-wx{
    float: right;
    padding-left: 40px;
    border-left: 1px solid #eaeaea;
}
.fo-botm{
    display: block;
    position: relative;
    width: 100%;
    float: left;
    border-top: 1px solid #eaeaea;
    text-align: center;
    padding-top: 20px;margin-top: 15px;
}
.fo-botm p{
    color: #888888;
    font-size: 14px;
}
.fo-botm p a {
    margin: 0 10px;
}
.defooter1{
    display: none;
}
/*底部 edn*/

/*内页底部**/
.defooter{
    background: #00428e;
    height: 120px;
    float: left;
    width: 100%;

}
.defooter a{
    font-size: 14px;
    color: #fff;
        line-height: 120px;
    padding-right:30px;
}


.defo-img{
    margin-top: 20px;
    float: right;
    width: 84px;

}
.defo-box p{
    padding: 0 15px;
    font-size: 14px;
    text-align: center;
    color: #888888;
}
.dibup{
float: left;
font-size: 14px;
margin: 20px 0;
line-height: 24px; 
}
.defo-lianxi{
    float: left;
    display: none;
}
/*内页底部**/

/*内页头部**/
.header1{
    height: 60px;
}
.n-nav-logo{
    float: left;
    height: 45px;    
    margin-right: 20px;
    margin-top: 7px;
}
.n-nav-logo img{height: 45px;}

.n-nav-box{
    position: relative;
    z-index: 8999;
    width: 100%;
    left: 0;
    top: 0;
    background: none;
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); */
}


.n-nav-box ul.top-nav li a{
    color: #c7c7c7;

}
.n-nav-box2 ul.top-nav>li>a{
    color: #989898;
}

.n-nav-box ul.top-nav>li.active>a{
     color: #1a70fe; 
}
.n-nav-box ul.top-nav>li .cp-nav-li1 a{
    color: #fff;
}    
.n-nav-box ul.top-nav>li .cp-nav-li1 a:hover{
    color: #1a70fe !important;
}
.n-nav-box ul.top-nav li a i{
    color: #cccccc;
}
.n-nav-ri{
    float: right;
    text-align: right;
    position: relative;
    line-height: 60px;
    font-size: 28px;

}

.n-nav-ri a i{
    position: relative;
    top: -2px;
    color: #cccccc;
    margin-left: 5px;
}
a.a-gu-p{
    color: #1a70fe;
}
a.yuy-a{
      padding-left: 10px;
    color: #9b9b9b;
    padding-bottom: 10px;  
    position: relative;
}
.in-sousou{position: relative;top: 2px;margin-left: 10px;padding-right: 13px; cursor: pointer;display: inline-block;float: left;}
.in-sousou:after{position: absolute;content: "";background: #cccccc;right: 0;width: 1px;height: 20px;top: 18px;}
.in-sof{position: absolute;top:58px; width: 240px;left: -178px;display: none;}
.in-sof .div1{display: inline-block;width: 100%;line-height: 32px;z-index: 200;}
.in-sof .div1 input{display: inline-block;float: left;line-height: 32px;padding: 0 10px;border: none;color: #666666;border-left: 1px solid #999999;background: #fff;}
.in-sof .div1 .in2{width: 32px;background: url(pcsou1.jpg)/*tpa=http://www.zfkjgw.com/templets/hs/image/pcsou1.jpg*/ center no-repeat;}
.ts1luw{display: inline-block;float: right;}
ul.la-yuyan{
 position: absolute;
       right: -50px;
    top: 10px;
        opacity: 0;
    visibility: hidden;
        -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.ts1luw:hover ul.la-yuyan {
    visibility: visible;
    opacity: 1;
}

ul.la-yuyan li{
display: block;
line-height: 20px;
padding: 0 15px;
text-align: center;
}
.la-yuyan li a{

    padding: 0 !important;
    color: #9b9b9b;
}
/*内页头部**/
/*内页banner**/
.page-banner{
    position: relative;
    height: 352px;
    background-size: cover;
}

.pb-table{
    position: absolute;
    display: table;
    width: 100%;
    top: 0;
    height: 100%;
}
.pb-ta-con{
      display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;
}
.pb-ta-con{

    color: #fff;
}
.pb-ta-con h2{
    font-size: 38px;
    margin: 0;
    font-weight: 400;
}
.pb-ta-con h3{
    font-size: 16px;
       text-transform:uppercase;
       font-weight: 400;
       margin: 25px;
}
.line{
    background: #fff;
    width: 70px;
    height: 1px;
    margin: 0 auto;
}


/*单页框架样式*/

/*公司概况视频**/
.about-boul{
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}
.about-boul li{
    width: 33%;
    margin-bottom: 15px;
    float: left;
    padding: 0 10px;
}
.about-boul li:nth-child(3){
    cursor: pointer;
}
.about-boul li img{display: block;width: 100%;max-width: 100%;}

.video_div{width:100%; height:100%; background-color:#000; position:fixed; z-index:1000; left:0px; top:-100%}

.video_div_closebtv{width:30px; height:30px; position:absolute; right:30px; top:30px; cursor:pointer; z-index:100;}

.video_div_center{width:100%; height:100%; vertical-align:middle; text-align:center;}


/*公司概况视频**/


/*内页导航**/








/*内页单页框架**/
.dy-p-cbx{
    padding: 50px 0;
}

.values-list a:link, .values-list a:visited { color: #fff; }
.values-list a:active, .values-list a:hover { color: #fff; }
.values-list{ margin-left: -2%; color: #fff;}
.values-list li{ float: left; display: block; width: 25%; padding: 0 15px; position: relative; overflow: hidden; margin-bottom: 15px;}
.values-list-wd{
    position: relative;
}
.values-list .img{ overflow: hidden;}
.values-list .img img{ width: 100%; display: block;}
.values-list .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.values-list .tbox{ position: absolute; left: 5%; width: 90%; text-align: center; top: 50%; margin-top: -46px; line-height: 1.5; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.values-list .ico{ width: 30px; height: 30px; display: block; margin: 0px auto 6px;}
.values-list .en{ font-family: arial, helvetica, sans-serif;}
.values-list .zh{ font-size: 18px;}
.values-list .con{ font-size: 14px; position: absolute; width: 80%; left: 10%; top: 100%; line-height: 2; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 14px 0px; min-height: 140px; overflow: hidden; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.red-80{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(red_80.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/red_80.png*/ repeat; }
.values-list .red-80{ -webkit-transition:-webkit-transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transition:transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); opacity: 0; visibility:hidden\9;}




.values-list li:hover .tbox{ visibility: hidden\9; opacity: 0; transform: translateY(50px); transform: translateY(50px);}
.values-list li:hover .con{ top: 18%;}
.values-list li:hover .red-80{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0;  opacity: 1; visibility:visible\9;}
    

.pbanner { position: relative; overflow: hidden; background: url(loader.gif)/*tpa=http://www.zfkjgw.com/templets/hs/image/loader.gif*/ no-repeat scroll center center #fff; color: #fff;}
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; }
.pbanner-C a:link, .pbanner-C a:visited{ color: #fff;}
.pbanner-C a:active,.pbanner-C a:hover { color: #fff;}
.pbanner-C{ position: absolute; left: 10%; top: 35%; width: 80%; text-align: center; color: #fff;}
.pbanner-C article{ position: relative;}
.pbanner-C .c{ overflow: hidden;}
.pbanner-C .zh{ font-size: 35px; line-height: 1.2; font-weight: 400;}
.pbanner-C .en{ font-size: 18px; text-transform: uppercase;  font-weight: 400;margin: 10px 0;}
.pbanner-C .bot{ width: 0px; height: 1px; display: block; margin: 20px auto 0; background-color: #fff; opacity: 0; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C .c span{ display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C.inview  .c span{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;}
.pbanner-C.inview  .bot{ width: 50px; opacity: 1;}



/*内页单页框架**/




/************公司概况*********/


/*about style*/
.bf{ background-color: #fff;}
.pagePadding{ padding: 100px 0px;}
.aboutPbox-box{ position: relative;}
.aboutPbox{ width: 754px; margin: 0px auto;}

.iboxT{ margin-bottom: 60px;}
.iboxT .zh{ font-size: 30px; color: #333333; line-height: 1.5;}
.iboxT .en{ color: #666; font-family: arial, helvetica, sans-serif; text-transform: uppercase;}
.aboutP-list{ padding-bottom: 50px;    animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;}
.aboutP-list li{ float: left; display: block; width: 33%; padding: 0px 20px 0 40px; border-right: 1px solid #cdcdcd; color: #525252; line-height: 1.5;}
.aboutP-list li:last-child{ border-right: 0px none;}
.aboutP-list .txt{ color: #71bb47; font-family: "微软正黑体","Microsoft JhengHei"; font-size: 24px; line-height: 1.2;}
.aboutP-list .num{ font-size: 50px; padding-right: 10px;}
.aboutP-list .add{ position: absolute; font-weight: bold;}
.aboutP-list .en{ font-family: arial, helvetica, sans-serif; font-size: 12px; text-transform: uppercase;}
.aboutP-list .zh{ font-weight: bold;}
.pageC a:link, .pageC a:visited { color: #d02a25; }
.pageC a:active, .pageC a:hover { color: #ee2d31; }
.pageC img{ max-width: 100% !important; height: auto !important;}
.pageC{ overflow: hidden; color: #666; }
.pageCcc{
         animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;  
}
.aboutPbox .pageC{ text-align: center; font-size: 15px;}
.pbot{ background: url(y.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/y.png*/ no-repeat scroll center center; background-size: cover; background:#fff; border-radius: 50%; width: 75px; height: 75px; position: absolute; left: 50%;top: -37px; margin-left: -37px; cursor: pointer;}
.pbot i{ background: url(abot.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/abot.png*/ no-repeat scroll center center; width: 25px; height: 15px;position: absolute; left: 50%; top: 50%; margin: -7px 0px 0px -12px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.black-20{ background: url(black_20.png)/*tpa=http://www.zfkjgw.com/templets/hs/images/black_20.png*/ repeat; background: none rgba(0,0,0,0.2);}
.aboutC-box{ background-color: #fff; padding: 80px 0px;}
.aboutC-box .pageC{ width: 82%; margin: 0px auto; text-align: justify;}
.pagePadding2{ padding: 135px 0px;}
/*about style end*/



/***************公司概况**************/





.pageNavBox { height: 56px; position: relative;background: #f0f3f6;}
.pageNavBox a:link, .pageNavBox a:visited { color: #333333;}
.pageNavBox a:active,.pageNavBox a:hover { color: #fff;}    
.pagenav { width: 100%;}
.pagenav.fixed{ position: fixed; left: 0; top: 56px; z-index: 1000;}
.pagenav.fixed .cpnavbox{ height: 40px; line-height: 40px;}
.cpnavbox { height: 56px; line-height: 56px; -webkit-transition:height 0.3s; transition:height 0.3s;  text-align: center;}
.cpnavbox a { text-align: center; color: #333333; display: inline-block; padding: 0px 30px;  *display: inline; *zoom: 1; position: relative;}
.cpnavbox a:hover, .cpnavbox a.active { background-color: #00428e; color: #fff; }
.cpnav { display: none; width: 100%; color: #fff; background-color: #00428e; line-height: 40px; height: 40px; overflow: hidden; text-align: center; font-size: 14px; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.fixedImg {position: relative; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.body-right{ min-height: calc(100vh - 296px);}
/* Slider */







/*honor style*/
.honorPbox{ background-repeat: no-repeat; background-position: center center;    animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;}
.honorPbox .himg{ display: none;}
.honorPbox .himg img{ width: 100%; display: block;}
.honorPbox .hcon{ background: url(white_70.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/white_70.png*/ repeat;; width: 660px; float: right; display: block; padding: 50px 60px 50px 70px;}
.honorPbox .c{ font-size: 16px; color: #333333; height: 50px;overflow: hidden;margin-bottom: 30px;}
.honor-demo{ height: auto; overflow: hidden; left: -11px; position: relative; }
.honor-demo .item{ float: left; display: block; margin: 0px 11px; cursor: zoom-in;}
.honor-demo .img{ border: 10px solid #fff;}
.honor-demo .img img{ width: 100%; display: block;}
.honor-demo .ry-prev{
    background-image:url(ry-bt1.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/ry-bt1.png*/;
     background-size: cover;
}
.honor-demo .ry-next{
    background-image:url(ry-bt2.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/ry-bt2.png*/;
    background-size: cover;
}
.honor-demo .swiper-button-next,.honor-demo .swiper-button-prev{
    position: absolute;
    outline: none;
width: 30px;
height: 30px;
top: 97%;
z-index: 500;
} 
.honor-demo .swiper-wrapper{
    padding-bottom: 40px;
}
.ho-b-bt{
   
}
.ho-b-bt h2{
    line-height: 30px;
    margin: 0;padding: 0;
    font-weight: 400;
}
.ho-b-bt h3{
    line-height: 30px;
    margin: 0;padding: 0;
    color: #888888;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase
}
.ho-b-btul {
    display: inline-block;
    position: relative;
    left: -15px;
    margin: 20px 0;
}
.ho-b-btul li{
    display: inline-block;
    float: left;
    width: 25%;
    padding-left: 15px;
    margin-bottom: 20px;
}
.ho-b-btul li a img{
    width: 100%;
    max-width: 100%;
    transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;
}
.ho-b-btul li div{
    overflow:hidden;
    border:1px solid #e9ebec;
}
.ho-b-btul li a p{
    text-align: center;
     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #888888;
    margin-top: 10px;
}
.ho-b-btul li:hover img{
    transform:scale(1.04); -webkit-transform:scale(1.04);
}


/*******新闻列表***********/
.new-page-silder{
        animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
}
.new-page-silder a:link, .new-page-silder a:visited { color: #666666;}
.new-page-silder a:active,.new-page-silder a:hover { color: #00428e;}  
.new-page-silder{ width: 29%; float: right; display: block;  }
.nsilder-box{ color: #818181; margin-bottom: 22px; position: relative;}
.nsilder-box .img{ overflow: hidden; position: relative; margin-bottom: 18px;}
.nsilder-box .img img{ width: 100%; display: block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.nsilder-box .txt{ background: url(balck_60.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/balck_60.png*/ repeat; background: none rgba(0,0,0,0.65); position: absolute; left: 0; bottom: 0; color: #fff; padding: 12px 5%; width: 90%; overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap;}
.nsilder-box .c{ margin-bottom: 18px; height: 50px; overflow: hidden; text-align: justify;}
.nsbot{ font-family: arial, helvetica, sans-serif; position: relative;}
.nsbot .more{ background: url(more1.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/more1.png*/ no-repeat scroll left center; width: 29px; height: 6px; position: absolute; right: 0; top: 50%; margin-top: -3px;}
.nsbot .more i { background: url(more2.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/more2.png*/ no-repeat scroll left center; position: absolute; left: 0px; top: 0px; width: 0px; height: 100%; transition: 0.3s; -webkit-transition: 0.3s;}
.nsilder-box:hover .img img{ transform:scale(1.04); -webkit-transform:scale(1.04); }
.nsilder-box:hover .more i{ width: 100%;}
.nsilder-list { border-top: 1px solid #dedede; font-size: 15px;}
.nsilder-list li{ border-bottom: 1px solid #dedede;}
.nsilder-list a{ height: 44px; display: block; line-height: 44px; padding-left: 36px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative;}
.nsilder-list a:before{ content: ""; position: absolute; left: 14px; height: 7px; width: 7px; border-radius: 50%; background-color: #959595; top: 50%; margin-top: -3px;}
.nsilder-list a:hover:before{ background-color: #00428e;}
.new-page-c{ float: left; display: block; width: 65%; padding-right: 3%; border-right: 1px solid #dedede;    animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;}
.new-page-c2{ float: left; display: block; width: 100%; padding-right: 3%; /*border-right: 1px solid #dedede; */   animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;}
.new-list{ padding-bottom: 20px;}
.new-list dd{ margin-bottom: 26px; background-color: #f1f4f6; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.new-list .img{ float: left; display: block; width: 34%; overflow: hidden;}   
.new-list .img img{ display: block; width: 100%; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
.new-list .con{ float: left; margin-left: 5%; width: 58%; padding-top:40px;}
.new-list .t{ margin-bottom: 15px; font-size: 18px; line-height: 1.5;  position: relative;height: 70px;padding-bottom: 20px;}
.new-list .c{ height: 50px; overflow: hidden; margin-bottom: 32px; text-align: justify;}
.new-list .nsbot{ border-top: 1px solid #dedede; padding: 12px 0px;padding-top: 25px;}
.new-list dd:hover .t{ color: #00428e;}
.new-list dd:hover .more i{ width: 100%;}
.new-list dd:hover{ box-shadow:0 0 24px rgba(0,0,0,0.2);}


.paging { background: #5e8abd; padding: 10px 0; position: relative; text-align: center; }
.paging a { padding: 0px 10px; height: 34px; color: #fff; line-height: 34px; font-size: 15px; text-align: center; display: inline-block; *zoom: 1;*display: inline;vertical-align: middle; margin: 0 2px; font-weight: bold;}
.paging a.act, .paging a:hover { color: #00428e; background-color: #fff;}
.paging .prev, .paging .next { margin: 0; display: block; position: absolute; top: 0; height: 100%; bottom: 0; width: 72px; padding: 0; background-repeat: no-repeat; background-position: center center; background-color: #296cb8;}
.paging .prev { background-image: url(rr_pager_prev.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/rr_pager_prev.png*/; left: 0;}
.paging .next { background-image: url(rr_pager_next.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/rr_pager_next.png*/; right: 0; }
.paging .prev:hover,.paging .next:hover{ background-color: #00428e;}

.ns-ri-title{
   line-height: 40px;
    font-size: 16px;
    border-bottom: 2px solid #e5ecf3;
    margin-bottom: 15px;
}
.new-pa-c-title{
    display: inline-block;
    width: 100%;
    line-height: 40px;
   border-bottom: 2px solid #e5ecf3;
   margin-bottom: 15px;
}
.new-pa-c-title li{
    float: left;
    position: relative;
    margin-right: 20px;
    top: 2px;
}
.new-pa-c-title li.active{
     border-bottom: 2px solid #00428e;
}
.new-pa-c-title li a{
    font-size: 16px;
}
.pagePadding3 {
    padding: 60px 0px;
}
/*******新闻列表***********/

/*******新闻详情页***********/
.news-de{
    padding: 40px 15px;
}
.news-de-ti{
    font-size: 35px;
    font-weight: 400;
    color: #000;
            margin: 20px 0;
    text-align: center;
}
.news-de-tip{
    text-align: center;
    font-weight: 400;
    color: #888888;

}
.news-de-tip b{
    font-weight: 400;
}
.news-de-tip span{
    margin: 0 5px;
     font-weight: 400; 
        color: #888888;
}
.news-de-con{
    padding: 30px 0;
    margin-top: 20px;
    border-top: 1px solid #e5ecf3;
}
.news-de-con img{
 max-width: 100%;
}
.cp-case-wz-box {padding-left: 15px;}

/*******新闻详情页***********/



/******产品专题页*******/


/*product style*/
.probanner-box{ position: relative; overflow: hidden;}
.probanner a:link, .probanner a:visited { color: #fff; }
.probanner a:active, .probanner a:hover { color: #fff; }
.probanner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef; }
.probanner .swiper-slide{ width:100%; position:relative; overflow:hidden;}
.probanner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.probanner .pimg { width: 100%; display: block; position: absolute; left: 50%; top: 0px; }

.pro-nav-list a:link, .pro-nav-list a:visited { color: #fff; }
.pro-nav-list a:active, .pro-nav-list a:hover { color: #fff; }
.pro-nav-list{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pro-nav-list li{ float: left; display: block; width: 20%; height: 100%; position: relative; overflow: hidden;}
.pro-nav-list .wbox{ height: 100%; background: url(balck_30.png)/*tpa=http://www.zfkjgw.com/templets/hs/images/balck_30.png*/ repeat; background: none rgba(0,0,0,0.3); color: #fff; position: relative; z-index: 1; text-align: center;}
.pro-nav-list .wbox:before{ content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: url(white_70-1.png)/*tpa=http://www.zfkjgw.com/templets/hs/images/white_70.png*/ repeat; background: none rgba(255,255,255,0.1); z-index: -1;}
.pro-nav-list li:first-child .wbox:before{ display: none;}
.pro-nav-list .wbox:after{ content:""; width:100%; height:100%; background: url(red_80.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/red_80.png*/ repeat;  position:absolute; left:1px; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: -1;}
.pro-nav-list .item{ top: 38%; position: relative; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.pro-nav-list .bor{ position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; background-color: #2b7cd9;}
.pro-nav-list .bor:before{ content:""; width:100%; height:100%; background-color:#6eba44; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.pro-nav-list .tbox{ line-height: 1.5; position: relative;}
.pro-nav-list .ico{ width: 70px; display: block; margin: 0px auto 5px;}
.pro-nav-list .en{ font-family: "微软雅黑","Microsoft JhengHei"; font-size: 14px;text-transform:uppercase}
.pro-nav-list .zh{ font-family: "微软雅黑","Microsoft JhengHei"; font-size: 18px; margin-top: 30px;}
.pro-nav-list .cbox{  margin: 0px auto; font-size: 16px; position: relative; z-index: 2; opacity: 0; visibility:hidden\9; transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.pro-nav-list .cbox p{ margin-bottom: 4px;}
.pro-nav-list p.bot{ height: 1px; background-color: #fff; width: 0%; margin: 20px auto 24px; position: relative; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.pro-nav-list p.bot .line{ width: 36px; height: 6px; background-color: #fff; position: absolute; left: 50%; top: -3px; margin-left: -18px;}
.pro-nav-list .cbox a{ position: relative;}
.pro-nav-list .cbox a:before{ content:""; width:100%; height:1px; background-color:#fff; position:absolute; left:0; bottom:-2px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.pro-nav-list .cbox a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.pro-nav-list .wbox:hover:after{  transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.pro-nav-list .wbox:hover .item{ top: 22%;}
.pro-nav-list .wbox:hover .bor:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.pro-nav-list .wbox:hover .cbox{ opacity: 1; visibility:visible\9; transform:inherit; -webkit-transform:inherit;}
.pro-nav-list .wbox:hover p.bot{ width: 100%;}
/******产品专题页*******/
.fuwu{
    height: auto;
}
.fuwu img{
      display : block ;
    width: 100%;


}

/******售后服务*******/
.shouhou-box{
    background: url(shouhou.jpg)/*tpa=http://www.zfkjgw.com/templets/hs/image/shouhou.jpg*/;
    padding: 108px 0 100px 60px;
}
.shouhou-formbx{
    width: 544px;
        animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
}
.shouhou-formbx h3{
    color: #fff;
}
.shouhou-formbx p{
    color: #fff;
}
.sh-for-div{
    width: 100%;
    line-height: 50px;
    background: #fff;
    border-radius: 5px;
    margin-top: 20px;
}
.sh-for-div img{
    float: left;
    margin-left: 20px;
    margin-right: 20px;
        margin-top: 14px;
    display: block;
}
.sh-for-div input{
    font-size: 16px;
    outline: none;
    width: 80%;
    border: none;
    color: #888888;
}
.sh-for-div textarea{
/*    width: 80%;*/
    resize: none;
    outline: none;
    font-size: 16px;
    height: 130px;
    padding-top: 10px;
    border: none;
    color: #888888;
    width: 80%;
    font-family: "微软雅黑";

}
.sh-for-a{
    margin-top: 20px;
    background: #6ebb47;
    border-radius: 5px;
    text-align: center;

}
.sh-for-a input{
    border: none;
    color: #fff;
    line-height: 50px;
    background: none;
    font-size: 16px;
    cursor: pointer;
}
.sh-for-a a{
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 50px;
}


/******售后服务*******/

.cp-case-bkt{
    background: url(cp-bkt.jpg)/*tpa=http://www.zfkjgw.com/templets/hs/image/cp-bkt.jpg*/;
}
.cp-caseb-ul li {
    margin: 55px 0;
    float: left;
    border-right: 2px solid #fff;
    padding-right: 20px;
    line-height: 24px;
    margin-right: 20px;
}
.cp-caseb-ul li a{
    color: #fff;
    line-height: 24px;
    font-size: 18px;

}
.cp-caseb-ul li.active a{
    color: #6eba44;
}
.cp-case-wz{
    background: #f0f3f6;
}
.cp-case-wz-box img{
    float: left;
    margin-top: 17.5px;
}
.cp-case-wz-box a{
    font-size: 15px;
    padding: 0 5px;
    color: #666666;
    line-height: 50px;
}
.cp-case-wz-box a span{
       font-size: 15px;
    margin-left: 5px;
}

.cp-case-lbox{
    padding: 40px 0;
    position: relative;
}

.cp-case-l-box{
    position: relative;
}
.cp-cl-ble{
    float: left;
    width: 25%;
    height: 100%;
    padding-right: 20px;
    padding-left: 15px;
/*     animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;*/
}
.cp-cl-bri{
    float: right;
    width: 75%;
    padding: 0 25px;
          animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
}
.cp-cl-btopt{
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    padding: 0 15px;
    font-weight: 400;
    background: #00428e;
}
.cp-cl-btopt i{
    float: right;
    position: relative;
    top: 10px;
    font-size: 30px;
}
.cp-cl-bleul1 li{
    line-height: 40px;
       font-size: 15px;
    padding: 0 15px;
    margin-top: 15px;
    border-bottom: 1px solid #e3e6ea;
    font-weight: 400;
   
}
.cp-cl-bleul1 li a i{
    position: relative;
  float: right;
  color: #00428e;
      font-size: 25px;
          top: 7px;
   
}
.cp-cl-bleul1 li:hover a{
color: #00428e;
}
.cp-cl-bleul1 li.active a{
color: #00428e;
}
.cp-clb-rit{
    line-height: 50px;
    border-left: 2px solid #00428e;
    background: #f3f5f7;
    padding-left: 15px;
    color: #000;
}
.cp-clb-topriul{
    float: right;
/*    margin-right: 30px;*/
margin-right: 30px;
    display: inline-block;
}
.cp-clb-topriul li{display: inline-block;
float: left;}
.cp-clb-topriul li a{
    font-size: 16px;
    font-weight: 400;
    padding: 0 18px;
}
.cp-clb-topriul li a:hover{
    color: #00428e;
}
.cpri-list{
    padding: 20px 0;
    border-bottom: 1px solid #e2e6ea;
}
.cpri-list h3{
    padding-left: 10px;
    color: #333;
}
.cprilis-conb{
    padding-top: 20px;
    padding-right: 20px;
}
.cpri-list-imul{
    display: inline-block;
    margin: 20px 0;
    width: 100%;
}
.cpri-list-imul li{
    float: left;
    width: 33.3%;
    display: none;
    margin-bottom: 15px;
    padding: 0 10px;
}
.cpri-list-imul li:nth-child(1){
    display: inline-block;
}
.cpri-list-imul li:nth-child(2){
    display: inline-block;
}
.cpri-list-imul li:nth-child(3){
    display: inline-block;
}

.cpri-list-imul li img{
    display: block;
    max-width: 100%;
}
.cpri-list-imul li p{
    text-align: center;
    width: 100%;
        white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #e6e4e3;
    line-height: 50px;
    color: #333;
}
.sorrtop-menu{
    position: fixed;
    width: 100%;
    display: none;
    background: rgba(0,0,0,.7);
    z-index: 500;
}
.sorll-ul{
    float: right;
     display: inline-block;

}
.sorll-ul li{
    display: inline-block;
    float: left;
    line-height: 50px;
    padding: 0 10px;
    margin: 0 10px;
    color: #a9a9a9;
    cursor: pointer;
    transform: all 1s;

}
.sorll-ul li.active{
    background: url(red_30.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/red_30.png*/;
    transform: all 1s;
    color: #fff;
}
.cprilis-conb img{
    max-width: 100%;
}
/******产品详情*******/


/******运达客户*******/
.ydkh-wbox{
    padding: 50px 0;
        animation:fadeInUp 1.5s;
    -webkit-animation:fadeInUp 1.5s;
}
.ydkh-wbox img{max-width: 100%;display: block;}
.ydkh-ul{
    display: inline-block;
    padding: 40px 0;
    width: 100%;

    border-bottom: 1px solid #e9e9e9;
}
.ydkh-ul li{
    width: 25%;
    text-align: left;
    color: #000;   
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;display: inline-block;
}

/******运达客户*******/
/******网点服务*******/
.wangdianimgbox{
    position: relative;
}
.wangd-wbox{
    padding: 55px 0 600px 0;
        background: url(ditu-img2.jpg)/*tpa=http://www.zfkjgw.com/templets/hs/image/ditu-img2.jpg*/ bottom;
        background-size: cover;
        position: relative;
}
.wangd-wbox img{
    max-width: 100%;
}
.ditu-png1{
       opacity: 1;
}
/******运达客户*******/


/*******大事记*******/
.dashiji-wbox{
    background: url(dashiji.jpg)/*tpa=http://www.zfkjgw.com/templets/hs/image/dashiji.jpg*/;
    background-size: cover;
    padding: 50px 0;
}
.r_center{width:100%;}
.r_center  .box{width: 100%;
  height: 400px;
  margin-top: 40px;
  position: relative;
  overflow: hidden;}
  
.r_center ul {
  width: 30000%;
  height: 200px;
  position: absolute;
  float: none;
  top: 100px;
  left: 50px;
  z-index: 10;
  cursor: move;
}
.r_center li {
  width: 13px;
  height: 13px;
  position: absolute;
  float: none;
}
.r_center li i,
.r_center li i img {
  width: 13px;
  height: 13px;
  position: relative;
  float: left;
  cursor: pointer;
  webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.r_center li i img:hover {
  webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.r_center .box .e {
  width: 1px;
  height: 1px;
  background-color: #198eed;
  position: absolute;
}
.r_center li h3 {
  font-size: 18px;
  color: #0b8bd4;
  white-space: nowrap;
  font-weight: bold;
}
.r_center li:first-child h3{
    color: #333;
}
 .r_center li h4 {
  width: 130px;
  line-height: 18px;
  overflow: hidden;
  font-size: 13px;
  color: #464646;
}
 .r_center li span {
  position: absolute;
  float: none;
  left: -8px;
  bottom: 25px;
}
 .r_center li.b span {
  bottom: auto;
  top: 23px;
}
 .r_center li.active h3 {
  font-size: 35px;
}
 .r_center li.active h4 {
  width: 340px;
}
 .r_center .car {
  width: 72px;
  height: 38px;
  position: absolute;
  float: none;
  opacity: 0;
  margin: -13px 0 0 -24.5px;
  z-index: 10;
  background: url(huoche.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/huoche.png*/ no-repeat;
}
 .r_center .car.back {
  background: url(huoche1.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/huoche1.png*/ no-repeat;
}
 .r_center canvas {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
 .r_btm{
     width: 100%;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
  margin-top: 35px;}
 .r_btm img {
  float: none;
  margin: 0 5px;
  border: none;
}
 .r_btm img:nth-child(1) {
  margin-top: -10px;
}

/*******大事记*******/


/*******手机导航*******/

.a_zxlmenu{width:100%;/* margin-bottom:3%;*/ position:relative; display:none; z-index:100;}
.a_zxlmenu_t{width:100%;height: 50px;line-height: 50px; font-size:14px; text-align:center; background-color:#00428e; color:#fff; cursor:pointer;}
.a_zxlmenu_c{width:100%; position:absolute; left:0px; top:100%; margin:0px; padding:0px; background-color: #fff;text-indent:0px; display:none;z-index: 1000;}
.a_zxlmenu_c li{width:100%;  float:left; text-align:center; border-bottom: 1px solid #ccc;margin: 1px 0;}
.a_zxlmenu_c li .aone{width:100%;padding:3% 0px; display:inline-block; color:#000000; font-size:14px; text-decoration:none; text-indent:0px;}
.a_zxlmenu_c li .aone:hover,.a_zxlmenu_c li .aone.activetwo{ color:#333; text-decoration:none;}
.a_zxlmenu_c li dl{width:100%; border-bottom:1px solid #ccc;display:none;}
.a_zxlmenu_c li dl dd{width:100%; float:left; text-align:center;}
.a_zxlmenu_c li dl dd a,.a_zxlmenu_c li dl dd a:hover{width:100%; padding:3% 0px; display:inline-block; color:#333; font-size:16px; text-decoration:none; text-indent:0px;}
.a_zxlmenu_c1{
    display: none;
}
.a_zxlmenu_t i{
    margin: 0 10px;
}
.a_zxlmenu_c1 li{
 text-align: center;
 border: none;
 display: inline-block;
     background-color: rgba(255,255,255,0.8);
 border: none;
 margin: 0;
}
.a_zxlmenu_c1 li a{
    padding: 0 15px;
    position: relative;
    line-height: 30px;
    margin: 5px 0;
}
.a_zxlmenu_c li a i{
    float: right;
    right: 15px;
    top: 6px;
    position: relative;
}

/*******手机导航*******/

/******产品详情*******/

/******服务网点*******/
.wangd-box{
    position: relative;

}
.wangd-box .wangdianulbox{
    margin-top: 70px;
}
.wangd-box .wangdianul{
        margin-top: 20px;
}

.ditu-png22{
position: absolute;
top: 0;
left: 0;
}

.ditu-png1{
position: absolute;
    right: 16%;
    top: 10%;
-webkit-animation: fadeIn 3s;
  z-index: 500;
}
.ditu-png2{
        display: block;
    position: absolute;
    right: 16%;
    opacity: 0;
      top: 10%;
    animation:mymove 2s 1.5s;
  animation-fill-mode:forwards;
    -webkit-animation:mymove 2s 1.5s;
    -webkit-animation-fill-mode:forwards;
       z-index: 600;
}
.guang1{
        display: block;
    position: absolute;
         top: 306px;
    right: -51px;
    z-index: 400;

}
.guang3{
	opacity: 0.5;
}
.guang5{
    -webkit-animation:mymove2 1s infinite;

	
}
.guang4{
      -webkit-animation:mymove 2s  infinite;


}

.wangdianh2{
    color: #fff;
    line-height: 40px;
          animation:fadeInUp 3s;
    -webkit-animation:fadeInUp 3s;

}
.wangdianul{
    width: 300px;
    display: inline-block;
    position: relative;

         animation:fadeInUp 3s  ;
    -webkit-animation:fadeInUp 3s  ;
}
.wangdianul li{  
 float: left;
    width: 33.3%;
    color: #fff;
}
.ditupn-bx1{
	display: none;
}
.ditupn-bx1{

	float: left;
	width: 100%;
	  animation:fadeInUp 3s;
    -webkit-animation:fadeInUp 3s;
	position: relative;
	text-align: center;
}
.ditupn-bx1 img{
	width: 90%;
}
.ditu-png22{
	left: 5%;
}

@keyframes mymove
{
    from {opacity:0;}
    to {opacity:1;}
}

@-webkit-keyframes mymove
{
from {opacity:0;}
    to {opacity:1;}
}

@keyframes mymove2
{
    from {opacity:1;}
    to {opacity:0.2;}
}

@-webkit-keyframes mymove2
{
    from {opacity:1;}
    to {opacity:0.2;}
}
/******服务网点*******/


/******人才理念*******/
.rencai-contopul {
    display: inline-block;
    width: 100%;
   /* padding: 10px 0;*/
   margin-top: 35px;
}
.rencai-contop{
/*    padding-top: 60px;
    padding-bottom: 20px;*/
 padding-top: 100px;
 padding-bottom: 130px;

    text-align: center;
}
.rencai-contop img{
    max-width: 100%;
}
.rc-totih3{
    font-size: 22px;
    color: #00428e;
    font-weight: 400;
    margin:0;
}
.rc-totih4{
    font-size: 18px;
    color: #888888;
    font-weight: 400;
      margin:0;
}
.rencai-contopul li{
    float: left;
    display: inline-block;
    width: 25%;
    text-align: left;
    padding: 0 10px;
    height: 280px;
    margin-bottom: 15px;
    cursor: pointer;
}
.rencai-contopul li:nth-child(1){
          animation:fadeInUp 2s  ;
    -webkit-animation:fadeInUp 2s  ;
}
.rencai-contopul li:nth-child(2){
          animation:fadeInUp 2s  ;
    -webkit-animation:fadeInUp 2s  ;
}
.rencai-contopul li:nth-child(3){
          animation:fadeInUp 2s  ;
    -webkit-animation:fadeInUp 2s  ;
}
.rencai-contopul li:nth-child(4){
          animation:fadeInUp 2s  ;
    -webkit-animation:fadeInUp 2s  ;
}

.rencai-contopul li div{
        background: url(rcbk1.jpg)/*tpa=http://www.zfkjgw.com/templets/hs/image/rcbk1.jpg*/;
        padding: 30px 20px;
        width: 100%;
        height: 100%;
        overflow:hidden;
        -webkit-transition:all 0.6s;
        transition:all 0.6s;
}

.rencai-contopul li h3{
    color: #333;
    line-height: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8dadd;
}
.rencai-contopul li p{
    font-size: 14px;
    color: #666666;
    padding:20px 0;
}
.rencai-wbox2{
    background: #dbe0e3;
    padding: 50px 0;
}
.rencai-contopul li:hover div{
    background: url(rcbk.jpg)/*tpa=http://www.zfkjgw.com/templets/hs/image/rcbk.jpg*/ center no-repeat;
    -webkit-transition:all 0.6s;
    transition:all 0.6s;
    background-size: cover;
}
.rencai-contopul li:hover h3{
    color: #fff;
      border-bottom: 1px solid #fff;
}
.rencai-contopul li:hover p{
    color: #fff;
}
.rc-botih3{
    text-align: center;
    color: #000;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 20px;
}
.ri-bo-ul2 {
    float: left;
    width: 81%;
       animation:fadeInUp 2s  ;
    -webkit-animation:fadeInUp 2s  ;
}
.ri-bo-ul1{
    float: left;
    width:19%;
            animation:fadeInUp 2s  ;
    -webkit-animation:fadeInUp 2s  ;
}
.ri-bo-ul1 li{
    width: 100%;
    position: relative;
    display: inline-block;
    line-height: 200px;
    background: #f0f3f6;
    font-size: 16px;
    cursor: pointer;
        text-align: center;
    color: #333;
}
.ri-bo-ul1 li h4{
    font-weight: 400;
}
.ri-bo-ul1 li h4 img{
    position: absolute;
    display: none;
    top: 76.5px;
    right:-13px ;
}
.ri-bo-ul1 li.active img{
    display: block;
}
.ri-bo-ul1 li.active{

        -webkit-transition-property: background-color;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    background: #6eba44;
    color: #fff;
}
.ri-bo-ul2 li{
    padding: 50px 60px;
    display: none;
    background: #fff;
}
.ri-bo-ul2 li img{
    max-width: 100%;
}

.ri-bo-ul2 li.active{
    display: block;
}
.ri-bo-ul2 li p{
    font-size: 16px;
}

/******人才理念*******/

/******风采*******/
.de-cpimg-list{
    display: inline-block;
    width: 100%;
    padding-bottom: 20px;
}
.de-cpimg-list li{
    float: left;
    display: inline-block;
    width: 33.3%;
    padding: 0 15px;
    margin-bottom: 15px;
}
.de-cpimg-list li a img{
    max-width: 100%;
    width: 100%;
}
.de-cpimg-list li a p{
    line-height: 30px;
    padding: 10px 0;
    text-align: center;
    color: #333;
}
.cp-de-xiangxcon{
    padding:  25px 0;
}
.cp-de-xiangxcon img{
    max-width: 100%;
}
.cp-de-xiangxh3{
    font-size: 20px;
    color: #333;
}
.cp-de-xiangxh4{
    font-size: 14px;
    color: #d0d0d0;
    font-weight: 400;
    padding-bottom: 10px;
    border-bottom:1px solid #eaeaea;
}
/******风采*******/

/*校园招聘*/

.a_rlzydiv_c{width:100%; margin:0px; padding:0px;float: left;}
.a_rlzydiv_c dt{width:100%;  float:left; font-weight:normal;}
.a_rlzydiv_c dt .div{width:100%; padding:1.2% 0px; background-color:#ebe9e9; color:#333; font-size:16px; float: left;}
.a_rlzydiv_c dt .div .s1{width:46%; text-indent:3%;}
.a_rlzydiv_c dt .div .s2{width:19.5%;}
.a_rlzydiv_c dt .div .s3{width:13%; text-align:center;}
.a_rlzydiv_c dt .div .s4{width:21.5%; text-align:center;}
.a_rlzydiv_c dd{width:100%; float:left; font-weight:normal;}
.a_rlzydiv_c dd .div{float: left;width:100%; padding:1.2% 0px; background:url(r_jt1.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/r_jt1.png*/ right 20px center no-repeat; background-color:#fff; font-size:16px; color:#333; cursor:pointer;}
.a_rlzydiv_c dd .div:hover,.a_rlzydiv_c dd .div.activerc{ background:url(r_jt2.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/r_jt2.png*/ right 20px center no-repeat; background-color:#00428e;color: #fff;}
.a_rlzydiv_c dd .div .s1{width:46%; text-indent:3%;}
.a_rlzydiv_c dd .div .s2{width:19.5%;}
.a_rlzydiv_c dd .div .s3{width:13%; text-align:center;}
.a_rlzydiv_c dd .div .s4{width:21.5%; text-align:center;}
.a_rlzydiv_c dd .div1{width:100%;/* background-color:#f7f6f6;*/ padding:2% 3%; display:none; float: left;background: #f1f3f6;}
.a_rlzydiv_c dd .div1_c{width:100%; padding-bottom:3%; color:#222222; font-size:14px; line-height:2.0; overflow-x:hidden;}
.a_rlzydiv_c dd .div1_b,.a_rlzydiv_c dd .div1_b:hover{width:150px; height:40px; line-height:40px; text-align:center; background-color:#6eba44; display:inline-block; overflow:hidden; color:#fff; text-decoration:none; font-size:14px;}
.zhangp-box-tie{
    text-align: center;
    font-size: 30px;
    color: #333;
    font-weight: 500;
    margin-bottom: 20px;
}
.zp-box-bo{
             animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;

    background: #fff;
    float: left;
    width: 100%;
    margin: 25px 0;
}
.zp-box-to{
    padding: 40px;
       animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
    background: #fff;
}
.zhangp-box {
    padding: 40px 0;
}
.zp-box-to select {
    width: 243px;
    float: left;
    outline: none;
    margin-right: 10px;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.zp-bt-h3{
    color: #333;
    font-weight: 400;
    font-size: 18px;
}
.zp-bt-h4{
    color: #333;
        font-weight: 400;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.sousuo-box{
    float: right;

}
.souss-con{
    width: 245px;
    float: left;
      padding: 10px 15px;
}
.soubtn{
padding:11px 20px;
color: #fff;
background: #6eba44;
border: none;
}
/*校园招聘*/



/*投资关系*/
.touzi-wbox{
    padding: 50px 0;
}
.touzi-top{
       animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
    background: #f0f3f6;
    padding: 11px 20px;
}
.touzi-bo{
             animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
}
.touzi-top input{

    border: medium;
    line-height: 27px;

    color: #9b9b9b;
    float: left;
}
.touzi-top select{
    background: #fff;
    border: medium;
    color: #9b9b9b;
        line-height: 27px;
    outline: none;
}
.touzi-top option{
    line-height: 27px;
}

.touzi-inputbox{
    float: left;
        padding: 5px 15px;
        background: #fff;
        border-radius: 5px;
      border: 1px solid #dcdcdc;
    margin-bottom: 10px;
      margin-top: 10px;
      margin-right: 20px;
}
.touzi-inputbox1{
       float: left;
        padding: 7px 15px;
        background: #fff;
        border-radius: 5px;
      border: 1px solid #dcdcdc;
    margin-right: 20px; 
      margin-bottom: 10px;
      margin-top: 10px;
}
.touzi-inputbox img{
    float: left;
    position: relative;top: 3px;
    display: block;
}
.touzi-inputbox2{
    float: left;
    width: 45px;
    height: 41px;
    position: relative;
          border-radius: 5px;
      border: 1px solid #dcdcdc;
    background: #fff;
    text-align: center;
      margin-bottom: 10px;
      margin-top: 10px;
}
.touzi-inputbox2 img{
    margin-top: 10px;

}
.touzi-inputbox4{
    float: left;
    padding: 10px 0;
    margin-right: 10px;
      margin-bottom: 10px;
      margin-top: 10px;
}
.touzi-inputbox4 input{
    position: relative;
    top: 6px;
    margin: 0 5px;

}
.touzi-inputbox5 {
    float: left;
    padding: 16px 0;
    margin-left: 15px;

}
.touzi-inputbox5 input{
    line-height: 30px;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    cursor: pointer;
    color: #333;
}
.touziline{
    width: 100%;
    height: 1px;
    float: left;
    margin: 20px 0;
    background: #e0e3e6;
}
.sousoutijiao{
       width: 45px;
    height: 41px; 
    position: absolute;
    top: 0;
    left:0;
    cursor: pointer;
    opacity: 0;
}
.touzi-bo h3{
    float: left;width: 100%;
  margin-bottom: 10px;
    font-size: 16px;color: #333;
}
.touzi-bo h3 img{
    position: relative;top: 2px;
}
.touzi-bolist,.touzi-bolist dt,.touzi-bolist dd{
 float: left;width: 100%;
}
.touzi-bolist dt div.tzdiv{
    line-height: 50px;
        padding: 5px 10px;
    border-bottom: 2px solid #e0e3e6;
    float: left;width: 100%;
}
.touzi-bolist dd div.tzdiv{
    border-bottom: 1px solid #e0e3e6;
       line-height: 40px;
        padding: 5px 10px;
        float: left;width: 100%;
}

.touzi-bolist dd img{
    position: relative;
    top: 4px;
}
.touzi-bolist .tzdiv .s1{
    width: 15%;

}
.touzi-bolist .tzdiv .s2{
    width: 55%;

}
.touzi-bolist .tzdiv .s3{
    width: 15%;
    text-align: right;
}
.touzi-bolist .tzdiv .s4{
    width: 15%;
 text-align: right;
}

.paging2 { background: #fff; padding: 10px 0; position: relative; text-align: center;  border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9; }
.paging2 a { padding: 0px 10px; height: 34px; color: #949494; line-height: 34px; font-size: 15px; text-align: center; display: inline-block; *zoom: 1;*display: inline;vertical-align: middle; margin: 0 2px; font-weight: bold;}
.paging2 a.act, .paging2 a:hover { color: #949494; background-color: #e6e6e6;}
.paging2 .prev, .paging2 .next { margin: 0; display: block; position: absolute; top: 0; height: 100%; bottom: 0; width: 72px; padding: 0; background-repeat: no-repeat; background-position: center center; background-color: #e6e6e6;}
.paging2 .prev { background-image: url(rr_pager_prev1.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/rr_pager_prev1.png*/; left: 0;}
.paging2 .next { background-image: url(rr_pager_next1.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/rr_pager_next1.png*/; right: 0; }
.pagin2g .prev:hover,.paging2 .next:hover{ background-color: #e6e6e6;}
/*投资关系*/
.f0f3f6{
    background: #f0f3f6;
}
.f7f8f9{
    background: #f7f8f9;
}
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
/*投资关系*/
.fuzhaibiao{
    width: 50%;
    float: left;
   margin-bottom: 20px;
   border-top: 1px solid #e0e3e6;
   border-bottom:  1px solid #e0e3e6;
   border-left: 1px solid #e0e3e6;

}
.fuzhaibiao td.sline{
      border-right: 1px solid #e0e3e6;
}
.fuzhaibiao2{
     border-top: 1px solid #e0e3e6;
   border-right: 1px solid #e0e3e6;
    border-bottom:  1px solid #e0e3e6;
}
.fuzhaibiao tr th{
    line-height: 60px;
    color: #333;
  
    font-size: 16px;
    border: none;

}

.fuzhaibiao tr td{
  border-top: 1px solid #e0e3e6;
    line-height: 50px;
    color: #333;
    font-size: 14px;
    text-align: center;

}

/*投资关系*/



/*今日行情*/
.hangq-wbox{
    padding: 50px 0;
    background: url(jrhangqing.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/jrhangqing.png*/ right bottom no-repeat;
}
.hangq-top{

    animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
}

.hangq-bo{
    text-align: right;
    float: left;
    width: 100%;
   animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
    padding-top: 30px;
}
.hangq-top img{
    max-width: 100%;
}
.hangq-bo img{
    max-width: 100%;
}
.hangq-top-le{
    background: #f0f3f6;
      padding: 45px 35px;
      float: left;
      width: 30%;
}
.hangq-top-le div{
    width: 60%;
}

.hangq-top-le p.lage{
    font-size: 40px;
    position: relative;

}
.hangq-top-le p.smell{
    font-size: 16px;
    line-height: 30px;
        position: relative;

}
.hangq-top-le .lage span{
    font-size: 16px;
    color: #666;
    margin: 0 5px;

}
.hangq-top-le .hang-pn1{
      width: 12px;
      height: 8px;
      display: block;
      position: absolute;
      right: 0;
        right: 31px;
    top: 20px;
}
.hangq-top-le .hang-pn2{
      width: 17px;
      height: 16px;
      display: block;
      float: left;
      margin-right: 10px;
        position: relative;
    top: 7px;
}
.hq-low .hang-pn1{
       background: url(hangq-pn1.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/hangq-pn1.png*/;
}
.hq-low .hang-pn2{
       background: url(hangq-pn2.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/hangq-pn2.png*/;
}
.hangq-top-ri{
    float: left;
    width: 70%;
    background: url(hangq-bk.jpg)/*tpa=http://www.zfkjgw.com/templets/hs/image/hangq-bk.jpg*/;
    padding: 45px 35px;
}
.hangq-top-le p.gupiao{
    color: #333;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.hq-low p.lage,.hq-low p.smell{
    color: #6eba44;
}
.hq-low .smoll{
color: #6eba44;
}
.hangq-t-ul{
    display: inline-block;
    margin-top: 0;
    width: 100%;
    margin-bottom: 20px;
}
.hangq-t-ul li{
    float: left;
    display: inline-block;
    color: #fff;
    width: 25%;
    font-size: 24px;
    font-weight: 200;
}
.hangq-t-ul li .somll{
    font-size: 22px;
}
.hangq-top-ri h3{
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

/*今日行情*/

/*投资互动*/
.touzihd-wbox{
    padding: 150px 15px;
    background: url(touzihd.jpg)/*tpa=http://www.zfkjgw.com/templets/hs/image/touzihd.jpg*/ center no-repeat;
    background-size: cover;
}
.touzihd-con h2{
    font-size: 35px;
    font-weight: 300;
    color: #333;
}
.touzihd-con .f18{
    font-size: 18px;
    color: #333;
    margin-bottom: 50px;
}
.touzihd-con .phd16{
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    line-height: 40px;
}
.touzihd-con .phd16 img{
    position: relative;
    top: 10px;
    margin-right: 10px;
}
.touzihd-con .phd16 span{
     line-height: 40px; 
     margin-right:30px;
     width: 158px;
}
.lxhudong-ul{
    display: inline-block;
}
.lxhudong-ul li{
    float: left;
    line-height: 40px;
    margin-bottom: 20px;
    width: 200px;
}
.lxhudong-ul li img{
    position: relative;
    top: 10px;
    margin-right: 10px;
}
/*投资互动*/
.defo-box1{
    display: none;
}
.section_b{ height: 510px;overflow: hidden;  background:#fff; position:fixed; width:100%; left:0; transition:all 0.7s ease; z-index: 5000;-webkit-transition:all 0.7s ease !important;}
.section_b2{bottom:0!important;}

.phone-banner{
    display: none;
}
.phone-banner img{
    width: 100%;
    display: block;
    max-width: 100%;
}

.phone-banner .swiper-pagination{
    bottom: 3px;
}

.banner-swiper img{
    max-width: 100%;
    width: 100%;
}
/*联系我们*/
.lianxi-box {
    padding: 90px 0;
}
.lianxi-box .s1{float: left;width: 35%;padding: 0 30px;}
.lianxi-box .s2{float: left;width: 65%}
.lianxi-box .s2 .dituContent{width: 100%;height: 320px;}
/*联系我们*/
/*新增页面*/
.section3{
    position: relative;
}
.in-pc-cpw{
    position: relative;
    float: left;
    width: 100%;

}
.incpc-bkimg{
    width: 100%;
}
.in-pc-cpxf{
      position: absolute;
      width: 45%;
      left: 13%;
      top: 25%;

}
.in-pc-cpxf a{
    display: block;
}
.in-pc-cpxf img{
    width: 100%;
     transform: scale(0.2);
    -webkit-transform: scale(0.2);
    opacity: 0;

}
.section3_an .in-pc-cpxf img{
  -webkit-transform: translate(0,0) scale(1,1);
    opacity: 1;
    transition: transform 1s 1s, opacity 1s 1s;
    -webkit-transition: transform 1s 1s, opacity 1s 1s;  
}
.section3_an .index-cpbati h1{
        animation:fadeInUp 2s;
    -webkit-animation:fadeInUp 2s;
}
.index-cpbati h1{
   font-size: 56px;
   color: #fff;
   font-weight: 200;
   position: absolute;
   top: 20%;
   right: 20%;
}
.ph-cp-fa{
    position: relative;
    display: none;
}
.ph-cp-fa img{
   width: 100%;
}
.ph-cp-fa h3{
    font-size: 24px;
    color: #fff;
    position: absolute;
    font-weight: 400;
    width: 100%;
    text-align: center;
    top: 10%;
}
.ph-cp-fa .img768{
    width: 76.8%;
    position: absolute;
    left: 11.6%;
    top: 24%;
}
.n-nav-ri2in{
    margin-right: 70px;
    color: #fff;
}
.n-nav-ri2in a{
    color: #fff;
} 
.n-nav-ri2in .la-yuyan li a{
    color: #fff;
}
.n-nav-riin a {
    color: #fff;
}
/*新增页面*/
.in-title2p{

    width: 760px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-top: 15px;
    letter-spacing:4px; 
}


.section5 .top{display: inline-block;width: 100%;padding-bottom: 20px;}
.section5 .s1{display: none;}
.section5 .s2{width: 100%;padding-top: 15px; border-top: 1px solid #eaeaea;}

@keyframes animation7_quan1{
    0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0;}
    60% {opacity: 0.2;}
    80% {transform: scale(1);-webkit-transform: scale(1);opacity: 0;}
    100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0;}
}
@-webkit-keyframes animation7_quan1{
    0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0;}
    60% {opacity: 0.2;}
    80% {transform: scale(1);-webkit-transform: scale(1);opacity: 0;}
    100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0;}
}

@keyframes animation7_quan2{
    0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0;}
    40% {opacity: 0.5;}
    80% {transform: scale(1);-webkit-transform: scale(1);opacity: 0;}
    100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0;}
}
@-webkit-keyframes animation7_quan2{
    0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0;}
    40% {opacity: 0.5;}
    80% {transform: scale(1);-webkit-transform: scale(1);opacity: 0;}
    100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0;}
}

@keyframes animation7_quan3{
    0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0;}
    20% {opacity: 1;}
    80% {transform: scale(1);-webkit-transform: scale(1);opacity: 0;}
    100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0;}
}
@-webkit-keyframes animation7_quan3{
    0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0;}
    20% {opacity: 1;}
    80% {transform: scale(1);-webkit-transform: scale(1);opacity: 0;}
    100% {transform: scale(1);-webkit-transform: scale(1);opacity: 0;}
}

@keyframes animation7_quan4{
    0% {box-shadow:0 0 0 rgba(255,255,255,0.2);}
    30% {box-shadow:0 0 20px rgba(255,255,255,0.6);}
    70% {box-shadow:0 0 20px rgba(255,255,255,0.6);}
    100% {box-shadow:0 0 20px rgba(255,255,255,0.2);}
}
@-webkit-keyframes animation7_quan4{
    0% {box-shadow:0 0 0 rgba(255,255,255,0.2);}
    30% {box-shadow:0 0 20px rgba(255,255,255,0.6);}
    70% {box-shadow:0 0 20px rgba(255,255,255,0.6);}
    100% {box-shadow:0 0 20px rgba(255,255,255,0.2);}
}

@keyframes animation7_quan1a{
    0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0;}
    60% {opacity: 0.6;}
    80% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
    100% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
}
@-webkit-keyframes animation7_quan1a{
    0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0;}
    60% {opacity: 0.6;}
    80% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
    100% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
}

@keyframes animation7_quan2a{
    0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0;}
    40% {opacity: 0.8;}
    80% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
    100% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
}
@-webkit-keyframes animation7_quan2a{
    0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0;}
    40% {opacity: 0.8;}
    80% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
    100% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
}

@keyframes animation7_quan3a{
    0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0;}
    20% {opacity: 1;}
    80% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
    100% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
}
@-webkit-keyframes animation7_quan3a{
    0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0;}
    20% {opacity: 1;}
    80% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
    100% {transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;}
}

@keyframes animation7_quan4a{
    0% {box-shadow:0 0 0 rgba(255,255,255,0.2);}

    30% {box-shadow:0 0 30px rgba(255,255,255,1);}
    70% {box-shadow:0 0 30px rgba(255,255,255,1);}
    100% {box-shadow:0 0 30px rgba(255,255,255,0.2);}
}
@-webkit-keyframes animation7_quan4a{
    0% {box-shadow:0 0 0 rgba(255,255,255,0.2);}

    30% {box-shadow:0 0 30px rgba(255,255,255,1);}
    70% {box-shadow:0 0 30px rgba(255,255,255,1);}
    100% {box-shadow:0 0 30px rgba(255,255,255,0.2);}
}


.rencai-wbox{
    overflow: hidden;
}
.cp-case-lbox{
    overflow: hidden;
}
.zhangp-box{
    overflow: hidden;
}
.hangq-wbox{
    overflow: hidden;
}
.ydkh-wbox{
    overflow: hidden;
}
.wangd-box{
    padding: 0 50px;
    overflow: hidden;
}
.shouhou-box{
    overflow: hidden;
}
.news_pagelist{
    overflow: hidden;
}
.index-wapcp{
    padding-bottom: 20px;
    display: none;
}
.index-wapcp img{
    display: block;
    max-width: 100%;
    width: 100%;
}
.fudong{
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 5000;
}
/***页面底部****/

.fo-cenul1 li{
    display: inline-block;
    margin: 0 15px;
}
.fo-cenul1 li a{
    color: #333;
    line-height: 32px;
}
.img-qi{
    opacity: 0;
}
.section2_an .img-qi{
        -webkit-transform: translate(0,0) scale(1,1);
    opacity: 1;
    transition: transform 1s 1s, opacity 1s 1s;
    -webkit-transition: transform 1s 1s, opacity 1s 1s;
}
.qq-bk-ti{
    opacity: 0;
}
.section2_an .qq-bk-ti{
   -webkit-transform: translate(0,0) scale(1,1);
    opacity: 1;
    transition: transform 1s 1s, opacity 1s 1s;
    -webkit-transition: transform 1s 1s, opacity 1s 1s;  
}
.mapbox{padding-top: 50px;}
/***页面底部****/


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


   .header{
    display: none;
   }
.map-bim{position: relative;display: block;}

.img-qi {
    position: absolute;
    right: 18%;
    top: 24%;
    width: 30px;
    z-index: 500;
}
.dd-box {
    top: 14px;
}
.section2{
    padding: 30px 0;
}
.in-title{
    font-size: 20px;
    margin-bottom: 20px;
}
.dd-box ul li{
    width: 20px;
    height: 20px;
}


.dd-box ul li{}
.section2 .xian1 {
    position: absolute;
    width: 0%;
     height: 100%;
   right: 22%;
    top: -35.5%;
    background: url("xian1.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian1.png*/ right no-repeat;
        background-size: 100% auto;

}
.section2 .xian2 {
    position: absolute;
   width: 0;
     height: 100%;
left: 77.8%;
    top: -30.0%;
    background: url("xian2.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian2.png*/ left no-repeat;
     background-size: 100% auto;
}
.section2 .xian3 {
    position: absolute;
       width: 0%;
    height:100%;
    right: 20.3%;
    top: -26.5%;
    background: url("xian3.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian3.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian4 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 21.6%;
    top: -22.5%;
    background: url("xian4.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian4.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian5 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 20%;
    top: -8.5%;
    background: url("xian5.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian5.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian6 {
    position: absolute;
       width: 0%;
     height: 100%;
       right: 18%;
    top: -15%;
    background: url("xian6.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian6.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian7 {
    position: absolute;
       width: 0%;
    height: 100%;
     right: 19%;
    top: -9%;
    background: url("xian7.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian7.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian8 {
    position: absolute;
       width: 0%;
     height: 20.6%;
      right: 20.2%;
    top: 24.6%;
    background: url("xian8.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian8.png*/ right no-repeat;
     background-size: auto 100%;
}
.section2 .xian9 {
    position: absolute;
       width: 0%;
    height: 20.6%;
    left: 78.5%;
    top: 24.6%;
    background: url("xian9.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian9.png*/ left no-repeat;
        background-size: auto 100%;
}
.section2 .xian10 {
    position: absolute;
    width: 0%;
    height: 100%;
     right: 23%;
    top: -31%;
      background: url(xian10.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/xian10.png*/ right no-repeat;
    background-size: 100% auto;
}

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

.section2 .xian1 {
    position: absolute;
    width: 0%;
     height: 100%;
   right: 22%;
    top: -35.5%;
    background: url("xian1.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian1.png*/ right no-repeat;
        background-size: 100% auto;

}
.section2 .xian2 {
    position: absolute;
   width: 0;
     height: 100%;
left: 77.8%;
    top: -30.0%;
    background: url("xian2.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian2.png*/ left no-repeat;
     background-size: 100% auto;
}
.section2 .xian3 {
    position: absolute;
       width: 0%;
    height:100%;
    right: 20.3%;
    top: -26.5%;
    background: url("xian3.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian3.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian4 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 21.6%;
    top: -22.5%;
    background: url("xian4.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian4.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian5 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 20%;
    top: -8.5%;
    background: url("xian5.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian5.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian6 {
    position: absolute;
       width: 0%;
     height: 100%;
       right: 18%;
    top: -15%;
    background: url("xian6.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian6.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian7 {
    position: absolute;
       width: 0%;
    height: 100%;
     right: 19%;
    top: -9%;
    background: url("xian7.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian7.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian8 {
    position: absolute;
       width: 0%;
     height: 20.6%;
      right: 20.2%;
    top: 24.6%;
    background: url("xian8.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian8.png*/ right no-repeat;
     background-size: auto 100%;
}
.section2 .xian9 {
    position: absolute;
       width: 0%;
     height: 25.6%;
 left: 78.5%;
    top: 24.6%;
    background: url("xian9.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian9.png*/ left no-repeat;
        background-size: auto 100%;
}
.section2_an .xian10{
    width: 28%;
}
.section2 .xian10 {
    position: absolute;
    width: 0%;
    height: 100%;
     right: 23%;
    top: -31%;
      background: url(xian10.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/xian10.png*/ right no-repeat;
    background-size: 100% auto;
}


}
@media screen and (min-width:1000px){
.map-bim{width: 1000px;position: relative;}
.img-qi {
    position: absolute;
    right: 18%;
    top: 28%;
    width: 60px;
    z-index: 500;
}
.dd-box {
    top: 50px;
}
.section2 .xian1 {
    position: absolute;
    width: 0%;
     height: 100%;
   right: 22%;
    top: -35.5%;
    background: url("xian1.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian1.png*/ right no-repeat;
        background-size: 100% auto;

}
.section2 .xian2 {
    position: absolute;
   width: 0;
     height: 100%;
left: 77.8%;
    top: -30.0%;
    background: url("xian2.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian2.png*/ left no-repeat;
     background-size: 100% auto;
}
.section2 .xian3 {
    position: absolute;
       width: 0%;
    height:100%;
    right: 20.3%;
    top: -26.5%;
    background: url("xian3.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian3.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian4 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 21.6%;
    top: -22.5%;
    background: url("xian4.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian4.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian5 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 20%;
    top: -8.5%;
    background: url("xian5.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian5.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian6 {
    position: absolute;
       width: 0%;
     height: 100%;
       right: 18%;
    top: -15%;
    background: url("xian6.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian6.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian7 {
    position: absolute;
       width: 0%;
    height: 100%;
     right: 19%;
    top: -9%;
    background: url("xian7.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian7.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian8 {
    position: absolute;
       width: 0%;
     height: 20.6%;
      right: 20.2%;
    top: 24.6%;
    background: url("xian8.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian8.png*/ right no-repeat;
     background-size: auto 100%;
}
.section2 .xian9 {
    position: absolute;
       width: 0%;
     height: 20.6%;
 left: 78.5%;
    top: 24.6%;
    background: url("xian9.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian9.png*/ left no-repeat;
        background-size: auto 100%;
}
.section2 .xian10 {
    position: absolute;
    width: 0%;
    height: 100%;
     right: 23%;
    top: -31%;
      background: url(xian10.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/xian10.png*/ right no-repeat;
    background-size: 100% auto;
}


}


@media screen and (min-width:1200px){
.map-bim{width: 1200px;position: relative;}
.img-qi {
    position: absolute;
    right: 18%;
    top: 28%;
    width: 90px;
    z-index: 500;
}
.dd-box {
    top: 62px;
}
.section2 .xian1 {
    position: absolute;
    width: 0%;
     height: 100%;
   right: 22%;
    top: -35.5%;
    background: url("xian1.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian1.png*/ right no-repeat;
        background-size: 100% auto;

}
.section2 .xian2 {
    position: absolute;
   width: 0;
     height: 100%;
left: 77.8%;
    top: -30.0%;
    background: url("xian2.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian2.png*/ left no-repeat;
     background-size: 100% auto;
}
.section2 .xian3 {
    position: absolute;
       width: 0%;
    height:100%;
    right: 20.3%;
    top: -26.5%;
    background: url("xian3.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian3.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian4 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 21.6%;
    top: -22.5%;
    background: url("xian4.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian4.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian5 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 20%;
    top: -8.5%;
    background: url("xian5.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian5.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian6 {
    position: absolute;
       width: 0%;
     height: 100%;
       right: 18%;
    top: -15%;
    background: url("xian6.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian6.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian7 {
    position: absolute;
       width: 0%;
    height: 100%;
     right: 19%;
    top: -9%;
    background: url("xian7.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian7.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian8 {
    position: absolute;
       width: 0%;
     height: 20.6%;
      right: 20.2%;
    top: 24.6%;
    background: url("xian8.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian8.png*/ right no-repeat;
     background-size: auto 100%;
}
.section2 .xian9 {
    position: absolute;
       width: 0%;
     height: 20.6%;
 left: 78.5%;
    top: 24.6%;
    background: url("xian9.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian9.png*/ left no-repeat;
        background-size: auto 100%;
}


.section2 .xian10 {
    position: absolute;
    width: 0%;
    height: 100%;
       right: 23.6%;
    top: -31.2%;
      background: url(xian10.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/xian10.png*/ right no-repeat;
    background-size: 100% auto;
}

}
@media screen and (min-width:1440px){
.map-bim{width: 90%;position: relative;}
.img-qi {
    position: absolute;
    right: 18%;
    top: 30%;
    width: 107px;
    z-index: 500;
}
.dd-box {
    top: 100px;
}
.section2 .xian1 {
    position: absolute;
    width: 0%;
     height: 100%;
   right: 22%;
    top: -35.5%;
    background: url("xian1.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian1.png*/ right no-repeat;
        background-size: 100% auto;

}
.section2 .xian2 {
    position: absolute;
   width: 0;
     height: 100%;
left: 77.5%;
    top: -30.5%;
    background: url("xian2.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian2.png*/ left no-repeat;
     background-size: 100% auto;
}
.section2 .xian3 {
    position: absolute;
       width: 0%;
    height:100%;
    right: 20.8%;
    top: -27.5%;
    background: url("xian3.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian3.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian4 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 22%;
    top: -23%;
    background: url("xian4.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian4.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian5 {
    position: absolute;
       width: 0%;
    height: 100%;
  right: 21%;
    top: -9.5%;
    background: url("xian5.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian5.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian6 {
    position: absolute;
       width: 0%;
     height: 100%;
      right: 19%;
    top: -15%;
    background: url("xian6.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian6.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian7 {
    position: absolute;
       width: 0%;
    height: 100%;
     right: 19%;
    top: -10.5%;
    background: url("xian7.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian7.png*/ right no-repeat;
     background-size: 100% auto;
}
.section2 .xian8 {
    position: absolute;
       width: 0%;
     height: 20.6%;
      right: 20.8%;
    top: 24.6%;
    background: url("xian8.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian8.png*/ right no-repeat;
     background-size: auto 100%;
}
.section2 .xian9 {
    position: absolute;
       width: 0%;
     height: 20.6%;
 left: 78%;
    top: 24.6%;
    background: url("xian9.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/xian9.png*/ left no-repeat;
        background-size: auto 100%;
}
.section2 .xian10 {
    position: absolute;
    width: 0%;
    height: 100%;
    right: 24%;
    top: -32%;
      background: url(xian10.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/xian10.png*/ right no-repeat;
    background-size: 100% auto;
}


}
/*@media screen and (max-height: 900px) {
    .section .title {font-size: 56px;}

    .section6 .center{ height: 450px;padding:0 150px;}
    .section6 .middle{ width: 340px; height: 340px; margin: -170px 0 0 -170px;}



}

@media screen and (max-height: 800px) {
    .section .title {font-size: 48px;}



    .section6 .center{height: 450px;}
    .section6 .middle{ width: 300px; height: 300px; 
margin:0;
top: 20%;
left: 28%;}
    .section6 .tit {font-size:30px;line-height: 30px;margin-bottom: 15px; }

}

@media screen and (max-height:700px) {
    .section .title {font-size: 40px;}



    .section6 .center{ height: 360px;}
    .section6 .middle{ width: 260px; height: 260px; margin: -130px 0 0 -130px;}
    .section6 .title{bottom:auto;top:-85px;}

}*/

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

    .section .title{font-size: 30px;line-height: 30px;top:auto;}
    .section .center{width:984px;}
       .section_b2{position: absolute;}

  /*第七屏*/
  .section6 .center{margin:0 auto;padding:0;}
  .section6 .tit{font-size: 22px;line-height: 22px;}
  .section6 h4{font-size: 14px;line-height: 14px;margin-bottom: 20px;}
  .section6 .title{top:-50px;}
  .section6 .middle{width:500px;height:300px;    margin: -97px 0 0 -138px;}

}




@media screen and (max-width:1200px) {
    .dy-p-cbx{
        padding: 20px 0;
    }
    .defooter1{
        display: block;
    }
    .header1{
        display: none;
    }
    .phone-wa-nav{
        display: block;
    }

    .defo-lianxi p{
        color: #fff;
        line-height: 30px;
        text-align: left;
    }
     .defo-lianxi {
        display: block;
           padding-top: 15px;
     }
    .defooter a{
  display: none;
}


    .section_b{
        display: none;
    }
    .n-nav-box{
        display: none;
    }
    .defooter{
        text-align: center;
    }
    .defo-img{
        float: left;
        margin-right: 15px;
    }
    .headBox{
        display: none;
    }
    .video-b{
        display: none;
    }
    .page-banner{
        margin-top: 55px;
        height: 240px;
    }
    
    .pb-ta-con h2{
        font-size: 20px;
    }
    .pb-ta-con h3{
        font-size: 18px;
    }
    .header2{
        height: 55px;
    }
.phone_nav .nav_main{top:0;z-index:-1;}
.phone_nav .nav_main ul{margin-top:96px;}
.phone_nav .nav_main li b{background:url("lmfooter_bottom.png")/*tpa=http://www.zfkjgw.com/templets/hs/image/lmfooter_bottom.png*/right 18px no-repeat;}
.nav_main li.lisou{border-bottom: 0;}
.nav_main li.lisou .phisou input{line-height: 28px;}
.nav_main li.lisou .phisou{width: 100%;background-color: #fff;}
.nav_main li.lisou .phisou .in1{padding: 0 5px;width: 90%; color: #999999;border: none;}
.nav_main li.lisou .phisou .in2{width: 10%;border: 0;background: url(phsou1.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/phsou1.png*/ center no-repeat;padding: 0;background-size: 100% 100% !important;line-height: 32px;}
        .phone_nav .nav_main{background:rgba(0,104,183,0.95);}

    .phone_nav{position: absolute;background:#fff;border: none;height:55px;}
    .phone_logo{background:none; height:55px;}
    .phone_logo .p1{width:119px;height: auto;}
    .phone_logo .p1 img{width:100%;}
    .head .logo{display: none;}
    .phone_nav .nav_but{background:#333;}
    .phone_nav .nav_but_box{width:auto; cursor:pointer;}
    .phone_nav .nav_but:before, .nav_but:after{background:#333;}





    /*第六屏 合作伙伴*/
    .section6 .center{height:343px;width:728px;padding:0;}

    .section6 .middle{width: 325px;

height: 234px;

margin:0;
top: 20%;
left: 28%;}
    .section6 .tit{margin-bottom: 10px;}

}


@media screen and (max-width:758px){
    .section4{
        padding-bottom: 0;
    }
 .page-banner{
        margin-top: 55px;
        height: 200px;
    }
     .pb-ta-con h2{
        font-size: 18px;
    }
    .pb-ta-con h3{
        font-size: 16px;
    }
 .phone_nav .nav_main ul{margin-top:61px;}
.phone_logo{height:40px;}

    .phone_logo .p1{width:120px;padding-top:12px;}
    .phone_nav .nav_but_box{top:9px;}

/*   .section .center{height:336px;margin-top:53px;padding:0 10px;}*/



  /*第七屏 合作伙伴*/
  .section6{height:auto !important;/*min-height: 426px;*/ padding-top: 0; padding-bottom: 10px;}
  .section6 .fp-tableCell{height: auto !important;min-height: 426px;}
   .section6 .center {height:273px;width:300px;padding:12px 0 0;}
  .section6 .center{position: relative;height: auto;}
  .section6 .titlebox{position: absolute;bottom:100%;height: 22px;}
  .section6 .title{top:0;bottom:0;left:0;right:0;width:100%;box-sizing: border-box;}
  .section6 .middle{display: none;}

  .section6 i{display: none;}
  .section6 .right,.section6 .left{width:100%;position: static;height:118px;margin-bottom: 2px;}

  .section6 .left,.section6 .right{display: none;}
 .center320{display: block;width:100%;height: 100%;margin-top: 30px;}
  .section6 .tit{font-size: 16px;line-height: 16px;margin-bottom: 4px;font-size: 18px;line-height: 18px;}
  .section6 h4{font-size: 10px;line-height:15px; font-size: 12px;line-height: 14px;}

  .section6 .titlebox{left:0;right:0;}
  .section6_an .txt{margin-top: 20px;}


  /*根据项目需求定制圆点样式*/
    .section6 .owl-carousel .owl-dots {position: absolute;margin:0 auto;/*width:13%;*/bottom: 0;position: static;display: inline-block;}
    .section6 .owl-carousel .owl-dots .owl-dot{  margin:10px 5px; width:10px;height:10px;border-radius: 50%;background:#f5f0dd;float: left;}
    .section6 .owl-carousel .owl-dots div:last-child{margin-right: 0;}
    .section6 .owl-carousel .owl-dots .owl-dot:hover,
    .section6 .owl-carousel .owl-dots .owl-dot.active{background:#eb6100;}
    .section6 .owl-carousel .item{width: 100%; height: 100%; background-position:center center; background-repeat: no-repeat; background-size:cover;}
    .section6 .owl-carousel.owl-loaded,.owl-carousel .owl-stage-outer{height: 100%;}
    .section6 .owl-carousel.owl-loaded, .owl-carousel .owl-stage-outer{height: 100% !important;}
    .section6 .owl-carousel.owl-loaded img{width:100%;margin:0 auto;}
    .section6 .owl-controls{text-align: center;position: absolute;bottom:-38px;left:0;width:100%;}

.section2_an .xian1 {

    width: 57.84%;
    transition: all 1.2s 2s;
    -webkit-transition: all 1.2s 2s;
}

.section2_an .xian2 {

    width: 8.8%;
    transition: all 1.2s 2s;
    -webkit-transition: all 1.2s 2s;
}
.section2_an .xian3 {

    width: 17%;
    transition: all 1.2s 2s;
    -webkit-transition: all 1.2s 2s;
}
.section2_an .xian4 {

    width: 17%;
    transition: all 1.2s 2s;
    -webkit-transition: all 1.2s 2s;
}
.section2_an .xian5 {

    width: 28%;
    transition: all 1.2s 2s;
    -webkit-transition: all 1.2s 2s;
}
.section2_an .xian6 {

    width: 24%;
    transition: all 1.2s 2s;
    -webkit-transition: all 1.2s 2s;
}
.section2_an .xian7 {

    width: 24%;
    transition: all 1.2s 2s;
    -webkit-transition: all 1.2s 2s;
}
.section2_an .xian8 {

    width: 24%;
    transition: all 2.2s 2s;
    -webkit-transition: all 2.2s 2s;
}
.section2_an .xian9 {

    width: 10%;
    transition: all 2.2s 2s;
    -webkit-transition: all 2.2s 2s;
}


}







.headBox{position:absolute;top:0;left:0;right: 0;z-index: 110;}
.headBox2{position:fixed;}
.head{
    position: relative;
        transition: all 1s;
    position: relative;
    -webkit-transition: all 1s;
    top: -100px;
    height: 60px;
}
.head.head2{
    top: 0;
}
.ihead2{top: 0;}
.headBox_an .head {transition: all 3s;-webkit-transition: all 3s;top:0;}



.section2_an .xian1 {

    width: 57.84%;
    transition: all 1.2s 1s;
    -webkit-transition: all 1.2s 1s;
}

.section2_an .xian2 {

    width: 8.8%;
    transition: all 1.2s 1s;
    -webkit-transition: all 1.2s 1s;
}
.section2_an .xian3 {

    width: 17%;
    transition: all 1.2s 1s;
    -webkit-transition: all 1.2s 1s;
}
.section2_an .xian4 {

    width: 17%;
    transition: all 1.2s 1s;
    -webkit-transition: all 1.2s 1s;
}
.section2_an .xian5 {

    width: 28%;
    transition: all 1.2s 1s;
    -webkit-transition: all 1.2s 1s;
}
.section2_an .xian6 {

    width: 24%;
    transition: all 1.2s 1s;
    -webkit-transition: all 1.2s 1s;
}
.section2_an .xian7 {

    width: 24%;
    transition: all 1.2s 1s;
    -webkit-transition: all 1.2s 1s;
}
.section2_an .xian8 {

    width: 24%;
    transition: all 2.2s 1s;
    -webkit-transition: all 2.2s 1s;
}
.section2_an .xian9 {

    width: 10%;
    transition: all 2.2s 1s;
    -webkit-transition: all 2.2s 1s;
}
.section2_an .xian10 {
  width: 27%;
    transition: all 1.2s 1s;
    -webkit-transition: all 1.2s 1s;   
}





@media screen and (min-width:1025px){
    .fixedImg { background-attachment: fixed;}
    .bannerType-list li:hover .bg{ top: -48px; opacity: 1; visibility: visible\9;}
    .bannerType-list li:hover .iconB{ transform:translateY(-25px); -webkit-transform:translateY(-25px);}
    .values-list li:hover .tbox{ visibility: hidden\9; opacity: 0; transform: translateY(50px); transform: translateY(50px);}
    .values-list li:hover .con{ top: 18%;}
    .values-list li:hover .red-80{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0;  opacity: 1; visibility:visible\9;}
    .main-pro-demo .item:hover .img img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
    .main-pro-demo .item:hover .txt{ color: #fff;}
    .main-pro-demo .item:hover .txt:before{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;visibility:visible\9;}
    .productList li:hover .red-80{ /*transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0;*/  opacity: 1; visibility:visible\9;}
    .productList li:hover .txt{ color: #fff; background-color: #cc0000; }
    .productList li:hover .con{ /*top: 18%;*/  visibility: visible\9; opacity: 1; transform: initial; transform: initial;}
    /*.productList li:hover .txt:before{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 100% 0; -webkit-transform-origin: 50% 100% 0;visibility:visible\9;}*/
    .weaponizing-list li:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1);}
    .weaponizing-list li:hover .img img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
    .weaponizing-list li:hover .t{ color: #00428e;}
    .school-list li:hover .filler-left { height: 94%; }
    .school-list li:hover .filler-right { height: 94%; }
    .school-list li:hover .filler-top { width: 96%; }
    .school-list li:hover .filler-bottom { width: 96%; }
    .school-list li:hover img{ transform: inherit; -webkit-transform: inherit;}
    .school-list li:hover .black-20{ opacity: 1; visibility: visible;}
    .school-list li:hover .btnMore:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
    .school-list li:hover .btnMore .txt{ color: #fff;}
    .school-list li:hover .btnMore .txt i{ background-position: left center;}
    .aidingList dd:hover{ box-shadow:0 0 28px rgba(0,0,0,0.16);}
    .aidingList dd:hover .t{ color: #00428e;}
    .aidingList dd:hover .btnMore:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
    .aidingList dd:hover .btnMore .txt{ color: #fff;}
    .aidingList dd:hover .btnMore .txt i{ background-position: left center;}
    .commonweal-first:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1);}
    .commonweal-first:hover .t{ color:#00428e;}
    .commonweal-first:hover .btnMore:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
    .commonweal-first:hover .btnMore .txt{ color: #fff;}
    .commonweal-first:hover .btnMore .txt i{ background-position: left center;}
    .commonweal-demo .item:hover .img img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
    .commonweal-demo .item:hover .txt{ color: #fff;}
    .commonweal-demo .item:hover .txt:before{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;visibility:visible\9;}
    .expert-pbox .item:hover .expert-reading-btn, .expert-reading-btn.on{ background-color: #ee2d31;}
    .expert-pbox .item:hover .expert-reading-btn .txtc, .expert-reading-btn.on .txtc{ color: #fff; background-image: url(sj2.png)/*tpa=http://www.zfkjgw.com/templets/hs/images/sj2.png*/;}
    .expert-pbox .item:hover .t{ color: #00428e;}
}
@media screen and (max-width:1600px){
    .inner1200{ width: 1200px;}
    .inner1320{ width: 1320px;}
	.guang1{
		top: 365px;
	}

    .banner .bot{ height: 8px;}
    .bannerType{ bottom: 8px;}
    .iboxT .zh{ font-size: 28px;}
    .eventTab-t{ width: 1010px;}
    .event-con{ width: 670px;}
    .speechBox .c{ font-size: 14px; height: 306px;}
    .contact-list .img,.map-left{ width: 48%;}
    .contact-list .con,.map-sider{ width: 52%;}
    .map{ height: 475px;}
    .map-sider{ padding: 30px 0px;}
    .map-page{ height: 415px;}
    .surveyPbox .c{ height: 125px; margin-bottom: 10%;}
    .main-pro-demo{ width: 1120px;}
    .main-pro-demo .slick-list{ height: 306px;}
    .main-pro-demo .item{margin: 0px 10px;}
    .development-con .t{ margin-bottom: 30px;}
    .development-con .pageC{ height: 150px; margin-bottom: 40px; font-size: 14px;}
    .profile-pbox .lbox{ width: 28%;} 
    .profile-pbox .rbox{ width: 72%;}
    .expert-pbox .img{ width: 35%;}
    .expert-pbox .con{ padding:52px 5% 0px; width: 55%;}
    .weaponizing-list .con{ padding: 20px 8% 30px;}
    .weaponizing-list .t{ font-size: 15px; height: 54px;}
    .school-list .con .c{ font-size: 14px; height: 100px; margin-bottom: 30px;}
    .school-list .btnMore{ height: 48px; line-height: 48px;}
    .new-list .con{ padding-top: 20px;}
    .new-list .t{ font-size: 16px; margin-bottom: 12px;}
    .new-list .c{ font-size: 13px; height: 46px; overflow: hidden; margin-bottom: 28px;}
    .nsilder-box .txt{ font-size: 15px; padding: 8px 5%;}
    .nsilder-list{ font-size: 14px;}
    .nsilder-list a{ height: 40px; line-height: 40px; padding-left: 30px; }
    .nsilder-list a:before{ left: 10px; height: 4px; width: 4px; margin-top: -2px;}
    select.tq-selce{ width: 140px;}
    .tq-serach-box{ width: 218px;}
    .responsibility-list .ico{ width: 50px; height: 50px;}
    .responsibility-list .zh{ font-size: 30px;}
    .responsibility-list .en{ font-size: 16px;}
    .aidingList .t{font-size: 22px; margin-bottom: 20px;}
    .aidingList .c{ font-size: 14px; height: 75px; margin-bottom: 6%;}
    .aidingList .btnMore{ width: 150px; line-height: 44px; height: 44px;}
    .commonweal-first .con{ padding-top: 4%;}
    .commonweal-first .t{ margin-bottom: 30px;}
    .commonweal-first .c{ height: 75px; margin-bottom: 30px;}
    .commonweal-demo{ width: 1134px;}
    .commonweal-demo .slick-dots { margin-top: 24px;}
}
@media screen and (max-width:1500px){
.in-n-b{width: 1300px;padding-top: 40px;}
.in-nriul li a{padding: 20px;}
.in-nle-con{padding: 24px;}
.in-nle-con h4{margin-bottom: 10px;}
.new-more{padding: 0;}
.in-h-title h3{padding-bottom: 30px;margin: 0;}
}
@media screen and (max-width:1441px){
    .in-n-b{width: 1100px}

    .in-nle-con{padding: 15px;}
    .titlebox{margin-top: 40px;}
    .in-nle-con p{height: 50px;overflow: hidden;}
    .in-h-title h3{padding-bottom: 20px;padding-top: 10px;}
    .new-more{display: none;}
    .in-nriul li{margin-bottom: 15px;}
    .map-bim{width: 1000px;position: relative;top: -60px;}
    .qq-bk-ti img{width: 200px;position: relative;left: 80px;}
   .guang1{
		top: 450px;
		right: -30px;
	}

  
    .index-cpbati h1{
        right: 13%;
        font-size: 40px;
    }

    .binbox .year{ font-size: 20px;}
    .binbox .by{ font-size: 40px; }
    .binbox .zh{ font-size: 20px; }
    .binbox .moreBtn{ width: 140px; height: 40px; line-height: 40px;}
    .footNav a{ margin-right: 40px;}
    .foot-tel2{ margin-left: 40px;}
    .foot-l{ width: 43%;}
    .foot-r{ width: 55%;}
    .banner .bot{ height: 6px;}
    .moreBtn:before{ width: 140px; height: 140px; margin: -70px 0px 0px -70px;}
    .bannerType{ bottom: 6px;}
    .iboxItem{ width: 50%;}
    .newPicIbox .img img{ display: block;}
    .navIbox{ width: 100%; margin:30px 0px 0px 0px; height: auto;}
    .navIbox-list li{ width: 25%;}
    .navIbox-list .img{ height: auto; overflow: hidden;}
    .navIbox-list .img img{ display: block;}
    .pbanner-C .zh{ font-size: 26px;}
    .pbanner-C .en{ font-size: 18px;}
    .pageNavBox { height: 48px;}
    .pagenav.fixed{ top: 48px;}
    .cpnavbox { height: 48px; line-height: 48px; }
    .pagePadding{ padding: 80px 0px;}
    .iboxT{ margin-bottom: 45px;}
    .iboxT .zh{ font-size: 26px;}
    .aboutP-list .num{ font-size: 48px;}
    .pagePadding2{ padding: 115px 0px;}
    .aboutC-box{ padding: 70px 0px;}
    .pro-nav-list .ico{ width: 40px;}
    .pro-nav-list .en{ font-size: 14px; text-transform:uppercase}
    .pro-nav-list .zh{ font-size: 18px; }
    .pro-nav-list .cbox{ font-size: 14px;}
    .iboxt-mt{ margin-bottom: 30px;}
    .btnMore{ width: 180px; height: 50px; line-height: 50px;}
    .pagePadding3{ padding: 70px 0px;}
    .development-con .pageC{ margin-bottom: 48px;}
    .profile-pbox .con{ font-size: 14px;}
    .expertSBy{ margin-bottom: 60px;}
    .ledMore{ width: 140px; height: 46px; line-height: 46px;}
    .in-nri-con h3{    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
}
@media screen and (max-width:1370px){
    .section5 .lianxi-box{padding-top: 90px;}
    .section5 .top{display: none;}
    .section5 .s1{display: block;float: left;width: 33%;border-top: 1px solid #eaeaea;padding-top: 15px;}
     .section5 .s2{display: block;float: left;width: 63%;}
    .binbox .by{ font-size: 36px; }
    .banner .bot{ height: 5px;}
    .bannerType{ bottom: 5px;}
    .iboxT .zh{ font-size: 24px;}
    .conceptList .item{ padding: 25px 8% 35px; font-size: 15px;}
    .responsibility-list .item{ top: 8%; height: 88%;}
    .responsibility-list .ico{ width: 46px; height: 46px;}
    .responsibility-list .zh{ font-size: 26px;}
    .responsibility-list .bot{ margin: 8px 0px 25px;}
    .ditupn-bx img{
        transform:  scale(0.9);
    }
    .section .title{
      top: 50px;
    }
    .ditu-png1{
        right: 10%;
    }
    .ditu-png2{
        right: 10%;
    }
    .guang1{
        right: -80px;
    }
   
    .section6 .left{
        left: -50px;
    }
      .section6 .right{
        right: -50px;
    }
    .section2 .in-title{padding-top: 20px;}
    .section2 .in-title2p{margin-top: 15px;letter-spacing:2px; width: 697px;}

}
@media screen and (max-width:1320px){
.n-nav-ri{
    display: none;
}
}
@media screen and (max-width:1260px){
        .sorrtop-menu{
        display: none;
    }
    .in-nri-con h3{
            white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    }
    .in-pc-cpxf img{
        transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    }
    .defooterimg{
    width: 30%;
    float: left;
}   .in-n-b{width: 95%;}
    .inner1200,.inner,.inner1000,.inner1100,.inner1320{ width: 95%;}


.defo-lianxi{
    float: left;
    width: 70%;
}
   .section1-con{
        display: none;
    }
    .defo-box1{
        display: block;
    }
  
    .pageNavBox{
        display: none;
    }
    .ydkh-ul li{
        width: 33.3%;
        padding: 0 1%;
    }
  
    .wangdianul{
        width: 100%;
        padding: 30px 15px;
    }
        .wangdianul li{
            text-align: center;
        }
        .wangdianh2{
            text-align: center;
        }
        .wangdianulbox{
            margin-top: 30px;
        }
        .wangd-wbox{
            padding-bottom: 30px;
            padding-top: 0;
        }
        .guang1{
            right: 0;
            display: none;
        }
        .ditu-png2{
            bottom: 0;
        }
        .cp-case-bkt{
        display: none;
    }
	.ditupn-bx{
		display: none;
	}
	.ditupn-bx1{
		display: block;
	}
	.wangdianul li{
		width: 25%;
	}
    .a_zxlmenu{ display:block;}
    .inner1200,.inner,.inner1000{ width: 100%;}
    .inner1320{ width:100%;}
    /*.nav li{ margin-right: 10px;}*/
    .nav{ padding-right: 15px;}
    .nav li>a{ padding: 0px 10px;}
    .foot-l, .foot-r{ float: none; width: auto;}
    .foot-add,.foot-tel2{ display: block; margin-left: 0; margin-bottom: 5px;}
    .foot-rbox{ float: none; padding-top: 20px;}
    .foot-r .fr{ text-align: left;}
    .foot-tel{ font-size: 28px;}
    .navIbox-list .desc{ top: 20%;}
    .navIbox-list .more .icon{ margin-top: 15%;}
    .newPicIbox .img img{ display: none;}
    .pbanner-C .zh{ font-size: 20px;}
    .pbanner-C .en{ font-size: 24px;}
    .pageC .fc.l,.pageC .fc.r{  width: 49%;}
    .honorPbox{ background: none !important; }
    .honorPbox .himg{ display: block;}
    .honorPbox .hcon{ float: none; width: auto; background: none rgba(255,255,255,0.9);padding: 0 0px 0;}
    .honorPbox .c{ height: auto;}
    .honor-demo{ padding-bottom: 72px; height: auto;}
    .honor-demo .img{ border-color: #f5f5f5;}
    .honor-demo .slick-dots li a{ background-color: #a4a4a4;}
    .eventTab-t{ width: 900px;}
    .eventTab-t .slick-arrow { width: 40px;}
    .eventTab-t .slick-prev { left: -40px; }
    .eventTab-t .slick-next { right: -40px; }
    .event-con{ width: 550px;}
    .speechBox .c{ height: 240px;}
    .contact-list .img{ width: 50%;}
    .contact-list .pageC{ padding: 35px 40px;}
    .contact-list .title{ font-size: 20px;}
    .contact-list .tel{ font-size: 25px; margin-top: 16px;}
    .map-item .t{ font-size: 16px;}
    .map-page{ margin: 0px 30px 0px 25px;}
    .mCSB_inside>.mCSB_container{ margin-right: 30px;}
    .pro-nav-list .ico{ width: 40px;}
    .pro-nav-list .en{ font-size: 14px; }
    .pro-nav-list .zh{ font-size: 16px; }
    .main-pro-demo{ width: 990px;}
    .main-pro-demo .slick-list{ height: 282px;}
    .main-pro-demo .item{margin: 0px 5px;}
    .main-pro-demo .slick-arrow { width: 42px; height: 42px;}
    .main-pro-demo .slick-prev { left: 0px; }
    .main-pro-demo .slick-next { right: 0px; }
    .por-info-box{ padding: 5%; width: 70%;}
    .development-con .t{ font-size: 22px; margin-bottom: 25px;}
    .development-con .pageC{ height: 125px;}
    .expert-pbox .con{ padding-top: 40px;}
    .expert-pbox .t{ margin-bottom: 25px;}
    .expert-pbox .txt{ margin-bottom: 39px;}
    .expert-demo .slick-arrow{ width: 40px; height: 40px; margin-top: -20px;}
    .expert-demo .slick-prev{ left: -20px;}
    .expert-demo .slick-next{ right: -20px;}
    .school-list .con .title{ margin-bottom: 20px;}
    .school-list .con .zh{ font-size: 20px;}
    .school-list .con .c{ height: 75px;}
    .school-list .btnMore{ width: 120px; height: 40px; line-height: 40px;}
    .school-demo{ width: 70%;}
    .school-demo .slick-arrow{ width: 40px; height: 40px; margin-top: -20px;}
    .new-list .c{ margin-bottom: 20px;}
    .new-list .nsbot{ padding: 6px 0px;}
    .tq-serach-box{ width: 168px; padding-right: 64px;}
    .tq-serach-box .pbtn{ width: 64px;}
    .inner1100{ width: 980px;}
    .aidingList .con{ padding-top: 4%;}
    .commonweal-first .btnMore{ height: 40px; line-height: 40px; width: 130px;}
    .commonweal-demo{ width: 1010px;}
    .commonweal-demo .item{ margin: 0px 5px;}
}
@media screen and (max-width:1200px){
    .map-bim{width: 90%;}
.indepc-banner{
    height: 500px;
}
.in-nriul li{margin-bottom: 10px;}
.in-n-le{display: none;}
.in-h-title{margin-top: 20px;}
.in-n-ri{width: 100%;padding-left: 0;}
.fudong{
    display: none;
}
#particles{
    display: none;
}
.in-n-b{
    z-index: 200;
}
.section .title{
    top: 20px;
}
.in-nriul li a{
    padding: 15px;
}
.indepc-banner{
    top: 0;
}
.section1{
    top: 55px;
}
}
@media screen and (max-width:1100px){
      .cp-cl-ble{
        display: none;
    }
    .cp-clb-topriul{
        display: none;
    }
    .cp-cl-bri{
        width: 100%;
        padding: 0;
    }
    

}


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

    .map-bim{top: -20px;}
    .wangd-box .wangdianulbox{
        margin-top: 20px;
    }
  .wangd-box .wangdianulbox{
    margin-top: 20px;

    }
    .new-list .t{
        height: auto;
        padding-bottom: 10px;
    }
    .in-nle-con{height: auto;}
    .in-nriul li{
        display: none;
    }
    .indepc-banner{
        height: 400px;
    }
    .section4{
      padding-top: 10px;
      padding-bottom: 20px;
    }
    .defo-box p{
        padding: 0;
        margin: 0;
    }
    .ph-cp-fa{
        display: block;
    }
  
    .in-pc-cpw{
        display: none;
    }
    .in-nriul li:nth-child(1){
        display: block;
    }
    .in-nriul li:nth-child(2){
        display: block;
    }
    .in-nriul li:nth-child(3){
        display: block;
    }
    .qq-bk-ti img{
       width: 200px;
    }
    .in-h-title h3{
        margin: 0;
        margin-bottom: 15px;
        font-size: 22px;
    }
    .section .title{
        font-size: 22px;
    }
   
   .section2 .in-title{
    font-size: 22px;
   }
   .in-title2p{
    font-size: 16px;
    letter-spacing:2px; 
   }
    .ydkh-wbox{
        padding: 10px 0;
    }
    .news-de-ti{
        font-size: 24px;
    }
    .de-cpimg-list li{
        width: 50%;
    }
    .zp-box-to{
        padding: 30px 20px;
    }
    .souss-con{
        width: 216px;
    }
    .sousuo-box{
        float: left;
    }
    .zp-box-to select{
        width: 283px;
    }
    .fuzhaibiao{
        width: 100%;
    }
    .fuzhaibiao{

   border-top: 1px solid #e0e3e6;
   border-bottom:  1px solid #e0e3e6;
   border-left: 1px solid #e0e3e6;
    border-right: 1px solid #e0e3e6;

}
.fuzhaibiao2{
     border-top: 1px solid #e0e3e6;
   border-right: 1px solid #e0e3e6;
     border-left: 1px solid #e0e3e6;
    border-bottom:  1px solid #e0e3e6;
}
    .fuzhaibiao tr th{
    line-height: 40px;
    color: #333;
    font-size: 14px;

}
.fuzhaibiao tr td{
    line-height: 30px;
    color: #333;
    font-size: 12px;
    text-align: center;

}
.hangq-top-le div{
    width: 84%;
}
    .a_rlzydiv_c dt .div,.a_rlzydiv_c dd .div{ font-size:14px; padding:10px 0px;}
    .a_rlzydiv_c dt .div .s2,.a_rlzydiv_c dt .div .s3{ display:none;}
.a_rlzydiv_c dd .div .s2,.a_rlzydiv_c dd .div .s3{ display:none;}
.a_rlzydiv_c dd .div .s1,.a_rlzydiv_c dt .div .s1{width:60%;}
.a_rlzydiv_c dd .div .s4,.a_rlzydiv_c dt .div .s4{width:40%;}
    .inner1200,.inner,.inner1000,.inner1100,.inner1320{ width: 90%;}
    .a_rlzydiv_c dd .div{ background:url(r_jt1.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/r_jt1.png*/ right 10px center no-repeat; background-color:#fff; padding-right: 15px;}
.a_rlzydiv_c dd .div:hover,.a_rlzydiv_c dd .div.activerc{ background:url(r_jt2.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/r_jt2.png*/ right 10px center no-repeat; background-color:#e3e3e3;padding-right: 15px;}

    .vwrap .videobox { width: 700px; margin-left: -350px; }
    .transYT50{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
    .transXT50,.transXT100{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;  }
    .action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
    .action.transYT50,.action.transXT100 { opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); }
    .body-right{ min-height: calc(100vh - 356px);}
    .header{ height: 56px;}
    .nav{ display: none;}
    .logo a{ padding: 6px 0px 10px; height: 40px;}
    .top-sider{ line-height: 56px; border-left: 0px none;}
    .follow-box{ height: 28px; line-height: 28px; display: none;}
    .oaBtn{ font-size: 12px; background-color: #f7f6f6;}
    .oaBtn span{ background: none; padding-right: 0;}
    .top-sider{ width: 74px; }
    .menu-handler{ display: block;}
    .menuBox{ display: block;}
    .body-right {-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); transition:all .5s cubic-bezier(.25,.46,.45,.94); }
    .menuOpen .body-right {-webkit-transform:translateX(-310px);transform:translateX(-310px);}
    .footNav,.foot-line{ display: none;}
    .binbox{ width: 90%; left: 5%; margin-left: 0;}
    .banner .pimg{ width: 120%; margin-left: -10%;}
    .binbox{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
    .binbox .ico{ width: 14px; height: 14px;}
    .binbox .moreBtn{ width: 120px; height: 34px; line-height: 34px; font-size: 12px; margin: 18px auto 0;}
    .moreBtn:before{ width: 120px; height: 120px; margin: -60px 0px 0px -60px;}
    .bannerType{ position: relative; left: auto; bottom: auto; background-color: #fff;}
    .bannerType-list li{ background: none; height: auto;}
    .bannerType-item .bg{ display: none;}
    .bannerType-item .iconB{ display: none;}
    .bannerType-item .iconM{ display:block;}
    .inner88{ width: 90%;}
    .ibox{ padding: 50px 0px;}
    .newPicIbox .img{ position: relative; z-index: -1; }
    .newlistIbox .title .t{ background-size: 22px auto; padding-left: 30px;}
    .newlistIbox .title .more{ background-size: 14px auto; padding-right: 20px;}
    .navIbox-list .more .icon{ width: 30px; height: 30px;}
    .pbanner-C{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
    .pbanner-C .bot{ height: 2px; margin-top: 15px;}
    .pageNavBox{ margin-top: 0;}
    .pageNavBox{ height: 40px;}
    .pagenav{ position: relative;}
    .pagenav.fixed{ top: 52px;}
    .pageNavBox a:link, .pageNavBox a:visited { color: #666;}
/*  .cpnav{ display: block;margin: 0;}*/
    .cpnavbox{ position: absolute; left: 0px; top: 40px; height: auto; line-height: 1.4; width: 100%; z-index: 800; display: none; background-color: #666; background-color: rgba(255,255,255,0.9); padding-top: 0; border-bottom: 1px solid #e4c36a;}
    .cpnavbox a:before{ display: none;}
    .cpnavbox a:last-child:after{ display: none;}
    .cpnavbox a{ width:50%; display: block; float: left; padding: 12px 5%; font-size: 13px; margin: 0px; color: #0b8153; border-left: 0px none; border-bottom: 1px solid #ccc; }
    .cpnavbox a:hover,.cpnavbox a.active{ background-color: rgba(255,255,255,0.8); color: #00428e;}
    .cpnavbox a.blackBtn{ display: none;}
    .oddpanv a:last-child{ border-bottom: 0px none;}
    .oddpanv{ border-bottom: 2px solid #e4c36a;}
    .pagePadding{ padding: 60px 0px;}
    .iboxT{ margin-bottom: 35px; margin-top: 30px;}
    .iboxT .zh{ font-size: 22px;}
    .aboutPbox{ width: 90%;}
    .pbot{ width: 60px; height: 60px; top: -30px;}
    .pbot i{ width: 18px; background-size: 100% auto; height: 10px; margin-left: -9px;}
    .aboutP-list .num{ font-size: 42px;}
    .aboutP-list .txt{ font-size: 20px;}
    .aboutPbox .pageC{ font-size: 15px;}
    .pagePadding2{ padding: 100px 0px;}
    .aboutC-box{ padding: 60px 0px;}
    .aboutC-box .pageC{ width: 86%;}
    .eventTab-t{ width: auto; padding: 0px 40px; height: 50px; overflow: hidden;}
    .eventTab-t .item{ height: 50px; line-height: 50px; font-size: 16px;}
    .eventTab-t .slick-arrow:before{ display: none;}
    .eventTab-t .slick-prev { left: 0px; }
    .eventTab-t .slick-next { right: 0px; }
    .event-list dd{ float: none;}
    .event-img{ width: 100%; padding: 0px 0px 50px;}
    .event-img .time{ font-size: 24px; text-align: center; margin-bottom: 35px;}
    .event-demo{ width: 100%; height: auto; text-align: center;}
    .event-demo .item{ position: relative; display: inline-block; left: auto; top: auto; right: auto; bottom: auto; margin: 4px;}
    .event-list .line{ display: none;}
    .event-con{ width: auto; border-left: 2px solid #e7e2d6; overflow: inherit;}
    .event-con .bot{ left: -7px; width: 6px; height: 6px; border-width: 4px;}
    .speech-List dd{ float: none; padding: 0px 5%; width: auto;}
    .speechBox{ background-color: transparent;}
    .speechBox .con{ background-color: #fff;}
    .speechBox .box{ margin: 40px 50px;}
    .speechBox .name{ font-size: 24px;}
    .speechBox .by{ padding: 15px 0px 30px;}
    .speechBox .c{ line-height: 1.8; height: auto; padding-right: 0; overflow-y: hidden;}
    .speechBox .mouseIco{ display: none;}
    .speech-List{ padding: 50px 0px;}
    .companyList .t{ font-size: 15px;}
    .companyList .c{ font-size: 20px;}
    .values-list{ display: inline-flex;}
    .values-list li{ background-color: #9ea7c4; padding: 25px 0px 35px; }
    .values-list li:nth-of-type(2n+1){ background-color: #9ea7c4;}
    .values-list li:nth-of-type(2n+2){ background-color: #8d96b3;}
    .values-list li:nth-of-type(2n+3){ background-color: #7d86a2;}
    .values-list .img,.values-list .red-80{ display: none;}
    .values-list .tbox{ position: relative; left: auto; top: auto; margin: 0px auto; text-align: left; width: 80%;}
    .values-list .ico{ margin-left: 0; margin-right: 0;}
    .values-list .con{ position: relative; left: auto; top: auto; margin: 15px auto 0; border-top-color: #F7F7F7; border-bottom-color: #F7F7F7;}
    .contact-list,.contactPage{ width: 600px;}
    .contact-list .img,.contact-list .con,.map-left,.map-sider{ float: none; width: auto;}
    .contactPage{ margin-top: 25px;}
    .map{ height: 260px;}
    .map-page{ margin: 0px 25px; height: auto;}
    .map-item{ padding: 15px 0px;}
    .map-item:before{ left: 0; right: 0;}
    .mCSB_inside>.mCSB_container{ margin-right: 20px;}
    .map-item:after{ display: none;}
    .pro-nav-list li{ float: left; width: 50%; height: 33.3%;}
    .pro-nav-list .linkA{ z-index: 4;}
    .pro-nav-list .item,.pro-nav-list .wbox:hover .item{ top: 0; position: initial;}
    .pro-nav-list .wbox:before{ width: 100%; height: 1px;}
    .pro-nav-list .bor{ display: none;}
    .pro-nav-list .tbox{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
    .pro-nav-list .cbox{ display: none;}
    .pro-nav-list .ico{ width: 40px;}
    .pro-nav-list .en{ font-size: 14px; }
    .pro-nav-list .zh{ font-size: 15px;  margin-top: 20px;}
    .surveyPbox .img{ width: 50%;}
    .surveyPbox .con{ width: 45%;}
    .surveyPbox .c{ height: 100px;}
    .btnMore{ width: 150px; height: 40px; line-height: 40px;}
    .btnMore .txt i{ transform: scale(0.8);}
    .pagePadding3{ padding: 60px 0px;}
    .main-pro-demo{ width: 92%;}
    .main-pro-demo .slick-list{ height: auto;}
    .main-pro-demo .slick-arrow { margin-top: -21px;}
    .main-pro-demo .txt{ height: 46px; line-height: 46px;}
    .main-pro-demo .slick-prev { left: -4%; }
    .main-pro-demo .slick-next { right: -4%; }
    .main-pro-demo .txt:before{ display: none;}
    .serviceList .ico{ width: 80px; height: 80px;}
    .serviceList .item{ width: 200px; height: 110px; border-color: #e4c36a;}
    .serviceList .item:after{ opacity: 1; visibility: visible\9; transform: inherit; -webkit-transform: inherit;}
    .por-info-box{ width: 80%; font-size: 14px; line-height: 1.8;}
    .previous .previ,.backlist{ width: 120px; height: 36px; line-height: 36px;}
    .backlist{ margin-left: -60px;}
    .productList .txt{ height: 50px; line-height: 50px;}
    .development-con .t{ font-size: 20px;}
    .development-con .pageC{ margin-bottom: 30px; height: 100px;}
    .profile-pbox .lbox{ width: 25%;}
    .profile-pbox .rbox{ width: 75%;}
    .profile-num li{ width: 29%;}
    .profile-num li:last-child{ padding-right: 0; margin-right: 0;}
    .expert-demo .img{ width: 290px;}
    .expert-pbox .con{ float: none; width: auto;}
    .expert-demo .t{ font-size: 18px; margin-bottom: 10px;}
    .expert-pbox .txt{ margin-bottom: 25px; text-align: justify;}
    /*.expert-pboxlist dd{ margin-bottom: 25px; float: left; display: block; width: 32%; margin-right: 2%;}
    .expert-pboxlist dd:nth-child(3n){ margin-right: 0;}
    .expert-pboxlist .img{ float: none; width: auto;}*/
    .expert-pboxlist .con{ /*float: none; width: auto; */padding: 25px 5% 0px;}
    .expert-pboxlist .t{ font-size: 18px; margin-bottom: 10px;}
    .expert-pboxlist .txt{ font-size: 14px; /*height: 70px;*/}
    .expertSBy{ margin-bottom: 50px;}
    .weaponizing-list { margin-left: -5%;}
    .weaponizing-list li{ margin-left: 5%; width: 45%; box-shadow:0 0 20px rgba(0,0,0,0.1);}
    .ledMore{ width: 120px; height: 40px; line-height: 40px;}
    .infoPage-padding{ padding: 50px 0px;}
    .infoPage-box{ margin-top: 0;}
    .info-T{ padding: 30px 35px 15px;}
    .info-T h3{ font-size: 24px;}
    .infoPage{ padding: 35px;}
    .sharelist1 li:last-child{ display: none;}
    .school-demo{ width: 78%;}
    .school-demo .bor{ display: none;}
    .school-demo .item{ margin: 0px 10px;}
    .new-page-c{ padding-right: 0px; border-right: 0px none; width: auto; float: none;}
    .new-page-silder{ float: none; width: auto; margin-top: 60px;}
    .nsilder-box{ display: none;}
    .new-list dd{ box-shadow:0 0 14px rgba(0,0,0,0.3);}
    .new-list .con{ padding-top: 8%;}
    .new-list .nsbot{padding: 15px 0;margin-top: 20px;}
    .new-list .t{ font-size: 18px; color: #00428e;height: 70px;padding-bottom: 20px;}
    .new-list .c{ margin-bottom: 8%;}
    .new-list .more i{ width: 100%;}
    .videoList .t{ font-size: 14px; padding: 12px 5%;}
    .videoList .vico{ transform: scale(0.6); -webkit-transform: scale(0.6);}
    .pagePadding4{ padding: 45px 0px;}
    .conceptList dd{ width: 49%; margin-bottom: 15px;}
    .conceptList .ico img{ width: 30px;}
    .conceptList .t{ margin-bottom: 18px;}
    .recruitment-select{ float: none; width: auto;}
    .recruitment-serach{ float: none; width: 250px;}
    .hrList{ font-size: 14px;}
    #hrPage{ background: none !important;}
    .responsibility-list{ margin-left: 0;}
    .responsibility-list li{ float: none; width: auto; margin-left: 0; background-color: #9ea7c4;}
    .responsibility-list li:nth-of-type(2n+1){ background-color: #9ea7c4;}
    .responsibility-list li:nth-of-type(2n+2){ background-color: #8d96b3;}
    .responsibility-list li:nth-of-type(2n+3){ background-color: #7d86a2;}
    .responsibility-list .black-20{ display: none;}
    .responsibility-list .img{ width: 50%;}
    .responsibility-list .ico{ width: 40px; height: 40px;}
    .responsibility-list .zh{ font-size: 22px;}
    .responsibility-list .bot{ width: 100%;}
    .responsibility-list .red-80{ display: none;}
    .responsibility-list .con,.responsibility-list .by{ opacity: 1; visibility:visible\9; transform:inherit; -webkit-transform:inherit;}
    .responsibility-list .item{ left: 55%; width: 40%;}
    .aidingList .img{ width: 40%;}
    .aidingList .con{ margin-left: 4%; width: 52%;}
    .aidingList .t{ font-size: 20px; color: #00428e;}
    .aidingList .btnMore{ width: 130px; height: 40px; line-height: 40px;}
    .aidingList dd{ box-shadow:0 0 18px rgba(0,0,0,0.1);}
    .commonweal-first .t{ margin-bottom: 18px; padding-bottom: 8px;}
    .commonweal-first .c{ height: 50px; margin-bottom: 25px;}
    .commonweal-page{ width: auto;}
    .commonweal-demo{ width: 91%; margin: 0px auto;}
    .commonweal-demo .txt{ font-size: 14px; height: 42px; line-height: 42px;}
    .commonweal-demo .slick-dots{ margin-top: 18px;}
    .commonweal-demo .slick-dots li { height: 8px; margin:0px 5px; }
    .commonweal-demo .slick-dots li a { height: 8px; width: 8px; line-height: 8px;}
}
@media screen and (max-width:992px){
    .mapbox{padding-top: 0;}
    .map-bim{top: 0;}
    .section2 .in-title2p{width: 90%;}
.r_center .box{margin-top:0px;height:auto;}
.history .w-100.f-v,.history li i{display:none;}
.history ul{height:auto;width:100%;position:relative;float:left;top:auto;left:auto;cursor:default;}
.history li{width:100%;height:auto;position:relative;float:left;margin-top:20px;}
.history li span{width:100%;position:relative;float:left;left:auto;bottom:auto;}
.r_center li h4,.history li h4{width:100%!important;color: #4646c9;}
.r_btm{ display:none;}
.index-wapcp{
        display: block;
    }
    .section3{display: none;}

}


@media screen and (max-width:860px){
    .in-n-b{padding-top: 0;}
     .in-h-title h3{
        margin-bottom: 10px;
     }
    
    .rencai-contop{
        padding: 25px 0;
    }
    .wangd-box{padding: 0;}
    .banner-swiper{
        padding-bottom: 35px;
    }
    .lianxi-box .s1{
        width: 100%;
        padding:  0 15px;

    }
    .lianxi-box{
        padding: 30px 0;
    }
     .lianxi-box .s2{
        width: 100%;
        padding:  0 15px;
    
    }
    .phone-banner{
        display: block;
    }
     .indepc-banner{
        display: none;
    }
    .cpri-list-imul li:nth-child(4){
    display: inline-block;
}
.lxhudong-ul{
    width: 100%;
}
.lxhudong-ul li{
    width: 100%;
    margin-bottom: 10px;
    float: left;
}
.touzi-inputbox11{
    width: 100%;
}
  
    .section2 .txt{
        display: none;
    }

    .qq-bk-ti{
            top: 53%;
    left: 25%;
    }
    .qq-bk-ti img{
       width: 150px;
    }
    .touzihd-wbox{
        background-size: cover;
    }
    .ho-b-btul li{
        width: 50%;
    }
    .hangq-wbox{
        padding: 30px 0;
    }
    .hangq-top-le{
        padding: 30px;
    }
    .hangq-top-le div{
        width: 100%;
    }
    .hangq-top-le{
        width: 100%;
    }
    .hangq-top-ri{
        padding: 15px;
        width: 100%;
    }
    .hangq-t-ul li{
        font-size: 18px;
    }
    .hangq-t-ul li .somll{
        font-size: 14px;
    }
    .hangq-top-ri h3{
        font-size: 14px;
    }
    .touzi-wbox{
        padding: 20px 0;
    }
    .touzi-top{
        padding: 20px 15px;
    }
    .touzi-bolist .tzdiv .s1{
        width: 30%;
    }
        .touzi-bolist .tzdiv .s2{
        text-align: right;
        width: 70%;
    }
    .touzi-bolist .tzdiv .s3{
        display: none;
    }
    .touzi-bolist .tzdiv .s4{
        display: none;
    }
    .rencai-wbox2{
        padding: 30px 0;
    }
    .rencai-contopul li{
        width: 50%;
        height: auto;
    }
    .ri-bo-ul1{
        width: 100%;
    }
    .ri-bo-ul1 li{
        width: 50%;
        float: left;
        line-height: 50px;
    }
    .rc-totih3{
        font-size: 18px;
    }
    .rc-totih4{
        font-size: 16px;
    }
    .ri-bo-ul1 li h4 img{
        display: none;
    }
        .ri-bo-ul1 li.active h4 img{
        display: none;
    }
    .ri-bo-ul2{
        width: 100%;
    }
    .news-de-ti{
        font-size: 20px;
    }
    .a_zxlmenu_c{
    height: 400px;
    overflow-y: auto;
    box-sizing: border-box;
    }
    .cpri-list-imul li{
        width: 50%;
    }
    .cpri-list-imul li p{
        line-height: 30px;
    }
    .cp-case-wz{
        display: none;
    }
    .shouhou-box{
    background: url(shouhou.jpg)/*tpa=http://www.zfkjgw.com/templets/hs/image/shouhou.jpg*/;
    padding: 30px;
}
.shouhou-formbx{
    width: 100%;
}
 .ri-bo-ul2 li{
        padding: 20px;
     }
    .vwrap .videobox { width: 560px; margin-left: -298px; }
    .smlink{ margin-left: 0; display: block;}
    .binbox .by{ font-size: 28px;}
    .binbox .year,.binbox .zh{ font-size: 18px;}
    .iboxItem{ float: none; width: 100%; margin-bottom: 30px; height: auto;}
    .newPicIbox .img{ height: auto; background: none !important;}
    .newPicIbox .img img{ display: block;}
    .newlistIbox{ padding-bottom: 20px;}
    .newlistIbox .title{ margin: 28px 5% 18px;}
    .newsIbox{ margin: 0px;}
    .newsIbox a{ padding: 0px 5%;}
    .navIbox{ margin: 0;}
    .navIbox-list li{ width: 50%;}
    .navIbox-list .desc{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
    .navIbox-list .desc .ico{ width: 36px; height: 36px;}
    .navIbox-list .more .icon{ margin-top: 25%;}
    .aboutP-list li{ width: 26%; padding: 0px 2% 0px 5%;}
    .aboutP-list .num{ font-size: 28px;}
    .aboutP-list{ padding-bottom: 35px;}
    .aboutPbox .pageC{ font-size: 14px;}
    .honorPbox{ width: auto;}
    .honorPbox .himg,.honorPbox .iboxT,.honorPbox .c{ width: 90%; margin-left: auto; margin-right: auto;}
    .honorPbox .hcon{ background: none transparent; padding: 0 0px 0;}
    .honor-demo{ padding: 20px 0; left: 0; width: 92%; margin: 0px auto;}
    .honor-demo .item{ margin: 0px 8px;}
    .honor-demo .img{ border: 5px solid #fff;}
    .honor-demo .slick-arrow{ display: none !important;}
    .honor-demo .slick-dots{ bottom: 0;}
    .honor-demo .slick-dots li{ width: 8px;}
    .honor-demo .slick-dots li a { height: 8px; width: 8px; line-height: 8px; }
    .iboxt-mt{ margin-bottom: 25px;}
    .surveyPbox .img,.surveyPbox .con{ float: none; width: auto;}
    .surveyPbox .img{ margin-bottom: 25px;}
    .surveyPbox .c{ height: auto; margin-bottom: 30px;}
    .serviceList .item{ width: 180px; height: 100px;}
    .productList{ margin-left: -2%;}
    .productList li{ width: 48%; margin-left: 2%;}
    .development-img{ width: 48%;}
    .development-con{ width: 48%; margin-left: 4%;}
    .profile-pbox .lbox,.profile-pbox .rbox{ width: auto; float: none;}
    .profile-pbox .con{ padding-top: 0;}
    .profile-num li{ padding: 0px 2% 0px 0px; width: 29%;}
    .expert-pboxlist .con{ padding-top: 25px;}
    /*.expert-pboxlist dd{ width: 49%;}
    .expert-pboxlist dd:nth-child(3n){ margin-right: 2%;}
    .expert-pboxlist dd:nth-child(2n){ margin-right: 0;}*/
    .development-pbox .iboxT{ position: relative; left: auto; top: auto; margin: 0px 0px 35px 0px;}
    .development-pbox .con{ float: none; width: auto; font-size: 14px;}
    .expertSBy{ width: 80%; font-size: 14px;}
    .weaponizing-list { margin-left: -3%;}
    .weaponizing-list li{ margin-left: 3%; margin-bottom: 35px; width: 47%;}
    .school-list li{ float: left; width: 47%; margin:0px 0px 4% 3%;}
    .school-list li .img{ width: 100%;}
    .school-list li:nth-child(odd){ margin-left: 0;}
    .school-list .con .title{ margin-bottom: 15px;}
    .school-list .con .zh{ font-size: 18px;}
    .school-list .con .en{ font-size: 12px;}
    .school-list .twoItem .img{ margin-left: 0;}
    .school-list .bor{ display: none;}
    .school-list .con{ position: relative; left: auto; right: auto; top: auto; height: auto; width: 86%; margin: 0px auto; padding: 25px 0px 35px;}
    .school-list .oneItem .con,.school-list .twoItem .con{ left: 0;}
    .school-demo{ width: 76%;}
    .new-list .con{ padding-top: 8%; margin-left: 4%;}
    .new-list .img{ padding: 5px;}
    .new-list .nsbot{padding: 10px 0;}
    .new-list .t{ font-size: 16px;height:70px;padding-bottom: 10px;}
    .new-list .c{ margin-bottom: 5%;}
    .tq-page-selce .txt{width: 100%;}
    .tq-page-selce select.tq-selce{ width: 48%; box-sizing: border-box; margin:0px 0px 20px 4%; padding: 9px 40px 9px 3%;}
    .tq-page-selce select.year-selce{ margin-left: 0;}
    .tq-serach-box{ float: left; width: 100%; box-sizing: border-box; padding-right: 70px;}
    .tq-serach-box .pbtn{ width: 70px;}
    .tq-serach-box .ptxt{ padding: 9px 3%; width: 94%;}
    .hrList .hspan{ width: 21%;}
    .hrList .hspan:nth-child(3){ display: none;}
    .recruitment-select select.mar-sel:last-child{ margin-right: 0;}
    select.mar-sel{ box-sizing: border-box; width: 49%; margin-bottom: 20px;}
    .csstransitions select.mar-sel{ background-size: 10px auto;}
    .recruitment-serach{ width: auto;}
    .recruitment-serach .txt{ box-sizing: border-box; width: 100%; height: 100%; padding: 10px 8px;}
    .responsibility-list .con{ line-height: 1.8; max-height: 150px;}
    .aidingList .t{ font-size: 18px; margin-bottom: 12px;}
    .aidingList .c{ height: 50px;}
    .commonweal-first .img{ float: none; width: auto; padding: 30px 5% 0;}
    .commonweal-first .con{ margin-left: 0; float: none; width: auto; padding: 20px 5% 25px;}
    .commonweal-first .t{ margin-bottom: 15px; padding-bottom: 5px; font-size: 16px;}
    .commonweal-first .c{ margin-bottom: 20px;}
}

@media screen and (max-width:770px){
    .in-h-title{margin: 0;}
    .in-h-title h3{margin: 0;}
    .in-nriul li{width: 100%;}
    .qq-bk-ti img{left: 0;}
     .in-nriul li:nth-child(3){
        display: none;
    }
    .about-boul li{
     width: 50%;
    margin-bottom: 15px;
    float: left;
    padding: 0 10px;
    }
     .about-boul li:nth-child(3){
        width: 100%;
     }

        .in-title2p{
        width: 95%;
        letter-spacing:2px; 
        font-size: 14px;
    }
    .section2{
        padding: 15px 0;
    }
    .section2 .in-title{
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .pbanner-C .en{
        margin: 0;
    }
}
@media screen and (max-width:641px){
        .qq-bk-ti{
       top: 57%;
    left: 22%;
    }
     .in-h-title h3{
        font-size: 20px;
     }
       .section6 .title{
        font-size: 20px;
    }
    .section2 .in-title{
        font-size: 20px;
    }
   
    .in-h-title h3{padding-top: 10px;
        padding-bottom: 15px;}
     .section4{
        padding-top: 0;
        padding-bottom: 0px;
    }
    .lianxi-box {
    padding: 30px 0;
}
    .spinner{
        left: 38%;
    }
    .phd16{
        font-size: 14px;
    }
   
    .qq-bk-ti img{
       width: 100px;
    }
    .hangq-top-le div{
        width: 80%;
    }
    .touzihd-wbox{
        padding: 30px 0;
    }
    .touzihd-con img{
        max-width: 100%;
    }
    .touzihd-con .f18{
        margin-bottom: 20px;
    }
        .news-de-ti{
        font-size: 18px;
        text-align: left;
    }
     .sh-for-div{
        line-height: 40px;
     }
     .sh-for-div img {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    display: block;
}
.cp-de-xiangxh3{
    font-size: 18px;
}
.sh-for-a input{
    line-height: 40px;
}
.sh-for-a a{
    line-height: 40px;
}
.de-cpimg-list li{
    width: 100%;
    padding: 0;
}
    .nsilder-box{ display: block;}
    .vwrap .videobox { width: 400px; margin-left: -218px; height: 300px; margin-top: -155px; }
    .body-right{ min-height: 280px;}
    .menuBox{ width: 310px;}
    .foot-tel{ font-size: 20px; margin-bottom: 15px; background-size: 16px auto; padding-left: 28px;}
    .foot-rbox .line,.f-oaBtn{ display: none;}
    .foot-add{ background-size: 14px auto; padding-left: 28px;}
    .foot-tel2{ background-size: 16px auto; padding-left: 28px;}
    .sharpBox{ padding-top: 0;}
    .sharpBox a img{ width: 25px;}
    .foot-rbox{ margin-bottom: 15px;}
    .banner .pimg{ width: 140%; margin-left: -20%; display: none;}
    .banner .bimg{ display: block;}
    .binbox .year{ font-size: 16px;}
    .binbox .by{ font-size: 22px; }
    .binbox .zh{ font-size: 15px;}
    .binbox .en{ display: none;}
    .binbox .moreBtn{ width: 100px;}
    .ibox{ padding: 25px 0px;}
    .iboxItem{ margin-bottom: 15px;}
    .newPicIbox .txt{ position: inherit; left: auto; bottom: auto; padding: 0px 5%; height: 40px; line-height: 40px; width: auto;}
    .newPicIbox .slick-arrow{ display: none !important;}
    .newPicIbox .slick-dots{ display: block !important;}
    .navIbox-list .desc{ line-height: 1.5;}
    .navIbox-list .more{ display: none;}
    .navIbox-list .more .icon{ margin-top: 20%;}
    .pbanner-C .zh{ font-size: 16px;}
    .pbanner-C article{
        top: 5px;
    }
    .pbanner-C .en{ font-size: 12px;}
    .pbanner-C .bot{ display: none;}
    .pbanner .load-img{ width: 130%; margin-left: -15%;}
    .pagePadding{ padding: 20px 0px;}
    .iboxT{ margin-bottom: 30px;}
    .iboxT .zh{ font-size: 20px;}
    .pageC .fc.l,.pageC .fc.r{  width: auto; display: block; float: none;}
    .pagePadding2{ padding: 70px 0px;}
    .aboutP-list li{ width: auto; float: none; border-right: 0px none; border-bottom: 1px solid #cdcdcd; padding: 0px 0px 20px; margin-bottom: 20px; text-align: center;}
    .aboutP-list li:last-child{ margin-bottom: 0;}
    .aboutP-list .num{ font-size: 35px;}
    .aboutP-list .txt{ font-size: 18px;}
    .aboutC-box{ padding: 40px 0px;}
    .aboutPbox .pageC{ text-align: justify;}
    .honorPbox .c{ font-size: 14px;}
    .honorPbox .hcon{ padding-top: 0;}
    .honor-demo{ width: 94%;}
    .eventTab-t .item{ font-size: 15px;}
    .event-page{ padding-top: 40px;}
    .event-img{ padding-bottom: 40px;}
    .event-demo .item{ margin: 2px;}
    .event-con{ padding: 35px 0px 35px 20px;}
    .event-con .year-txt{ display: block; position: relative; left: auto; top: auto; width: auto; text-align: left; margin-bottom: 10px;}
    .speechBox .img{ float: none; width: auto; padding: 20px 20px 0; background-color: #fff;}
    .speechBox .con{ float: none; width: auto;}
    .speechBox .box{ padding: 35px 20px; margin: 0;}
    .speech-List{ padding: 40px 0px;}
    .companyList .t{ font-size: 14px;}
    .companyList .c{ font-size: 18px;}
    .values-list{ display: block; margin-left: 0;}
    .values-list li{ float: none; width: auto; margin-left: 0;}
    .values-list .con{ min-height: auto;}
    .contact-list,.contactPage{ width: 90%;}
    .contact-list .img{ display: block;}
    .contact-list .pageC{ padding:30px 25px;}
    .contactPage{ padding: 0;}
    .map-left{ display: none;}
    .cultureList{ margin-left: 0;}
    .cultureList li{ float: none; width: auto; margin-left: 0;}
    .cultureList .txt{ padding: 14px 0px; line-height: 1.5; height: auto;}
    .pro-nav-list .ico{ width: 30px; margin-bottom: 0px;}
    .pro-nav-list .en{ font-size: 14px; }
    .pro-nav-list .zh{ font-size: 14px; margin-top: 15px;}
    .iboxt-mt{ margin-bottom: 25px;}
    .pagePadding3{ padding: 40px 0px;}
    .serviceList li{ width: 48%; margin-right: 4%;}
    .serviceList li:nth-of-type(2n+2){ margin-right: 0;}
    .serviceList .item{ width: auto; height: 100px; padding:25px;}
    .serviceList .zh{ font-size: 16px; line-height: 1.2;}
    .serviceList .ico{ width: 50px; height: 50px;}
    .por-info-page{ padding: 0;}
    .por-info-box{ width: 90%; padding: 40px 5%;}
    .previous .previ,.backlist{ width: 80px; font-size: 12px;}
    .backlist{ margin-left: -40px;}
    .por-info-t{ font-size: 20px;}
    .paging{ padding: 8px 0px;}
    .paging .prev, .paging .next{ width: 50px; background-size: 16px auto;}
    .paging a{ font-size: 14px; padding: 0px 8px;}
    .development-img .slick-dots li { height: 10px; margin:0px 4px; }
    .development-img .slick-dots li a { height: 6px; width: 6px; line-height: 6px;}
    .development-img,.development-con{ width: 100%; float: none;}
    .development-con{ margin:25px 0px 0px 0;}
    .development-con .t{ font-size: 18px; margin-bottom: 20px;}
    .profile-num li{ margin-right: 0;}
    .expert-demo .slick-prev{ left: 0px;}
    .expert-demo .slick-next{ right: 0px;}
    .expert-demo .img{ width: 100%; margin: 0px auto; float: none;}
    .expert-pbox .con{ padding-top: 25px;}
    .expert-pbox .t{ margin-bottom: 15px; font-size: 16px;}
    .expert-pbox .txt{ margin-bottom: 25px;}
    .development-pbox .iboxT{ margin-bottom: 30px;}
    .development-pbox .txt{ margin-bottom: 40px;}
    .por-info-box .profile-num{ border-bottom: 0px none; margin-bottom: 0;}
    .expertSBy{ width: 90%; margin-bottom: 40px; text-align: left;}
    .weaponizing-list { margin-left: -2%;}
    .weaponizing-list li{ margin-left: 2%; margin-bottom: 25px; width: 48%;}
    .infoPage-padding{ padding: 0px;}
    .infoPage-box{ width: auto;}
    .info-T{ padding: 35px 5% 15px; border-bottom-width: 1px;}
    .info-T h3{ font-size: 18px;}
    .infoPage{ padding: 25px 5% 40px;}
    .school-list li{ float: none; width:auto; margin:0px 0px 25px 0%;}
    .school-demo { width: 90%; padding-bottom: 35px;}
    .school-demo .item{ margin: 0px;}
    .school-demo .slick-arrow{ margin-top: -36px;}
    .school-demo .slick-prev { left: -5%; }
    .school-demo .slick-next { right: -5%; }
    .new-list{ padding-bottom: 15px;}
    .new-list .img{ padding: 20px; float: none; width: auto;}
    .new-list .con{ padding: 0px 20px 10px; float: none; margin-left: 0; width: auto;}
    .new-list .c{ margin-bottom: 20px;}
    .videoList{ margin-left: 0;}
    .videoList dd{ float: none; width: auto; margin-left: 0;}
    .pagePadding4{ padding: 35px 0px;}
    .conceptList { margin-left: 0;}
    .conceptList dd{ float: none; margin-left: 0; width: auto; height: auto !important;}
    .conceptList .item{ padding: 20px 5% 30px;}
    .hrList .hrdt,.hrList .hspan,.hrList .hrT .hspan{ height: 44px; line-height: 44px;}
    .hrList .hspan:nth-child(2), .hrList .hspan:nth-child(4){ display: none;}
    .hrList .hspan:nth-child(1){ width: 74%;}
    .hrList .ib{ margin-top: 14px;}
    .responsibility-list .img{ width: 100%; display: none;}
    .responsibility-list .item{ position: inherit; left: auto; top: auto; padding: 25px 8% 30px; width: auto; height: auto; position: relative;}
    .responsibility-list .by{ position: inherit; left: auto; bottom: auto; display: block; margin-top: 18px;}
    .aidingList dd{ margin-bottom: 25px;}
    .aidingList .img{ float: none; width: auto; padding: 15px 5% 0;}
    .aidingList .con{ float: none; margin-left: 0; padding: 20px 5%; width: auto;}
    .aidingList .t{ font-size: 16px;}
    .commonweal-first .img{ float: none; width: auto; padding: 0;}
    .commonweal-first .con{ margin-left: 0; float: none; width: auto; padding: 20px 5% 25px;}
    .commonweal-demo{ width: 90%;}
    .commonweal-demo .item{ margin: 0px;}
    .nobox-img img{ width: 200px;}
    .nobox-c{ font-size: 20px;}
    .nobox-btn{ width: 176px; height: 42px; line-height: 42px; }
    .nobox-btn .txt{ font-size: 16px;}
}
@media screen and (max-width:481px) {
    .ri-bo-ul1 li{
        line-height: 40px;
     }
     .rencai-contopul li{
        width: 100%;
        padding: 0;
     }

    .vwrap .videobox { width: 300px; margin-left: -150px; height: 240px; margin-top: -120px; }
    .binbox .by{ font-size: 18px; }
    .binbox .zh{ font-size: 13px; font-weight: normal;}
    .navIbox-list .more .icon{ margin-top: 15%;}
    .productList{ margin-left: 0%;}
    .productList li{ width: auto; float: none; margin:0px 0px 25px 0%;}
    .productList .txt{ height: auto; line-height: 1.5; padding: 12px 5%;}
    /*.expert-pboxlist dd{ float: none; width: auto; margin-right: 0;}*/
    .expert-pboxlist .img,.expert-pbox .con{ float: none; width: auto;}
    .expert-pboxlist .img a{ display: block; margin: 20px 5% 0;}
    .expert-pboxlist .txt{min-height: auto;}
    .weaponizing-list { margin-left: 0%;}
    .weaponizing-list li{ margin-left: 0%; width: auto; float: none;}
    .weaponizing-list .con{ padding:15px 5%;}
    .weaponizing-list .t{ height: auto;}
    .weaponizing-list .c{ padding-top: 10px; margin-top: 10px; height: auto;}
}   
@media screen and (max-width:421px) {
    .menuBox{ width: 100%;}
}
@media screen and (max-width: 375px) {
    
}
@media screen and (max-width: 360px) {
    .top-sider{ width: 70px; }
    .serviceList li{ width: 100%; margin:0px 0px 20px 0px; float: none;}
    .serviceList .item{ height: auto; padding: 25px 25px 55px;}
}
@media screen and (max-height:400px) {
    .pro-nav-list .ico{ display: none;}
}
@media screen and (max-height:280px) {
    .pro-nav-list .en{ font-size: 14px; }
    .pro-nav-list .zh{ font-size: 12px; }
}


.icons_down{
    position: absolute;
    width:44px;
    height:44px;
    left:50%;
    bottom:45px;
    background:url(icon_down.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/icon_down.png*/;
     margin:0 0 0 -22px;
     z-index:999;
     border-radius: 15px;
    text-indent: -999em;
}
.icons_down:hover{
    transition: all 0.6s;
    opacity: .6;
}
.seiper-news{
    width:250px;
    overflow:hidden;
    position: absolute;
    left:50%;
    bottom:170px;
    margin:0 0 0 -125px;
    z-index:999;
}
.seiper-news a{
    color:#888;
}
.seiper-news span,.seiper-news a.more{
    color:#2b7cd9;
}
.n-nav-box .logo02{
    display: inline-block;
}
.n-nav-box .logo01,.n-nav-box2 .logo02{
   display: none;
}
.n-nav-box2 .logo01{
    display: inline-block;
}

a.a-gu-p p{
    padding:0 0 0 40px;
    background: url(icon_tel.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/icon_tel.png*/ no-repeat left center;
}
.section4-1 .title3{
    width:100%;
    font-size: 32px;
    line-height: 46px;
    color: #333;
    margin:30px 0 0;
    text-align: center;
}
.section4-1 .title2,.section5_1 .title3{
    font-size: 16px;
    line-height: 46px;
    color: #666;
    text-align: center;
}
.s4-main{
    width:1000px;
    margin:80px auto 40px;
}
.s4-main li{
    width:33.333%;
    padding:0 4%;
    float: left;
    text-align: center;
    opacity: 0;
}
.s4-main li h3{
    font-size: 16px;
    line-height: 32px;
    color: #333;
    margin:20px 0;
}
.s4-main li p{
     font-size: 14px;
    line-height: 22px;
    color: #666;
}
.s4-btn{
    text-align: center;
}
.icon-down {
    position: absolute;
    right: 10px;
    top: 50%;
    display: inline-block;
    content: "";
    width: 7px;
    height: 7px;
    border: solid #ccc;
    border-width: 1px 1px 0 0;
    -webkit-transform: translate(0, -70%) rotate(135deg);
    transform: translate(0, -70%) rotate(135deg);
}
.section4_1{
    width:100%;
    background: url(icon_bg_1.jpg)/*tpa=http://www.zfkjgw.com/templets/hs/image/icon_bg_1.jpg*/ no-repeat center bottom;
    background-size:100%;
}
.section5_1{
    width:100%;
    background: url(icon_bg_2.jpg)/*tpa=http://www.zfkjgw.com/templets/hs/image/icon_bg_2.jpg*/ no-repeat center bottom;
    background-size:100%;
}
.section6_1{
    width:100%;
    background: url(icon_bg_3.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/icon_bg_3.png*/ no-repeat center;
}
.section4_1 .title2,.section5_1 .title2,.section6 .title2{
    width:100%;
    font-size: 32px;
    line-height: 46px;
    color: #333;
    margin:30px 0 0;
    text-align: center;
}
.s4_1_main{
    width:1200px;
    margin:20px auto;
    border:1px solid #ccc;
    border-right: 0;
     border-bottom: 0;
     background: #fff;
}
.s4_1_main .teble_th{
        position: relative;
}
 .s5_main{
        height:320px;
}   
.s6_main{
        height:500px;
}
.s4_1_main span{
     height:64px;
     line-height:64px;
     float:left;
     font-size: 16px;
     color:#666;
     text-align: center;
     border-right:1px solid #ccc;
     border-bottom: 1px solid #ccc;
}
.s4_1_main .teble_th span{
    color: #2a71e8;
    font-weight: 700;
}
.s4_1_main .teble_th i{
    width:40px;
    height: 40px;
    border-radius: 20px;
    background:#2a71e8;
    color:#fff;
    line-height: 40px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    position: absolute;
    right:370px;
    top: 12px;
}
.s4_1_main .col01{
    width:100px;
}
.s4_1_main .col01_01{
    font-size: 14px;
     color:#333;
     font-weight: 700;
}
.s4_1_main .col02{
    width:340px;
}
.s4_1_main .col03{
    width:370px;
}
.s4_1_main .teble_th span.col02{
     border-right:1px solid #fff;
}
.s4_1_main .teble_th span.col03{
    border-right:1px solid #fff;
}
.s4_1_main .col04{
    width:388px;
}
.s4_1_main .col04_01{
    font-size: 14px;
     color:#0589ff;
     font-weight: 700;
}

.s5_main{
    width:1400px;
    margin:100px auto;
}
.s5_main li{
    width:175px;
    text-align: center;
    float:left;
     position: relative;
				-webkit-transition: all .2s linear;
                transition: all .2s linear;
                top:0;
                cursor: pointer
}
            .s5_main li img{
                -webkit-transition: all .2s linear;
                transition: all .2s linear;
            }
            .s5_main li:hover {
				top:-5px;
            }	
            .s5_main li:hover img{
                -webkit-transform:scale(1.2); 
                 -moz-transform:scale(1.2) ; 
                transform:scale(1.2) ; 
            }
.s5_main .pic{
    width:100px;
    height:100px;
    overflow: hidden;
    text-align: center;
     margin:0 auto;
}
.s5_main h3{
     font-size: 16px;
    line-height: 32px;
    color: #333;
}
.news-footer{
    height: 400px;
    background: #26263c;
    color:#fff;
}
.news-footer a:hover{
opacity: .6;
}
.footer01{
    padding:30px 0;
    border-bottom: 1px solid #47475a;
}
.footer01_left{
    line-height:40px;
}
.footer01_left a{
   color:#fff;
   padding:0 5px;
}
.footer01_right{
    position: relative;
}
.footer01_right>span{
    width:160px;
    height:40px;
    line-height:40px;
    padding:0 20px;
    color:#fff;
    background: #3c3c52;
    display: block;
    position: relative
}
.footer01_right>span>i{
    width:16px;
    height:12px;
    display:block;
    background:url(icon_d.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/icon_d.png*/ no-repeat;
    position: absolute;
    right:20px;
    top: 14px;
}
.footer01_right>ul{
    display:none;
    position: absolute;
    left:0;
    top:40px;
    width:160px;
    background: #3c3c52;
    padding:10px;
}
.footer01_right>ul li a{
    color: #ccc;
    padding:0 0 0 10px;
}
.footer02{
    padding:25px 0;
}
.footer02_left{
    width:940px;
}
.footer02_right{
    width: 250px;
}
.footer02_right a{
    margin:0 15px 0 0;
    color:#fff;
    float:left;
    line-height: 38px;
}
.footer02_left .address>span{
    padding:0 20px 0 0;
}
.footer02_left .ewm{
    padding:20px 0 0;
}
.footer02_left .ewm>div{
    width:100px;
    text-align: center;
    margin:0 20px 0 0;
}
.footer02_left .ewm>div img{
    width:98px;
    height: 98px;
}
.footer03{
    height:60px;
    line-height: 60px;
    background: #1b1b2c;
    color:#fff;
}
.am-animation-delay-1 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.am-animation-delay-2 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
} 
.section4-1_an .am-animation-slide-left {
  -webkit-animation-name: am-slide-left;
          animation-name: am-slide-left;
}
[class*="am-animation-"] {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
      
        /* Slide left */
@-webkit-keyframes am-slide-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes am-slide-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.f-us-customer {
    width: 94% !important;
    height: 100%;
    padding-top: 200px;
}
.f-customer-map canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
}
.f-model-top .f-model-title {
    margin-bottom: 0.25rem;
    line-height: 1;
    font-size: 24px;
}
.f-model-top .f-model-title-en {
    color: #808080;
    font-weight: 300;
    font-size: 16px;
}
.f-us-customer .f-model-top {
    margin-top: 78px;
}
/* 我们的客户
---------------------------------- */
.f-us-customer .f-customer-count {
  position: absolute;
  top: 30%;
  right: 20%;
  text-align: center;
  transform: translateY(-50%);
}
.f-us-customer .f-customer-count .count-num {
    margin-top: 35px;
    line-height: 50px;
    color: #ff6500;
    font-size: 32px;
}
.f-us-customer .f-customer-count .count-name {
    line-height: 1;
    color: #808080;
    font-size: 26px;
}
.f-us-customer {
    height: 100%;
}
.f-us-customer .f-model-top {
      width: 100%;
      position: absolute;
      left:50%;
      top:30%;
      margin:0 0 0 -500px;
}

.f-us-customer .f-customer-map{
      position: relative;
      width: 100%;
      height: 22.25rem;
}
.f-us-customer .f-customer-map .f-map-roll-box {
        width: 100% !important;
        margin: 0 auto;
        background-position: center top;
}
.f-us-customer .f-customer-map .f-map-title {
        position: absolute;
        bottom:-14%;
        left: 35%;
        color: #333;
        font-size: 22px;
}
.f-us-customer canvas {
      width: 100%;
      height: 100%;
}
    .izl-rmenu {
    position: fixed;
    text-align: center;
    right: 0;
    margin-left: 532px;
    bottom: 0px;
    padding-bottom: 10px;
    z-index: 9999;
    bottom: 120px;
}
.icons_wx,.icons_tel2{
    width:42px;
    height:42px;
    margin:1px auto;
    display:block;
}
.icons_wx{
    background: url(icon_wx.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/icon_wx.png*/;
}
.icons_tel2{
    background: url(icon_tel2.png)/*tpa=http://www.zfkjgw.com/templets/hs/image/icon_tel2.png*/;
}
.izl-rmenu .btn {
    width: 80px;
    height: 100px;
    margin-bottom: 0px;
    cursor: pointer;
    position: relative;
    margin: 10px 0;
}
.izl-rmenu .btn {
    background-color: #63b7ff;
    padding-top: 15px;
    font-size: 16px;
    color: #fff;
}
.izl-rmenu .btn-wx .pic {
    position: absolute;
    right: 90px;
    top: -64px;
    display: none;
    width: 280px;
    min-height: 160px;
    background: #63b7ff;
    box-shadow: 0 0px 5px rgba(0,0,0,0.2);
    text-align: center;
    padding-bottom: 10px;
}
.izl-rmenu .btn-wx .pic .wx-title {
    font-size: 18px;
    color: #fff;
    padding: 10px;
    border-bottom: 1px #fff solid;
}
.izl-rmenu .btn-phone .phone {
    background-color: #63b7ff;
    box-shadow: 0 0px 5px rgba(0,0,0,0.2);
    position: absolute;
    width: 210px;
    left: -220px;
    top: -120px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    display: none;
    padding: 15px;
    padding-bottom: 10px;
}
.izl-rmenu .btn-wx .pic .wx-img {
    width: 100%;
    height: 100%;
    margin: 10px auto;
}
.izl-rmenu .btn-wx .pic .wx-img .img-src-contain {
    display: inline-block;
}
.izl-rmenu .btn-wx .pic .wx-img .img-src-contain  img{
    width:120px;
}
.izl-rmenu .btn-phone .phone .phone-title {
    background: #63b7ff;
    color: #fff;
    border-bottom: 1px #fff solid;
    font-size: 18px;
}
.izl-rmenu .btn-phone .phone .phone-lists {
    background: #fff;
    padding: 5px;
    color: #212125;
    margin-top: 10px;
    font-size: 14px;
}
.section1-1{
    height: 100%;
}

.box-Bread{
    width:100%;
    padding:20px 0;
    overflow: hidden;
    line-height: 40px;
    background: #1f69e3;
    color: #fff;
    font-size: 18px;
    position: relative;
    z-index: 7399;
}
#btiao{
   width:100%;
    overflow: hidden;
    height: 80px;
    background: #fff;
    display:none;
}
.box-Bread-fixed{
    position: fixed;
    top:0;
    left:0;
}
.box-Bread .b-b-left{
    width:770px;
}
.box-Bread .b-b-left a{
    color:#fff;
    margin:0 27px 0 0;
}
.box-Bread .b-b-left a.active,.box-Bread .b-b-left a:hover{
    color:#ff6c08;
}
.box-Bread .b-b-right{
    font-size: 14px;
}
.b-b-right .icons_map{
    width:24px;
    height:24px;
    display: inline-block;
    margin:9px 5px 0 0;
    vertical-align: top;
    background: url(icon_map.png)/*tpa=http://www.zfkjgw.com/templets/hs/images/icon_map.png*/;
}
.b-b-right a{
    color:#fff;

}
.about01,.about02{
    padding:90px 0;
}
.about02-text{
    width:600px;
}
.about02-text h2{
        font-size: 34px;
        color:#1f69e3;
        line-height: 36px;
        margin:50px 0 30px 0
}
    .about02-text p{
        font-size: 18px;
        color:#2f2f2f;
        line-height: 28px;
}
    .about02 li{
      width:33%;
      float: left;
      padding:30px 0;
      text-align: center;
      background: #f6f6fd;
    }
    .about02 li:nth-child(2){
         background: #fbfbff;
    }
    .about02 img{
        width:100px;
        height:100px;
        border-radius: 60px;
        box-shadow: 0 0 5px #ccc;
    }
 .about03{
     width:100%;
     height: 560px;
     background: url(about_bg.jpg)/*tpa=http://www.zfkjgw.com/templets/hs/images/about_bg.jpg*/ no-repeat center;
     background-size: cover;
     color:#fff;
     text-align: center;
 }   
 .about03 h2{
        font-size: 34px;
        line-height: 36px;
        margin:150px 0 0 0
}
  .about03 h3{
        font-size: 18px;
        line-height: 36px;
        margin:10px 0 30px 0
}   
    .about03 p{
        font-size: 14px;
        line-height: 34px;
}   
.newsList01{
    background: #f6f6f6;
    padding:30px 0;
}
.newsList01 li{
    float:left;
    width:386px;
    background: #fff;
    margin:0 20px 20px 0;
    position: relative;
				-webkit-transition: all .2s linear;
                transition: all .2s linear;
                top:0;
}
            .newsList01 li:hover{
				top:-5px;
			}	
.newsList01 ul{
    width:1220px;
    overflow: hidden;
}
.newsList01 .pic{
    width:380px;
    height:240px;
    overflow: hidden;
}
.inner1200 .pic a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsList01 .text{
    padding:10px 20px;
    line-height: 26px;
}
.newsList01 .text .tit{
    height:26px;
    overflow: hidden;
}
.newsList01 .text .tit>a{
    color:#525252;
    font-size: 16px;
}
.newsList01 .text .time{
    border-bottom: 1px solid #f5f5f5;
    padding:10px 0;
}
.newsList01 .goto{
    padding:10px 0;
}
.newsList01 .icons_go{
    float:right;
    font-size: 18px;
    color:#888;
}

.newsview{
    padding:50px 0;
}
.newsview .news-title{
    font-size: 30px;
    color:#333;
}
.newsview .news-mx{
    width:560px;
    margin:10px auto;
    font-size: 16px;
    color:#707070;
    padding:10px;
    border-top:1px solid #f5f5f5;
    border-bottom:1px solid #f5f5f5;
}
.newsview .news-body{
    font-size: 16px;
    line-height: 1.2;
    border: 1px solid #d8d8d8;
    padding: 20px;
    box-shadow: darkgrey 10px 10px 30px 5px;
    width: 70%;
    float: left;
}
.newsview .news-body p img{
    max-height: 100%;
    max-width: 100%;
    height: auto !important;
}

.news-body2{
    width: 29%;
    border: 1px solid #d8d8d8;
    padding: 20px;
    box-shadow: darkgrey 10px 10px 30px 5px;
    float: right;
}

.news-body2 .tuwen .pic{
    max-height: 90px;
    max-width: 115px;
    margin-right: 8px;
    float: left;
}


.fananbox{
    padding:50px 0;
    min-height: 500px;
}
.fananbox .box{
    padding:0 0 50px 0;
    min-height:500px;
}
.fananbox .tit2{
     font-size: 40px;
    color:#333;
    margin:20px 0;
}

.fananbox .tit1{
     font-size: 50px;
    color:#1f69e3;
     margin:20px 0;
}

.fananbox .b-txt h3{
    font-size: 24px;
    color:#1f69e3
}
.fananbox .b-imt{
    margin:40px 0 0;
}
.fananbox .b-txt p{
    font-size: 16px;
    color:#898989;
    margin:0 0 20px 0;
}
.page_list {padding:3px; margin: 3px; text-align:center}
.page_list li{padding:2px 7px; margin:2px; display:inline-block; border:#ccc 1px solid; border:#eee 1px solid; color:#036cb4; text-decoration:none}
.page_list .thisclass {border:#036cb4 1px solid; color:#fff;background-color:#036cb4; font-weight:bold; color:#fff !important; margin:2px}
.page_list .thisclass  a{color:#fff;}


/*阿旗修改*/
div.fp-tableCell{
    vertical-align: bottom;
}

.news-body2 .tuwen a{
	width: 100%;
	height: 100%;
    display: block;
}
.ys3{
	float: right;
}
.readTop{
	width: 100%;
    height: 30px;
}
.news-body2 .tuwen{
	width: 100%;
    height: 100%;
    display: inline-block;
}
/*.ys3 */


/*分享*/
.nv-share-li .nv-share-a{
    width: 25px;
    height: 25px;
}
.nv-share-li .nv-share-a2{

}
.nv-share-li .nv-share-a3{
    
}
/*阿旗修改*/

.news-body .lg-item-box img{
	height:auto!important;
}

/*阿旗修改*/