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;bor;/* border: 0; */f;/* 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 10px;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #a5a8aa;
    opacity: 1;

}

.swiper-pagination-bullet-active {
    background: #6eba44;
}






/*幻灯片*/




/*分页*/

.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: 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: 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(/uploads/image/eimage/sp_topbg.png);top: 0;
}
  .video-b{
  }
     video{
    width: 100%;
        height: 100%;
        display: block;
          object-fit:fill;

   }
   .top-nav{
    display: inline-block;
    float: left;
   }
   .top-nav li{
    float: left;
    display: inline-block;
    position: relative;
   }
      .top-nav li a{
        line-height: 60px;
        color: #fff;
        padding: 0 26px;
        font-size: 16px;
      }
.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(/uploads/image/eimage/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: 60px;
}
.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: #fff;
}

@-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; background-size: contain;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(/uploads/image/eimage/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: 1200px;
    margin: 0 auto;
    clear: both;
    position: relative;

}
.cp-nav-ul span{
          position: absolute;
    content: "";
    width: 18px;
    height: 9px;
    background: url(/uploads/image/eimage/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: 547px;
position: relative;
left: 404px;
height: 0;
    overflow: hidden;
z-index: 500;
top:11px;
  -webkit-transition:all 0.7s ; transition:all 0.7s;
}

.cp-nav-ul1{
        font-size: 14px;

    background: rgba(255,255,255,0.8);
    letter-spacing: 1px;
    line-height: 36px;
  


}
.cp-nav-li1{
padding-left: 15px;
position: relative;
overflow: hidden;
 padding-bottom: 10px;
     -webkit-transition:all 0.7s ; transition:all 0.7s;
}
.cp-nav-li1:hover a{
    color: #333;
}
.cp-nav-ul1 li.cp-nav-li1:first-child{
    padding-right: 30px;
}
.cp-nav-ul1 li.cp-nav-li1:first-child:after{
    content: "";
    height: 60%;
    width: 1px;
    top: 6%;
    right: 5px;

    background: ;
    position: absolute;
}
.cp-nav-ul1 li.cp-nav-li1:last-child{
    margin-right: 20px;
}
.cp-nav-ul1 a{
    font-weight: bold;
}
.cp-nav-li1{
    float: left;
}
.cp-nav-ul2 li {
    border-bottom: 1px solid #c7c4c4;
}
.cp-nav-ul2 li:last-child{
    border: none;
}
.cp-nav-ul2 li a{
    font-weight: 400;
    padding-right: 10px;
    font-size: 14px;
}
.cp-nav-ul1 li.cp-nav-li1:last-child .cp-nav-ul2 li a{
        padding-right: 20px;
}
.cp-nav-ul2 li:hover a{
    color: #67b869 !important;
}
/*.top-nav li:nth-child(3):hover ul.cp-nav-ul1{
   height: 268px;
}*/
.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: 999;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}


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

}
.top-nav-se li:hover a{
    color: #67b869 !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;
}

