@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)
}




.contain{height:calc(100vh - 90px);margin-top: 90px}
.section2 .contain{width: 100%;background: url('../images/sec2.jpg') no-repeat center;background-size: cover}
.sec2_tit p{font-size: 60px;color: #dbdde0;font-family: 宋体;font-weight: bold;text-transform:uppercase;}
.sec2_tit span{display:block;font-size: 30px;color: #222222;font-family: 宋体;font-weight: bold;margin-top: 5px}
.sec2_con{font-size: 16px;color: #666666;line-height: 30px;width: 755px;margin-top:30px;}

.sec2_data ul{margin-top:65px;background: rgba(255,255,255,0.5);width: 1200px}
.sec2_data li{width:300px;float: left;height: 240px;text-align:center;padding-top: 60px;color: #222222;}
.sec2_data li p{font-size: 18px;}
.sec2_data li span{display:block;font-size: 50px;}
.sec2_data li em{display:block;font-style: normal;font-size: 18px;}
.sec2_data li{position: relative;}
.sec2_data li:after{content:"";position:absolute;right: 0;top:77px;height: 85px;width: 1px;background: #dddddd}
.sec2_data li:nth-child(4n):after{display:none;}

.ab2_more{display:block;width: 150px;height: 50px;line-height: 50px;text-align:center;font-size: 16px;border:1px solid #659ff5;margin-top:55px;}
.ab2_more a{display:block;color: #659ff5;}

.sec2_data li{position:relative;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}
.sec2_data li:before{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;content:"";position:absolute;left:50%;top:-28px;width:0;height:calc(100% + 56px);background:#659ff5;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease}
.sec2_data li:hover:before{width:100%}
.sec2_data li .info{position:relative;z-index:2;}
.sec2_data li:hover{color: #fff}
.sec2_data li:hover:after{display:none;}

.section3 .contain{width: 100%;background: url('../images/sec3.jpg') no-repeat center;background-size: cover}
.sec3_tit{text-align:center;color: #fff;margin-bottom: 60px}
.sec3_tit p{font-size: 30px;}
.sec3_tit i{width: 57px;height: 4px;background: #fff;display:block;margin:10px auto 15px;}
.sec3_tit span{font-size: 18px;}
.sec3_more{width: 150px;height: 50px;border:1px solid #fff;color: #fff;font-size: 16px;display:block;margin:55px auto 0;text-align:center;line-height: 50px;}
.sec3_more:hover{border:1px solid #659ff5;}
.sec3_more a{color:#fff;display:block;}

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

.section3 .swiper-slide a{display:block;position: relative;}
.section3 .swiper-slide .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(101,159,245,0.7);opacity: 0;transition:all 0.5s;}
.section3 .swiper-slide .bg span{display:block;width: 44px;height: 44px;background: url('../images/jia.png') no-repeat center top;margin:0 auto;transition:all 0.8s;}
.section3 .swiper-slide .bg p{font-size: 20px;color: #fff;margin-top:50px;padding:0 15px;text-align:center;transition:all 0.8s;}

.section3 .swiper-slide .info{position: absolute;top:50%;transform: translateY(-50%);left: 0;width: 100%;padding:0 10px;}
.section3 .swiper-slide.swiper-slide-active:hover .bg p{margin-top:28px;}
.section3 .swiper-slide.swiper-slide-active:hover .bg{opacity: 1;}

.section4 .contain{width: 100%;background: url('../images/sec4.jpg') no-repeat center;background-size: cover}

.sec4_list{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;}
.sec4_list li{width: 33.3%;overflow: hidden;position: relative;border-right: 1px solid rgba(255, 255, 255, 0.3);height:calc(100vh - 90px);background:rgba(0,0,0,0.5);text-align: center;}

/*.sec4_list li{width: 25%;overflow: hidden;position: relative;border-right: 1px solid rgba(255, 255, 255, 0.3);height:calc(100vh - 90px);background:rgba(0,0,0,0.5);text-align: center;}
*/
.sec4_list li .icon{width: 102px;height: 102px;margin:0 auto;}
.sec4_list li:nth-child(1) .icon{background: url('../images/icon1.png') no-repeat center top;}
.sec4_list li:nth-child(2) .icon{background: url('../images/icon2.png') no-repeat center top;}
.sec4_list li:nth-child(3) .icon{background: url('../images/icon3.png') no-repeat center top;}
.sec4_list li:nth-child(4) .icon{background: url('../images/icon4.png') no-repeat center top;}
.sec4_list li:nth-child(5) .icon{background: url('../images/icon5.png') no-repeat center top;}
.sec4_list li a{display:block;color: #fff}
.sec4_list li .tit{font-size: 28px;margin-top:35px;}
.sec4_list li .keywords{font-size: 16px;padding-bottom:150px;}
.sec4_list li i{display:block;width: 50px;height:4px;background:#659ff5;margin:25px auto; }
.sec4_list li .sec4_more{width: 56%;height: 50px;line-height: 50px;margin:0 auto;border:1px solid #fff;font-size: 16px;text-transform:uppercase;position: absolute;left: 22%;bottom: 16%;}




.sec4_more{overflow:hidden;position:relative;}
.sec4_more:after{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;content:"";position:absolute;left:50%;top:0;width:0;height:100%;background:#fff;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.sec4_list li:hover .sec4_more:after{width:100%}
.sec4_list li .sec4_more em{position:relative;z-index:2;font-style: normal;}
.sec4_list li:hover .sec4_more{color: #5892de}
.sec4_list li:hover i{background: #fff}




.sec5_left{width: 50%;float: left;height:calc(100vh - 90px);position: relative;}
.sec5_right{width: 50%;float: right;height:calc(100vh - 90px);}

.sy_navk {
        width: 400px;
        height: 400px;
        overflow: visible;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -200px;
        margin-top: -160px;
        background-image: url("../images/sy_tb1.png");
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .sy_navk i {
        width: 106%;
        height: 106%;
        left: -3%;
        top: -3%;
        position: absolute;
        background-image: url("../images/in_05.png");
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .sy_navk .s_bt {
        font-size: 18px;
        color: #666666;
        position: absolute;
        cursor: pointer;
    }

    .sy_navk .s_bt.on {
        color: #659ff5;
        font-size: 22px;
    }

    .sy_navk .s_bt.on:before, .sy_navk .s_bt.on:after {
        display: none;
    }

    .sy_navk .s_bt:nth-of-type(1) {
        left: 50%;
        margin-left: -100px;
        top: -40px;
        width: 200px;
        text-align: center;
    }



    .sy_navk .s_bt:nth-of-type(2) {
        left: 102%;
        bottom: 115px;
        width: 150px;
    }


    .sy_navk .s_bt:nth-of-type(3) {
        right: 102%;
        bottom: 115px;
        width: 150px;
        text-align: right;
    }



    .sy_navk .s_more {
        width: 34%;
        line-height:45px;
        position: absolute;
        left: 33%;
        bottom: 13%;
    }

    .sy_navk .s_more a {
        display: block;
        font-size: 16px;
        border:1px solid #659ff5;
        color: #659ff5;
        width: 100%;
        text-align: center;
        position: relative;z-index: 1;
    }
    .sy_navk .s_more a:hover{color: #fff}
    
    .sy_lb2 {
        width: 100%;
        height: 100%;
        padding: 40px 0;
    }

    .sy_lb2 li {
        width: 100%;
    }

    .sy_lb2 a {
        display: block;
        width: 100%;
        height: calc((100vh - 160px) / 3);
        height: -moz-calc((100vh - 160px) / 3);
        height: -webkit-calc((100vh - 160px) / 3);
        padding: 40px 0px;
        border-bottom: solid 1px #dddddd;
        overflow: hidden;
        position: relative;
        padding-right: calc(60% - 45px);
    }

    .sy_lb2 li:last-child a {
        border-bottom: 0;
    }

    
    .sy_lb2 .date {
        color: #999999;
        display: block;font-size: 16px;
        margin-bottom: 15px;

    }

    .sy_lb2 .bt {
        font-size: 20px;color: #222222;line-height: 30px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 60px;margin-bottom:45px;
    }

    .sy_lb2 .imgk {
        width: calc(60% - 80px);
        height: calc(100% - 80px);
        display: block;
        overflow: hidden;
        position: absolute;
        right: 0px;
        top: 40px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .sy_lb2 li .jia{font-size: 16px;color: #666666;overflow: hidden;transition: all 0.5s;display:block;position: relative;width: 60px;padding-left: 0}
    .sy_lb2 li .jia:before {content: 'more';text-transform:uppercase;position: absolute;left:-50px;top:0;transition: all 0.5s;}
    .sy_lb2 li:hover .jia{color: #659ff5;padding-left: 50px;}
    .sy_lb2 li:hover .jia:before {left: 0;color: #659ff5;}
    .sy_lb2 li:hover .bt{color: #659ff5}

    .sy_lb2 li{transition:all 0.5s;}
    .sy_lb2 li:hover {box-shadow:0px 15px 10px -15px rgba(0,0,0,0.3);transform: scale(1.01);}

    .sec5_left .sec2_tit{padding-top:60px;}
    
    
    
    .active .sec4_list li:nth-of-type(1){
        animation: fadeInLeft 1s .3s ease both;
        -webkit-animation: fadeInLeft 1s .3s ease both;
        -moz-animation: fadeInLeft 1s .3s ease both;
    }

    .active .sec4_list li:nth-of-type(2){
        animation: fadeInLeLeft 1s .5s ease both;
        -webkit-animation: fadeInLeLeft 1s .5s ease both;
        -moz-animation: fadeInLeLeft 1s .5s ease both;
    }

    .active .sec4_list li:nth-of-type(3){
        animation: fadeInLeft 1s .7s ease both;
        -webkit-animation: fadeInLeft 1s .7s ease both;
        -moz-animation: fadeInLeft 1s .7s ease both;
    }

    .active .sec4_list li:nth-of-type(4){
        animation: fadeInLeft 1s .9s ease both;
        -webkit-animation: fadeInLeft 1s .9s ease both;
        -moz-animation: fadeInLeft 1s .9s ease both;
    }

    .active .sec4_list li:nth-of-type(5) {
        animation: fadeInLeft 1s 1.1s ease both;
        -webkit-animation: fadeInLeft 1s 1.1s ease both;
        -moz-animation: fadeInLeft 1s 1.1s ease both;
    }


    .active.section5 .sec5_left{
        animation: fadeInLeft .8s .3s ease both;
        -webkit-animation: fadeInLeft .8s .3s ease both;
        -moz-animation: fadeInLeft .8s .3s ease both;
    }

    .active.section5 .sec5_right{
        animation: fadeInRight .8s .3s ease both;
        -webkit-animation: fadeInRight .8s .3s ease both;
        -moz-animation: fadeInRight .8s .3s ease both;
    }
    
    .active.section2 .sec2_tit{
        animation: fadeInUp 1.5s .1s ease both;
        -webkit-animation: fadeInUp 1.5s .1s ease both;
        -moz-animation: fadeInUp 1.5s .1s ease both;
    }
    .active.section2 .sec2_con{
        animation: fadeInUp .8s .5s ease both;
        -webkit-animation: fadeInUp .8s .5s ease both;
        -moz-animation: fadeInUp .8s .5s ease both;
    }
    .active.section2 .sec2_data{
        animation: fadeInUp 1s .7s ease both;
        -webkit-animation: fadeInUp 1s .7s ease both;
        -moz-animation: fadeInUp 1s .7s ease both;
    }
    .active.section2 .ab2_more{
        animation: fadeInUp .8s 1.2s ease both;
        -webkit-animation: fadeInUp .8s 1.2s ease both;
        -moz-animation: fadeInUp .8s 1.2s ease both;
    }

    .active.section3 .sec3_tit{
        animation: fadeInDown .8s .2s ease both;
        -webkit-animation: fadeInDown .8s .2s ease both;
        -moz-animation: fadeInDown .8s .2s ease both;
    }
    .active.section3 #certify{
        animation: fadeIn2 .8s .4s ease both;
        -webkit-animation: fadeIn2 .8s .4s ease both;
        -moz-animation: fadeIn2 .8s .4s ease both;
    }
    .active.section3 .sec3_more{
        animation: fadeInUp .8s .6s ease both;
        -webkit-animation: fadeInUp .8s .6s ease both;
        -moz-animation: fadeInUp .8s .6s ease both;
    }

    .sec4_list li:nth-child(1):hover{ 
        background: -webkit-linear-gradient(rgba(40,145,236,0.5), rgba(95,177,248,0.5)); 
        background: -o-linear-gradient(rgba(40,145,236,0.5), rgba(95,177,248,0.5)); 
        background: -moz-linear-gradient(rgba(40,145,236,0.5), rgba(95,177,248,0.5));
        background: linear-gradient(rgba(40,145,236,0.5), rgba(95,177,248,0.5)); 
    }
    .sec4_list li:nth-child(2):hover{ background: -webkit-linear-gradient(rgba(64,210,155,0.5), rgba(27,161,110,0.5)); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(rgba(64,210,155,0.5), rgba(27,161,110,0.5)); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(rgba(64,210,155,0.5), rgba(27,161,110,0.5)); /* Firefox 3.6 - 15 */
        background: linear-gradient(rgba(64,210,155,0.5), rgba(27,161,110,0.5)); /* 标准的语法（必须放在最后） */
    }
    .sec4_list li:nth-child(3):hover{ background: -webkit-linear-gradient(rgba(162,206,66,0.5), rgba(255,145,64,0.5)); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(rgba(162,206,66,0.5), rgba(255,145,64,0.5)); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(rgba(162,206,66,0.5), rgba(255,145,64,0.5)); /* Firefox 3.6 - 15 */
        background: linear-gradient(rgba(162,206,66,0.5), rgba(255,145,64,0.5)); /* 标准的语法（必须放在最后） */
    }
    .sec4_list li:nth-child(4):hover{ background: -webkit-linear-gradient(rgba(99,220,156), rgba(75,151,200,0.5)); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(rgba(99,220,156), rgba(75,151,200,0.5)); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(rgba(99,220,156), rgba(75,151,200,0.5)); /* Firefox 3.6 - 15 */
        background: linear-gradient(rgba(99,220,156), rgba(75,151,200,0.5)); /* 标准的语法（必须放在最后） */
    }
    .sec4_list li:nth-child(5):hover{ background: -webkit-linear-gradient(rgba(67,157,236,0.5), rgba(81,162,232,0.5)); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(rgba(67,157,236,0.5), rgba(81,162,232,0.5)); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(rgba(67,157,236,0.5), rgba(81,162,232,0.5)); /* Firefox 3.6 - 15 */
        background: linear-gradient(rgba(rgba(67,157,236,0.5), rgba(81,162,232,0.5)); /* 标准的语法（必须放在最后） */
    }