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

/*----banner----*/
.banner{width: 100%; overflow: hidden; position: fixed; z-index: 9}
.banner .swiper-slide{width: 100%; height: 100%; overflow: hidden}
.banner .img{width: 100%; height: 100%; background-position: center; background-size: cover}

.banner .banner_tt{width: 600px; height: 200px; background: url("../image/banner_t.png") no-repeat; background-size: cover; position: absolute; top: 40%; right: 20%; z-index: 5}

.slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    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;
}

.swiper-pagination{margin-bottom: 6%; text-align: left; margin-left: 80px;}
.swiper-pagination .swiper-pagination-bullet{width: 100px; height: 3px; margin: 0 !important; border-radius: 0; background: rgba(255,255,255,.6);}


.mark{width: 100%; height: 820px; position: relative;}


/*----content------*/
.content{position: relative; background: #fff; z-index: 9}

.title{margin-bottom: 40px;}
.title h1{font-size: 22px; color: #000; font-weight: bold; margin-bottom: 8px;}
.title .line{display: block; width: 40px; height: 2px; background: #1c348d}

.a_link{width: 130px; border: 1px solid #fff; text-align: center; padding: 10px 0; margin-top: 40px; position: relative; transition: all .4s; -webkit-transition: all .4s}
.a_link:before{content: ""; display: block; width: 0; height: 100%; background: #1c348d; position: absolute; top: 0; left: 0; transition: all .4s; -webkit-transition: all .4s}
.a_link i{font-size: 13px; color: #fff; font-style: normal; position: relative; z-index: 2; font-family: 'Montserrat-Light'; transition: all .4s; -webkit-transition: all .4s}
.a_link:hover{border: 1px solid #1c348d}
.a_link:hover:before{width: 100%;}
.a_link:hover i{color: #fff;}

/*----list01----*/
.list01{padding: 50px 0; overflow: hidden}
.list01 .list01_con{}
.list01 .list01_con .list{margin-right: -2%;}
.list01 .list01_con .list li{width: 23%; float: left; margin-right: 2%; margin-bottom: 20px;}
.list01 .list01_con .list li .img{width: 100%; overflow: hidden}
.list01 .list01_con .list li .img img{width: 100%; transition: all .4s; -webkit-transition: all .4s}
.list01 .list01_con .list li .txt{padding: 10px 0; text-align: center}
.list01 .list01_con .list li .txt h1{font-size: 15px; color: #333;}
.list01 .list01_con .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}


/*----list02----*/
.list02{position: relative; background: url("../image/img12.jpg") no-repeat fixed; overflow: hidden}
.list02:before{content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.4) url("../image/makr_bg.png") repeat; position: absolute; top: 0; left: 0;}
.list02 .list02_con{padding: 80px 0}
.list02 .list02_con .list02_left{width: 50%; margin-right: 10%; margin-top: 20px}
.list02 .list02_con .list02_left h1{color: #fff;}
.list02 .list02_con .list02_left h6{font-size: 13px; color: #fff; font-family: 'Montserrat-Light'}
.list02 .list02_con .list02_left p{font-size: 14px; color: #fff; line-height: 24px;}

.list02 .list02_con .list02_right{width: 40%;}
.list02 .list02_con .list02_right .img{width: 100%; overflow: hidden}
.list02 .list02_con .list02_right .img img{width: 100%;}


/*----list03----*/
.list03{padding: 80px 0; overflow: hidden}
.list03 .list03_con{}
.list03 .list03_con .list{margin-right: -5%;}
.list03 .list03_con .list li{width: 20%; margin-right: 5%; float: left; transition: all .4s; -webkit-transition: all .4s}
.list03 .list03_con .list li .img{width: 100%; overflow: hidden}
.list03 .list03_con .list li .img img{float: none; display: block;}
.list03 .list03_con .list li .t{padding: 10px 0}
.list03 .list03_con .list li .t h1{font-size: 16px; color: #333; transition: all .4s; -webkit-transition: all .4s}
.list03 .list03_con .list li:nth-of-type(odd){padding-top: 80px;}

.list03 .list03_con .list li:hover .t h1{padding-left: 20px; color: #1c348d}
.list03 .list03_con .list li:nth-of-type(odd):hover{transform: translateY(-80px); -webkit-transform: translateY(-80px)}
.list03 .list03_con .list li:nth-of-type(even):hover{transform: translateY(80px); -webkit-transform: translateY(80px)}


/*----list04----*/
.list04{padding: 60px 0; background: #f0f0f0; overflow: hidden}
.list04 .list04_con{}
.list04 .list04_con .list{border-right: 1px solid #dedede}
.list04 .list04_con .list li{position: relative; width: 33.3333%; float: left; padding: 60px 50px; border-left: 1px solid #dedede; box-sizing: border-box; transition: all .4s; -webkit-transition: all .4s}
.list04 .list04_con .list li h6{font-size: 26px; color: #666; margin-bottom: 20px; font-weight: bold; opacity: 0; transform: translateY(-10px); -webkit-transform: translateY(-10px); transition: all .4s; -webkit-transition: all .4s; font-family: 'Montserrat-Light'}
.list04 .list04_con .list li h1{font-size: 20px; color: #181818; font-weight: bold; margin-bottom: 20px; transition: all .4s; -webkit-transition: all .4s}
.list04 .list04_con .list li p{font-size: 14px; color: #999; line-height: 24px;}
.list04 .list04_con .list li .img{width: 100%; height: 200px; margin-top: 20px; margin-bottom: 20px; overflow: hidden}
.list04 .list04_con .list li .img img{width: 100%; transition: all .4s; -webkit-transition: all .4s}
.list04 .list04_con .list li .line{width: 100%; height: 2px; position: absolute; bottom: 0; left: 0;}
.list04 .list04_con .list li .line span{display: block; width: 0; height: 2px; margin: 0 auto; background: #1c348d; transition: all .4s; -webkit-transition: all .4s}

.list04 .list04_con .list li:hover{box-shadow: 1px 8px 10px 3px rgba(0,0,0,.1)}
.list04 .list04_con .list li:hover h1{color: #1c348d}
.list04 .list04_con .list li:hover h6{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1}
.list04 .list04_con .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.list04 .list04_con .list li:hover .line span{width: 100%;}


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