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

.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 .text{position: absolute; top: 55%; left: 6%;}
.banner .text h3{font-size: 28px; color: #fff; margin-bottom: 4px; font-weight: bold; text-shadow: 1px 1px 1px #333;}
.banner .text h4{font-size: 20px; color: #fff; font-family:'Montserrat-Light'; text-transform: uppercase; text-shadow: 1px 1px 1px #333;;}


.banner .line{width: 100%; height: 4px; background: #f6ae35; position: absolute; bottom: 0; left: 0; z-index: 3}

.wow{animation: fadeInUp 1s ease both; -webkit-animation: fadeInUp 1s ease both; animation-delay: .4s; -webkit-animation-delay: .4s}

.content{position: relative; background: #666; z-index: 2}

.title{padding: 80px 0 40px 0; text-align: center}
.title h3{font-size: 30px; color: #333; margin-bottom: 4px;}
.title p{font-size: 16px; color: #666; font-family: 'novecentowide-book'; animation-delay: .5s; -webkit-animation-delay: .5s}

.link{width: 180px; line-height: 46px; margin: 60px auto 20px auto; text-align: center; border: 1px solid #f6ae35; position: relative; box-sizing: border-box;  animation-delay: .6s; -webkit-animation-delay: .6s}
.link h3{font-size: 15px; color: #fff; position: relative; z-index: 2; transition: all ease .4s; -webkit-transition: all ease .4s}
.link i{margin-left: 10px; font-size: 20px; transition: all ease .4s; -webkit-transition: all ease .4s}
.link span{display: block; width: 100%; height: 100%; background: #f6ae35; position: absolute; top: 0; left: 0; z-index: 1; transition: all ease .4s; -webkit-transition: all ease .4s}
.link:hover span{width: 0}
.link:hover h3{color: #333}
.link:hover i{margin-left: 26px}


/*----list01----*/
.list01{position: relative; padding-bottom: 80px; background: url("../image/img01.jpg") no-repeat; background-size: cover}
.list01 .list01_con{margin-top: 50px}
.list01 .list01_con .li{width: 25%; float: left; text-align: center; position: relative; z-index: 2}
.list01 .list01_con .li .img{width: 90px; height: 90px; margin: 0 auto 30px auto; animation-delay: .5s; -webkit-animation-delay: .5s}
.list01 .list01_con .li .img img{float: none; display: block}
.list01 .list01_con .li span{height: 60px; font-size: 46px; color: #333; font-weight: bold; margin-top: 10px; font-family: 'novecentowide-book';}
.list01 .list01_con .li i{font-size: 14px; font-style: normal; color: #666; vertical-align: top; line-height: 32px; padding-left: 6px}
.list01 .list01_con .li p{font-size: 18px; color: #333; line-height: 30px}


/*----list02----*/
.list02{position: relative; padding: 40px 0 100px 0; overflow: hidden; background: url("../image/img05.jpg") no-repeat fixed; }
.list02 .w1200{z-index: 3}
.list02 .title{padding: 40px 0 80px 0;}
.list02 .title h3{color: #e0e0e0;}
.list02 .title p{color: #999}
.list02 .list02_left{width: 50%}
.list02 .list02_left .list{list-style: none;}
.list02 .list02_left .list li{margin-bottom: 40px;}
.list02 .list02_left .list li .img{width: 36%; height: 130px; overflow: hidden}
.list02 .list02_left .list li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.list02 .list02_left .list li .txt{width: 60%; margin-left: 4%}
.list02 .list02_left .list li .txt h4{font-size: 24px; color: #fff; font-family: 'novecentowide-book'; margin-bottom: 20px}
.list02 .list02_left .list li .txt h3{font-size: 16px; color: #fff; margin-bottom: 10px; transition: all ease .4s; -webkit-transition: all ease .4s}
.list02 .list02_left .list li .txt p{font-size: 12px; color: #fff; line-height: 22px}
.list02 .list02_left .hd{position: absolute; bottom: 0; left: 0; z-index: 3}
.list02 .list02_left .hd ul{display: none}
.list02 .list02_left .hd a{display: inline-block; width: 50px; height: 30px; background-color: rgba(255,255,255,.4); cursor: pointer}
.list02 .list02_left .hd .next{background-image: url("../image/next2.png"); background-size: cover}
.list02 .list02_left .hd .prev{background-image: url("../image/prev2.png"); background-size: cover}
.list02 .list02_left .hd a:hover{background-color: rgba(255,255,255,.8)}

.list02 .list02_right{width: 45%; margin-left: 5%; position: relative; animation-delay: .5s; -webkit-animation-delay: .5s}
.list02 .list02_right .list05_video{width: 100%; outline: none}
.list02 .video_bg{width: 100%; height: auto; position: absolute; top: 0; left: 0; margin: -100px 0 0 0}
.list02 .list02_right .hd ul{display: none}
.list02 .list02_right a{display: inline-block; width: 50px; height: 30px; margin-top: 40px; background-color: rgba(255,255,255,.4); cursor: pointer}
.list02 .list02_right .next{background-image: url("../image/next.png"); background-size: cover}
.list02 .list02_right .prev{background-image: url("../image/prev.png"); background-size: cover}
.list02 .list02_right a:hover{background-color: rgba(255,255,255,.8)}

.list02 .mark{width: 100%; height: 100%; background: url("../image/makr_bg.png") repeat; position: absolute; top: 0; left: 0; z-index: 2}

.list02 .list02_left .list li:hover .img img{transform: scale(1.08); -webkit-transform: scale(1.08)}
.list02 .list02_left .list li:hover .txt h3{transform: translateX(10px); -webkit-transform: translateX(10px)}

/*----list03----*/
.list03{position: relative; background: url("../image/bg02.jpg") no-repeat fixed; background-size: cover; padding-bottom: 60px}
.list03 .mark{width: 100%; height: 100%; background: rgba(255,255,255,.9); position: absolute; top: 0; left: 0;}
.list03 .w1200{width: 80%; z-index: 2}
.list03 .title h6{font-size: 18px; color: #333; padding: 50px 0 0 0}
.list03 .list03_con{}
.list03 .list03_con .list{list-style: none; margin-right: -2%}
.list03 .list03_con .list li{width: 23%; margin-right: 2%; float: left; position: relative}
.list03 .list03_con .list li .img{width: 100%; overflow: hidden}
.list03 .list03_con .list li .img img{width: 100%; float: none; display: block; transition: all ease .4s; -webkit-transition: all ease .4s}
.list03 .list03_con .list li .txt{width: 100%; height: 100%; text-align: center; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.0); transition: all ease .4s; -webkit-transition: all ease .4s}
.list03 .list03_con .list li .txt h3{font-size: 20px; color: #fff; padding-top: 22%; opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); transition: all ease .4s; -webkit-transition: all ease .4s}
.list03 .list03_con .list li .txt span{display: block; width: 0; height: 1px; margin: 10px auto 0 auto; background: rgba(255,255,255,.5); z-index: 2; transition: all ease .4s; -webkit-transition: all ease .4s}
.list03 .list03_con .list li .txt p{font-size: 13px; color: #e0e0e0; padding-top: 10px; opacity: 0; transform: translateY(-20px); -webkit-transform: translateY(-20px); transition: all ease .4s; -webkit-transition: all ease .4s}

.list03 .list03_con .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.list03 .list03_con .list li:hover .txt{background: rgba(0,0,0,.5)}
.list03 .list03_con .list li:hover .txt h3{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1}
.list03 .list03_con .list li:hover .txt span{width: 80%}
.list03 .list03_con .list li:hover .txt p{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1}

.list03 .title h6{animation-delay: .6s; -webkit-animation-delay: .6s}
.list03 .list03_con .list li:nth-child(1){animation-delay: .5s; -webkit-animation-delay: .5s}
.list03 .list03_con .list li:nth-child(2){animation-delay: .6s; -webkit-animation-delay: .6s}
.list03 .list03_con .list li:nth-child(3){animation-delay: .7s; -webkit-animation-delay: .7s}
.list03 .list03_con .list li:nth-child(4){animation-delay: .8s; -webkit-animation-delay: .8s}

/*----list04----*/
.list04{padding-bottom: 60px; background: url("../image/img01.jpg") no-repeat; background-size: cover}
.list04 .list04_con{width: 90%; margin: 0 auto}
.list04 .list04_con .list{list-style: none;}
.list04 .list04_con .list li{width: 27%; float: left; margin: 0 11.5%}
.list04 .list04_con .list li .img{width: 100%; height: 180px; overflow: hidden; position: relative}
.list04 .list04_con .list li .img img{width: 100%}
.list04 .list04_con .list li .img span{display: block; width: 100%; height: 100%; background: rgba(0,0,0,.0); position: relative; z-index: 2; transition: all ease .4s; -webkit-transition: all ease .4s}
.list04 .list04_con .list li .txt{margin-top: 10px; background: url("../image/ico05.png") no-repeat; position: relative; z-index: 3; transition: all ease .4s; -webkit-transition: all ease .4s}
.list04 .list04_con .list li .txt.txt1{background-position: 70px 12px;}
.list04 .list04_con .list li .txt.txt2{background-position: 70px -44px;}
.list04 .list04_con .list li .txt.txt3{background-position: 56px -94px;}
.list04 .list04_con .list li .txt h3{font-size: 16px; color: #333; font-weight: bold; padding-left: 10px; line-height: 60px; text-align: center}

.list04 .list04_con .list li:hover .img span{background: rgba(0,0,0,.6)}
.list04 .list04_con .list li:hover .txt{transform: translateY(-120px); -webkit-transform: translateY(-120px)}
.list04 .list04_con .list li:hover .txt h3{color: #fff;}

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