/*首页*/
.banner{width:100%;position: relative;height:100vh;}
.banner .swiper-container{height: 100%;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{width: 100%;transition:transform 5s cubic-bezier(.23,1,.32,1);height: 100%;}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1.1)}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .txt{color:#fff;text-align: left;text-transform: uppercase;top: auto;bottom: 15%;left: 70px;transform: inherit;z-index: 3;}
.banner .txt h2{line-height: 1.2;font-weight: bold;text-shadow: 0 0 10px rgba(0,0,0,.5);}
.banner .txt p{text-align: left;margin-top: 20px;text-shadow: 0 0 10px rgba(0,0,0,.5);}
.txt_p{display: inline-block;text-align: center;position: relative;padding: 0 90px;}
.txt_p:before{content: "";display: block;position: absolute;left:0;top: 14px;background: url(../images/b_b.png) no-repeat left bottom;width: 270px;height: 200px;background-size: 100% 100%;}
/*.txt_p:after{content: "";display: block;position: absolute;right: -25px;top: -25px;background: url(../images/b_t.png) no-repeat right top;width: 170px;height: 170px;}*/

.banner .swiper-pagination{bottom:20px; left:0; width:100%;text-align: center;}
.banner .swiper-pagination-bullet{width:3px; height:15px;margin:0 5px!important; background: #20afb2;opacity: 1;border-radius: 0;vertical-align: middle;}
.banner .swiper-pagination-bullet-active{height: 40px;}
.banner_link{margin-top: 50px;}
.banner_link a{display: inline-block;width: 175px;height: 50px;line-height: 50px;color: #424242;background: #fff;position: relative;text-align: center;}
.banner_link a i{position: absolute;right: 15px;font-size: 14px;}

.ban_video .video_button{display: none;}

@media only screen and (min-width:1025px) {
    .banner_link a:hover{color: #fff!important;background: #446b8c;}
}
@media only screen and (max-width:1599px) {
    .txt_p:before{width: 240px;height: 168px;}
}

@media only screen and (max-width: 1399px){
    .txt_p:before{width: 230px;height: 150px;}
}
@media only screen and (max-width: 1279px){
    .txt_p:before{top: 8px;width: 205px;height: 134px;}
}
@media only screen and (max-width: 1024px) {
    .banner .down{display: none;}
    .banner .banner_link{margin-top: 40px;}
    .banner .txt{bottom: 80px;left: 40px;}
    .txt_p{padding: 0 60px;}
    .txt_p:before{top: 8px;width: 170px;height: 125px;}
}

@media only screen and (max-width: 767px) {
    .banner{height: 280px;}
    .banner .swiper-slide>img{display: none;}
    .banner .banner_link{margin-top: 20px;}
    .ban_video .video_button{display: block;color: #fff;font-size: 40px;z-index: 100;top:40%;}
    .banner .swiper-pagination{ display: none;bottom: 10px;}
    .banner .swiper-pagination-bullet{height: 10px;margin: 0 3px!important;width: 5px;}
    .banner .swiper-pagination-bullet-active{height: 25px;}

    .banner .txt{left: 20px;bottom: 45px;}
    .banner .txt h2{font-size: 18px;}
    .banner .txt p{font-size: 18px;}
    .txt_p{padding: 0 20px;}
    .banner .txt p{margin-top: 10px;}
    .txt_p:before{top: 5px;width: 100px;height: 78px;}
}


/*index_01*/
.in_new-l,.in_new-r{float: left;width: 50%;height: 100%;}
.in_new-l{padding: 3% 5% 0;box-sizing: border-box;overflow: hidden;position: relative;}
.in_new-tab{overflow: hidden;margin-bottom: 5%;}
.in_new-tab li{float: left;margin-right: 60px;cursor: pointer;color: #999999;}
.in_new-tab li.on{font-weight: bold;color: #000;}
.in_new-con{height: 70%;overflow: hidden;}
.in_new-item{display: none;}
.in_new-item dl{margin-bottom: 2%;overflow: hidden;}
.in_new-item dl dd{float: left;width: 115px;}
.in_new-item dl dt{float: left;width: calc(100% - 118px);padding-top: 10px;}
.in_new-item dl dt em{display: block;width: 55px;height: 2px;background: #e5e5e5;margin-bottom: 20px;}
.in_new-item dl dt h2{margin-bottom: 15px;}
.in_new-item dl dt h2 a{display: block;line-height: 30px;max-height: 60px;overflow: hidden;color: #000;font-weight: bold;}
.in_new-item dl dt p{display: none;line-height: 30px;height: 60px;overflow: hidden;}

.in_new-item.on{display: block;}
.in_new-item dl.on dt em{background: #20afb2;}
.in_new-item dl.on dt p{display: block;}


.in-link-item{display: none;position: absolute;left:calc(10% + 115px);bottom: 0;width: 90px;height: 130px;background: #20afb2;max-height: 170px;}
.in-link-item a{color: #fff;display: block;position: relative;width: 100%;height: 100%;}
.in-link-item.on{display: block;}


.in_new-r{background: url(../images/index_01.jpg) no-repeat center;position: relative;}
.in_tip-item{width: 90px;height: 200px;border: 2px solid #20afb2;text-align: center;box-sizing: border-box;display: none;}
.in_tip-item span{line-height: 70px;position: relative;color: #20afb2;margin-top: 30px;display: inline-block;}
.in_tip-item span:after{content: "";display: block;position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;
    background: #20afb2;border-radius: 8px;margin-top: -4px;margin-left: -4px;}
.in_tip-item.on{display: block;}

/*index_02*/
.index_02{overflow: hidden;padding-top: 7%;box-sizing: border-box;}
.in_sec{margin-bottom: 50px;}
.in_sec-ipt{overflow: hidden;}
.in_sec-ipt input{float: left;width: calc(100% - 77px);border: none;height: 62px;line-height: 62px;padding:  0 30px;box-sizing: border-box;}
.in_sec-ipt .btn{float: right;width: 62px;height: 62px;display: block;background: #20afb2;color: #fff;border: none;box-shadow: inherit;font-size: 20px;}
.in_sec a{color: #fff;display: block;margin-top: 10px;}

.in_number{border-top: 1px solid rgba(255,255,255,0.3);overflow: hidden;position: relative;}
.in_number li{float: left;width: 50%;padding-right: 5%;box-sizing: border-box;overflow: hidden;padding-top: 4%;padding-bottom: 4%;color: #fff;border-right: 1px solid rgba(255,255,255,0.3);}
.in_number li:nth-child(2n){padding-left: 5%;border-right: 0;}
.in_number:after{content: "";display: block;width: 100%;height: 1px;background: rgba(255,255,255,.3);top: 50%;left: 0;position: absolute;}
.in_number li b{font-weight: inherit;}

/*index_03*/
.index_03{padding: 5% 0;box-sizing: border-box;overflow: hidden;}
.spec_ul{padding: 0 20px;box-sizing: border-box;}
.spec_ul li{float: left;width: 50%;padding: 0 20px;box-sizing: border-box;}
.spec_ul li:first-child{margin-top: 120px;}
.spec_ul dl{position: relative;overflow: hidden;}
.spec_ul dd{color: #fff;}
.inTips_div p{font-size: 12px;text-transform: uppercase;margin-top: 13px;}
.inTips{width: 90px;height: 200px;text-align: center;border: 2px solid #fff;}
.inTips span{line-height: 70px;position: relative;margin-top: 30px;display: inline-block;}
.inTips span:after{content: "";display: block;position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;
    background: #fff;border-radius: 8px;margin-top: -4px;margin-left: -4px;}
.spec_ul dt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 70px 40px;box-sizing: border-box;color: #fff;
/*background: url(../images/index_05.jpg) no-repeat center;background-size: cover;*/
    transform: translateX(100%);transition: all .3s;}
.spec_ul dt h2{margin-bottom: 20px;font-weight: bold;}
.view_list{height: 65%;overflow: hidden;}
.view_list-item{margin-bottom: 25px;}
.view_list-item span{display: block;}
.view_list-item a{color: #fff;display: block;margin: 10px 0;}
a.view_link{color: #fff!important;background: #20afb2;display: block;bottom: 0;height: 108px;top: auto;width: 70px;text-align: center;padding-top: 15px;}
/*index_04*/
.index_04{padding: 5% 3%;box-sizing: border-box;overflow: hidden;}
.index_04 h2{color: #fff;text-align: center;margin-bottom: 8%;}
.field_list{width: calc(100% - 156px);margin: 0 auto;position: relative;}
.field_list li{height: 398px;border-right: 1px solid rgba(255,255,255,.5);box-sizing: border-box;transition: all .3s;cursor: pointer;}
.field_list li:first-child{border-left: 1px solid rgba(255,255,255,.5);}
.field_list li div{text-align: center;color: #fff;width: 100%;padding: 0 10px;box-sizing: border-box;}
.field_list li div img{width: 50px;height: 50px;margin-bottom: 20px;}
.field_list .lhl_but{display: none;display: block!important;}
.field_list .lhl_but div{background: none;width: 34px;height: 62px;margin-top: -31px;}
.field_list .lhl_but div img{width: 100%;height: 100%;}
.field_list .lhl_but div.swiper-button-prev{left: -78px;}
.field_list .lhl_but div.swiper-button-next{right: -78px;}
.field_list .swiper-button-prev.swiper-button-disabled,.field_list .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;}

.field_con{width: calc(100% - 156px);margin: 0 auto;color: #fff;line-height: 35px;margin-top: 40px;}
.field_item{display: none;}
.field_list li.on{background: #20afb2;border-color: #20afb2;}
.field_item.on{display: block;}
/*index_05*/
.index_05{padding: 5% 0 7%;box-sizing: border-box;overflow: hidden;}
.index_05 dl dt{height: auto;transform: translateY(100%);background: none;bottom: 0;top: auto;}
@media only screen and (min-width:1025px) {
    .in-link-item a:hover{color: #fff!important;opacity: .8;}
    .in_sec-ipt .btn:hover{opacity: .8;}
    a.view_link:hover{opacity: .8;}
    .index_03 dl:hover .inTips_div{opacity: 0;}
    .index_03 dl:hover dt{transform: translateX(0);}
    .index_05 dl:hover dt{transform: translateY(0);}
    .view_list-item a:hover{color: #fff!important;font-weight: bold;text-shadow: 0 0 10px rgba(0,0,0,0.2);}
}
@media only screen and (max-width:1660px) {
    .in-link-item{height: 120px;}
}
@media only screen and (max-width:1599px) {
    .in_new-tab{margin-bottom: 20px;}
    .in_new-tab ul{font-size: 28px;}
    .in_new-item dl dt em{margin-bottom: 10px;}
    .in_new-item dl dt h2{font-size: 18px;margin-bottom: 10px;}
    .in_new-item dl dt h2 a{line-height: 26px;height: 52px;}
    .in-link-item{height: 100px;}
}
@media only screen and (max-width:1280px) {
    .in_new-item dl dt{padding-top: 5px;}
}

@media only screen and (max-width:1024px) {
    .index_01{height: auto!important;overflow: hidden;}
    .in_new-l{position: relative;padding-bottom: 140px;}
    .in_new-l,.in_new-r{width: 100%;}
    .in_new-r{height: 350px;}
    .in-link-item{height: 110px;}
    .in_new-item dl dt{padding-top: 8px;}
    .in_new-item dl dt em{margin-bottom: 15px;}
    .in_new-item dl dt h2{margin-bottom: 10px;}
    .in_new-item dl dt p{display: block;}
    .in-link-item{left:50%;margin-left: -45px;}
    .index_03 .spec_ul dd{position: relative;}
    .index_03 .spec_ul dt{position: static;transform: translateX(0);padding: 30px;height: 400px;box-sizing: border-box;background: #1ca987;}
    .index_03 .inTips{width: 70px;height: 150px;}
    .index_03 .inTips span{margin-top: 6px;}
    a.view_link{height: 75px;}
    .index_05 dl dt{transform: translateY(0);}
    .field_list li{height: 300px;}
}
@media only screen and (max-width:767px) {
    .in_new-l{padding: 30px 20px 0;padding-bottom: 140px;}
    .in-link-item{height: 75px;width: 70px;margin-left: -35px;}
    .in_new-r{display: none;}
    .index_02{padding-top: 50px;}
    .in_sec-ipt input{height: 45px;line-height: 45px;padding: 0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 55px);}
    .in_sec-ipt .btn{height: 45px;line-height: 45px;width: 45px;}
    .in_sec{margin-bottom: 30px;}
    .index_03{padding: 30px 0;}
    .spec_ul{padding: 0;}
    .spec_ul li{width: 100%;padding: 0;margin-bottom: 30px;}
    .spec_ul li:first-child{margin-top: 0;}
    .index_04{padding: 30px 0;}
    .field_list{width: calc(100% - 110px);}
    .field_list li{height: 240px;border: none;}
    .field_list li:first-child{border: none;}
    .field_list .lhl_but div{width: 20px;height: 36px;margin-top: -18px;}
    .field_list .lhl_but div.swiper-button-prev{left: -35px;}
    .field_list .lhl_but div.swiper-button-next{right: -35px;}
    .field_con{width: 88%;margin-top: 30px;}
    .index_05{padding: 30px 0;}
}