.topleg{display: none;}
/* .head .navbox .navList a:nth-child(1){color: #fff!important;} */
/* .head .navbox .navList a:nth-child(1)::before,
.head .navbox .navList a:nth-child(1)::after{transform: scale(1);} */
.index .video-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;display: none;z-index: 1000;}
.index .video-mask .video-wrap{width: 1000px;height: 700px;position: absolute;left: 50%;margin-left: -500px;top: 50%;margin-top: -350px;}
.index .video-mask .video-wrap .closevideo{width: 44px;height: 44px;position: absolute;right: -30px;top: -30px;}
.index .video-mask .video-wrap video{width: 100%;height: 100%;}
.index #swiper1 .swiper-slide img{width: 100%;}
.index #swiper1 .tobox{width: 50%;position: absolute;left: 0;bottom: 0;height: 80px;z-index: 111;/*background: #fff;*/}
.index #swiper1 .tobox .inwrap{width: 700px;float: right;height: 100%;}
.index #swiper1 .tobox .inwrap .pagination{float: left;width: 395px;line-height: 80px;font-family: AvantGardeGothic-DTC;font-size: 20px;color: #cccccc;}
.index #swiper1 .tobox .inwrap .pagination .swiper-pagination-current{font-family: AvantGardeGothic-DTC;font-size: 60px;color: #097bc8;}
.index #swiper1 .tobox .inwrap .btnbox{width: 305px;height: 100%;float: right;font-family: AvantGardeGothic-DTC;font-size: 14px;color: #888888;}
.index #swiper1 .tobox .inwrap .btnbox .btn{width: 50%;float: left;line-height: 80px;box-sizing: border-box;transition: all .3s;cursor: pointer;}
.index #swiper1 .tobox .inwrap .btnbox .prev1{padding-left: 85px;background-image: url(../images/jiantou-l.png);background-repeat: no-repeat;background-position: 60px center;}
.index #swiper1 .tobox .inwrap .btnbox .next1{padding-right: 85px;text-align: right;background-image: url(../images/jiantou-r.png);background-repeat: no-repeat;background-position: 84px center;}
.index #swiper1 .tobox .inwrap .btnbox .prev1:hover{color: #097bc8;background-position: 55px center;}
.index #swiper1 .tobox .inwrap .btnbox .next1:hover{color: #097bc8;background-position: 89px center;}
.index .aboutsection{padding-top: 70px;width: 1400px;margin: 0 auto;margin-bottom: 114px;position: relative;}
.index .aboutsection .shuazi{top: 166px;}
.index .aboutsection .left{box-sizing: border-box;width: 40%;float: left;}
.index .aboutsection .left .title{font-family: AvantGardeGothic-DTC;font-size: 30px;line-height: 38px;color: #333333;margin-bottom: 8px;font-weight: 600;}
.index .aboutsection .left .text{font-size: 24px;line-height: 34px;color: #666666;margin-bottom: 76px;}
.index .aboutsection .left .content{font-size: 16px;line-height: 32px;height: 275px;color: #666666;text-align: justify;}
.index .aboutsection .left .content::-webkit-scrollbar{display: none;}
.index .aboutsection .left .btn{transition: all .3s;width: 150px;}
.index .aboutsection .left .btn a{display: block;color: #fff;text-align: center;box-sizing: border-box;transition: all .3s;background-color: #0377da;padding: 10px 15px;border-radius: 15px;}
.index .aboutsection .right{width: 60%;float: left;position: relative;}
.index .aboutsection .right .bg{margin-left: 100px;}
.index .aboutsection .right .bg img{width: 100%;}
.index .aboutsection .right .v-box{width: 400px;height: 500px;position: absolute;left: 262px;top: 0;cursor: pointer;}
.index .aboutsection .right .v-box img{width: 100%;}
.index .aboutsection .right .v-box .v-mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.2);transition: all .3s;}
.index .aboutsection .right .v-box .v-mask img{width: 17.5%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;opacity: .8;transition: all .3s;}
.index .aboutsection .right .v-box .v-mask:hover{background: rgba(0, 0, 0, 0);}
.index .aboutsection .right .v-box .v-mask:hover img{opacity: 1;}
.index .aboutsection .right .v-box .line{width: 17.5%;height: 4px;background: #00bedc;position: absolute;right: 0;transform: translateX(50%);top: 85.4%;}
.index .prosection #swiper2 .prolist{width: 33.33%;position: relative;cursor: pointer;float: left;}
.index .prosection #swiper2 .prolist img{width: 100%;}
.index .prosection #swiper2 .prolist .limask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;}
.index .prosection #swiper2 .prolist .limask .titlebox{width: 100%;height: 100%;box-sizing: border-box;position: absolute;overflow: hidden;left: 0;top: 0;}
.index .prosection #swiper2 .prolist .limask .titlebox .title{margin-left: 7.082%;margin-top: 13.3333%;}
.index .prosection #swiper2 .prolist .limask .titlebox .ti{font-size: 36px;line-height: 26px;color: #ffffff;margin-bottom: 18px;}
.index .prosection #swiper2 .prolist .limask .titlebox .te{font-family: Gotham-XLight;font-size: 18px;line-height: 18px;color: rgba(255, 255, 255, 0.6);}
.index .prosection #swiper2 .prolist .limask .titlebox .content{margin-left: 7.082%;padding-left: 18px;margin-top: 22.9%;opacity: 0;transition: all .3s;}
.index .prosection #swiper2 .prolist .limask .titlebox .content li{list-style: initial;font-size: 14px;line-height: 36px;color: #ffffff;}
.index .prosection #swiper2 .prolist .limask .morebox{font-family: AvantGardeGothic-DTC;font-size: 14px;line-height: 20px;color: #ffffff;width: 110px;background-image: url(../images/jiantou-r2.png);background-repeat: no-repeat;background-position: right center;position: absolute;left: 7%;bottom: 7.25%;opacity: 1;transition: all .3s;}
.index .prosection #swiper2 .prolist .limask:hover{background: url(../images/index-08.png);background-size: 100% 100%;}
.index .prosection #swiper2 .prolist .limask:hover .titlebox .content{opacity: 1;}
.index .prosection #swiper2 .prolist .limask:hover .morebox{opacity: 0;}
.index .prosection #swiper2 .btn{width: 60px;height: 100%;position: absolute;top: 0;background-color: rgba(0, 0, 0, 0.15);z-index: 11;opacity: 0;transition: all .3s;cursor: pointer;}
.index .prosection #swiper2 .prev2{left: 0;background-image: url(../images/index-13.png);background-repeat: no-repeat;background-position: center center;}
.index .prosection #swiper2 .next2{right: 0;background-image: url(../images/index-12.png);background-repeat: no-repeat;background-position: center center;}
.index .prosection #swiper2:hover .btn{opacity: 1;}
.index .newsection{width: 1400px;margin: 0 auto;margin-bottom: 80px;position: relative;}
.index .newsection .shuazi{top: 50px;}
.index .newsection .titlebox{margin: 70px 0 54px 0;}
.index .newsection .titlebox .ti{font-family: AvantGardeGothic-DTC;font-size: 30px;line-height: 32px;margin-bottom: 8px;color: #333333;font-weight: 600;}
.index .newsection .titlebox .te{font-size: 24px;line-height: 34px;color: #666666;}
.index .newsection .newlist li{width: 30%;float: left;margin-right: 5%;cursor: pointer;}
.index .newsection .newlist li .imgbox{overflow: hidden;}
.index .newsection .newlist li .imgbox img{transition: all .3s;}
.index .newsection .newlist li .title{margin: 10px 0;text-align: center;}
.index .newsection .newlist li .title .ti{font-size: 20px;line-height: 26px;color: #222222;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;white-space: nowrap;}
.index .newsection .newlist li .title .te{font-size: 14px;line-height: 28px;color: #888888;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;white-space: nowrap;}
.index .newsection .newlist li .morebox{width: 99px;font-family: AvantGardeGothic-DTC;font-size: 14px;line-height: 33px;color: #c5c5c5;background-position: 100% center;background-image: url(../images/jiantou-l2.png);background-repeat: no-repeat;}
.index .newsection .newlist li:last-child{margin-right: 0;}
.index .newsection .newlist li:hover .title .ti{color: #097bc8;}
.index .newsection .newlist li:hover .imgbox img{transform: scale(1.02, 1.02);}
.index #swiper3 #sp3{bottom: 0px;}
.index #swiper3 #sp3 .swiper-pagination-bullet-active{background: #097bc8;}
.index .add{height: 330px;background: url(../images/index-17.png) center center no-repeat;}
.index .add .content{width: 1400px;margin: 0 auto;height: 100%;overflow: hidden;}
.index .add .content .title{line-height: 42px;margin-top: 85px;font-size: 42px;font-style: italic;line-height: 26px;color: #ffffff;margin-bottom: 78px;}
.index .add .content .morebox{background: url(../images/index-02.png);transition: all .3s;width: 180px;}
.index .add .content .morebox a{display: block;width: 180px;height: 42px;line-height: 42px;color: #fff;text-align: center;box-sizing: border-box;padding-right: 34px;background: url(../images/jiantou-r2.png) no-repeat 130px center;transition: all .3s;}
.index .add .content .morebox:hover{background: url(../images/index-03.png);}
.index .add .content .morebox:hover a{background: url(../images/jiantou-r2.png) no-repeat 135px center;}
@media screen and (min-width: 1440px) and (max-width: 1600px){
  .index #swiper1 .tobox .inwrap{width: 650px;}
  .index #swiper1 .tobox .inwrap .pagination{width: 300px;}
  .index .aboutsection{width: 1300px;}
  .index .aboutsection .right .v-box{left: 248px;}
  .index .newsection{width: 1300px;}.index .add .content{width: 1300px;}
}
@media screen and (min-width: 1280px) and (max-width: 1440px){
  .index #swiper1 .tobox .inwrap{width: 600px;}
  .index #swiper1 .tobox .inwrap .pagination{width: 200px;}
  .index .aboutsection{width: 1200px;}
  .index .aboutsection .left{padding-left: 20px;}
  .index .aboutsection .right{padding-top: 40px;}
  .index .aboutsection .right .bg{}
  .index .aboutsection .right .bg img{width: 100%;}
  .index .aboutsection .right .v-box{width: 343px;height: 428px;left: 240px;}
  .index .newsection{width: 1200px;}
  .index .newsection .titlebox{padding-left: 20px;}
  .index .add .content{width: 1200px;}
}
@media screen and (min-width:100px) and (max-width:1024px){
  .plan-center ul{
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .plan-center ul li{
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width:100px) and (max-width:1024px){
  .pro{
    width: 90% !important;
    padding-bottom: 0px !important;
  }
  #wrap{

  }
  #wrap ul {
    width: 100%;
    display: flex;
    flex-direction: column;

  }
   #wrap ul li{
    width: 100% !important;
    height: auto !important;
   }
   #wrap ul img{
     width: 100% !important;
     height: auto!important;
   }
}
@media screen and (min-width: 100px) and (max-width: 1024px){
  .topleg{display: none;}.shuazi{display: none;}
  .index #swiper1 .tobox .inwrap{width: 100%;float: right;height: 100%;}
  .index #swiper1 .tobox .inwrap .pagination{text-align: center;width: 100%;box-sizing: border-box;padding-left: 6%;font-size: 14px;line-height: 40px;}
  .index #swiper1 .tobox .inwrap .pagination .swiper-pagination-current{font-size: 30px;}
  .index #swiper1 .tobox{width: 25%;height: 40px;}
  .index .aboutsection{padding-top: 44px;width: 90%;margin-bottom: 44px;}
  .index .aboutsection .left{padding-left: 0;box-sizing: border-box;width: 100%;float: none;margin-bottom: 44px;}
  .index .aboutsection .left .content{font-size: 14px;line-height: 24px;height: auto;margin-bottom: 24px;}
  .index .aboutsection .left .title{font-size: 30px;line-height: 32px;}
  .index .aboutsection .left .text{font-size: 16px;line-height: normal;margin-bottom: 20px;}
  .index .aboutsection .left .btn{width: 136px;background-size: 100% 100%;}
  .index .aboutsection .left .btn a{width: 100%;line-height: 22px;padding-right: 20px;}
  .index .aboutsection .right{width: 100%;float: none;padding-top: 10%;position: relative;}
  .index .aboutsection .right .bg{margin-left: 0;}
  .index .aboutsection .right .bg img{width: 100%;}
  .index .aboutsection .right .v-box{width: 66.6666%;position: absolute;height: auto;left: 26.666%;top: 0;}
  .index .aboutsection .right .v-box>img{width: 100%;}
  .index .prosection #swiper2 .prolist{width: 25%;position: relative;cursor: pointer;float: left;}
  .index .prosection #swiper2 .prolist .limask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;}
  .index .prosection #swiper2 .prolist .limask .titlebox{width: 100%;height: 100%;box-sizing: border-box;position: absolute;overflow: hidden;left: 0;top: 0;}
  .index .prosection #swiper2 .prolist .limask .titlebox .ti{font-size: 20px;margin-bottom: 10px;}
  .index .prosection #swiper2 .prolist .limask .titlebox .te{font-family: Gotham-XLight;font-size: 16px;line-height: 16px;color: rgba(255, 255, 255, 0.6);}
  .index .prosection #swiper2 .prolist .limask .titlebox .content{padding-left: 18px;margin-top: 22.9%;opacity: 0;transition: all .3s;}
  .index .prosection #swiper2 .prolist .limask .titlebox .content li{list-style: initial;font-size: 14px;line-height: 36px;color: #ffffff;}
  .index .prosection #swiper2 .prolist .limask .morebox{font-family: AvantGardeGothic-DTC;font-size: 14px;line-height: 20px;color: #ffffff;width: 110px;background-image: url(../images/jiantou-r2.png);background-repeat: no-repeat;background-position: right center;position: absolute;left: 7%;bottom: 7.25%;opacity: 1;transition: all .3s;}
  .index .prosection #swiper2 .prolist .limask:hover{background: none;}
  .index .prosection #swiper2 .prolist .limask:hover .titlebox .content{opacity: 0;}
  .index .prosection #swiper2 .prolist .limask:hover .morebox{opacity: 1;}
  .index .prosection #swiper2:hover .btn{opacity: 0;}
  .index .newsection{width: 90%;margin-bottom: 44px;}
  .index .newsection .titlebox{margin: 44px 0 22px 0;padding-left: 0%;}
  .index .newsection .titlebox .te{font-size: 20px;line-height: 20px;}
  .news .content{width:100%;display: flex;flex-direction: column;justify-content: center;}
  .news{
    padding: 46px 10px;
  }
  .news .news-left{
    max-width:100%;
  }
  .news .news-left .bottom li .title{
    margin-right: 10px;
  }
  .news .news-left .bottom li a{
    display: flex;
    flex-direction: column;
  }
  .news .news-left .bottom li .dian{
    margin-bottom:10px;
  }
  .news .content .news-right img{
    width: 100%;
  }
  .news .content .news-right{
    margin-top:20px;
  }
  .detailbox img{
    width: 100%;
  }
  .footer{
    padding: 0 10px;
  }
  .footers{
    width:100%;
  }
  .footers .footer-top{
  display: flex;
  flex-direction: column;
  }
  .footers .footer-top .zhong{
    display: none;
  }
  .footers .footer-top .left{
    margin-bottom: 20px;
  }
  .footers .footer-top .right p.yi{
    width: 150px;
    margin:0 auto;
  }
  .footers .footer-top .right p.yi img{
    width: 100%;
  }
  .footers .footer-top .left .logo{
    width:154px;
  }
  .footers .footer-top .left .logo img{
    width: 100%;
  }
  .banquan{
    width: 100% !important;
  }
  .banquan .shangbiao{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
  }
  .banquan .shangbiao .gongshang{
   margin: 0 auto;
  }
  .banquan .shangbiao p.top{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    line-height: 22px;
  }
  .index .newsection .newlist li{width: 100%;float: none;margin-right: 0;padding-bottom: 22px;}
  .index .newsection .newlist li .title .ti{font-size: 16px;line-height: 18px;margin-bottom:8px;}
  .index .newsection .newlist li .title .te{font-size: 14px;line-height: 16px;}
  .index .newsection .newlist li .morebox{line-height: 14px;}
  .index .newsection .newlist li .imgbox img{width: 100%;transition: all .3s;}
  .index .newsection .newlist li .title{margin: 10px 0;}
  .index .add{height: 330px;background: url(../images/index-17.png) center center no-repeat;}
  .index .add .content{width: 100%;}
  .index .add .content .title{line-height: 42px;margin-top: 85px;font-size: 28px;padding-left: 3%;font-style: italic;line-height: 26px;color: #ffffff;margin-bottom: 78px;}
  .index .add .content .morebox{width: 136px;margin-left: 3%;height: 32px;background-size: 100% 100%;}
  .index .add .content .morebox a{width: 100%;line-height: 32px;height: 32px;padding-right: 20px;background: url(../images/jiantou-r2.png) no-repeat 100px center;}
  .index .add .content .morebox:hover{background: url(../images/index-03.png);background-size: 100% 100%;}
  .index .add .content .morebox:hover a{background:url(../images/jiantou-r2.png) no-repeat 112px center;}
  .index .video-mask .video-wrap{width: 100%;height: 300px;left: 0%;margin-left: 0px;margin-top: -150px;}
  .index .video-mask .video-wrap .closevideo{right: 30px;}
}
@media screen and (min-width: 750px) and (max-width: 1024px){
  .index .newsection .newlist li{float: left;width: 48.5%;margin-right: 3%;padding-bottom: 3%;}
  .index .newsection .newlist li:nth-child(2n){margin-right: 0;}
}