.n-nav-ri a i{
    position: relative;
    top: -2px;
    color: #cccccc;
    margin-left: 5px;
}
a.a-gu-p{
    color: #00438e;
}
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(/uploads/image/eimage/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(/uploads/image/eimage/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(/uploads/image/eimage/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(/uploads/image/eimage/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(/uploads/image/eimage/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:  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(/uploads/image/eimage/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(/uploads/image/eimage/ry-bt1.png);
     background-size: cover;
}
.honor-demo .ry-next{
    background-image:url(/uploads/image/eimage/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(/uploads/image/eimage/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(/uploads/image/eimage/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(/uploads/image/eimage/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;overflow: hidden;}
.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(/uploads/image/eimage/rr_pager_prev.png); left: 0;}
.paging .next { background-image: url(/uploads/image/eimage/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; }
/*.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: 0px; 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: 16.6666666667%; height: 100%; position: relative; overflow: hidden;}
.pro-nav-list .wbox{ height: 100%; background:  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:  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(/uploads/image/eimage/red_30.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: 40px; display: block; margin: 0px auto 5px;}
.pro-nav-list .en{ font-family: "微软雅黑","microsoft jhenghei"; font-size: 14px; }
.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%;}
/*.pro-swiper .swiper-slide img{
    width: 100% !important;

}*/
/*product style end*/
/*product1 style*/
/******产品专题页*******/
.fuwu{
    height: auto;
}
.fuwu img{
      /*display : block ;*/
    width: 100%;


}

/******售后服务*******/
.shouhou-box{
    background: url(/uploads/image/eimage/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(/uploads/image/eimage/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(/uploads/image/eimage/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(/uploads/image/eimage/ditu-img2.jpg) bottom;
        background-size: cover;
        position: relative;
}
.wangd-wbox img{
    max-width: 100%;
}
.ditu-png1{
       opacity: 1;
}
/******运达客户*******/


/*******大事记*******/
.dashiji-wbox{
    background: url(/uploads/image/eimage/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(/uploads/image/eimage/huoche.png) no-repeat;
}
 .r_center .car.back {
  background: url(/uploads/image/eimage/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{
 display: inline-block;    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
{.inner1320
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(/uploads/image/eimage/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(/uploads/image/eimage/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(/uploads/image/eimage/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(/uploads/image/eimage/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(/uploads/image/eimage/rr_pager_prev1.png); left: 0;}
.paging2 .next { background-image: url(/uploads/image/eimage/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(/uploads/image/eimage/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(/uploads/image/eimage/hangq-pn1.png);
}
.hq-low .hang-pn2{
       background: url(/uploads/image/eimage/hangq-pn2.png);
}
.hangq-top-ri{
    float: left;
    width: 70%;
    background: url(/uploads/image/eimage/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(/uploads/image/eimage/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: 70%;
    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:  right no-repeat;
        background-size: 100% auto;

}
.section2 .xian2 {
    position: absolute;
   width: 0;
     height: 100%;
left: 77.8%;
    top: -30.0%;
    background:  left no-repeat;
     background-size: 100% auto;
}
.section2 .xian3 {
    position: absolute;
       width: 0%;
    height:100%;
    right: 20.3%;
    top: -26.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian4 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 21.6%;
    top: -22.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian5 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 20%;
    top: -8.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian6 {
    position: absolute;
       width: 0%;
     height: 100%;
       right: 18%;
    top: -15%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian7 {
    position: absolute;
       width: 0%;
    height: 100%;
     right: 19%;
    top: -9%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian8 {
    position: absolute;
       width: 0%;
     height: 20.6%;
      right: 20.2%;
    top: 24.6%;
    background:  right no-repeat;
     background-size: auto 100%;
}
.section2 .xian9 {
    position: absolute;
       width: 0%;
    height: 20.6%;
    left: 78.5%;
    top: 24.6%;
    background:  left no-repeat;
        background-size: auto 100%;
}
.section2 .xian10 {
    position: absolute;
    width: 0%;
    height: 100%;
     right: 23%;
    top: -31%;
      background: url(/uploads/image/eimage/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:  right no-repeat;
        background-size: 100% auto;

}
.section2 .xian2 {
    position: absolute;
   width: 0;
     height: 100%;
left: 77.8%;
    top: -30.0%;
    background:  left no-repeat;
     background-size: 100% auto;
}
.section2 .xian3 {
    position: absolute;
       width: 0%;
    height:100%;
    right: 20.3%;
    top: -26.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian4 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 21.6%;
    top: -22.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian5 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 20%;
    top: -8.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian6 {
    position: absolute;
       width: 0%;
     height: 100%;
       right: 18%;
    top: -15%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian7 {
    position: absolute;
       width: 0%;
    height: 100%;
     right: 19%;
    top: -9%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian8 {
    position: absolute;
       width: 0%;
     height: 20.6%;
      right: 20.2%;
    top: 24.6%;
    background:  right no-repeat;
     background-size: auto 100%;
}
.section2 .xian9 {
    position: absolute;
       width: 0%;
     height: 25.6%;
 left: 78.5%;
    top: 24.6%;
    background:  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(/uploads/image/eimage/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:  right no-repeat;
        background-size: 100% auto;

}
.section2 .xian2 {
    position: absolute;
   width: 0;
     height: 100%;
left: 77.8%;
    top: -30.0%;
    background:  left no-repeat;
     background-size: 100% auto;
}
.section2 .xian3 {
    position: absolute;
       width: 0%;
    height:100%;
    right: 20.3%;
    top: -26.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian4 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 21.6%;
    top: -22.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian5 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 20%;
    top: -8.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian6 {
    position: absolute;
       width: 0%;
     height: 100%;
       right: 18%;
    top: -15%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian7 {
    position: absolute;
       width: 0%;
    height: 100%;
     right: 19%;
    top: -9%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian8 {
    position: absolute;
       width: 0%;
     height: 20.6%;
      right: 20.2%;
    top: 24.6%;
    background:  right no-repeat;
     background-size: auto 100%;
}
.section2 .xian9 {
    position: absolute;
       width: 0%;
     height: 20.6%;
 left: 78.5%;
    top: 24.6%;
    background:  left no-repeat;
        background-size: auto 100%;
}
.section2 .xian10 {
    position: absolute;
    width: 0%;
    height: 100%;
     right: 23%;
    top: -31%;
      background: url(/uploads/image/eimage/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:  right no-repeat;
        background-size: 100% auto;

}
.section2 .xian2 {
    position: absolute;
   width: 0;
     height: 100%;
left: 77.8%;
    top: -30.0%;
    background:  left no-repeat;
     background-size: 100% auto;
}
.section2 .xian3 {
    position: absolute;
       width: 0%;
    height:100%;
    right: 20.3%;
    top: -26.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian4 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 21.6%;
    top: -22.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian5 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 20%;
    top: -8.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian6 {
    position: absolute;
       width: 0%;
     height: 100%;
       right: 18%;
    top: -15%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian7 {
    position: absolute;
       width: 0%;
    height: 100%;
     right: 19%;
    top: -9%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian8 {
    position: absolute;
       width: 0%;
     height: 20.6%;
      right: 20.2%;
    top: 24.6%;
    background:  right no-repeat;
     background-size: auto 100%;
}
.section2 .xian9 {
    position: absolute;
       width: 0%;
     height: 20.6%;
 left: 78.5%;
    top: 24.6%;
    background:  left no-repeat;
        background-size: auto 100%;
}


.section2 .xian10 {
    position: absolute;
    width: 0%;
    height: 100%;
       right: 23.6%;
    top: -31.2%;
      background: url(/uploads/image/eimage/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:  right no-repeat;
        background-size: 100% auto;

}
.section2 .xian2 {
    position: absolute;
   width: 0;
     height: 100%;
left: 77.5%;
    top: -30.5%;
    background:  left no-repeat;
     background-size: 100% auto;
}
.section2 .xian3 {
    position: absolute;
       width: 0%;
    height:100%;
    right: 20.8%;
    top: -27.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian4 {
    position: absolute;
       width: 0%;
    height: 100%;
right: 22%;
    top: -23%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian5 {
    position: absolute;
       width: 0%;
    height: 100%;
  right: 21%;
    top: -9.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian6 {
    position: absolute;
       width: 0%;
     height: 100%;
      right: 19%;
    top: -15%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian7 {
    position: absolute;
       width: 0%;
    height: 100%;
     right: 19%;
    top: -10.5%;
    background:  right no-repeat;
     background-size: 100% auto;
}
.section2 .xian8 {
    position: absolute;
       width: 0%;
     height: 20.6%;
      right: 20.8%;
    top: 24.6%;
    background:  right no-repeat;
     background-size: auto 100%;
}
.section2 .xian9 {
    position: absolute;
       width: 0%;
     height: 20.6%;
 left: 78%;
    top: 24.6%;
    background:  left no-repeat;
        background-size: auto 100%;
}
.section2 .xian10 {
    position: absolute;
    width: 0%;
    height: 100%;
    right: 24%;
    top: -32%;
      background: url(/uploads/image/eimage/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: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:  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;
}


}

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




}





.headbox{position:absolute;top:0;left:0;right: 0;z-index: 110;}

.head{
    position: relative;
        transition: all 1s;
    position: relative;
    -webkit-transition: all 1s;
    top: -100px;
    height: 60px;
}
.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: ;}
    .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;
    }
    .in-nle-im{}

    .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; }
    .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(/uploads/image/eimage/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(/uploads/image/eimage/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: #464646c9;}
.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(/uploads/image/eimage/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; }
}