/*Created by lk on 2020/06/04.*/

/*----banner----*/
.banner{width: 100%; overflow: hidden; background: #000; padding-top: 60px; position: relative}
.banner .swiper-slide{width: 100%; height: 100%; overflow: hidden}

.slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color:#fff;
}

.banner-video{width: 100%; height: 100%; background: #fff;}
.banner-video .video-bg{width: 100%}

.banner .swiper-slide-active .slide-inner{transform: scale(1);}

.banner .swiper-slide .text{width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 24% 45% 0 8%;}
.banner .swiper-slide .text h2{font-size: 36px; color: #fff; font-weight: bold; letter-spacing: 1px; margin-bottom: 10px; text-shadow: 1px 1px 1px #000;  }
.banner .swiper-slide .text h3{font-size: 28px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px #000; font-family: 'DisneyEnglish-Bold';}

.banner .banner-text{width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 20% 0 0 10%}
.banner .banner-text h2{font-size: 36px; color: #fff; font-weight: bold; letter-spacing: 1px; margin-bottom: 10px; text-shadow: 1px 1px 1px #000;  }
.banner .banner-text h3{font-size: 28px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px #000; font-family: 'DisneyEnglish-Bold';}



.wow{animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}


/*----content------*/
.content{position: relative; background: #fff; z-index: 9;}

.title{position: relative; margin-bottom: 50px; z-index: 2;}
.title h2{font-size: 32px; color: #333;}

.a_link{position: relative; display: flex; align-items: center; width: 160px; height: 24px; line-height: 24px; font-size: 14px; color: #333; margin-top: 20px; box-sizing: border-box; overflow: hidden; transition: all ease .4s; -webkit-transition: all ease .4s;}
.a_link i{width: 22px; height: 22px; display: inline-block; margin-right: 10px; border-radius: 4px; background: #f0ab00 url(../image/icon02.png) no-repeat -19px 1px; transition: all ease .4s; -webkit-transition: all ease .4s;}
.a_link span{display: inline-block; font-size: 14px; color: #333}
.a_link:hover i{background: #f0ab00 url(../image/icon02.png) no-repeat 1px 1px;}


/* 行业 */
.list01{padding: 100px 0 80px 0; position: relative; overflow: hidden;}
.list01 .list01-con{width: 96%; margin: 0 auto;}
.list01 .list01-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.list01 .list01-list .item{width: 24%; margin-bottom: 20px;}
.list01 .list01-list .item .img{width: 100%; overflow: hidden;}
.list01 .list01-list .item .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list01 .list01-list .item .text{padding: 30px 20px; background: #f7f7f7;}
.list01 .list01-list .item .text h2{font-size: 18px; color: #333; margin-bottom: 20px;}
.list01 .list01-list .item .text h3{font-size: 14px; color: #444; line-height: 1.6; height: 66px;}
.list01 .list01-list .item:hover .img img{transform: scale(1.1);}

.list01 .list01-list .item:nth-child(2){animation-delay: .5s; -webkit-animation-delay: .5s}
.list01 .list01-list .item:nth-child(3){animation-delay: .6s; -webkit-animation-delay: .6s}
.list01 .list01-list .item:nth-child(4){animation-delay: .7s; -webkit-animation-delay: .7s}
.list01 .list01-list .item:nth-child(5){animation-delay: .8s; -webkit-animation-delay: .8s}
.list01 .list01-list .item:nth-child(6){animation-delay: .9s; -webkit-animation-delay: .9s}
.list01 .list01-list .item:nth-child(7){animation-delay: 1s; -webkit-animation-delay: 1s}
.list01 .list01-list .item:nth-child(8){animation-delay: 1.1s; -webkit-animation-delay: 1.1s}

/* 数据 */
.list02{position: relative; padding: 80px 0; background: url(../image/bg01.jpg) no-repeat center fixed; overflow: hidden;}

.list02 .list02_data{padding: 0 8%;}
.list02 .list02_data .list li{width: 25%; padding: 20px 0 20px 10px; float: left; position: relative; box-sizing: border-box;}
.list02 .list02_data .list li:before{content: ""; display: block; width: 1px; height: 47px; background: rgba(255,255,255,.5); position: absolute; top: 0; right: 0; margin: 30px 15px 0 0;}
.list02 .list02_data .list li:last-child:before{display: none;}
.list02 .list02_data .list li img{display: block; width: 60px; float: right; margin-right: 40px; margin-top: 6px; filter: grayscale(80%)}
.list02 .list02_data .list li .item span{font-size: 36px; color: #fff; font-family: 'DisneyEnglish-Bold';}
.list02 .list02_data .list li .item  i{display: block; font-size: 15px; color: #fff; font-style: normal;}

/* 关于我们 */
.list03{padding: 100px 0 0 0; position: relative; overflow: hidden;}
.list03 .list03-con{display: flex; padding: 0 6%;}
.list03 .list03-con .item{width: 50%; background: #f7f7f7; cursor: pointer;}
.list03 .list03-con .item-left{padding: 8% 50px 0 50px;}
.list03 .list03-con .item h2{font-size: 32px; margin-bottom: 20px;}
.list03 .list03-con .item p{font-size: 16px; color: #333; line-height: 1.8;}
.list03 .list03-con .item .img{width: 100%; overflow: hidden;}
.list03 .list03-con .item .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list03 .list03-con:hover .img img{transform: scale(1.1);}

/* 服务 */
.list04{width: 100%; padding: 60px 0; position: relative; overflow: hidden;}
.list04 .list04-con{padding: 0 6%;}
.list04 .list04-con .item{width: 100%; cursor: pointer; overflow: hidden;}
.list04 .list04-con .item .img{width: 50%; overflow: hidden;}
.list04 .list04-con .item .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list04 .list04-con .item .text{width: 50%; padding: 7% 50px 0 0;}
.list04 .list04-con .item .text h2{font-size: 24px; margin-bottom: 20px;}
.list04 .list04-con .item .text p{font-size: 16px; color: #333; line-height: 1.8;}
.list04 .list04-con .item .text.right{padding: 5% 0 0 80px;}
.list04 .list04-con .item:hover .img img{transform: scale(1.1);}


/* 新闻 */
.list05{padding: 80px 0;  background: #f6f6f6 url("../image/bg46.png") no-repeat right top; overflow: hidden;}
.list05 .title{margin-left: 8%;}

.list05 .list05_con{margin-left: 8%; position: relative; z-index: 5;}
.list05 .list05_con .list05_list{animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .6s; -webkit-animation-delay: .6s}
.list05 .list05_con .list05_list .li{max-height: 478px; margin-right: 36px; padding: 40px 30px 50px 30px; background:  linear-gradient(#f3f2f5,#f3f2f5); border-radius: 8px; overflow: hidden; transition: all ease-out .5s; -webkit-transition: all ease-out .5s}
.list05 .list05_con .list05_list .li h6{font-size: 16px; color: #666; margin-bottom: 150px; padding-left: 30px; background: url("../image/ico09.png") no-repeat; font-family: 'DisneyEnglish-Bold'; transition: all ease .4s; -webkit-transition: all ease .4s}
.list05 .list05_con .list05_list .li h1{font-size: 22px; color: #5f5f5f; font-weight: bold; line-height: 1.8; margin-bottom: 100px; transition: all ease .4s; -webkit-transition: all ease .4s}
.list05 .list05_con .list05_list .li .cr{display: block; width: 120px; padding: 10px 0; }
.list05 .list05_con .list05_list .li .cr i{display: block; width: 100%; font-size: 14px; color: #5f5f5f; font-style: normal; position: relative; background: url("../image/ico08.png") no-repeat 60px;  z-index: 2; transition: all ease .4s; -webkit-transition: all ease .4s}

.list05 .list05_con .list05_list .li:hover{background: linear-gradient(rgba(214,89,32,.7),rgba(214,89,32,1))}
.list05 .list05_con .list05_list .li:hover h6{color: #fff; background: url("../image/ico13.png") no-repeat;}
.list05 .list05_con .list05_list .li:hover h1{color: #fff;}
.list05 .list05_con .list05_list .li:hover .cr i{color: #fff; background: url("../image/ico07.png") no-repeat 60px}

.list05 .list05_con .list05_list .slick-prev, .list05 .list05_con .list05_list .slick-next{width: 50px; height: 50px; top: 0; margin-top: -80px; padding: 8px; border: 1px solid #999; border-radius: 100%; transition: all ease .4s; -webkit-transition: all ease .4s;  z-index: 4;}
.list05 .list05_con .list05_list .slick-prev{left: 86%;}
.list05 .list05_con .list05_list .slick-next{left: 90%;}
.list05 .list05_con .list05_list .slick-prev:before{background: url("../image/ico14.png") no-repeat center; transition: all ease .3s; -webkit-transition: all ease .3s}
.list05 .list05_con .list05_list .slick-next:before{background: url("../image/ico15.png") no-repeat center; transition: all ease .3s; -webkit-transition: all ease .3s}

.list05 .list05_con .list05_list .slick-prev:hover{border: 1px solid #d65920; background: linear-gradient(rgba(214,89,32,.7),rgba(214,89,32,1))}
.list05 .list05_con .list05_list .slick-prev:hover:before{background: url("../image/ico14-1.png") no-repeat center}
.list05 .list05_con .list05_list .slick-next:hover{border: 1px solid #d65920; background: linear-gradient(rgba(214,89,32,.7),rgba(214,89,32,1))}
.list05 .list05_con .list05_list .slick-next:hover:before{background: url("../image/ico15-1.png") no-repeat center}


/* .list05 .list05-con .list05-left{width: 45%; margin-right: 7%; overflow: hidden;}
.list05 .list05-con .list05-left .img{width: 100%; max-height: 200px; margin-bottom: 26px; overflow: hidden;}
.list05 .list05-con .list05-left .img img{width: 100%; float: none; display: block; position: relative; margin-top: -10%; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list05 .list05-con .list05-left .text h1{font-size: 18px; color: #333; margin-bottom: 20px; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list05 .list05-con .list05-left .text .text_box{display: flex;}
.list05 .list05-con .list05-left .text .text_box .data{padding-right: 14px; margin-right: 20px; border-right: 1px solid #f0f0f0;}
.list05 .list05-con .list05-left .text .text_box .data h6{font-size: 24px; color: #444; font-weight: bold; font-family: 'DisneyEnglish-Bold';}
.list05 .list05-con .list05-left .text .text_box .data h6 i{font-size: 15px; color: #999; font-style: normal; font-weight: normal; display: block;}
.list05 .list05-con .list05-left .text .text_box .item p{font-size: 16px; color: #666; line-height: 1.6;}
.list05 .list05-con .list05-left:hover .img img{transform: scale(1.1);}
.list05 .list05-con .list05-left:hover .text h1{color: #132b88;}

.list05 .list05-con .list05-right{width: 48%; animation-delay: .8s; -webkit-animation-delay: .8s}
.list05 .list05-con .list05-right .list{border-top: 1px solid #dedede;}
.list05 .list05-con .list05-right .list li{padding: 28px 0; margin-bottom: 10px; border-bottom: 1px solid #dedede;}
.list05 .list05-con .list05-right .list li a{display: flex;}
.list05 .list05-con .list05-right .list li .data{padding-right: 10px; margin-right: 20px;}
.list05 .list05-con .list05-right .list li .data h6{font-size: 22px; color: #444; font-weight: bold; font-family: 'DisneyEnglish-Bold';}
.list05 .list05-con .list05-right .list li .data h6 i{font-size: 15px; color: #999; font-style: normal; font-weight: normal; display: block;}
.list05 .list05-con .list05-right .list li .text h1{font-size: 16px; color: #444; margin-bottom: 8px; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list05 .list05-con .list05-right .list li .text p{font-size: 14px; color: #666;}
.list05 .list05-con .list05-right .list li:hover .text h1{color: #132b88;} */



/* 合作伙伴 */
.list06{padding: 80px 0; position: relative;}
.list06 .list06-con .list{margin-right: -2%;}
.list06 .list06-con .list li{float: left; width: 18%; margin-right: 2%; margin-bottom: 30px; background: #f0f0f0; cursor: pointer;}
.list06 .list06-con .list li img{width: 100%; display: block; float: none; border: 1px solid #f0f0f0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list06 .list06-con .list li:hover img{box-shadow: 2px 2px 10px 3px #dedede}
.list06 .list06-con .list li:nth-child(2){animation-delay: .5s; -webkit-animation-delay: .5s}
.list06 .list06-con .list li:nth-child(3){animation-delay: .6s; -webkit-animation-delay: .6s}
.list06 .list06-con .list li:nth-child(4){animation-delay: .7s; -webkit-animation-delay: .7s}
.list06 .list06-con .list li:nth-child(5){animation-delay: .8s; -webkit-animation-delay: .8s}
.list06 .list06-con .list li:nth-child(6){animation-delay: .9s; -webkit-animation-delay: .9s}
.list06 .list06-con .list li:nth-child(7){animation-delay: 1s; -webkit-animation-delay: 1s}
.list06 .list06-con .list li:nth-child(8){animation-delay: 1.1s; -webkit-animation-delay: 1.1s}
.list06 .list06-con .list li:nth-child(9){animation-delay: 1.2s; -webkit-animation-delay: 1.2s}
.list06 .list06-con .list li:nth-child(10){animation-delay: 1.3s; -webkit-animation-delay: 1.3s}


/* 招聘 */
.list07{margin-bottom: 80px;}
.list07 .w1600{padding: 80px 0; text-align: center; background: url(../image/bg45.jpg) no-repeat center; background-size: cover; border-radius: 8px;}
.list07 h2{font-size: 32px; color: #fff; font-weight: bold; margin-bottom: 40px; text-shadow: 1px 1px 2px #000;}
.list07 a{width: 140px; height: 42px; line-height: 42px; font-size: 14px; color: #fff; background: #132b88; margin: 0 auto; border-radius: 8px;}


/* 招聘飘窗 */
.fex-join{position: fixed; top: 10%; right: 20px; z-index: 99; animation: fex 6s infinite linear;}
.fex-join .img{width: 150px}
.fex-join .img img{width: 100%}

@keyframes fex {
	0%{transform: translateX(0);}
    25%{transform: translateX(-40px);}
    50%{transform: translateY(40px);}
    75%{transform: translateX(-40px);}
    75%{transform: translateY(-20px);}
}










