html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span,p {
    padding: 0;
    margin: 0;       
}
ul { list-style: none;margin: 0; padding: 0;}
a:hover{cursor: pointer;}
html {width: 100%;overflow-x: hidden;}
 input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}
.banner{overflow: hidden;}
.banner .swiper-slide img{width: 100%}
textarea {  -webkit-appearance: none;}   
.left{float: left;}
.right{float: right;}
.clear{clear: both}
body { width: 100%;  *cursor: default;
font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;overflow-x:hidden;}
img{border:0px;}
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
.main{margin:0 auto;/*max-width: 92%;width: 1620px*/}

.clearfix:before,.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1;
}
/*头部*/


.section1{width: 100%;background: #000000 url('../images/sec1.jpg') no-repeat center bottom;padding:70px 0 100px;position: relative;overflow: hidden;}
.banner .swiper-slide img{display: block;}
.banner2_bg{position: relative;overflow: hidden;}
.title{text-align: center;}
.title span{display: block;font-size: 35px;color: #fff;}
.title p{width: 758px;max-width: 90%;margin:0 auto;font-size: 15px;color: #dddddd;text-align: center;line-height: 2;}
.title i{display: block;width: 30px;height: 4px;background: #1f62c3;margin:10px auto 12px;}
.sec1_ul{width: 1460px;margin:0 auto;padding-left: 35px;padding-top: 50px}

.sec1_ul li{width: 242px;height: 242px;position: relative;float: left;margin-right: 150px;margin-bottom:50px}  
.sec1_ul li p{color: #fff;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.sec1_ul li:nth-child(4n){margin-right: 0}
.sec1_ul li i{display: block;transition: all 0.5s;-webkit-transition: all 0.5s;width: 70px;height: 70px;margin:0 auto 12px;}
.sec1_ul li:nth-child(1) i{background: url('../images/icon1.png') no-repeat center;}
.sec1_ul li:nth-child(2) i{background: url('../images/icon2.png') no-repeat center;}
.sec1_ul li:nth-child(3) i{background: url('../images/icon3.png') no-repeat center;}
.sec1_ul li:nth-child(4) i{background: url('../images/icon4.png') no-repeat center;}
.sec1_ul li:nth-child(5) i{background: url('../images/icon5.png') no-repeat center;}
.sec1_ul li:nth-child(6) i{background: url('../images/icon6.png') no-repeat center;}
.sec1_ul li:nth-child(7) i{background: url('../images/icon7.png') no-repeat center;}
.sec1_ul li:nth-child(8) i{background: url('../images/icon8.png') no-repeat center;}

.sec1_ul li .sec1_bg1{transition:all 1s;background: url('../images/ju.png') no-repeat center top;position: absolute;top:0;left:0;bottom: 0;right: 0;background-size: 100% 100%}
.sec1_ul li .sec1_bg2{position: absolute;left:-37px;top:6px;background: url('../images/sec1_bg2.png') no-repeat center top;width: 215px;height: 183px;background-size: 100% 100%}
.sec1_ul li:hover .sec1_bg1{
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);    /* IE 9 */
  -webkit-transform: rotate(360deg);  /* Safari and Chrome */
  -o-transform: rotate(360deg);   /* Opera */
  -moz-transform: rotate(360deg);
}
.sec1_ul li:hover i{transform:scale(0.95);}


.section2{width: 100%;background: url('../images/sec2.jpg')  center top;padding: 60px 0 70px}
.section2 .title span{color: #000000;}
.section2 .title p{color: #333333;}
.sec2_type{text-align: center;padding: 50px 0}
.sec2_type a{display:inline-block;font-size: 14px;color: #333333;}

.sec2_type a i{
  padding: 0 30px;height: 40px;line-height: 40px;border:1px solid #1f62c3;border-radius: 20px;display: block;
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg,#1f62c3,#1f62c3, rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  font-style: normal;
}
.sec2_type a:hover i{
  color:#fff;
  background-position: 99% 50%;
}
.navlist li{
  transition: border-top-color 0.2s 0.2s linear,
 border-right-color 0.2s 0.1s linear,
 border-bottom-color 0.2s 0s linear;
 border:1px solid  transparent;
 text-align: center;
 border-radius: 20px;
}

.navlist li:hover {
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: #fff;
  transition: border-top-color 0.1s 0s linear,
 border-right-color 0.2s 0.1s linear,
 border-bottom-color 0.2s 0.2s linear;
}

.navlist li:hover a{color: #00e847;font-weight: bold;}

.sec2_list{/*width: 1500px;*/max-width: 100%;margin:0 auto;overflow: hidden;}
.sec2_pic{position:relative;width:100%;height:0;padding-top:68%;z-index: 10;background: #fff}
.sec2_pic img{position:absolute;top:0;left:0;width:100%;height:100%;display: block;}
.sec2_info{padding: 3% 3% 5%;text-align: center;}
.sec2_tit{margin-bottom: 10px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec2_more{color: #8087c3;font-size: 12px;text-transform: uppercase;background: url('../images/more.png') no-repeat center;width: 58px;height: 58px;text-align: center;line-height: 58px;margin:0 auto;}

.sec2_list .swiper-container{padding-bottom: 100px;position: relative;}
.swiper-button-prev, .swiper-button-next{top:auto!important;bottom: 0!important;width: 37px;height: 37px;}
.swiper-button-prev{left: calc(50% - 48px);background: url('../images/prev.png') no-repeat center top;}
.swiper-button-next{right: calc(50% - 48px);background: url('../images/next.png') no-repeat center top;}

.section3{width: 100%}
.sec3_left{width:50%;float: left;height: 100%}
.sec3_right{width:50%;float: right;padding:70px 0;background: #fff}
.sec3_tit{color: #000000;font-size: 36px;}
.sec3_web{font-size: 24px;color:#1f62c3}
.sec3_con{font-size: 14px;color: #333333;margin-bottom: 30px;line-height: 2;}
.sec3_more{display: block;width: 152px;height: 40px;border:2px solid #3d77cb;line-height: 38px;border-radius:20px;font-size: 14px;color: #1f62c3;margin-bottom: 35px;text-align: center;}
.sec3_right_nr{width:800px;max-width: 90%;}
.sec3_right_info{padding-left:80px;}
.sec3_tit i{display: block;width: 30px;height: 4px;background: #1f62c3;margin-top: 10px}
.sec3_web{padding:45px 0 30px;}
.sec3_right_list{width:calc(100% + 33.3%);position: relative;left:-33.3%;}
.sec3_right_list li{float: left;position:relative;width:25%;height:0;padding-top:23%;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.sec3_right_list a{display: block;position:absolute;top:0;left:0;width:100%;height:100%;text-align: center;}
.sec3_right_list li p{font-size: 14px;color: #888888;text-transform: uppercase;}
.sec3_right_list li span{font-size: 20px;color: #000000;display: block;margin-top:8px}
.sec3_right_list li .icon{width: 54px;height: 54px;margin:0 auto 20px;}
.sec3_right_list li:nth-child(1) .icon{background: url('../images/sec3_icon1.png') no-repeat center bottom;}
.sec3_right_list li:nth-child(2) .icon{background: url('../images/sec3_icon2.png') no-repeat center bottom;}
.sec3_right_list li:nth-child(3) .icon{background: url('../images/sec3_icon3.png') no-repeat center bottom;}
.sec3_right_list li:nth-child(4) .icon{background: url('../images/sec3_icon4.png') no-repeat center bottom;}
.sec3_right_con{position:absolute;top:50%;transform:translateY(-50%);width: 100%}


.section4 li{width: 33.3%;float: left;position: relative;display: block;margin:0;padding: 0;overflow: hidden;height:0;padding-top:25.1%;display: block;}

.section4 li img{position:absolute;top:0;left:0;width:100%;height:101%;display: block;max-width: auto!important}


.section5 .title span {color: #000000;}
.section5{padding-top:60px;}
.sec5_list{padding: 75px 0;width: 98%;margin:0 auto;}
.sec5_list li{width: 25%;float: left;}
.sec5_list li .sec5_info{padding:30px 35px 75px}
.sec5_date{font-size: 13px;color: #666666;margin-bottom:10px}
.sec5_tit{font-size: 18px;color: #000000;font-weight: bold;margin-bottom:25px;}
.sec5_pic{position:relative;width:100%;height:0;padding-top:58%;}
.sec5_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec5_jian{font-size: 14px;color: #666666;line-height: 24px;margin-top:10px;margin-bottom: 75px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sec5_tit p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 15px}
.sec5_tit i{display: block;width: 20px;height: 2px;background: #000000}

.sec5_more{width:10px;height:10px;text-align: right;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color:#000000;text-transform: uppercase;font-weight: bold;display: block;background: url('../images/sec5_more.png') no-repeat center;}
.sec5_list li:hover .sec5_more{width:50px;background: url('../images/sec5_more2.png') no-repeat center;}

.bot{background:#3b4551;padding-top: 65px}
.bot1{padding-bottom: 30px}
.bot1_tit{font-size: 18px;color: #ffffff;padding-bottom:30px;margin:0;}
.bot_main{width: 1600px;margin:0 auto;max-width: 90%}
.bot1_left li{float: left;margin-right:50px;min-width:80px}
.bot1_li_a{display: block;border-bottom:1px solid #4e5864;padding-bottom: 12px}
.bot1_left li a{color: #9ba5b1;font-size: 14px;}
.bot1_left li .two dd a{font-size: 14px;color: #9ba5b1; padding-bottom: 5px;border-bottom:1px solid #4e5864;}
.bot1_left li .two dd{margin-top: 15px}
.bot1_left{float: left;}
.bot1_mid{float: left;width: 400px;margin-left: 50px}
.bot1_right{float: right;}
.bot1_mid li{font-size: 14px;color: #9ba5b1;margin-bottom:25px}
.bot1_mid li span{font-size: 30px;color:#04c461}
.bot2{font-size: 14px;color: #6e7882;padding:15px 0;border-top: 1px solid #4e5864}
.bot2_right{width: 100px;float: right;}
.bot2_left{float: left;width: calc(100% - 100px)}
.bot2_right .bshare-custom a {
    width: 35px;
    height: 35px;
    padding: 0;
    border-radius:100%;
    background-position-x: center;
    background-position-y: center;
    margin-left:10px;
}
.bot2_right .bshare-custom a.bshare-sinaminiblog {
    background:url("../images/xl.png") no-repeat center;
}
.bot2_right .bshare-custom a.bshare-weixin {
    background:url("../images/wx.png") no-repeat center;
}
.bot1_left li .two dd a:hover,.bot1_left li a:hover{color: #fff}
.bsBox{overflow: hidden!important;padding: 0!important;height: 256px!important;width: 232px!important;}
.navlist{overflow: hidden;width:1000px;position: relative;height:35px;margin-right: 38px}
.navlist ul{position: absolute;right:0px;top:0;transition: all 1.5s;}
.dh{-webkit-transition: all ease-out .2s;}
.dh_rotate{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.dh img{display: block;}
.section1{position:relative;}
.sec1_bg{position: absolute;top:0;left:0;right: 0}

.sec4_bg{position: absolute;top:0;left:0;bottom: 0;right: 0;background: rgba(0,0,0,0.5);transition: all 0.8s ease 0s;}
.section4 li .sec4_info{transition: all 0.8s ease 0s;}
.sec4_info{background:linear-gradient(-135deg, transparent 10px, rgba(255,255,255,0.9) 0);;width: 380px;height: 270px;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.7);padding:45px 35px;z-index: 1;opacity: 0}
.sec4_tit{font-size: 18px;color: #1f62c3;font-weight: bold;background: url('../images/l.jpg') no-repeat left top;padding-top: 20px}
.sec4_jian{font-size: 13px;color: #666666;line-height:1.7;margin-top: 30px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 30px}
.sec4_info span{display: block;background:#1f62c3 url('../images/sec4_more.png') no-repeat center;width: 30px;height: 30px;border-radius: 50%}
.section4 li:hover .sec4_info{transform:translate(-50%,-50%) scale(1);opacity: 1}
.section4 li:hover .sec4_bg{background: rgba(0,0,0,0.0);}
.section4 li{overflow: hidden;}
.section4 li img{
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition:all 1s;
}
.section4 li:hover img{
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.sec5_list li .sec5_info{transition: all 0.4s;}
.sec5_list li:hover .sec5_info{box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
transform: scale(1.05);}

.sec5_list li:hover .sec5_tit{color: #1f62c3}
.sec5_list li:hover .sec5_tit i{background: #1f62c3}

.banner .swiper-pagination-bullet {width:10px;height:10px;border-radius: 100%;background: #fff;opacity: 1;position: relative;}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #00e847;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 44px}
.banner .swiper-pagination-bullet:before{border:1px solid #fff;width:10px;height:10px;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);content: "";border-radius: 50%;transition:all 1s;}
.banner .swiper-pagination-bullet-active:before{transform:translate(-50%,-50%) scale(2);}
 .container{
   -webkit-transform-style: preserve-3d;
           transform-style: preserve-3d;
   -webkit-perspective: 1000px;
           perspective: 1000px;
 }
 
 .front,
 .back{
  width: 100%;
   background-size: 100%;
   background-position: center;
   -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
   transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
   -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
   transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
   transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
   text-align: center;
   
   
   border-radius: 10px;
   color: #fff;
   font-size: 1.5rem;
 }

 .front:after{
   position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: '';
     display: block;
     background: #242c72;
     -webkit-backface-visibility: hidden;
             backface-visibility: hidden;
 }
 .back:after{
   position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: '';
     display: block;
     background: #fff;
     -webkit-backface-visibility: hidden;
             backface-visibility: hidden;
 }
 .container:hover .front,
 .container:hover .back{
     -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
     transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
     -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
     transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
     transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
 }

 .back{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
 }


 .sec2_info{-webkit-transform-style: preserve-3d;
             transform-style: preserve-3d;}
 .inner{
     -webkit-transform:  translateZ(60px) scale(0.94);
     transform:  translateZ(60px) scale(0.94);
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     outline: 1px solid transparent;
     -webkit-perspective: inherit;
     perspective: inherit;
     z-index: 2;
 }

 .container .back{
     -webkit-transform: rotateY(180deg);
             transform: rotateY(180deg);
     -webkit-transform-style: preserve-3d;
             transform-style: preserve-3d;
 }

 .container .front{
     -webkit-transform: rotateY(0deg);
             transform: rotateY(0deg);
     -webkit-transform-style: preserve-3d;
             transform-style: preserve-3d;
 }

 .container:hover .back{
   -webkit-transform: rotateY(0deg);
           transform: rotateY(0deg);
   -webkit-transform-style: preserve-3d;
           transform-style: preserve-3d;
 }

 .container:hover .front{
   -webkit-transform: rotateY(-180deg);
           transform: rotateY(-180deg);
   -webkit-transform-style: preserve-3d;
           transform-style: preserve-3d;
 }


.sec2_pic_bg{position: absolute;top:0;left:0;bottom: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}



.back .sec2_info {color: #195db3;}
.back .sec2_more{color: #195db3;background: url('../images/more2.png') no-repeat center;}
.sec3_right_list li .icon{transition: all 0.5s ease 0s;}
.sec3_right_list li .sec3_right_bg{background: #195db3;position: absolute;top:0;left:0;width: 100%;height: 100%;transform:scale(0);
transition: all 0.5s ease 0s;}
.sec3_right_list li:hover .sec3_right_bg{transform:scale(1);}
.sec3_right_list li:hover p{color: #fff}
.sec3_right_list li:hover span{color: #fff}
.sec3_right_list li:nth-child(1):hover .icon {background: url('../images/sec3_icon11.png') no-repeat center bottom;}
.sec3_right_list li:nth-child(2):hover .icon {background: url('../images/sec3_icon22.png') no-repeat center bottom;}
.sec3_right_list li:nth-child(3):hover .icon {background: url('../images/sec3_icon33.png') no-repeat center bottom;}
.sec3_right_list li:nth-child(4):hover .icon {background: url('../images/sec3_icon44.png') no-repeat center bottom;}
.sec3_right_con{z-index: 1;}

/*.sec3_right_list li:hover .icon {
    transform: rotateY(360deg);
    transition: all 0.8s;
}*/


/*.sec4_info span:hover{animation: heartbeat 0.2s infinite;}
@keyframes heartbeat {
      50% {
        transform: scale(1.1);
      }
    }
*/


.sec3_more span{
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  position: relative;overflow: hidden;
  display: block;
}
.sec3_more span:before {
  content: "";
  background: url('../images/sec3_more.png') no-repeat center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: -30px;
  width: 30px;
  height: 100%;

  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  text-align: center;
}
.sec3_more:hover span{
  text-indent: -30px;
}
.sec3_more:hover span:before {
  right:26px;
  text-indent: 0px;
}

html{height: 100%;}
body.open {height: 100%;
  overflow: hidden;
}
/*body.open #sidebar {
   width: 70%
}*/
#sidebar {
    width: 0%;
    height: 100%;
    background: #1f62c3;
    position: absolute;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
  
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    z-index: 10;
}
#sidebar ul li {
    display: block;
    min-height: 49px;
    border-bottom: 1px solid #0853c1;
    font-size: 14px;
    width: 100%;
}
.agent-mobile #sidebar ul li {
    border-color: rgba(255, 255, 255, .05);
}
#sidebar ul li a {
    display: block;
    color: #fff;
    padding: 0 25px;
    height: 49px;
    line-height: 49px;
    /*text-align: center;*/
}

.nr {
    position: relative;
    z-index: 10;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
/*body.open .nr {
    transform: translate3d(70%,0,0)!important;
    -webkit-transform: translate3d(70%,0,0)!important;
   
}*/
#close{position: absolute;right: 10px;top:10px;}
#close img{height:15px;}

li.navitem{
    position: relative;
    top: 100px;
    opacity: 0;
    transition: .3s;
    transitino-delay: 1s;
}

body.open li.navitem{
    top: 0px;
    opacity: 1;
    transition: 1s;
}
body.open li.navitem:nth-child(2)  {
    transition-delay: 0.2s;
}

body.open li.navitem:nth-child(3)  {
    transition-delay: 0.4s;
}

body.open li.navitem:nth-child(4)  {
    transition-delay: 0.6s;
}

body.open li.navitem:nth-child(5)  {
    transition-delay: 0.8s;
}

body.open li.navitem:nth-child(6)  {
    transition-delay: 1s;
}

body.open li.navitem:nth-child(7)  {
    transition-delay: 1.2s;
}
body.open li.navitem:nth-child(8)  {
    transition-delay: 1.4s;
}
body.open li.navitem:nth-child(9)  {
    transition-delay: 1.6s;
}
body.open li.navitem:nth-child(10)  {
    transition-delay: 1.8s;
}

body.open li.navitem:nth-child(11)  {
    transition-delay: 2s;
}
body.open li.navitem:nth-child(12)  {
    transition-delay: 2.2s;
}
body.open li.navitem:nth-child(13)  {
    transition-delay: 2.4s;
}
body.open li.navitem:nth-child(14)  {
    transition-delay: 2.6s;
}
.head2{padding-top:20px;height: 118px;position: relative;width: 100%}
.nav_list{padding-top:23px}
.nav_list li{float:left;width: 120px;text-align: center;color: #1f62c3;border-radius: 20px;position: relative;margin:0 20px;height: 75px}
.nav_list li a{font-size: 16px;color:#000000;height: 35px;line-height: 35px;display: block;}
.nav_two dd{display:block;text-align: center;float: left;}
.nav_two dd a {color: #fff;font-size: 14px;display: inline-block;padding: 0 15px;min-width: 100px}
.nav_two {position: absolute;top:100%;left: 0;display: block;height: 40px;line-height: 40px;z-index: 1001;display: none;}
.bg_head {height: 40px;background: rgba(0,0,0,0.5);position: absolute;top:100%;left: 0;width: 100%;display: none;z-index: 10;}
.banner2 img{display: block;}
.nav_two{position: absolute;top: 100%;left:50%;transform:translateX(-50%);text-align: center;}
.nav_two1{width:600px;}
.nav_two2{width:1150px;}
.nav_two3{width:1050px;}
.nav_two4{width:200px}
.nav_two dd:hover a{color: #00e847;font-weight: bold;}
.type li{float: left;border-top: 1px solid #fff;}
.type li a{padding: 0 15px;height: 49px;display: block;line-height: 50px;font-size: 16px;color: #000000;text-align: center;}
.pos{height: 50px;line-height: 50px;}
.pos,.pos a{font-size: 14px;color: #888888}
.nail{border-bottom: 1px solid #dddddd}


.pos span{color: #000000}
.main2{width: 1600px;max-width:90%;margin:0 auto;}
.pos{background: url('../images/pos.png') no-repeat center left;padding-left: 25px}

/*公司简介*/
.about1{padding:30px 0 55px}
.lanmu{text-align: center;font-size: 25px;color: #000000}
.lanmu i {display: block;width: 30px;height: 3px;background: #1f62c3;margin: 10px auto 0;}
.about1_nr{padding-top: 40px;font-size: 14px;color: #333333;line-height:30px;}
.about1_nr img{max-width: 100%}
.about2{background: #f5f5f5;padding: 40px 0 60px}
.about2_list{padding-top: 38px}
.about2_tit{text-align: center;padding: 10px 0}
.about2_pic{position:relative;width:100%;height:0;padding-top:133%;}
.about2_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.about2_list .swiper-slide{cursor: pointer;}
.about3_pic{position:relative;width:100%;height:0;padding-top:69%;}
.about3_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.about3_list .swiper-slide{cursor: pointer;}
.about3_list{padding-top: 40px}
.about3{padding: 50px 0 64px}
.about3_tit{text-align: center;width: 100%;height: 45px;line-height: 45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #eeeeee;font-size: 16px;color: #000000}
.type li.active{border-top: 1px solid #00e847;background:#1f62c3}
.type li.active a{color: #fff}
.contact{width: 1340px;margin:0 auto;}
.contact_left{width: 570px;float: left;max-width: 46%}
.contact_right{width: 650px;float: right;max-width: 46%}
.contact{padding: 70px 0 95px}
.contact_left_tit span{font-size: 24px;color:#333333;text-transform: uppercase;line-height:26px;}
.contact_left_tit p{font-size: 30px;font-weight: bold;color: #333333}
.contact_left_tit{margin-bottom: 20px}
.contact_left_info{font-size: 14px;color: #333333;line-height: 20px;padding-bottom: 20px;border-bottom: 1px solid #eeeeee}
.contact_left_info strong{font-size: 14px;color: #1f62c3;}
.contact_list li{margin-top:25px;padding-left: 50px}
.contact_list li span{display: block;font-size: 14px;color: #888888}
.contact_list li p{font-size: 16px;color: #000000;font-weight: bold;margin-top: 3px}
.contact_list li:nth-child(1){background: url('../images/c1.png') no-repeat center left;}
.contact_list li:nth-child(2){background: url('../images/c2.png') no-repeat center left;}
.contact_list li:nth-child(3){background: url('../images/c3.png') no-repeat center left;}
.contact_list li:nth-child(4){background: url('../images/c4.png') no-repeat center left;}
.contact_list li:nth-child(5){background: url('../images/c5.png') no-repeat center left;}
.contact_right{padding-top: 20px}
.contact_right_tit{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 30px}
.contact_input1{width: 100%;height: 60px;line-height: 60px;padding: 0 30px;border:1px solid #e7e7e7;margin-bottom: 10px;font-size: 14px;}
.contact_input2{height: 140px;width: 100%;padding:15px 30px;border:1px solid #e7e7e7;font-size: 14px;margin-bottom: 10px;}
.subbtn{width: 100%;height: 60px;line-height: 60px;text-align: center;display: block;background: #1f62c3;font-size: 24px;color:#fff;border:0px;}

/*新闻列表*/
.news{padding-top:55px;overflow: hidden;}
.news_list{padding-top: 40px}
.news_list li{width:25%;float: left;}

/*.news_list li{width:calc(25% - 30px);float: left;margin-right: 40px;}*/
.news_list li:nth-child(4n){margin-right: 0}
.news_jian{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;color: #666666;line-height: 1.7;margin-top: 10px}
.news_pic{position:relative;width:100%;height:0;padding-top:58%;overflow: hidden;}
.news_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.news_jian a{color: #666}
.news_top a{display: block;float: left;width:calc(100% - 85px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;font-weight: bold;color: #000000}
.news_top span{width: 77px;display: block;float: right;font-size: 13px;color: #666666}
.news_top{margin-bottom: 10px;line-height: 30px;}

.news_list li .news_li{transition: all 0.4s;padding:30px 20px;}
.news_list li:hover .news_li{box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.3);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
transform: scale(1.05);}


.page{text-align: center;padding: 50px 0 100px}
.page a{display:inline-block;height:36px;line-height:34px;text-align: center;color: #333333;font-size: 14px;margin:0 4px 5px;padding: 0 10px;border:1px solid #dddddd;}
.page a.select{background:#1f62c3;color: #fff;border: 1px solid #1f62c3;}

.ns_title{text-align: center;font-size: 18px;font-weight: bold;color: #000000;padding: 40px 0 10px}
.ns_date{text-align: center;font-size: 13px;color: #666666}
.ns_nr{padding: 40px 0;line-height: 2;}
.ns_nr img{max-width: 100%}
.fenye li{margin-bottom: 20px;font-size: 14px;color: #888888}
.fenye{padding:20px 0}
.fenye li a{font-size: 14px;color: #1f62c3}
.fenye li:hover a{font-weight: bold;}

/*产品*/
.product{padding:60px 0 70px}
.prod_tit{font-size: 18px;font-weight: bold;color: #333333;margin-bottom: 10px;}
.prod_nr{font-size: 14px;color: #333333;line-height: 2;}
.prod{margin-bottom: 40px}
.prod_list{padding-top: 25px}
.prod_list li{width:33.3%;float: left;padding: 0 45px;margin-bottom:20px}
.prod_pic{border:1px solid #eeeeee;cursor: pointer;}
.prod_pic{position:relative;width:100%;height:0;padding-top:68%;}
.prod_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.prod_title{text-align: center;font-size: 18px;color: #333333;height: 60px;line-height: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background:#f7f7f7}

.nav_list li.active .nav_li_a{color: #1f62c3;border:1px solid #1f62c3;border-radius: 20px;font-weight: bold;}

.nav_list li .nav_li_a{
  transition: border-top-color 0.2s 0.2s linear,
 border-right-color 0.2s 0.1s linear,
 border-bottom-color 0.2s 0s linear;
 border:1px solid  transparent;
 text-align: center;
 border-radius: 20px;
}

.nav_list li:hover .nav_li_a{
  border-top-color: #1f62c3;
  border-right-color: #1f62c3;
  border-bottom-color: #1f62c3;
  border-left-color: #1f62c3;
  transition: border-top-color 0.1s 0s linear,
 border-right-color 0.2s 0.1s linear,
 border-bottom-color 0.2s 0.2s linear;
 color: #1f62c3;font-weight: bold;
}

.type li{
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  background: -webkit-linear-gradient(180deg, #fff, #fff,#1f62c3,#1f62c3);
  background-position: 99% 50%;
  background-size: 300% 300%;
  cursor: pointer;
}

.type li:hover{background-position: 1% 50%;}
.type li:hover a{color: #fff}
.type li:hover{border-top: 1px solid #00e847;}

.about3{overflow: hidden;}
.about_list .swiper-slide .about_pic{overflow: hidden;}
.about_list .swiper-slide .about_pic img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.about_list .swiper-slide .about_pic .a_bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms;background: rgba(0,0,0,0.5); }
.about_list .swiper-slide .about_pic .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.about_list .swiper-slide .about_pic .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.about_list .swiper-slide .about_pic .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
.about_list .swiper-slide:hover .a_bg { opacity: 1; visibility: visible; }
.about_list .swiper-slide:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.about_list .swiper-slide:hover .about3_pic img{ transform:scale(1.05);}


.adviser li .adviser_pic{overflow: hidden;}
.adviser li .adviser_pic img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.adviser li .adviser_pic .a_bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms;background: rgba(0,0,0,0.5); }
.adviser li .adviser_pic .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.adviser li .adviser_pic .line_1 { width: 52px; height: 1px; margin: -1px 0px 0px -26px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.adviser li .adviser_pic .line_2 { width: 1px; height: 52px; margin: -26px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
.adviser li:hover .a_bg { opacity: 1; visibility: visible; }
.adviser li:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.adviser li:hover .about3_pic img{ transform:scale(1.05);}

.contact,.type,.overflow,.fenye{overflow: hidden;}

@media screen and (max-width:1680px){
  .navlist li{margin:0 5px;}.navlist li a{width: 110px;}
  .bot_main{width: 1480px}
  .nav_two2{right: 20px;transform: translateX(-60%);}
  .nav_two3{right: 20px;transform: translateX(-65%);}
  .bot1_mid{width:350px;margin-left: 0}
  .bot1_left li .two dd a{font-size: 13px;}
  .type li a{padding: 0 10px;font-size: 15px;}
  .sec3_right_list li p{font-size: 13px;}
  .nav_list li{margin:0 10px;}
  .sec5_jian{margin-bottom: 45px}
  .sec5_list li .sec5_info{padding-bottom: 45px}
}
@media screen and (max-width:1500px){

  .navlist li{line-height: 28px;height: 30px;}
  .navlist li a{width: 100px;font-size: 14px;}
  .navlist{width:830px}
  .dh img{height: 40px;}
  .dh{margin-top: 5px}
  .navlist{margin-top: 10px}
  .logo img{height: 50px}

  .sec1_ul {width: 1136px;margin: 0 auto;padding-left: 30px;padding-top: 50px;}
  .sec1_ul li{margin-right: 100px;width: 200px;height: 200px}
  .sec1_ul li .sec1_bg2{left:-28px;top:9px;width:170px;height:145px;}
  .sec2_list{/*width: 1200px*/}
  .sec2_type a i{height: 35px;line-height: 35px;padding: 0 15px;}
  .sec5_jian{margin-bottom:40px}
  .sec5_list li .sec5_info {padding: 30px 35px 50px;}
  .bot1_left li{margin-right: 30px}
  .sec3_right_info {padding-left: 50px;}
  .bot_main{max-width: 1250px}
  .bot1_mid{width: 320px}
  .type li a{padding: 0 7px;font-size: 14px;min-width:90px}
  .news_top a{font-size: 16px;}
  .contact{max-width: 90%}
  .head2{height: 100px}
  .nav_list li{height:66px}
  .nav_list{padding-top: 14px}
  .nav_two dd a{padding: 0 10px}
}
@media screen and (max-width:1400px){
  .bot1_left{display: none;}
  .bot1_mid{width: 450px}
  .sec3_right_list li span{font-size: 16px;}
  .sec4_info{width: 320px;height: 227px}
  .sec4_jian{margin:20px 0;}
  .sec4_info{padding:35px 30px}
  .sec3_right_list li .icon{margin-bottom: 10px}
  .sec3_right_list li span{margin-top: 0}
  .sec5_tit{font-size: 16px;}
  .sec3_tit{font-size: 32px;}
  .sec3_web {padding:30px 0 20px;font-size: 22px;}
  .sec3_right_info {
      padding-left:50px;
  }
  .sec3_right_list li p{font-size:12px;}
  .news_list li .news_li {padding: 20px 15px;}
  .ns_title{padding-top: 30px}
  .bot_main{max-width: 90%}
  .nav_list li{margin:0 5px;}
  .prod_list li{padding: 0 30px}
  .pos{display: none;}
}
@media screen and (max-width:1300px){
  .type{float: none;text-align: center;}
  .pos{display: none;}
  .type li{float: none;display: inline-block;margin-bottom: 0}
  .news_list li{width: 33.3%}
  .news_list li .news_li {padding: 30px 20px;}
  .sec4_tit{font-size: 16px;}
  .nav_list li{width: 100px;margin:0 5px;}  
  .nav_list li a{font-size: 15px;height: 30px;line-height: 30px;}
  .nav_list li.active .nav_li_a{height: 30px;line-height: 30px;}
  .nav_two2{width:1050px}
  .nav_two3{width:1050px;left:0%;transform: translateX(-62%);}
  .nav_two dd a{padding: 0 5px;min-width: 90px}

  .news {padding-top:35px;}
  .contact_list li{margin-top: 20px}
}
@media screen and (max-width:1200px){
  .navlist li a{width:84px}
  .navlist li {margin:0 2px;}
  .nav_two2{width:1000px}
  .navlist{width: 630px;margin-right:10px}
  .sec1_ul{width: 900px;margin:0 auto;padding-left: 0}
  .sec1_ul li .sec1_bg2{display: none;}
  .sec1_ul li{margin-right: 45px}
  .sec1_ul li{width: 180px;height: 180px;}
  .sec1_ul li i{width: 50px;height:50px;}
  .sec1_ul li:nth-child(1) i{background: url('../images/icon1.png') no-repeat center;background-size: auto 45px}
  .sec1_ul li:nth-child(2) i{background: url('../images/icon2.png') no-repeat center;background-size: auto 45px}
  .sec1_ul li:nth-child(3) i{background: url('../images/icon3.png') no-repeat center;background-size: auto 45px}
  .sec1_ul li:nth-child(4) i{background: url('../images/icon4.png') no-repeat center;background-size: auto 45px}
  .sec1_ul li:nth-child(5) i{background: url('../images/icon5.png') no-repeat center;background-size: auto 45px}
  .sec1_ul li:nth-child(6) i{background: url('../images/icon6.png') no-repeat center;background-size: auto 45px}
  .sec1_ul li:nth-child(7) i{background: url('../images/icon7.png') no-repeat center;background-size: auto 45px}
  .sec1_ul li:nth-child(8) i{background: url('../images/icon8.png') no-repeat center;background-size: auto 45px}

  .sec1_ul li p{width: 100%;text-align: center;font-size: 13px;}

  .sec3_right_list li:nth-child(1) .icon{background: url('../images/sec3_icon1.png') no-repeat center bottom;background-size: auto 40px}
  .sec3_right_list li:nth-child(2) .icon{background: url('../images/sec3_icon2.png') no-repeat center bottom;background-size: auto 40px}
  .sec3_right_list li:nth-child(3) .icon{background: url('../images/sec3_icon3.png') no-repeat center bottom;background-size: auto 40px}
  .sec3_right_list li:nth-child(4) .icon{background: url('../images/sec3_icon4.png') no-repeat center bottom;background-size: auto 40px}

  .sec3_right_list li:nth-child(1):hover .icon {background: url('../images/sec3_icon11.png') no-repeat center bottom;background-size: auto 40px}
  .sec3_right_list li:nth-child(2):hover .icon {background: url('../images/sec3_icon22.png') no-repeat center bottom;background-size: auto 40px}
  .sec3_right_list li:nth-child(3):hover .icon {background: url('../images/sec3_icon33.png') no-repeat center bottom;background-size: auto 40px}
  .sec3_right_list li:nth-child(4):hover .icon {background: url('../images/sec3_icon44.png') no-repeat center bottom;background-size: auto 40px}

  .sec3_right_list li .icon{width: 45px;height: 45px}
  .sec3_right_list li p{font-size: 10px;}

  .sec4_info {width: 260px;height: 184px;padding:25px 20px;}
  .sec4_tit{padding-top: 10px}
  .sec4_jian {margin:14px 0;}
  .sec5_list {padding:45px 0;}
  .sec5_list li .sec5_info {padding:20px 20px 40px;}
  .sec5_jian{margin-bottom: 30px}
  .nav_two dd a{font-size: 13px;}
  .contact_left_tit p,.contact_right_tit{font-size: 22px;}
  .prod_list li{padding: 0 20px}  
  .type li a {padding: 0 10px;font-size: 13px;min-width: 90px;}
  
}
.head_3g,.find_nav{display: none;}
@media screen and (max-width:1000px){
.head2{display: none;}
  .head_3g{width: 100%;display: block;position: absolute;top:10px;left:0;z-index: 100;}
  .logo_3g img{height: 45px}
  .nav img{height: 40px;margin-top:2.5px;display: block;}

  body.open #sidebar{width:30%} 
  body.open .nr { transform: translate3d(30%,0,0);  -webkit-transform: translate3d(30%,0,0)}

  .sec1_ul{width: 640px;}
  .sec1_ul li{margin-right:50px;margin-bottom: 0px}
  .sec1_ul li:nth-child(3){margin-right: 0;}
  .sec1_ul li:nth-child(4){margin-left:115px;margin-right: 50px;}

  .sec2_more{background: url('../images/more.png') no-repeat center;width:45px;height:45px;line-height:45px;background-size: 100%;font-size: 10px;}
  .back .sec2_more{background: url('../images/more2.png') no-repeat center;background-size: 100%}
  .sec2_tit {margin-bottom:5px;font-size:14px;line-height: 16px;}
  .sec3_right{width:100%}
  .sec3_right_list{width: 100%;position: static;}
  .sec3_right_nr{margin:0 auto;}
  .sec3_right_info{padding-left: 0}
  .sec4_info{display: none;}

  .sec5_list li:nth-child(4){display: none;}
  .sec5_list li{width: 33.3%}
  .sec2_type a i{padding: 0 10px}

  .banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:25px}
  .sec2_type a{font-size: 12px;}

  .head2_3g{position:static;background:#1f62c3;padding:10px 0;}
  .logo_3g img{display: block;}
  .type li a{height: 40px;line-height: 40px;}
  .lanmu {font-size: 22px;}
  .lanmu i{margin-top: 5px}
  .about1_nr{padding: 25px 0;line-height: 2;}
  .about1 {padding: 25px 0 30px;}
  .about2 {padding:25px 0 35px;}
  .about2_list {padding-top:25px;}
  .prod_list li {padding: 0 10px;}
  .prod_title{height: 40px;line-height: 40px;font-size: 14px;}
  .news {padding-top:25px;}
  .news_list {padding-top:25px;}
  .main2{width: 94%}
  .news_list li .news_li { padding:17px 10px;}
  .news_top a{width: calc(100% - 80px);}
  .news_top span{font-size: 12px;text-align: right;}
  .news_jian{font-size: 12px;}
  .ns_title{padding-top: 20px}
  .ns_nr {padding: 25px 0;}
  .contact{max-width: 94%}
  .contact_left,.contact_right{max-width: 48%}
  .contact_list li p{font-size: 14px;}
  .contact_list li span{font-size: 13px;}
  .contact_input1{height: 45px;line-height: 45px;padding: 0 15px;margin-bottom: 20px}
  .contact_input2 {padding:10px 15px;margin-bottom: 20px}
  .subbtn{height: 50px;line-height: 50px;font-size: 20px;}
  .contact{padding: 45px 0 50px}
  .nail .main2{width: 96%}
  .type li a{padding: 0 8px}
  .about3_tit{height: 40px;line-height: 38px;}

  .type li:hover{background-position: 99% 50%;}
  .type li:hover a{color: #000}
  .type li,.type li:hover{border-top: 1px solid #fff;}


  .type li.active a{color: #fff}
  .type li.active{border-top:1px solid #00e847;}
  
  .type_pc{display: none;}
  .find_nav {
      display: block;
      width: 100%;
      height: 40px;
      z-index: 9999;
      display: -moz-box;
      display: -webkit-box;
      display: box;
  }
  .find_nav_left {
      height: 40px;
      position: relative;
      overflow: hidden;
      -moz-box-flex: 1;
      -webkit-box-flex: 1;
      box-flex: 1;
  }
  .find_nav_list {
      position: absolute;
      left: 0px;
  }
  .find_nav_list ul {
      position: relative;
      white-space: nowrap;
      font-size: 0;
  }
  .find_nav_list ul li {
      display: inline-block;
      padding: 0;
      margin:0 5px;
  }
  .find_nav_list ul li a {
      display: block;
      width: 100%;
      height: 100%;
      line-height: 40px;
      font-size: 13px;
      text-align: center;
      color: #000;
  }
  .find_nav_list li.find_nav_cur{border-top: 1px solid #00e847;background:#1f62c3}
  .find_nav_list li.find_nav_cur a{color: #fff;display: block;padding: 0 8px;min-width: 90px}

  .product {padding:40px 0 50px;}

}

@media screen and (max-width:700px){
  body.open #sidebar{width: 70%}
  body.open .nr { transform: translate3d(70%,0,0);  -webkit-transform: translate3d(70%,0,0)}
}
.sec5_list_3g{display: none;}
.footer{display: none;}
.banner_3g{display: none;}

@media screen and (max-width:640px){
  .banner{display: none;}
  .banner_3g{display: block;}
  .logo_3g img{height:40px}
  .nav img{height:32px;}
  .banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:15px}
  .section1 {background: #000000 url('../images/sec1.jpg') no-repeat center bottom;background-size: cover;padding:5% 0;}
  .title span{font-size: 22px;}
  .title p{font-size: 13px;line-height: 1.7;}
  .sec1_ul{width:95%;padding-top:25px;}
  .title{overflow: hidden;}
  .sec1_ul li{margin:0px;margin-bottom:15px;width: 48%;height:0;padding-top:48%;}
  .sec1_ul li:nth-child(2n){float: right;}
  .sec1_ul li:nth-child(3){margin-right: 0;}
  .sec1_ul li:nth-child(4){margin-left:0px;margin-right:0px;}
  .main{/*max-width: 94%*/}
  .section2 .title p{max-width: 98%}
  .sec2_type {text-align: center;padding:20px 0 10px;}
  .sec2_type a i {height: 30px;line-height:28px;padding: 0 7px;font-size: 12px;}
  .sec2_type a{margin-bottom: 10px}
  .section2{padding: 20px 0 30px}
  .back{display: none;}

  
  .container:hover .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  .sec2_more{display: none;}
  .sec2_tit{margin-bottom: 0;height:30px;line-height:29px;}
  .sec2_info {
      padding:0% 3%;
      text-align: center;
  }
  .inner {
      -webkit-transform: translateZ(1px) scale(1);
      transform: translateZ(1px) scale(1);
  }
  .sec2_list .swiper-container {padding-bottom:60px;}

  .section4 li{width: 50%;height:0;padding-top:38%;}
  
  .sec3_tit{font-size: 22px;text-align: center;}
  .sec3_web {
      padding:15px 0 10px;
      font-size:18px;
  }
  .sec3_tit i{margin:5px auto 0;}
  .sec3_con{font-size: 13px;}
  .sec3_right{padding: 25px 0}
  .sec3_more {display: block;width:120px;height: 35px;border: 2px solid #3d77cb;line-height:33px;border-radius: 20px;font-size: 14px;color: #1f62c3;text-align: center;margin: 0 auto 25px;display: none;}
  .sec3_more span::before{display: none;}
  .sec3_more:hover span {text-indent:0px;}
  .sec3_right_list li p{display: none;}
  .sec3_right_list li {box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
  .sec3_right_nr{max-width: 94%}
  .sec3_right_list li .sec3_right_bg{display: none;}
  

  .sec3_right_list li:nth-child(1) .icon{background: url('../images/sec3_icon1.png') no-repeat center bottom;background-size: auto 32px}
  .sec3_right_list li:nth-child(2) .icon{background: url('../images/sec3_icon2.png') no-repeat center bottom;background-size: auto 32px}
  .sec3_right_list li:nth-child(3) .icon{background: url('../images/sec3_icon3.png') no-repeat center bottom;background-size: auto 32px}
  .sec3_right_list li:nth-child(4) .icon{background: url('../images/sec3_icon4.png') no-repeat center bottom;background-size: auto 32px}

  .sec3_right_list li:nth-child(1):hover .icon {background: url('../images/sec3_icon1.png') no-repeat center bottom;background-size: auto 32px}
  .sec3_right_list li:nth-child(2):hover .icon {background: url('../images/sec3_icon2.png') no-repeat center bottom;background-size: auto 32px}
  .sec3_right_list li:nth-child(3):hover .icon {background: url('../images/sec3_icon3.png') no-repeat center bottom;background-size: auto 32px}
  .sec3_right_list li:nth-child(4):hover .icon {background: url('../images/sec3_icon4.png') no-repeat center bottom;background-size: auto 32px}
  .sec3_right_list li span{font-size: 14px;}
  .sec3_right_list li:hover .icon {transform: rotateY(0deg);transition: all 0.8s;}
  .sec3_right_list li:hover span{color: #000}
  .sec3_right_list li{padding-bottom: 10px}
  .sec3_right_list li .icon {width: 35px;height: 35px;}

  .sec5_list{display: none;}
  .section5{padding-top: 25px}

  .sec5_list_3g{width: 94%;margin:0 auto;padding: 20px 0;display: block;}
  .sec5_info_3g{width: 56%;float: right;padding-top:8px}
  .sec5_pic_3g{position:relative;width:40%;height:0;padding-top:26%;float: left;}
  .sec5_pic_3g img{position:absolute;top:0;left:0;width:100%;height:100%;}
  .sec5_tit_3g{color:#3a3a3a;font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .sec5_jian_3g{color: #a9a9a9;font-size: 12px;line-height:1.7;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 5px}
  .sec5_list_3g li{margin-bottom: 15px}
  .sec5_list_3g li:nth-child(2n+1){box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}

  /*底部*/
  .bot{display: none;}
  .footer{display: block;}
  .h70{height:70px;}
  .foot{width: 100%;background:#1f62c3;height:70px;position: fixed;bottom: 0px;left: 0;width: 100%;display: block;z-index: 100;}
  .foot a{display: block;float: left;text-align: center;color: #fff;width: 25%;padding-top:42px;font-size: 14px;}
  .foot a:nth-child(1){background: url('../images/foot1.png') no-repeat center top 10px;background-size: auto 32px;}
  .foot a:nth-child(2){background: url('../images/foot2.png') no-repeat center top 10px;background-size: auto 32px;}
  .foot a:nth-child(3){background: url('../images/foot3.png') no-repeat center top 10px;background-size: auto 32px;}
  .foot a:nth-child(4){background: url('../images/foot4.png') no-repeat center top 10px;background-size: auto 32px;}

  .banner_3g .swiper-container-horizontal > .swiper-pagination-bullets{bottom:20px}
  .banner_3g .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}
  .banner_3g .swiper-pagination-bullet{background:#fff;width:8px;height:8px;opacity: 1;transition: all 0.8s;border-radius: 8px;}
  .banner_3g .swiper-pagination-bullet-active{width: 20px}
  .banner_3g .swiper-slide img{display: block;width: 100%}

  .find_nav_list ul li a,.find_nav{height:35px;line-height: 35px;}
  .nail .main2{max-width:94%}
  .lanmu{font-size: 18px;}
  .about1_nr{padding:15px 0}
  .about2_tit {padding:5px 0;font-size: 14px;}
  .about2{padding:20px 0 20px}
  .about3 {padding:20px 0 25px;}
  .about3_list{padding-top:20px}
  .a_bg,.about_list .swiper-slide .about_pic .line,.adviser li .adviser_pic .line{display: none;}

  .about3_tit {height:35px;line-height: 33px;font-size: 14px;}

  .head2_3g .logo_3g img{height: 35px}
  .nav img{height: 30px}
  .head2_3g{padding:7.5px 0}
  .product {padding:20px 0 30px;}

  .prod_list li{padding:0 5px;width: 50%}
  .prod_title{height: 30px;line-height:28px;}
  .news_list{display: none;}
  .news .sec5_list_3g{width: 100%;}
  .news .sec5_list_3g ul{overflow: hidden;}
  .news{padding-top: 20px}

  .page{text-align: center;padding: 10px 0 20px}
  .page a{display:inline-block;height:36px;line-height:34px;text-align: center;color: #333333;font-size: 14px;margin:0 4px 5px;padding: 0 10px;border:1px solid #dddddd;}
  .page a.select{background:#1f62c3;color: #fff;border: 1px solid #1f62c3;}

  .page a.first_page,.page a.last_page{display: none;}
  .page a:nth-last-child(1){display: none;}
  .page a{height: 30px;line-height: 28px;margin:0 2px 5px;padding: 0 7px;font-size: 13px;}
  .page a.pre_page{margin-right: 4px}

  .contact_left{max-width: 100%}
  .contact_right{max-width: 100%}
  .contact_left_tit p, .contact_right_tit{font-size: 18px;margin-bottom: 15px}
  .contact_input1,.contact_input2{margin-bottom: 10px;}
  .contact_left_tit span{font-size: 20px;}
  .contact {padding: 25px 0 30px;}

  .type li a {height: 35px;line-height: 35px;}
} 

/*脑机接口*/
.banner_b{width:100%;background: url('../images/bg.jpg') no-repeat center top;height:650px;}
.banner_pic1{width: 1322px;height:650px;background: url('../images/bg2.png') no-repeat center bottom;margin:0 auto;position: relative;background-size: cover}
.cir{width: 163px;height: 163px;display: block;position: absolute;}
.cir1{background: url('../images/cir1.png') no-repeat center left;left:-14px;top:317px}
.cir2{background: url('../images/cir2.png') no-repeat center left;right:-19px;top:138px}
.cir3{background: url('../images/cir3.png') no-repeat center left;left:267px;top:18px}
.cir4{background: url('../images/cir4.png') no-repeat center left;right:292px;top:1px}
.cir5{background: url('../images/cir5.png') no-repeat center left;left:247px;bottom:33px}
.cir6{background: url('../images/cir6.png') no-repeat center left;right:233px;bottom:29px}

.cir{transition: all 1s;}
.cir:hover{
  transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
}

.br1_top{width: 1200px;margin:0 auto;max-width: 90%}
.br1_pic{text-align: center;padding: 35px 0 40px}
.br1_tit{text-align: center;font-size: 40px;color: #333333}
.br1_jian{font-size: 20px;color: #2467b3;text-align: center;padding:10px 0 30px}
.br1_con{font-size: 14px;color: #666666;line-height: 26px;text-align: center;padding-bottom:30px}
.br1_bottom{width: 1458px;margin:0 auto;padding-bottom: 30px;max-width: 90%}
.br1_list{padding: 35px 0 30px;background: #e5e5e5}
.br1_list img{display: block;}
.br1_pic1{width: 708px;max-width: 48%}
.br2{width:100%;background: url('../images/br2.jpg') no-repeat center bottom;}
.br2_tit{text-align: center;font-size: 40px;color: #333333;padding-top: 55px}
.br2_jian{width: 1000px;margin:0 auto;max-width: 90%;font-size: 14px;color: #000000;line-height: 24px;padding-top: 12px;text-align: center;}

.br2_list{padding-top: 65px}
.br4_main{width: 1640px;margin:0 auto;max-width: 90%}
.br4_tit{text-align: center;font-size: 30px;color: #a8c5fc;background: url('../images/br4_tit.png') no-repeat center top 20px;padding-bottom: 35px;line-height: 35px;margin-bottom: 10px}
.br4_left,.br4_right{width: 785px;max-width: 48%}
.br4_t{font-size: 24px;color: #19469b;padding-left: 48px;padding-top: 38px;margin-bottom:15px;background: url('../images/tongan.png') no-repeat center left;}
.br4_con{font-size: 14px;color: #333333;text-indent: 2em;line-height: 23px;padding: 15px 0 20px}
.br4_pic img{display: block;}
.br4_bt{font-size: 24px;color: #000000;padding-left: 25px;background: url('../images/br4_bt.jpg') no-repeat center left;margin-bottom:35px}
.br4_nr2{padding-bottom:25px}
.br4_nr3{padding-bottom:25px}

.br img{max-width: 100%;display: block;margin:0 auto;}
.br4_nr1{height:462px}

.br4_nr5 .br4_bt{margin-bottom: 25px;}
.br5 .br4_nr1{height:435px}
.br4_nr_l1{padding-bottom: 35px}
.br4_nr_l2{padding-bottom: 10px}
.br5{padding-bottom: 65px;padding-top: 50px}
.br4_nr_r1{padding-bottom: 15px}
.br4_nr{font-size: 14px;color: #333333;line-height: 2;}
.br4_nr_r2{padding-bottom: 20px}
.br4_nr_r3 .br4_bt{margin-bottom: 15px}
.br4_right_left{width:50%}
.br4_right_right{width: 46%}

@media screen and (max-width:1500px){
  .banner_b{height: 492px}
  .banner_pic1{width: 1000px;height: 492px}

  .cir{width: 122px;height: 122px;display: block;position: absolute;}
  .cir1{background: url('../images/cir1.png') no-repeat center left;left:-11px;top:240px; background-size: 100%}
  .cir2{background: url('../images/cir2.png') no-repeat center left;right:-12px;top:106px; background-size:auto 100%}
  .cir3{background: url('../images/cir3.png') no-repeat center left;left:200px;top:13px; background-size: 100%}
  .cir4{background: url('../images/cir4.png') no-repeat center left;right:222px;top:2px; background-size: 100%}
  .cir5{background: url('../images/cir5.png') no-repeat center left;left:185px;bottom:24px; background-size: 100%}
  .cir6{background: url('../images/cir6.png') no-repeat center left;right:177px;bottom:23px; background-size: 100%}
}

@media screen and (max-width:1400px){
  .br4_nr1{height: 470px}
  .br2_tit {font-size:32px;padding-top: 45px;}
}

@media screen and (max-width:1200px){
  .nav_list li {width: 95px;margin: 0 2px;}
  .br4_t{font-size: 22px;}
}

@media screen and (max-width:1000px){
  .banner_b{height:295px}
  .banner_pic1{width:600px;height:295px}
  .cir{width:75px;height:75px;display: block;position: absolute;}
  .cir1{background: url('../images/cir1.png') no-repeat center left;left:-7px;top:144px; background-size: 100%}
  .cir2{background: url('../images/cir2.png') no-repeat center left;right:-9px;top:63px; background-size:auto 100%}
  .cir3{background: url('../images/cir3.png') no-repeat center left;left:119px;top:7px; background-size: 100%}
  .cir4{background: url('../images/cir4.png') no-repeat center left;right:131px;top:1px; background-size: 100%}
  .cir5{background: url('../images/cir5.png') no-repeat center left;left:111px;bottom:15px; background-size: 100%}
  .cir6{background: url('../images/cir6.png') no-repeat center left;right:105px;bottom:13px; background-size: 100%}
  .br1_tit{font-size:30px;}
  .br1_jian{font-size: 15px;}
 
  .br1_pic {padding: 35px 0 30px;}
  .br1_jian{padding-bottom: 20px}
  .br2_tit{padding-top: 30px;font-size:30px;}
  .br2_list {padding-top:30px;}
  .br4_left, .br4_right{width: 100%;float: none;max-width: 100%}
  .br4_tit{padding-bottom: 20px}
  .br4_nr1,.br5 .br4_nr1{height: auto;}
  .br4_left{padding-bottom: 30px}
  .br5 {padding-bottom: 45px;padding-top:30px;}
 
  
}
.br1_pic_phone{display: none;}
@media screen and (max-width:700px){
  .br1_pic{display: none;}
  .br1_pic_phone{display: block;padding:25px 0 20px}
  .br1_tit{font-size:22px;}
  .br1_jian{font-size: 14px;padding:5px 0 10px;font-size: 13px;}
  .br2_tit {
      padding-top:25px;
      font-size:22px;
  }
  .br2_jian{padding-top: 5px;font-size: 13px;}
  .br2_list{padding-top: 25px}
  .br4_t {
      font-size:17px;
      font-weight: bold;
      padding-left:35px;
      padding-top: 25px;
      margin-bottom: 15px;
      background: url('../images/tongan.png') no-repeat center left;
      background-size: 60%;
  }
  .br4_main{max-width: 94%}
  .br4_tit {padding-bottom: 0px;font-size: 22px;background: url('../images/br4_tit.png') no-repeat center top 18px;background-size: 200%}
  .br4_bt {
      font-size:18px;
      font-weight: bold;
      color: #000000;
      padding-left:20px;
      background: url('../images/br4_bt.jpg') no-repeat center left;background-size: 8px;
      margin-bottom:20px;
  }
  .br5 {padding-bottom:30px;padding-top:20px;}
}

@media screen and (max-width:640px){
  .banner_b,.banner_pic1{height:256px;}
  .banner_pic1{background: url('../images/bg3.png') no-repeat center bottom;background-size: cover;width: 320px}
  .cir{width:56px;height:56px;display: block;position: absolute;}
  .cir1{background: url('../images/cir1.png') no-repeat center left;left:10px;top:128px; background-size: 100%}
  .cir2{background: url('../images/cir2.png') no-repeat center left;right:5px;top:92px; background-size:auto 100%}
  .cir3{background: url('../images/cir3.png') no-repeat center left;left:21px;top:38px;background-size: 100%;}
  .cir4{background: url('../images/cir4.png') no-repeat center left;right:34px;top:31px; background-size: 100%}
  .cir5{background: url('../images/cir5.png') no-repeat center left;left:15px;bottom:12px; background-size: 100%}
  .cir6{background: url('../images/cir6.png') no-repeat center left;right:13px;bottom:11px; background-size: 100%}
}

.type_con{padding:20px 0;text-align: center;font-size: 14px;line-height: 1.7;max-width: 90%;width:1000px;margin: 0 auto}

.adviser_main{width: 1200px;margin:0 auto;max-width: 90%}
.adviser{padding-top: 30px;}
.adviser li{width:20%;float: left;margin:0 2.5% 30px;}
.adviser li:nth-child(3n){margin-right: 0}
.adviser li .adviser_pic{position:relative;width:100%;height:0;padding-top:127%;}
.adviser li .adviser_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}

.adviser_tit{text-align: center;font-size:20px;font-weight: bold;padding:7px 0 3px;}
.adviser_tit span{font-size: 14px;}
.adviser_des{text-align: center;font-size: 15px;}
.adviser li a{display: block;color: #000}




.us_pc .devlist li {
    list-style: none;
    width: 100%;
    height: 100px;
    position: relative;
}
.us_pc .devlist li .line {
    width: 2px;
    height: 100px;
    margin: 0 auto;
    background-color: 
    #bbb;
}
.us_pc .devlist li .circle {
    background: url(../images/t.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 35px;
    height: 35px;
    background-size: 35px;
}
.us_pc .time-left {
    text-align: right;
    padding-right: 25px;
    width: calc(50% - 20px);
    position: absolute;
    left: 0;
    top: 60%;
    transform: translateY(-50%);
}

.us_pc .devlist li .time-left .time_info{position: absolute;top:50%;transform:translateY(-50%);right:150px;width: calc(100% - 150px)}
.us_pc .devlist li .time-right .time_info{position: absolute;top:50%;transform:translateY(-50%);left:150px;width: calc(100% - 150px)}
.us_pc .time {
    color: #000000;
    font-size: 18px;
    margin-bottom: 10px;
}
.us_pc .event {
    color:  #575656;
    font-size:13px;
    line-height: 22px;
}
.us_pc .time-right {
    text-align: left;
    padding-left: 25px;
    position: absolute;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    width: 48%;
}
.us_pc .time-left .dev_pic{float: right;}
.us_pc .time-right .dev_pic{float: left;}
.us_pc .devlist li .dev_pic img{width: 100px;height: 100px;overflow: hidden;border-radius: 50%}

.us_pc .devlist .more-wrap{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height:35px;
  line-height:35px;
  border-top: 1px solid #ddd;
  text-align: center;
  background: url(../images/top3.png) center no-repeat;
  background-size: 30px;
  background-color: #fff;
}
.us_pc .devlist{position: relative;padding-bottom: 100px}

.dev-list{padding:5% 0}


@media  (max-width:1600px){
  .us_pc .time{margin-bottom: 5px}
}
@media  (max-width:1400px){
  .us_pc .devlist li {
      height: 120px;
  }
  .us_pc .devlist li .line {
      height: 120px;
      
  }

  .type li a {
      padding: 0 10px;
      height: 40px;
      display: block;
      line-height: 40px;}
  .pos{height: 40px;line-height: 40px;}
}

@media  (max-width:1300px){
  .type li a {
      padding: 0 7px;
      font-size: 12px;
      min-width: 70px;
  }
}
.us_3g{display: none;}
@media  (max-width:1200px){

  .us_3g{display: block;}
  .us_pc{display: none;}
  .us_3g  li .dev_pic img {
      width: 80px;
      height: 80px;
      overflow: hidden;
      border-radius: 50%;
  }
  .us_3g ul {
      padding: 15px 0;
      border-left: 1px solid #1a1a1a;
      margin-left: 13px;
  }
  .us_3g li{padding:0 0 15px 20px;position: relative;}
  .us_3g .event{display: block;font-size:13px;color: #898989;line-height:1.7;}
  .us_3g .time{color: #a9a9a9;font-size: 22px;font-family: Impact;}
  .us_3g li span{display: block;width: 25px;height: 1px;background: #1a1a1a;position: absolute;top:15px;left:-17px;}

}


.fzlc .lanmu{margin-bottom:50px}
.adviser_show{width:850px;margin:50px auto;max-width: 90%}
.adviser_s_pic{width:300px;max-width: 270px}
.adviser_s_pic img{width: 100%}
.adviser_s_right{width:550px;padding-top:35px;max-width: calc(100% - 300px)}
.adviser_s_tit{font-size: 22px;}
.adviser_s_des{font-size:15px;color: #999;margin:5px 0;}
.adviser_s_con{font-size: 14px;line-height: 2;color: #333;}


@media  (max-width:1000px){
  .adviser li {width: 33.3%;float: left;margin: 0 auto 30px;padding:0 10px;}
  .adviser{padding-top: 10px}
  .adviser_tit{font-size: 18px;}
  .adviser_show{max-width: 100%}
  

}
.banner2_3g{display: none;}
@media  (max-width:700px){
  .type_con{max-width: 100%;font-size: 13px;}
  .adviser_main{max-width: 94%}

  .banner2{display: none;}
  .banner2_3g{display: block;}

}
@media  (max-width:500px){
  .type_con{max-width: 100%;font-size: 13px;}
  .adviser li {width: 50%;float: left;margin: 0 auto 20px;padding:0 5px;}
  .adviser_des{font-size: 13px;}
}

@media  (max-width:640px){
  .adviser_s_pic{max-width: 100%;float: none;} 
  .adviser_s_right{max-width:100%;float: none;}
  .adviser_show{margin:20px auto;}
  .adviser_s_right{padding-top: 15px}
  .adviser_s_pic{margin:0 auto;}
  .adviser_s_des,.adviser_s_tit{text-align: center;}
}

.banner img{display: block;width: 100%}



/*灯*/
.banner{position: relative;}
.light{display: block;
  position: absolute;
  opacity: 1;
  border-radius: 50%;
  -webkit- animation: deng 2s linear infinite;
  -o-animation: deng 2s linear infinite;
   animation: deng 2s linear infinite;
  background: -webkit-radial-gradient(rgba(255,255,255,1), rgba(0,67,197,0) 70%);
  transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.deng1{height: calc(35/960*100%);width: calc(70/1920*100%);position: absolute;top: calc(520/960*100%);left: calc(650/1920*100%);}
.deng2{height: calc(30/960*100%);width: calc(60/1920*100%);position: absolute;top: calc(503/960*100%);left: calc(800/1920*100%);}
.deng3{height: calc(30/960*100%);width: calc(50/1920*100%);position: absolute;top: calc(440/960*100%);left: calc(690/1920*100%);}
.deng4{height: calc(30/960*100%);width: calc(50/1920*100%);position: absolute;top: calc(425/960*100%);left: calc(785/1920*100%);}
.deng5{height: calc(30/960*100%);width: calc(50/1920*100%);position: absolute;top: calc(360/960*100%);left: calc(150/1920*100%);}
.deng6{height: calc(30/960*100%);width: calc(40/1920*100%);position: absolute;top: calc(300/960*100%);left: calc(175/1920*100%);}
@-webkit-keyframes deng{
    0% {
     opacity: 0.2;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
    }

    30% {
    opacity: 0.5;
    -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
    }

    60% {
     opacity: 0.4;
     -webkit-transform: scale(1.4);
     -moz-transform: scale(1.4);
     -ms-transform: scale(1.4);
     -o-transform: scale(1.4);
     transform: scale(1.4);
    }

    100% {
    opacity: 0.6;
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
    }
}

@keyframes deng{
  0% {
   opacity: 0.2;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
  }

  30% {
  opacity: 0.5;
  -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
  }

  60% {
   opacity: 0.4;
   -webkit-transform: scale(1.4);
   -moz-transform: scale(1.4);
   -ms-transform: scale(1.4);
   -o-transform: scale(1.4);
   transform: scale(1.4);
  }

  100% {
  opacity: 0.6;
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
  }
}


.video_pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 999!important; display: flex; justify-content: center; align-items: center; display: none;}
.close_btn{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: url(../images/close.png) no-repeat center; z-index: 100; cursor: pointer;}
#video{width:67%; max-height: 100%;display: block; margin:0 auto;position: absolute;top:50%; left: 50%; transform: translate(-50%, -50%); outline: none;}
iframe{width:100%; max-height: 100%;}
.z_play{ width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/zplay.png) no-repeat center; cursor: pointer;}
.about_body .z_play{/* top:50%;  transform: translateY(-50%);*/top:60%; left: 76%;}

@media screen and (max-width: 1024px){
  #video{width:100%; }
  .z_play{ width: 50px; height: 50px; background-size: cover;}

  .about_body .z_play{ top:6%; left: auto; right: -13px; display: none;}
}