.tran{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.player{width:36px;height:28px; cursor: pointer; display: none !important;
transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; bottom:50px;border-radius: 50%;background:rgba(255,255,255,0.2) url(../images/voice_2.png) no-repeat center center;background-size: 20px;}
.player.sound{background:rgba(255,255,255,0.2) url(../images/voice_1.png) no-repeat center center;background-size: 20px;}

.banner video{position: absolute;top:0;left: 0; width:100%; height: 100%; object-fit: fill;object-fit: cover; object-position: center;}
.banner{position: relative;}
.banner_text{ width:100%;  box-sizing:border-box;color:#fff;z-index: 9;}
.banner_text h3,.banner_text p{opacity: 0;visibility:hidden;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;
  -webkit-transform: translateX(200px); -moz-transform: translateX(200px);-o-transform: translateX(200px);-ms-transform: translateX(200px);transform: translateX(200px);}
.banner li.ani-slide .banner_text h3,.banner li.ani-slide .banner_text p{
  visibility: visible;opacity: 1;
  -webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);
}

/*.banner_text h3,.banner_text p{text-shadow:3px 3px 3px rgba(0,0,0,0.4);}*/
.banner_text h3{margin-bottom: 30px; line-height: 1.2em;max-height: 3.6em; font-size:64px;   display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;position: relative;}
 .banner_text h3 b{display: block;}
.banner_text p{ line-height: 24px;height: 48px;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}

.banner_text .wrap{position: relative;padding-left: 50px;}
.banner_text .wrap:after{content: "";display: block;width: 31px;height: 29px;background: url(../images/banner_ico.png) no-repeat center;background-size: cover;position: absolute;top: -29px;left: 25px;}

.banner .ban_img>img{display: none;}

.banner_bg{position: absolute;left: 0;top:0;width: 100%;height: 100%;background:rgba(0,0,0,0.07);}

.banner_pagin{position: absolute;bottom: 15%;left: 0;width: 100%;z-index: 3;padding-left: 25px;}
.banner .swiper-pagination{text-align: left;}
.banner .swiper-pagination span{margin:0;background:rgba(255,255,255,.3);opacity: 1;border-radius: 0;width: 93px;height: 1px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{background:#00a6ff;height: 2px;}

/*.banner .swiper-slide-active .ban_imgin{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}*/
/*.banner .ban_imgin{-webkit-transition: opacity 2s ease-in,-webkit-transform 2s linear;transition: opacity 2s ease-in,transform 2s linear;}*/

.banner .video_button{z-index: 5;color: #fff;display: none;width: 30px;height: 30px;font-size: 30px;}
.banner .video_button span{width: 40px;height: 40px;line-height:40px;border:2px solid #fff;border-radius:50%;text-align: center;}

.baner_butout{position: absolute;width: 100%;right: 0;bottom:40px;z-index: 5;}
.baner_but{height: 55px;position: relative; overflow: hidden;display: none;}
.baner_but div{opacity: 0.5; background: none;color: #fff; position: absolute;top:0; margin: 0;width: 40px; height: 55px;line-height: 55px;float: left;}
.baner_but div.swiper-button-prev{right:60px;left: auto;background: url(../images/banner_prev.png) no-repeat center center;background-size: 100% 100%;}
.baner_but div.swiper-button-next{right: 0;background: url(../images/banner_next.png) no-repeat center center;background-size: 100% 100%;}

.banner_pageout{ position: absolute;left:10.4%;bottom:10.5%;z-index: 5;color:#fff;}
.banner_pageout img{width: 22px;height: 32px;margin-bottom: 10px;}
.index_valley{display: inline-block;cursor:pointer;}



.banner_pageout img{-webkit-animation: moveXY 800ms linear  infinite alternate;
  -ms-animation: moveXY 800ms linear  infinite alternate;
  -moz-animation: moveXY 800ms linear  infinite alternate;
animation: moveXY 800ms linear  infinite alternate;
}


@-webkit-keyframes moveXY {
  0% {
    -webkit-transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0px);
  }
}
@-moz-keyframes moveXY {
  0% {
    -webkit-transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0px);
  }
}

@-ms-keyframes moveXY {
  0% {
    -ms-transform: translateY(-10px);
  }

  100% {
    -ms-transform: translateY(0px);
  }
}
@keyframes moveXY {
  0% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0px);
  }
}
/*动画*/

@media only screen and (max-width:1440px) {
.banner_text h3{font-size: 52px;}
}
@media only screen and (max-width:1024px) {
.baner_butout{bottom: 20px;}
.baner_but div{width:30px;height: 40px;margin-top: -20px;}
.baner_but{height: auto;}
.banner .swiper-pagination{bottom:10px;}
.banner_text h3{font-size: 24px;line-height: 1.5em;max-height: 4.5em;margin-bottom: 5px;}


.banner_text p{line-height: 24px;max-height: 48px;margin-bottom: 5px;}
.banner_pageout{bottom:20px;}
}
@media only screen and (max-width:767px) {
.banner video,.player{display: none !important;}
.banner_text{width:80%; top:50%;   text-align: left;}
.banner_text h3{font-size:16px;}

.banner .video_button{display: block;}
/*.banner video{display: none;}*/
/*.banner .ban_img>img{display: block;}*/
.banner .video_button span{top:40%;}

.baner_butout{position: static;width:auto;}
.baner_but{position: static;margin: 0;padding: 0;overflow: inherit;}
.baner_but div{position: absolute;top:50%;margin-top: -20px;}
.baner_but div.swiper-button-prev{left:10px;right:auto;}
.baner_but div.swiper-button-next{right:10px;}

.ban_img{height: auto !important;position: relative;z-index: 2;}
.ban_imgin img{display: none;}
.ban_imgin{height:300px !important;}

.banner_pageout img{margin-bottom: 5px;}
.banner_pageout{left: 4%;}

    .banner .swiper-pagination span{width: 50px;}
}

.blank_15{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.15);}
.blank_35{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.35);}

.index_01{padding: 8% 0;box-sizing: border-box;overflow: hidden;}
.index_case-tab{margin-bottom: 40px;position: relative;}
.index_case-tab li{text-align: center;padding: 8px;box-sizing: border-box;border-left: 1px solid #b9b9b9;cursor: pointer;}
.index_case-tab li.on{background: url(../images/index_13.png) no-repeat center;background-size: cover;background-size: 100% 100%;color: #fff;border-left: 0;}
.index_case-tab li.on+li{border-left: 0;}
.index_case-tab li:first-child{border-left: 0;}
.cont_item{display: none;}
.cont_item.on{display: block;}
.cont_item dl{position: relative;margin-top: 60px;}
.cont_item dd .l{float: left;width: 100%;height: 100%;}
.cont_item dd .r{float: right;width: 17.56%;height: 100%;}
.cont_item dd img{width: 100%;}
.cont_item>p{color: #707070;line-height: 30px;}
.cont_item dt{padding: 35px 100px 60px 50px;box-sizing: border-box;overflow: hidden;background: rgba(255,255,255,.8);box-shadow: 0 0 10px rgba(0,0,0,.1);right: -40px;width: 38%;left: auto;z-index: 3;}
.dtItem{display: none;}
.dtItem.on{display: block;}
.dtItem>span{color: #00a6ff;font-weight: bold;}
.dtItem h3{margin: 24px 0;}
.cont_item dt li{color: #707070;float: left;padding: 0 12px;border-right: 1px solid #cccccc;box-sizing: border-box;}
.cont_item dt li:first-child{padding-left: 0;}
.cont_item dt li:last-child{border-right: 0;}
.index_case-link{position: absolute;right: 40px;height: 150px;width: 150px;text-align: right;font-size: 28px;line-height: 150px;top: 50%;margin-top: -75px;font-weight: bold;}
.lhl_but div{background: none;font-size: 24px;text-align: center;line-height: 44px;}
.lhl_but div.swiper-button-prev{left: -40px;}
.lhl_but div.swiper-button-next{right: -40px;}
.index_case-tab .swiper-button-prev.swiper-button-disabled, .index_case-tab .swiper-button-next.swiper-button-disabled {
    cursor: pointer;
    pointer-events: inherit!important;
    opacity: 1;
}
.index_case-tab .swiper-button-prev.disabled, .index_case-tab .swiper-button-next.disabled {
   opacity: .35;
}

.cont_item dl  .lhl_but div.swiper-button-next{right: 0;top: -30px;}
.cont_item dl  .lhl_but div.swiper-button-prev{right: 50px;top: -30px;left: auto;}


.index_02{padding: 8% 0 9%;box-sizing: border-box;overflow: hidden;}
.index_02 h2{color: #fff;}
.index_about{width: 48%;background: url(../images/index_04.png) no-repeat center;background-size: cover;margin-top: 40px;padding: 50px 5% 50px 5%;box-sizing: border-box;overflow: hidden;
box-shadow: 0 0 10px rgba(0,0,0,.1);}
.index_about ul{margin: 25px 0 70px;overflow: hidden;}
.index_about ul li{float: left;}
.index_about ul li a{padding: 0 15px;position: relative;color: #000000!important;cursor: inherit}
.index_about ul li a:after{content: "";display: block;width: 1px;height: 20px;background: #c6c6c6;top: 50%;margin-top: -10px;position: absolute;right: 0;}
.index_about ul li:first-child a{padding-left: 0;}
.index_about ul li:last-child a:after{display: none;}
.index_more{color: #707070;}
.index_more a{color: #707070;}
.index_more a i{font-size: 20px;display: inline-block;vertical-align: middle;margin-left: 10px;margin-top: -5px;}

.index_03{background: #eff3f6;padding: 6% 0;box-sizing: border-box;overflow: hidden;}
.index-title{margin-bottom: 40px;}
.index_new-t{margin-bottom: 6%;}
.index_new-t dl{position: relative;overflow: hidden;}
.index_new-t dd{float: left;width: 55%;position: relative;}
.index_new-t-div{position: absolute;right: 40px;bottom: 40px;display: none;}
.index_new-t-div img{width: 134px;height: 16px;margin-top: 15px;transform: inherit!important;}
.index_new-t-div p{font-size: 12px;padding: 5px 0;border-left: 1px solid #899197;color: #fff;display: inline-block;padding-left: 15px;margin-left: 15px;
text-transform: uppercase;font-weight: bold;}
.index_new-t dt{float: left;width: 45%;padding: 10px 0 10px 5%;box-sizing: border-box;overflow: hidden;position: absolute;right: 0;top: 0;height: 100%;}
.index_new-t dt span{display: block;color: #707070;}
.index_new-t dt h3{margin: 15px 0 30px;}
.index_new-t dt h3 a{display: block;color: #2c2b2b;}
.index_new-t dt .index_new-t-txt{height: 50%;overflow: hidden;margin-bottom: 30px;line-height: 30px;}
.index_new-b{overflow: hidden;}
.index_new-b ul{margin-left: -6px;margin-right: -6px;}
.index_new-b li{float: left;width: 33.3%;padding: 0 6px;box-sizing: border-box;margin-bottom: 30px;}
.index_new-b li dd{overflow: hidden;}
.index_new-b li dd a{display: block;width: 100%;height: 100%;}
.index_new-b li dd a img{width: 100%;height: 100%;}
.index_new-b dt{padding: 0 20px;box-sizing: border-box;margin-top: 50px;}
.index_new-b dt span{display: block;color: #707070;}
.index_new-b dt h3{margin: 12px 0 24px;}
.index_new-b dt h3 a{display: block;color: #2c2b2b;line-height: 30px;height: 60px;overflow: hidden;}

.index_new-link{text-align: center;margin-top: 4%;}
.index_new-link .index_more{display: inline-block;padding: 13px 75px;border-top: 1px solid #707070;}
.index_04 dl{position: relative;overflow: hidden;}
.index_04 dd{float: left;width: 59.37%;}
.index_04 dt{float: right;width: 52.2%;position: absolute;right: 0;top: 0;height: 100%;}

.index_04-div{position: absolute;left: 7%;top: 80px;color: #fff;max-width: 46%;}
.index_04-div h2{margin-bottom: 25px;}
.index_04 dd .index_04-div p{margin-bottom: 80px;}
.index_04-div a{color: #fff;}
.index_04-div-txt{line-height: 35px;}
.index_04 dt .index_04-div{left: 30%;}
.index_04-div-txt .tel a{color: #fff!important;cursor: inherit;}


@media only screen and (max-width:1720px) {
    .index_01{padding: 5% 0;}
}
@media only screen and (max-width:1660px) {
    .index_04-div{top: 60px;left: 3%;}
}
@media only screen and (max-width:1500px) {
    .index_01{padding: 4% 0;}
}
@media only screen and (max-width:1280px) {
    .cont_item dt{right: -30px;}
    .index_new-t dt .index_new-t-txt{height: 45%;}
    .index_04-div{top: 40px;}
    .index_04-div h2{margin-bottom: 15px;}
    .index_01{padding: 3% 0;}
    .cont_item dl{margin-top: 50px;}
}
@media only screen and (max-width:1024px) {
    .index_01{padding: 5% 0;height: auto!important;}
    .cont_item dt{position: relative;transform: none;width: 100%;right: 0;}
    .index_about{width: 55%;}
    .index_about ul{margin: 25px 0 35px;}
    .index_new-t{margin-bottom: 20px;}
    .index_new-t dd,.index_new-t dt{width: 100%;}
    .index_new-t dt{position: static;padding: 30px 0;}

    .index_04 dl{height: auto!important;}
    .index_04 dd,.index_04 dt{width: 100%;}
    .index_04 dt{position: relative;}

}
@media only screen and (max-width:767px) {
    .index_01{padding: 30px 0;}
    .index-title{margin-bottom: 30px;}
    .index_case-tab{padding: 0 40px;box-sizing: border-box;margin-bottom: 30px;}
    .lhl_but div{font-size: 20px;}
    .lhl_but div.swiper-button-prev{left: 0;}
    .lhl_but div.swiper-button-next{right: 0;}
    /*.cont_item dl{margin-top: 30px;}*/
    .cont_item dt{padding: 30px 50px 40px 20px;}
    .index_case-link{width: 60px;height: 60px;right: 0;text-align: center;margin-top: -30px;line-height: 60px;}
    .index_02{padding: 30px 0;}
    .index_about{width: 100%;margin-top: 30px;padding: 30px 20px;}
    .index_about ul li{float: none;}
    .index_about ul li a{padding: 0;}
    .index_about ul li a:after{display: none;}
    .index_03{padding: 30px 0;}
    .index_new-t{margin-bottom: 0;}
    .index_new-b li{width: 100%;}
    .index_new-b dt{margin-top: 30px;padding: 0;}
    .index_new-b dt h3 a{height: auto;max-height: 60px;}
    /*.index_04-div{position: static;background: #00a6ff;padding: 30px 20px;box-sizing: border-box;}*/
    .index_04-div{top: 0px;background: rgba(0,0,0,.2);padding:20px;width: 100%;height: 100%;box-sizing: border-box;left: 0;max-width: 100%;}
    .index_04 dd{position: relative;}
    .index_04 dd .index_04-div p{margin-bottom: 20px;}
    .index_04-div-txt{line-height: 24px;}
    .index_04 dt .index_04-div{left: 0;text-align: right;}
    .index_04-div h2{margin-bottom: 10px;}
}