@charset "utf-8";

/*移动端*/

  /*.row{
    margin-left: 0;
    margin-right: 0;  
  }*/


.ng-vbkefu{
    font-size:14px;
    line-height:26px;
    overflow:hidden;
}
.ng-vbkefu a{
     text-decoration:underline;
     color:blue;
}
.ionic-video{
     width:100%; overflow:hidden;
     height:0px; position:relative;
     padding-bottom:56%;
}
.ionic-video .vs-ini{
     width:100%; height:100%;
     display:block; position:absolute;
     top:0px; left:0px; overflow:hidden;
}
.ionic-video .vs-ini iframe{
    width:100%; height:100%; position:relative;
}
.ionic-video .vs-ini video{
    width:100%; height:100%; position:relative;
    border:0px;
}


/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px){

    .ng-baidumap{
      width:100%;
      overflow:hidden;
      position:relative;
      top:0px; left:0px; right:0px;
      height:0px; padding-bottom:50%;
      margin:30px 0px 20px 0px;
    }

    .in-menu{
      overflow: hidden;
      min-height: 1px;
      float: right;
      padding: 45px 0px;
    }

    .in-menu ul li{
      margin-left: 25px;
      float: left;
      text-align: center;
      overflow: hidden;
    }

    .in-menu ul li a{
      font-size: 18px;
      display: block;

    }

    .in-menu ul li a:hover{
      display: block;
      color: #ff8610;
      border-bottom: 2px solid #ff8610; 
    }

    .in-bgbox{
      width: 100%;
      background: #f2f2f2;
      padding: 65px;

    }

    .in-bgbox .in-bgbox-title{
      font-size: 22px;
      text-align: center;
      line-height: 38px;
    }



}


/*@media (min-width: 925px){

        .in-menu{
          overflow: hidden;
          min-height: 1px;
          float: right;
          padding: 45px 0px;
        }

        .in-menu ul li{
          margin-left: 15px;
          float: left;
          text-align: center;
          overflow: hidden;
        }

        .in-menu ul li a{
          font-size: 14px;
          display: block;

        }

        .in-menu ul li a:hover{
          display: block;
          color: #ff8610;
          border-bottom: 2px solid #ff8610; 
        }


}*/




