@charset "utf-8";
/* CSS Document */
/*¹«¹²ÑùÊ½ÓëÊ×Ò³ÑùÊ½*/

.section{overflow: hidden;}

em{font-style: normal;} 
.banner_slide {
    width: 100%;
    overflow: hidden;
    height: 100vh;
    background-color: #f1f1f1;
    position: relative
}

.banner_slide .swiper-slide {
    width: 100%;
    overflow: hidden
}
.banner_slide .swiper-slide .b1 {
    width: 104%;
    overflow: hidden;
    height: 104vh;
    position: absolute;
    left: -2%;
    top: -2vh;
    display: block;
    background-position: center;
    background-size: cover;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.banner_slide .swiper-slide-active .banner_bg b {
    transform: translate3d(0, 0, 0);
    transform: scale(1) rotate(0.1deg);
    -moz-transform: scale(1) rotate(0.1deg);
    -webkit-transform: scale(1) rotate(0.1deg)
}

.banner_slide .swiper-slide .b1.on {
    -webkit-filter: url(#water);
    filter: blur(5px) url(#water)
}

.banner_slide .swiper-slide{position: relative;}
.banner_slide .swiper-slide .info{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);z-index: 1000;color: #fff;min-width: 700px}
.banner_slide .swiper-slide .info .tit{font-size: 60px;font-weight: bold;}
.banner_slide .swiper-slide .info .des{font-size: 24px;font-weight: lighter;margin:20px 0 35px;}
.banner_slide .swiper-slide .info i{display: block;width: 48px;height: 3px;background: #fff;}

.contain{height:calc(100vh - 100px);margin-top:100px}
.banner_list{position: absolute;bottom: 0;left: 0;width: 100%}
.banner_list .main{position: relative;height: 80px;width: 1140px;margin:0 auto;}
.banner_list .pagination{width:380px;height: 80px;position:absolute;bottom: 0;left:0;cursor: pointer;transition: all 1s;background: rgba(0,0,0,0.5);color: #fff;text-align: center;border-top-left-radius: 10px;border-top-right-radius:10px;}
.banner_list .pagination:nth-child(2){left:380px;}
.banner_list .pagination:nth-child(3){left:760px;}

.banner_list .pagination a{display: block;padding-top:15px;}

.banner_list .pagination.active{background: #017fcb;height: 120px;}
.banner_list .pagination.active a{display: block;padding-top:25px;}
.banner_list .pagination.active p{font-size: 30px;}
.banner_list .pagination.active span{color: #fff;font-size: 16px;margin-top:10px;}
.banner_list .pagination.active .ban_more{display: block;}
.banner .swiper-pagination-custom{bottom: 0}

.banner_list .pagination p{font-size: 22px;color: #fff}
.banner_list .pagination span{display: block;color: #fff;font-size: 12px;text-transform: uppercase;margin-top:5px}


.section2{width: 100%;background: url('../images/sec2.jpg') no-repeat center;background-size: cover}
.sec2_tit p{font-size: 48px;font-weight: bold;color: #222222}
.sec2_tit span{display: block;font-size: 26px;color: #555555;display: block;margin:15px 0 25px;}
.sec2_nr{width: 790px;}
.sec2_con{font-size: 16px;color: #555555;line-height: 50px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:5;-webkit-box-orient: vertical;}
.sec2_data{margin-top:50px;}
.sec2_data li{float: left;padding-right: 25px;margin-right: 25px;text-align:center;position: relative;}
.sec2_data li p span{font-size: 48px;font-weight: bold;color: #017fcb}
.sec2_data li p em{font-size: 16px;color: #017fcb;font-style: normal;}
.sec2_data li .tit{font-size: 16px;color: #888888;}
.sec2_data li:nth-child(4){margin-right:0;padding-right: 0}
.sec2_data li:after{content: '';position: absolute;right: 0;top:15px;height: 70px;width: 1px;background: #e5e5e5}
.ab2_more a{margin-top:50px;width: 180px;height: 60px;border-radius: 30px;line-height: 60px;padding-left: 42px;font-size: 14px;color: #fff;background: url('../images/ab2_more.png') no-repeat center;display: block;}
.ab2_more a{color: #fff;position:relative;}
.sec2_data li:nth-child(4):after{display: none}

.section3{width: 100%;background: url('../images/sec3.jpg') no-repeat center;background-size: cover}
.title{text-align:center;color: #222222}
.title p{font-size: 48px;font-weight: bold;}
.title span{display: block;font-size: 24px;text-transform:uppercase;font-family: Palatino Linotype}
.sec3_list li{width: 320px;float: left;margin-right: 40px;}
.sec3_list li:nth-child(4n){margin-right:0;}
.sec3_list{margin-top:40px;}

.sec3_list li{width: 320px;border-radius: 30px;overflow: hidden}
.sec3_list li a{position:relative;width:100%;height:0;padding-top:194%;display: block;}
.sec3_list li a .pic{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sec3_list li a img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.sec3_list .tit{font-size: 26px;color: #fff;text-align: center;text-align: center;position: absolute;top:60px;left: 0;width: 100%;transition: all 0.5s;z-index: 1;}
.sec3_list .tit:after{content: '';width: 30px;height: 2px;background: #fff;display: block;margin:30px auto 0;}

.sec3_list li .sec3_bg{background: rgba(255,255,255,0.5);position: absolute;width: 100%;height: 100%;bottom: 0%;left: 0;transition: all 0.3s;opacity: 0;}
.sec3_list li:hover .tit{font-size: 35px;font-weight: bold;color: #017fcb;text-align: center;padding-top:145px}
.sec3_more{height:100px;line-height: 100px;position: absolute;bottom:-100%;left: 0;width: 100%;background: #017fcb url('../images/jt.png') no-repeat center left 184px;font-size: 16px;color: #fff;padding-left:109px;transition: all 0.4s}
.sec3_list li:hover .sec3_bg{opacity: 1;}
.sec3_list li:hover .sec3_more{bottom: 0}

.section4{width: 100%;background: url('../images/sec4.jpg') no-repeat center;background-size: cover}
.section4 .title {text-align: left;width: 100%}
.section4 .title p{color: #017fcb}
.section4 .title span{color: #222222;}

.sec4_list{width: 100%;margin-top:70px;}

.sec4_list ul{width: 570px;float: left;}
.sec4_list li{margin-bottom: 85px;transition: all 0.5s}
.sec4_list li a{color: #000000}
.sec4_list li .tit{font-size: 24px;}
.sec4_list li .tit span{font-size: 18px;text-transform:uppercase;font-family: Palatino Linotype}
.sec4_list li .des{font-size: 18px;margin-top:4px;}
.sec4_list li .icon{width:71px;height: 71px;background: url('../images/f1.png') no-repeat center;margin-right:15px;position: relative;}
.sec4_list li:hover{padding-left:40px;}
.sec4_list li:hover .icon{background: url('../images/f2.png') no-repeat center;}

.sec4_list li .icon i,.sec4_list li .icon em{width: 33px;position: absolute;left:50%;transform: translate(-50%,-50%);display: block;height: 33px;-webkit-transition: 0.5s;transition: 0.5s;}
.sec4_list li .icon i{top:50%;}
.sec4_list li .icon em{top:65%;opacity: 0;visibility: hidden;}
.sec4_list li:hover i{
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.sec4_list li:hover em {
  opacity: 1;
  visibility: visible;
  top: 50%;
}



.sec4_list .list1 li:nth-child(1) .icon i{background: url('../images/icon1.png') no-repeat center center;}
.sec4_list .list1 li:nth-child(1) .icon em{background: url('../images/icon11.png') no-repeat center center;}

.sec4_list .list1 li:nth-child(2) .icon i{background: url('../images/icon2.png') no-repeat center center;}
.sec4_list .list1 li:nth-child(2) .icon em{background: url('../images/icon22.png') no-repeat center center;}

.sec4_list .list1 li:nth-child(3) .icon i{background: url('../images/icon3.png') no-repeat center center;}
.sec4_list .list1 li:nth-child(3) .icon em{background: url('../images/icon33.png') no-repeat center center;}

.sec4_list .list2 li:nth-child(1) .icon i{background: url('../images/icon4.png') no-repeat center center;}
.sec4_list .list2 li:nth-child(1) .icon em{background: url('../images/icon44.png') no-repeat center center;}

.sec4_list .list2 li:nth-child(2) .icon i{background: url('../images/icon5.png') no-repeat center center;}
.sec4_list .list2 li:nth-child(2) .icon em{background: url('../images/icon55.png') no-repeat center center;}

.sec4_list .list2 li:nth-child(3) .icon i{background: url('../images/icon6.png') no-repeat center center;}
.sec4_list .list2 li:nth-child(3) .icon em{background: url('../images/icon66.png') no-repeat center center;}

.section5{width: 100%;background: url('../images/sec5.jpg') no-repeat center;background-size: cover}
.title.white{color: #fff}
.sec5_list{margin-top:55px;position: relative;padding-bottom: 100px;}

.sec5_list .swiper-button-next{bottom: 0;left: 0;background: url('../images/sec5_l.png') no-repeat center;width: 13px;height: 18px;top:auto;margin-top:0;}
.sec5_list .swiper-button-prev{bottom: 0;left: 38px;background: url('../images/sec5_r.png') no-repeat center;width: 13px;height: 18px;top:auto;margin-top:0;}
.swiper-button-prev:after,.swiper-button-next:after{display:none;}


.sec5_list .swiper-slide .pic{position:relative;width:100%;height:0;padding-top:55%;}
.sec5_list .swiper-slide .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sec5_list .swiper-slide img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

.sec5_list .swiper-slide .info{background: #fff;padding:25px 30px;height: 141px}
.sec5_list .swiper-slide .info .tit{font-size: 23px;color: #222222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec5_list .swiper-slide .info .jian{font-size: 14px;color: #888888;line-height: 2;margin-top:5px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.section6{width: 100%;background: url(../images/sec6.jpg) no-repeat center;background-size: cover}
.section6 .title{text-align: left;}

.sec6_left{width: 468px;float: left;}
.sec6_right{width: 837px;float: right;}

.sec6_list{margin-top: 80px}
.sec6_list li{width: 200px;float: left;height: 200px;padding-top: 130px;font-size: 22px;color: #000000;text-align: center;}
.sec6_list li:nth-child(1){background:#fff url('../images/cssx.png') no-repeat center top 40px;}
.sec6_list li:nth-child(2){float: right;background:#fff url('../images/yhmy.png') no-repeat center top 40px;}

.sec6_more{display: block;width: 180px;height: 60px;line-height: 60px;border:1px solid #fff;font-size: 20px;color: #fff;text-transform: uppercase;border-radius:30px;text-align: center;margin-top: 70px}

.sec6_right .video_pic{position:relative;width:100%;height:0;padding-top:62%;overflow:hidden;cursor: pointer;border:5px solid #fff;background: #000}
.sec6_right .video_pic video{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec6_right .video1_hide{position:absolute;top:0;left:0;width:100%;height:100%;}
.sec6_right .video1_hide iframe{position:absolute;top:0;left:0;width:100%;height:100%;}


.sec6_right .video_pic  img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.sec6_right .video_pic i{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/play.png) no-repeat center;
    background-color: 
    rgba(0, 0, 0, 0.5);
    z-index: 1;
    
}
.sec6_left{position: relative;}
.zyjt{width: 710px;height: 177px;position: absolute;top:-100px;left: -150px;background: url('../images/zyjt.png') no-repeat center top;}
.sec6_left .title{position: relative;}

.section7{width: 100%;background: url(../images/sec7.jpg) no-repeat center;background-size: cover}

.sec7_left{width: 410px;float: left;}
.sec7_right{width: 946px;float: right;}
.sec7_left li{width: 100%;height: 235px;color: #fff;padding-top: 40px}
.sec7_left li .tit p{font-size: 26px;}
.sec7_left li .tit span{display: block;font-size: 16px;text-transform:uppercase;font-family: Palatino Linotype;margin-top: 7px}
.sec7_left li .tit{margin-bottom:50px;}
.sec7_left li .sec7_more{width: 145px;height: 42px;line-height: 42px;border:1px solid #fff;padding-left: 36px;font-size: 14px;background: url('../images/sec7_more.png') no-repeat center right 37px;display: block;}
.sec7_left li a{display: block;color: #fff;padding-left: 39px}
.sec7_left li:nth-child(1){background:#42b3f7 url('../images/sec7_1.jpg') no-repeat center;}
.sec7_left li:nth-child(2){background:#5e74b6 url('../images/sec7_2.jpg') no-repeat center;margin-top:25px;}

.sec7_nr{margin-top:55px;}

.sec7_right li{width: 100%;height: 160px;background: #fff;margin-bottom:10px;}
.sec7_right li a{display:block;position: relative;}
.sec7_right li .sec7_pic{width: 300px;float: left;}
.sec7_right li .sec7_info{width: 570px;float: left;margin-left: 28px;padding-top:23px;}
.sec7_right li .sec7_info .tit{font-size: 16px;font-weight: bold;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sec7_right li .sec7_info .jian{font-size: 14px;color: #888888;line-height:2;margin:10px 0;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sec7_right li .sec7_info .date{font-size: 14px;color: #888888}
.sec7_right li .jia{display: block;width: 36px;height: 36px;background: #42b3f7;color: #fff;text-align: center;font-size: 30px;font-weight:lighter;position: absolute;bottom:-1px;right: 0;line-height: 36px;}
.sec7_right li:hover .sec7_info .tit{color: #5e74b6}
.sec7_right li:hover .sec7_info .jian{color: #000000}
.sec7_right li:hover .jia{background: #5e74b6}

.sec7_right li .sec7_pic .pic{position:relative;width:100%;height:0;padding-top:53%;}
.sec7_right li .sec7_pic .pic p{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sec7_right li .sec7_pic .pic img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}


.sec7_right .ab2_more a{margin-top:30px;}

.section8{width: 100%;background: url(../images/sec8.jpg) no-repeat center;background-size: cover;position: relative;}
.sec8_left{width: 680px;float: left;height: 659px;background: #fff}
.sec8_right{width: 680px;height: 659px;background: url('../images/join.jpg') no-repeat center;float: right;}
.sec8_bot{margin-top:22px;}
.sec8_bot li{width: 226px;float: left;height: 189px;border-left: 1px solid #e5e5e5;padding:105px 20px 0;font-size: 14px;color: #333333;line-height: 1.5;}
.sec8_bot li:nth-child(1){background: url('../images/addr.png') no-repeat center top 30px;border-left: 0px}
.sec8_bot li:nth-child(2){background: url('../images/tel.png') no-repeat center top 30px;}
.sec8_bot li:nth-child(3){background: url('../images/email.png') no-repeat center top 30px;}

.sec8_bot li:nth-child(2) p span{font-size: 18px;font-weight: bold;color: #017fcb}
.sec8_bot li:nth-child(2) p{margin-bottom:5px;}

.section8 .contain{position:relative;}
.foot{font-size: 14px;color: #aaaaaa;position: absolute;bottom:20px;left: 0;width: 100%;text-align: center;}

.banner{position: relative;}
.banner .swiper-button-next{background: url('../images/next.png') no-repeat center;width: 38px;height: 11px;top:auto;bottom:32px;right:calc(50% - 1440px/2);display: none}
.banner .swiper-button-prev{background: url('../images/prev.png') no-repeat center;width: 38px;height: 11px;display: none}

.section.active .sec2_tit p{
    animation: fadeInDown 1s 0.1s ease both;
    -webkit-animation: fadeInDown 1s 0.1s ease both;
    -moz-animation: fadeInDown 1s 0.1s ease both;
}
.section.active .sec2_tit span{
    animation: fadeInUp 1s .3s ease both;
    -webkit-animation: fadeInUp 1s .3s ease both;
    -moz-animation: fadeInUp 1s .3s ease both;
}
.section.active .sec2_con{
    animation: fadeIn2 1s .5s ease both;
    -webkit-animation: fadeIn2 1s .5s ease both;
    -moz-animation: fadeIn2 1s .5s ease both;
}
.section.active .ab2_more{
    animation: fadeInUp 1s .7s ease both;
    -webkit-animation: fadeInUp 1s .7s ease both;
    -moz-animation: fadeInUp 1s .7s ease both;
}

.section.active .title p{
    animation: fadeIn2 1s 0.1s ease both;
    -webkit-animation: fadeIn2 1s 0.1s ease both;
    -moz-animation: fadeIn2 1s 0.1s ease both;
}
.section.active .title span{
    animation: fadeInUp 1s .3s ease both;
    -webkit-animation: fadeInUp 1s .3s ease both;
    -moz-animation: fadeInUp 1s .3s ease both;
}

.section.active .sec3_list li:nth-child(1){
    animation: fadeInLeft 1s .3s ease both;
    -webkit-animation: fadeInLeft 1s .3s ease both;
    -moz-animation: fadeInLeft 1s .3s ease both;
}

.section.active .sec3_list li:nth-child(2){
    animation: fadeInLeft 1s .5s ease both;
    -webkit-animation: fadeInLeft 1s .5s ease both;
    -moz-animation: fadeInLeft 1s .5s ease both;
}

.section.active .sec3_list li:nth-child(3){
    animation: fadeInLeft 1s .7s ease both;
    -webkit-animation: fadeInLeft 1s .7s ease both;
    -moz-animation: fadeInLeft 1s .7s ease both;
}

.section.active .sec3_list li:nth-child(4){
    animation: fadeInLeft 1s .9s ease both;
    -webkit-animation: fadeInLeft 1s .9s ease both;
    -moz-animation: fadeInLeft 1s .9s ease both;
}

.section.active .sec4_list li:nth-child(1){
    animation: fadeInUp 1s .3s ease both;
    -webkit-animation: fadeInUp 1s .3s ease both;
    -moz-animation: fadeInUp 1s .3s ease both;
}

.section.active .sec4_list li:nth-child(2){
    animation: fadeInUp 1s .5s ease both;
    -webkit-animation: fadeInUp 1s .5s ease both;
    -moz-animation: fadeInUp 1s .5s ease both;
}

.section.active .sec4_list li:nth-child(3){
    animation: fadeInUp 1s .7s ease both;
    -webkit-animation: fadeInUp 1s .7s ease both;
    -moz-animation: fadeInUp 1s .7s ease both;
}

.section.active .sec5_list{
    animation: fadeIn2 1.5s .3s ease both;
    -webkit-animation: fadeIn2 1.5s .3s ease both;
    -moz-animation: fadeIn2 1.5s .3s ease both;
}

.section.active .swiper-button-prev,.section.active .swiper-button-next{
    animation: fadeInUp 1s 0.5s ease both;
    -webkit-animation: fadeInUp 1s 0.5s ease both;
    -moz-animation: fadeInUp 1s 0.5s ease both;
}


.banner_slide .swiper-slide.swiper-slide-active .info .tit{
    animation: fadeInRight 1.2s .3s ease both;
    -webkit-animation: fadeInRight 1.2s .3s ease both;
    -moz-animation: fadeInRight 1.2s .3s ease both;
}

.banner_slide .swiper-slide.swiper-slide-active .info .des{
    animation: fadeInRight 1.2s .5s ease both;
    -webkit-animation: fadeInRight 1.2s .5s ease both;
    -moz-animation: fadeInRight 1.2s .5s ease both;
}

.banner_slide .swiper-slide.swiper-slide-active .info i{
    animation: fadeInRight 1.2s .7s ease both;
    -webkit-animation: fadeInRight 1.2s .7s ease both;
    -moz-animation: fadeInRight 1.2s .7s ease both;
}

.section.active .zyjt{
    animation: fadeInDown 1.5s .3s ease both;
    -webkit-animation: fadeInDown 1.5s .3s ease both;
    -moz-animation: fadeInDown 1.5s .3s ease both;
}
.section.active .sec6_left .title p{
    animation: fadeInUp 1.5s .3s ease both;
    -webkit-animation: fadeInUp 1.5s .3s ease both;
    -moz-animation: fadeInUp 1.5s .3s ease both;
}
.section.active .sec6_left .title span{
    animation: fadeInUp 1.5s .5s ease both;
    -webkit-animation: fadeInUp 1.5s .5s ease both;
    -moz-animation: fadeInUp 1.5s .5s ease both;
}
.section.active .sec6_list li:nth-child(1){
    animation: bounceIn 1s .5s ease both;
    -webkit-animation: bounceIn 1s .5s ease both;
    -moz-animation: bounceIn 1s .5s ease both;
}

.section.active .sec6_list li:nth-child(2){
    animation: bounceIn 1s .7s ease both;
    -webkit-animation: bounceIn 1s .7s ease both;
    -moz-animation: bounceIn 1s .7s ease both;
}

.section.active .sec6_more{
    animation: fadeInUp 1.5s .9s ease both;
    -webkit-animation: fadeInUp 1.5s .9s ease both;
    -moz-animation: fadeInUp 1.5s .9s ease both;
}

.section.active .sec6_right{
    animation: fadeInRight 1.5s .3s ease both;
    -webkit-animation: fadeInRight 1.5s .3s ease both;
    -moz-animation: fadeInRight 1.5s .3s ease both;
}

.section.active .sec7_left li:nth-child(1){
    animation: fadeIn2 1.5s .3s ease both;
    -webkit-animation: fadeIn2 1.5s .3s ease both;
    -moz-animation: fadeIn2 1.5s .3s ease both;
}
.section.active .sec7_left li:nth-child(2){
    animation: fadeIn2 1.5s .5s ease both;
    -webkit-animation: fadeIn2 1.5s .5s ease both;
    -moz-animation: fadeIn2 1.5s .5s ease both;
}

.section.active .sec7_right li:nth-child(1){
    animation: fadeInUp 1s .3s ease both;
    -webkit-animation: fadeInUp 1s .3s ease both;
    -moz-animation: fadeInUp 1s .3s ease both;
}
.section.active .sec7_right li:nth-child(2){
    animation: fadeInUp 1s .5s ease both;
    -webkit-animation: fadeInUp 1s .5s ease both;
    -moz-animation: fadeInUp 1s .5s ease both;
}

.section.active .sec7_right li:nth-child(3){
    animation: fadeInUp 1s .7s ease both;
    -webkit-animation: fadeInUp 1s .7s ease both;
    -moz-animation: fadeInUp 1s .7s ease both;
}
.section.active .sec7_right .ab2_more{
    animation: fadeInUp 1s .9s ease both;
    -webkit-animation: fadeInUp 1s .9s ease both;
    -moz-animation: fadeInUp 1s .9s ease both;
}
.section.active .sec8_left{
    animation: fadeInLeft 1s .3s ease both;
    -webkit-animation: fadeInLeft 1s .3s ease both;
    -moz-animation: fadeInLeft 1s .3s ease both;
}
.section.active .sec8_right{
    animation: fadeInRight 1s .3s ease both;
    -webkit-animation: fadeInRight 1s .3s ease both;
    -moz-animation: fadeInRight 1s .3s ease both;
}

.section.active .sec5_list .swiper-slide .pic{overflow: hidden;}
.section.active .sec5_list .swiper-slide .pic 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;}
.section.active .sec5_list .swiper-slide:hover .pic img{-webkit-transform: scale(1.05);transform: scale(1.05);}

.sec5_list .swiper-slide .info{position: relative;}
.pop{top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #017fcb;
    position: absolute;
    display: flex;
    flex-direction: column;
    transition: all 0.3s;opacity: 0;}
.sec5_list .swiper-slide:hover .pop{top:0;opacity: 1;}
.sec5_list .swiper-slide:hover .txt{position:relative;z-index: 10;display: block;}
.sec5_list .swiper-slide:hover .tit{color: #fff}
.sec5_list .swiper-slide:hover .jian{color: #fff}

.section.active .sec7_right li .pic{overflow: hidden;}
.section.active .sec7_right li .pic 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;}
.section.active .sec7_right li:hover .pic img{-webkit-transform: scale(1.05);transform: scale(1.05);}

.video1_hide{display: none}