/*Created by lk on 2020/06/04.*/

/*----banner----*/
.banner{width: 100%; overflow: hidden; 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 .swiper-slide .text{width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 20% 0 0 10%;}
.banner .swiper-slide .text img{width: 246px; float: none; display: block;}
.banner .swiper-slide .text h1{font-size: 46px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.banner .swiper-slide .text h3{font-size: 32px; color: #fff; font-weight: 200}

.banner .swiper-pagination-bullet{width: 26px; border-radius: 12px;}
.banner .swiper-pagination-bullet-active{background: #e1484d; border: none}

.banner .banner_right{width: 20px; position: absolute; right: 0; bottom: 0; margin: 0 6% 10% 0; z-index: 9}
.banner .banner_right h5{position: relative; font-size: 14px; color: #fff; font-weight: bold; letter-spacing: 2px; writing-mode: vertical-lr; font-family: 'Montserrat-Light'}
.banner .banner_right h5:before{content: ""; display: block; width: 1px; height: 50px; background: #fff; position: absolute; bottom: 0; right: 0; margin: 0 8px -60px 0}

.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: 60px; z-index: 2;}
.title h1{font-size: 32px; color: #3b4048; font-weight: bold; margin-bottom: 4px;}
.title h4{font-size: 14px; color: #909090;}

.a_link{position: relative; width: 150px; height: 38px; line-height: 38px; margin: 10px auto 0 auto; overflow: hidden; transition: all ease .4s; -webkit-transition: all ease .4s}
.a_link i{display: inline-block; width: 100%; font-size: 14px; color: #e0474e; font-style: normal; position: relative; background: url("../image/icon05-2.png") no-repeat 60px center; z-index: 2; transition: all ease .4s; -webkit-transition: all ease .4s}
.a_link:hover i{background: url("../image/icon05-2.png") no-repeat 70px center;}

.b_link{border-radius: 24px;}
.b_link:before{content: ""; display: block; width: 0; height: 100%; background: #e0474e; position: absolute; top: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s}
.b_link i{padding-left: 30px; background: url("../image/icon05-2.png") no-repeat 90px center;}
.b_link:hover:before{width: 100%;}
.b_link:hover i{color: #fff; background: url("../image/icon05-1.png") no-repeat 100px center;}

/*----list01----*/
.list01{position: relative; overflow: hidden; background: url("../image/bg02.jpg") no-repeat right 130%;}

.list01 .list01_left{width: 50%; padding-top: 136px; position: relative}
.list01 .list01_left .img{width: 100%; height: 473px; background-repeat: no-repeat; background-position: right;}
.list01 .list01_left span{position: absolute; top: 0; right: 0; width: 366px; height: 566px;}
.list01 .list01_left .line1{display: block; background: url("../image/bg02.png") no-repeat; margin: 44px 4px 0 0; animation: fadeInDown 1s ease both; -webkit-animation: fadeInDown 1s ease both; animation-delay: .6s; -webkit-animation-delay: .6s}
.list01 .list01_left .line2{display: block; background: url("../image/bg03.png") no-repeat; margin: 0 -4px 0 0; animation: fadeInDown 1s ease both; -webkit-animation: fadeInDown 1s ease both; animation-delay: .8s; -webkit-animation-delay: .8s}

.list01 .list01_right{width: 50%; padding-top: 120px; padding-right: 12.5%;}
.list01 .list01_right .title .a_link{margin: 30px 0 0 0}
.list01 .list01_right .list01_text{animation-delay: .5s; -webkit-animation-delay: .5s}
.list01 .list01_right .list01_text p{font-size: 15px; color: #666; line-height: 1.8}

/*----list02----*/
.list02{position: relative; padding: 100px 0 40px; overflow: hidden; text-align: center;}
.list02 .title{text-align: center}
.list02 .title .a_link{text-align: left}
.list02 .list02_con{width: 92%; margin: 0 auto}
.list02 .list02_con .list{margin-right: -1%;}
.list02 .list02_con .list li{width: 24%; margin-right: 1%; margin-bottom: 20px; float: left; background: #dedede; position: relative}
.list02 .list02_con .list li .img{width: 100%; overflow: hidden}
.list02 .list02_con .list li .img img{width: 100%;}
.list02 .list02_con .list li .text{width: 100%; height: 100%; text-align: center; padding-top: 32%; background: rgba(0,0,0,0); position: absolute; top: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s}
.list02 .list02_con .list li .text h1{font-size: 18px; color: #e0474e; margin-bottom: 10px; letter-spacing: 1px; transform: translateY(-40px); opacity: 0; transition: all ease .4s; -webkit-transition: all ease .4s}
.list02 .list02_con .list li .text h4{font-size: 14px; color: #fff; transform: translateY(40px); opacity: 0; transition: all ease .4s; -webkit-transition: all ease .4s}
.list02 .list02_con .list li:hover .text{background: rgba(0,0,0,.7);}
.list02 .list02_con .list li:hover .text h1{transform: translateY(0); opacity: 1}
.list02 .list02_con .list li:hover .text h4{transform: translateY(0); opacity: 1}
.list02 .list02_con .list li:nth-child(2){animation-delay: .5s; -webkit-animation-delay: .5s}
.list02 .list02_con .list li:nth-child(3){animation-delay: .6s; -webkit-animation-delay: .6s}
.list02 .list02_con .list li:nth-child(4){animation-delay: .7s; -webkit-animation-delay: .7s}
.list02 .list02_con .list li:nth-child(5){animation-delay: .8s; -webkit-animation-delay: .8s}
.list02 .list02_con .list li:nth-child(6){animation-delay: .9s; -webkit-animation-delay: .9s}
.list02 .list02_con .list li:nth-child(7){animation-delay: 1s; -webkit-animation-delay: 1s}
.list02 .list02_con .list li:nth-child(8){animation-delay: 1.1s; -webkit-animation-delay: 1.1s}

/*----list03----*/
.list03{position: relative; padding: 40px 0 60px 0; overflow: hidden;}
.list03 .title{text-align: center}
.list03 .title .a_link{text-align: left}
.list03 .list03_con{width: 100%; padding: 60px 80px 270px 80px; background: url("../image/bg01.jpg") no-repeat center; background-size: cover;}
.list03 .list03_con .l_logo{width: 120px; height: 120px; background: url("../image/logoi.png") no-repeat; animation-delay: .6s; -webkit-animation-delay: .6s}
.list03 .list03_con .list03_text{width: 50%; padding: 64px 0 0 18%; animation-delay: .7s; -webkit-animation-delay: .7s}
.list03 .list03_con .list03_text h3{font-size: 22px; color: #fff; margin-bottom: 4px; text-transform: uppercase; font-family: 'Montserrat-Light'}
.list03 .list03_con .list03_text h1{font-size: 42px; color: #fff; font-weight: bold;}
.list03 .list03_con .list03_text .line{display: block; width: 50px; height: 3px; background: #fff; margin: 12px 0}
.list03 .list03_con .list03_ico{width: 50%; display: flex; padding-top: 100px; animation-delay: .8s; -webkit-animation-delay: .8s}
.list03 .list03_con .list03_ico .li{margin-right: 40px;}
.list03 .list03_con .list03_ico .li .icon{width: 60px; height: 60px; padding: 14px; border: 1px solid #fff; border-radius: 6px; margin-right: 20px;}
.list03 .list03_con .list03_ico .li .icon img{float: none; display: block}
.list03 .list03_con .list03_ico .li .text{width: 60px;}
.list03 .list03_con .list03_ico .li .text h4{font-size: 14px; color: #fff; line-height: 2}

/*----list04----*/
.list04{position: relative; padding: 40px 0 80px 0; overflow: hidden}
.list04 .title{text-align: center}

.list04 .list04_con .list li{position: relative; width: 33.3333%; float: left; padding: 36px 30px 90px 30px; box-sizing: border-box; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;  transition: all ease .4s; -webkit-transition: all ease .4s}
.list04 .list04_con .list li h6{font-size: 18px; color: #6d6d6d; margin-bottom: 30px; font-family: 'DisneyEnglish-Bold'}
.list04 .list04_con .list li h1{font-size: 18px; color: #2f2f2f; height: 48px; padding-bottom: 50px; transition: all ease .4s; -webkit-transition: all ease .4s}
.list04 .list04_con .list li p{font-size: 14px; color: #999; line-height: 1.8;}
.list04 .list04_con .list li .more{display: block; font-size: 15px; color: #6d6d6d; position: absolute; bottom: 0; right: 0; margin: 0 30px 40px 0; font-family: 'Montserrat-Light'; transition: all ease .4s; -webkit-transition: all ease .4s}
.list04 .list04_con .list li:hover{box-shadow: 2px 2px 10px 2px #dedede;}
.list04 .list04_con .list li:hover h1{color: #e0474e}
.list04 .list04_con .list li:hover .more{color: #e0474e}

.list04 .list04_link{border: 1px solid #999; margin: 50px auto 0 auto; animation-delay: .7s; -webkit-animation-delay: .7s}
.list04 .list04_link:before{background: #e0474e;}
.list04 .list04_link i{color: #333; padding-left: 30px; background: url("../image/icon05.png") no-repeat 90px center;}
.list04 .list04_link:hover{border: 1px solid #e0474e}
.list04 .list04_link:hover:before{width: 100%;}
.list04 .list04_link:hover i{color: #fff; background: url("../image/icon05-1.png") no-repeat 95px center;}

.list04 .list04_con .list li:nth-child(2){animation-delay: .5s; -webkit-animation-delay: .5s}
.list04 .list04_con .list li:nth-child(3){animation-delay: .6s; -webkit-animation-delay: .6s}