#fp-nav{display: none}

.tran{transition: all 1s ease .8s; -webkit-transition: all 1s ease .8s}
.tran1{transition: all 1s ease .9s; -webkit-transition: all 1s ease .9s}
.tran2{transition: all 1s ease 1s; -webkit-transition: all 1s ease 1s}

.section{position: relative; overflow: hidden}

.title{margin-bottom: 40px; position: relative}
.title h1{font-size: 68px; color: #e1e1e1; font-weight: bold; letter-spacing: 6px; font-family: 'Montserrat-Light'}
.title h1 i{display: block; font-size: 22px; color: #333; font-style: normal; margin: -40px 0 0 20px; letter-spacing: 2px;}

.a_link{position: relative; width: 140px;  padding: 12px 0; text-align: center; border: 1px solid #033c71;}
.a_link:before{content: ""; display: block; width: 0; height: 100%; background: #033c71; position: absolute; top: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s }
.a_link i{position: relative; font-size: 13px; color: #333; font-style: normal; font-family: 'novecentowide-book'; transition: all ease .4s; -webkit-transition: all ease .4s; z-index: 2}
.a_link:hover:before{width: 100%;}
.a_link:hover i{color: #fff;}


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

.banner .txt{width: 1200px; position: absolute; left: 50%; top: 30%; margin-left: -600px; text-align: center; z-index: 2}
.banner .txt h3{font-size: 36px; color: #fff; font-weight: 100;  margin-bottom: 16px; transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0; transition: all ease .4s 1s; -webkit-transition: all ease .4s 1s}
.banner .txt p{font-size: 36px; color: #fff; font-weight: 100; transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0; transition: all ease .4s 1.2s; -webkit-transition: all ease .4s 1.2s }

.banner .swiper-slide-active .txt h3{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1}
.banner .swiper-slide-active .txt p{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1}

.banner .swiper-slide .swiper-video{width: 100%; position: absolute; top: 0; left: 0;}



/*----section02----*/
.section02{background: url("../image/bg01.jpg") no-repeat center; background-size: cover; z-index: 2}
.section02_con{}

.section02_con .section02_left{position: relative; width: 30%; margin-right: 10%; bottom: -60px; opacity: 0}
.section02_con .section02_left .section02_txt p{font-size: 13px; color: #333; line-height: 28px;}
.section02_con .section02_left .section02_txt .a_link{margin-top: 40px;}
.section02_con .section02_left .section02_logo{margin-top: 210px;}

.section02_con .section02_right{width: 60%; bottom: -60px; opacity: 0}
.section02_con .section02_right .img{width: 100%; overflow: hidden}
.section02_con .section02_right .img img{width: 100%}
.section02_con .section02_right .link_li{font-size: 0;}
.section02_con .section02_right .link_li .ico{width: 25%; display: inline-block; padding: 20px 0 30px 0; text-align: center; transition: all ease .4s; -webkit-transition: all ease .4s}
.section02_con .section02_right .link_li .ico01{background: url("../image/ico01.png") no-repeat center 30px;}
.section02_con .section02_right .link_li .ico02{background: url("../image/ico02.png") no-repeat center 30px}
.section02_con .section02_right .link_li .ico03{background: url("../image/ico03.png") no-repeat center 30px}
.section02_con .section02_right .link_li .ico04{background: url("../image/ico04.png") no-repeat center 30px}
.section02_con .section02_right .link_li h1{font-size: 14px; color: #fff; padding-top: 70px;}
.section02_con .section02_right .link_li p{font-size: 12px; color: #fff;}
.section02_con .section02_right .link_li .ico:hover{background-color: #e70115}

.active .section02_left{bottom: 0; opacity: 1}
.active .section02_right{bottom: 0; opacity: 1}


/*----section03----*/
.section03{background: url("../image/bg02.jpg") no-repeat center fixed; background-size: cover}
.section03 .w1600{height: 100%;}
.section03 .section03_con{height: 100%;}
.section03 .section03_con .list{list-style: none; height: 100%;}
.section03 .section03_con .list li{position: relative; width: 33.3333%; height: 100%; float: left; text-align: center; padding-top: 18%; box-sizing: border-box; cursor: pointer}
.section03 .section03_con .list li .li_con{position: relative; transform: translateY(120px); -webkit-transform: translateY(120px); transition: all ease .4s; -webkit-transition: all ease .4s; z-index: 2}
.section03 .section03_con .list li:before{content: ""; display: block; width: 100%; height: 0; background: #033c71; position: absolute; bottom: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s}
.section03 .section03_con .list li h6{font-size: 32px; color: #fff; font-weight: bold; font-family: 'novecentowide-book'}
.section03 .section03_con .list li .line{display: block; width: 20px; height: 2px; background: #fff; margin: 10px auto}
.section03 .section03_con .list li h1{font-size: 22px; color: #fff; font-weight: bold; margin-bottom: 10px}
.section03 .section03_con .list li p{font-size: 14px; color: #fff; margin-bottom: 20px; font-family: 'novecentowide-book'}
.section03 .section03_con .list li .img{width: 180px; height: 0; margin: 0 auto; opacity: 0; visibility: hidden; transition: all ease .4s; -webkit-transition: all ease .4s}
.section03 .section03_con .list li .img img{width: 100%; float: none; display: block}
.section03 .section03_con .list li .a_link{margin: 30px auto 0 auto; border: 1px solid #fff; opacity: 0; visibility: hidden; transition: all ease .4s; -webkit-transition: all ease .4s}
.section03 .section03_con .list li .a_link i{color: #fff;}

.section03 .section03_con .list li:hover:before{height: 100%;}
.section03 .section03_con .list li:hover .li_con{transform: translateY(0); -webkit-transform: translateY(0);}
.section03 .section03_con .list li:hover .img{height: 180px; opacity: 1; visibility: visible}
.section03 .section03_con .list li:hover .a_link{visibility: visible; opacity: 1}


/*----section04----*/
.section04{}
.section04_con .section04_left{position: relative; width: 40%; margin-right: 5%;}
.section04_con .section04_left .section04_txt p{font-size: 13px; color: #333; line-height: 28px;}
.section04_con .section04_left .section04_txt .data{position: relative; margin-bottom: 30px;}
.section04_con .section04_left .section04_txt .data .li{width: 33.3333%; float: left; margin-top: 50px; position: relative;}
.section04_con .section04_left .section04_txt .data .li span{height: 60px; font-size: 52px; color: #de171c; font-weight: bold; font-family: 'Montserrat-Light'}
.section04_con .section04_left .section04_txt .data .li i{font-size: 13px; font-style: normal; color: #de171c; vertical-align: bottom; line-height: 32px; padding-left: 6px}
.section04_con .section04_left .section04_txt .data .li p{font-size: 15px; color: #282828; font-weight: bold; line-height: 26px}
.section04_con .section04_left .section04_txt h1{font-size: 18px; color: #999; font-weight: bold;}
.section04_con .section04_left .section04_txt h6{font-size: 12px; color: #999; font-family: 'Montserrat-Light'}
.section04_con .section04_left .section04_txt .a_link{margin-top: 40px;}

.section04_con .section04_right{width: 55%;}
.section04_con .section04_right .li{width: 100%; overflow: hidden}
.section04_con .section04_right .li img{width: 100%; float: none; display: block;}

.section04_con .section04_right .slick-prev, .section04_con .section04_right .slick-next{top: 100%; margin-top: -30px; background: #1d2086}
.section04_con .section04_right .slick-prev{left: 0;}
.section04_con .section04_right .slick-next{left: 61px;}


/*----section05----*/
.section05{background: url("../image/bg03.jpg") no-repeat center; background-size: cover }
.section05 .section05_con{}
.section05 .section05_con .list05_left{width: 31%; padding-left: 40px;}
.section05 .section05_con .list05_left .list{list-style: none}
.section05 .section05_con .list05_left .list li{background: #bfbfbf; padding: 60px 40px 60px 100px; border-bottom: 1px solid #fff; transition: all ease .4s; -webkit-transition: all ease .4s}
.section05 .section05_con .list05_left .list li .ico{width: 80px; height: 80px; margin-right: 20px;}
.section05 .section05_con .list05_left .list li .txt{margin-top: 20px;}
.section05 .section05_con .list05_left .list li .txt h1{font-size: 16px; color: #fff; margin-bottom: 4px;}
.section05 .section05_con .list05_left .list li .txt p{font-size: 14px; color: #fff; font-family: 'Montserrat-Light'}
.section05 .section05_con .list05_left .list li:hover{background: #1d2086}
.section05 .section05_con .list05_left .list li.on{background: #1d2086}

.section05 .section05_con .list05_right{width: 69%; background: #fff;}
.section05 .section05_con .list05_right .list{list-style: none;}
.section05 .section05_con .list05_right .list li{width: 50%; float: left; padding: 75px 40px; box-sizing: border-box; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; transition: all ease .4s; -webkit-transition: all ease .4s}
.section05 .section05_con .list05_right .list li .data{width: 20%; margin-right: 5%; text-align: center}
.section05 .section05_con .list05_right .list li .data h5{font-size: 60px; color: #282828; font-weight: bold; font-family: 'Montserrat-Light'; transition: all ease .4s; -webkit-transition: all ease .4s}
.section05 .section05_con .list05_right .list li .data h6{font-size: 16px; color: #333; font-family: 'Montserrat-Light'; transition: all ease .4s; -webkit-transition: all ease .4s}
.section05 .section05_con .list05_right .list li .txt{width: 75%;}
.section05 .section05_con .list05_right .list li .txt h1{font-size: 16px; color: #282828; margin-bottom: 20px; transition: all ease .4s; -webkit-transition: all ease .4s}
.section05 .section05_con .list05_right .list li .txt p{font-size: 13px; color: #666; line-height: 26px; transition: all ease .4s; -webkit-transition: all ease .4s}
.section05 .section05_con .list05_right .list li .txt span{display: block; width: 80px; font-size: 14px; color: #333; padding: 8px 20px; text-align: center; border: 1px solid #999; margin-top: 22px; font-family: 'novecentowide-book'; transition: all ease .4s; -webkit-transition: all ease .4s}
.section05 .section05_con .list05_right .list li:nth-child(3){border-bottom: none}
.section05 .section05_con .list05_right .list li:nth-child(4){border-bottom: none;}
.section05 .section05_con .list05_right .list li:hover{background: #1d2086}
.section05 .section05_con .list05_right .list li:hover .data h5{color: #fff;}
.section05 .section05_con .list05_right .list li:hover .data h6{color: #fff;}
.section05 .section05_con .list05_right .list li:hover .txt h1{color: #fff;}
.section05 .section05_con .list05_right .list li:hover .txt p{color: #fff;}
.section05 .section05_con .list05_right .list li:hover .txt span{color: #fff; border: 1px solid #fff;}

.active .title{bottom: 0; opacity: 1}
.active .section05_con{bottom: 0; opacity: 1}

/*----section06----*/
.section06{background: url("../image/bg04.jpg") no-repeat center; background-size: cover}

.section06 .section06_con{margin-top: 380px;}
.section06 .section06_con .list{list-style: none; margin-right: -3.3333%}
.section06 .section06_con .list li{position: relative; width: 30%; float: left; margin-right: 3.3333%; padding: 20px 20px 20px 20px; border: 1px solid #dedede; box-sizing: border-box; bottom: -60px; opacity: 0}
.section06 .section06_con .list li .ico{width: 50px; height: 50px; margin: 20px auto;}
.section06 .section06_con .list li .ico img{display: block; float: none;}
.section06 .section06_con .list li .t{text-align: center; height: 70px;}
.section06 .section06_con .list li .t p{display: block; font-size: 13px; color: #333; line-height: 26px;}

.active .title{bottom: 0; opacity: 1}
.active .section06_con .list li{bottom: 0; opacity: 1}