@media (min-width: 992px){

        .v-bg{
          display: block;
          background: #f1f9fd;
          padding: 22px 0px 18px 0px;
        }



        .in-jie-a a{
          display: block;
          margin-top: 20px;
          color: #ff8610;
        }

        .in-menu{
          overflow: hidden;
          min-height: 1px;
          float: right;
          padding: 45px 0px;
        }

        .in-menu ul li{
          margin-left: 20px;
          float: left;
          text-align: center;
          overflow: hidden;
        }

        .in-menu ul li a{
          font-size: 14px;
          display: block;

        }

        .in-menu ul li a:hover{
          display: block;
          color: #ff8610;
          border-bottom: 2px solid #ff8610; 
        }


        .in-logo{
          min-height: 1px;
        }

        .in-vs-logo{
            width: 100%;
            overflow: hidden;
            position: relative;
            height: 0px;
            padding-bottom: 116px;
        }

        .in-vs-img{
            width: 100%;
            height: 100%;
            overflow: hidden;
            display: block;
            position: absolute;
            top: 8px;
            left: 0px;
        }


        .in-bigbox-max{
  width: 100%;
  min-height: 1;
}


.in-bgmenu-l .in-bg-ims{
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}


.in-bgmenu-l .in-bg-ims img{
  width: 100%;
  height: 100%;
  display: block;
   -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


.in-bgmenu-l .in-ns-title{
 position: absolute;
 width: 100%;
 background: rgba(249,250,250,0.8);
 bottom: 0;
 left: 0;
}

.in-bgmenu-l .in-ns-title p{
  font-size: 24px;
  padding: 5px 0px;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


.in-bgmenu-l:hover .in-bg-ims img{
  transform: scale(1.1);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.in-bgmenu-l:hover .in-ns-title p{
  font-size: 26px;
  padding:15px 0px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}



.in-bgmenu-r{
  width: 50%;
  overflow: hidden;
  position: relative;
  height: 0px;
  padding-bottom: 40%;
  float: left;
}



.in-bg-ims{
  width: 100%;
  min-height: 1px;
}


.in-ns-box{
  width:100%;
  overflow: hidden;
  position: relative;
  height: 0px;
  padding-bottom:70%;
  float: left;
}

.in-ns-box .in-ns-ims{
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}

.in-ns-box .in-ns-ims img{
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


.in-ns-box:hover .in-ns-ims img{
  transform: scale(1.1);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.in-ns-box:hover .in-ns-title p{
  font-size: 26px;
  padding:15px 0px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.in-ns-box:hover .in-ns-ios{
  background: rgba(0,0,0,.3);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


.in-ns-box:hover .in-ns-ios p{
  top:-100%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.in-bigbox1{
  width: 100%;
  min-height: 1px;
}


.in-bigbox1-img{
  width: 25%;
  overflow: hidden;
  position: relative;
  height: 0px;
  padding-bottom: 20%;
  float: left;

}

.in-bigbox1-img .in-ns-ims{
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}

.in-bigbox1-img .in-ns-ims img{
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


.in-ns-box .in-ns-title{
 position: absolute;
 width: 100%;
 background: rgba(249,250,250,0.8);
 bottom: 0;
 left: 0;
}

.in-ns-box .in-ns-title p{
  font-size: 24px;
  padding: 5px 0px;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;

}

.in-ns-box .in-ns-ios{
  background: rgba(0,0,0,.6);
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


.in-ns-box .in-ns-ios>p{
          position: absolute;
          top: 45%;
          color: #fff;
          font-size: 20px;
          width:100%;
          text-align:center;
          left:0px;
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          -ms-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
 }



 

.in-bigbox1-img .in-ns-title{
 position: absolute;
 width: 100%;
 background: rgba(249,250,250,0.8);
 bottom: 0;
 left: 0;
}

.in-bigbox1-img .in-ns-title p{
  font-size: 24px;
  padding: 5px 0px;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


.in-bigbox1-img .in-ns-ios{
  background: rgba(0,0,0,.6);
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.in-bigbox1-img .in-ns-ios p{
  position: absolute;
  top: 42%;
  color: #fff;
  font-size: 22px;
  left: 40%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}




.in-bigbox1-img:hover .in-ns-ims img{
  transform: scale(1.1);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.in-bigbox1-img:hover .in-ns-title p{
  font-size: 26px;
  padding:15px 0px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.in-bigbox1-img:hover .in-ns-ios{
  background: rgba(0,0,0,.3);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}



.in-bigbox1-img:hover .in-ns-ios p{
  top:-100%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


.in-bgmenu-l a{
  display: block;
}

  
    .in-bg-left{
  width: 50%;
  overflow: hidden;
  min-height: 1;
  float: left;
}

.in-bg-right{
  width: 50%;
  float: left;
  min-height: 1px;
  margin-top: 75px;
}


.in-jie{
  width: 90%;
  overflow: hidden;
  height: 0;
  padding-bottom: 36%;
  font-size: 20px;
  line-height: 30px;
  margin-top: 75px;
}



.in-bg-box1{
  width: 100%;
}


.in-bg-box1 .in-bgf-img{
  width: 25%;
  overflow: hidden;
  position: relative;
  height: 0px;
  padding-bottom: 18%;
}


.in-bg-box1 .in-ns-ims{
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}

.in-bg-box1 .in-ns-ims img{
  width: 100%;
  display: block;
}


.in-bg-box2{
  width: 50%;
  margin: 0 auto;
}

.in-bg-box2 .in-bgf-img{
  width: 50%;
  overflow: hidden;
  position: relative;
  height: 0px;
  padding-bottom: 36%;
}


.in-bg-box2 .in-ns-ims{
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}

.in-bg-box2 .in-ns-ims img{
  width: 100%;
  display: block;
}



.in-bg-right .in-bgf-img{
  width: 50%;
  overflow: hidden;
  position: relative;
  height: 0px;
  padding-bottom: 36%;
}


.in-bg-right .in-ns-ims{
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}





}







/* 大等屏幕（桌面显示器，大于等于 1200px） */
@media (min-width: 1200px){
          
       .in-menu{
          overflow: hidden;
          min-height: 1px;
          float: right;
          padding: 45px 0px;
        }

        .in-menu ul li{
          margin-left: 30px;
          float: left;
          text-align: center;
          overflow: hidden;
        }

        .in-menu ul li a{
          font-size: 16px;
          display: block;

        }

        .in-menu ul li a:hover{
          display: block;
          color: #ff8610;
          border-bottom: 2px solid #ff8610; 
        }

}


@media (min-width: 1440px){
          
       .in-menu{
          overflow: hidden;
          min-height: 1px;
          float: right;
          padding: 45px 0px;
        }

        .in-menu ul li{
          margin-left: 35px;
          float: left;
          text-align: center;
          overflow: hidden;
        }

        .in-menu ul li a{
          font-size: 18px;
          display: block;

        }

        .in-menu ul li a:hover{
          display: block;
          color: #ff8610;
          border-bottom: 2px solid #ff8610; 
        }

}


@media (min-width: 1600px){
          
       .in-menu{
          overflow: hidden;
          min-height: 1px;
          float: right;
          padding: 45px 0px;
        }

        .in-menu ul li{
          margin-left: 50px;
          float: left;
          text-align: center;
          overflow: hidden;
        }

        .in-menu ul li a{
          font-size: 18px;
          display: block;

        }

        .in-menu ul li a:hover{
          display: block;
          color: #ff8610;
          border-bottom: 2px solid #ff8610; 
        }

}


@media (min-width: 1750px){
          
       .in-menu{
          overflow: hidden;
          min-height: 1px;
          float: right;
          padding: 45px 0px;
        }

        .in-menu ul li{
          margin-left: 60px;
          float: left;
          text-align: center;
          overflow: hidden;
        }

        .in-menu ul li a{
          font-size: 18px;
          display: block;

        }

        .in-menu ul li a:hover{
          display: block;
          color: #ff8610;
          border-bottom: 2px solid #ff8610; 
        }

}



@media (max-width: 990px){

        header{
          height: 60px;
          overflow: hidden;
        }


        .in-logo{
          min-height: 1px;
        }

        .in-vs-logo{
            width: 100%;
            overflow: hidden;
            position: relative;
            height: 0px;
            padding-bottom: 60px;
        }

        .in-vs-img{
            width: auto;
            height:50px;
            overflow: hidden;
            display: block;
            position: absolute;
            top: 50%; margin-top:-25px;
            left: 0px;
        }
        .in-vs-img a{height:50px; overflow:hidden; position:relative;}
        .in-vs-img a img{height:50px; display:block; padding:3px 0px;}

        .in-menu{
          display: none;
        }

        .in-headright{
          display: none;
        }
        
        .in-menu ul li{
          margin-left: 15px;
          float: left;
          text-align: center;
          overflow: hidden;
        }

        .in-menu ul li a{
          font-size: 14px;
          display: block;

        }

        .in-menu ul li a:hover{
          display: block;
          color: #ff8610;
          border-bottom: 2px solid #ff8610; 
        }

        .logo,
        .lang{position: relative;line-height: 60px;height: 80px;}
        .logo{float: left;}
        .logo img{height: 100%;width: auto;}
        .lang{background:none;color: #000000;padding: 0 20px;}
        .lang a{color: #000000;}
        .navigation{display: none;}
        .navigation-wap li a{display: block;width: 100%; color: #000000;padding: 0 15px;}
        .am-ipadnav{display: inline-block;}
        .navigation-wap{display: none;position: absolute;top:60px;left: 0;width: 100%;background:#ffffff;z-index: 99;}
        .navigation-wap ul{width: 98%;margin: 0 auto;}
        .navigation-wap li{position: relative;width: 100%;border-bottom: 1px solid #dddddd;line-height:42px;font-size:1.2rem;padding: 0;text-align: left;}
        .navigation-wap li .fr{margin-right:1rem;}
        .navigation-wap li .more{float: right;}
        .navigation-wap li .link.mo a{background: url(../images/new-down.png) right 60% no-repeat;}
        .navigation-wap li.on .link.mo a{background: url(../images/new-top.png) right 60% no-repeat;}
        .navigation-wap .nav-child{display: none;padding-left: 27px;}
        .navigation-wap .nav-child .nav-child-li{border-top: 1px solid #dddddd;line-height: 40px;}
        .header-right{float: right;}
        .in-new-li{margin-top: 0;}


        .in-bigbox-max{
          width: 100%;
          min-height: 1;
        }

        .in-bgmenu-l{
          width: 100%;
          overflow: hidden;
          position: relative;
          height: 0px;
          padding-bottom:80%;
        }

        .in-bgmenu-l .in-bg-ims{
          width: 100%;
          height: 100%;
          overflow: hidden;
          display: block;
          position: absolute;
          top: 0px;
          left: 0px;
        }


        .in-bgmenu-l .in-bg-ims img{
          width: 100%;
          height: 100%;
          display: block;
           -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          -ms-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
        }


        .in-bgmenu-l .in-ns-title{
         position: absolute;
         width: 100%;
         background: rgba(249,250,250,0.8);
         bottom: 0;
         left: 0;
        }

        .in-bgmenu-l .in-ns-title p{
          font-size: 20px;
          padding: 5px 0px;
          overflow: hidden;
          text-align: center;
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          -ms-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
        }


        .in-bgmenu-l:hover .in-bg-ims img{
          transform: scale(1.1);
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          -ms-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
        }

        .in-bgmenu-l:hover .in-ns-title p{
          font-size: 20px;
          padding:15px 0px;
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          -ms-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
        }



        .in-bgmenu-r{
          width: 100%;
          overflow: hidden;
          position: relative;
          height: 0px;
          padding-bottom: 40%;
          float: left;
        }



        .in-bg-ims{
          width: 100%;
          min-height: 1px;
        }


        .in-ns-box{
          width: 100%;
          overflow: hidden;
          position: relative;
          height: 0px;
          padding-bottom: 80%;
          float: left;
        }

        


        .in-bigbox1-img{
          width: 50%;
          overflow: hidden;
          position: relative;
          height: 0px;
          padding-bottom: 40%;
          float: left;

        }

       
        
        .in-ns-box .in-ns-title p{
          font-size: 20px;
          padding: 5px 0px;
          overflow: hidden;
          text-align: center;
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          -ms-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;

        }

        

        .in-ns-box .in-ns-ios>p{
          position: absolute;
          top: 45%;
          color: #fff;
          font-size: 20px;
          width:100%;
          text-align:center;
          left:0px;
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          -ms-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
        }
        

      

        .in-bigbox1-img .in-ns-title p{
          font-size: 20px;
          padding: 5px 0px;
          overflow: hidden;
          text-align: center;
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          -ms-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
        }



        .in-bigbox1-img .in-ns-ios p{
          position: absolute;
          top: 45%;
          color: #fff;
          font-size: 20px;
          left: 38%;
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          -ms-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
        }



        .in-bgmenu-l a{
          display: block;
        }



}


@media (max-width: 500px){




      .in-bigbox1-img .in-ns-ios p{
        position: absolute;
        top: 45%;
        color: #fff;
        font-size: 20px;
        left: 30%;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

}