/*----banner----*/
.banner{width: 100%; height: 860px; position: fixed}
.banner .img{width: 100%; height: 100%; background-size: cover}
.mark{width: 100%; height: 860px; position: relative;}

.banner .txt{position: absolute; bottom: 14%; left: 10%;}
.banner .txt h3{font-size: 32px; color: #fff; font-weight: bold; transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; transition: all ease .4s 1s; -webkit-transition: all ease .4s 1s}
.banner .txt h3 img{float: none}
.banner .txt h4{font-size: 22px; margin-bottom: 18px; color: #fff; font-family:'Montserrat-Light'; transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; transition: all ease .4s 1.2s; -webkit-transition: all ease .4s 1.2s }
.banner .txt h4 img{float: none}
.banner .txt h5{font-size: 24px; color: #fff; font-weight: bold; transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; transition: all ease .4s 1.2s; -webkit-transition: all ease .4s 1.2s}
.banner .txt h6{font-size: 20px; color: #fff; font-family:'Montserrat-Light'; transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; transition: all ease .4s 1.2s; -webkit-transition: all ease .4s 1.4s}

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

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

.title{padding: 50px 0}
.title .title_left{}
.title .title_left h3{font-size: 20px; color: #323232; border-bottom: 2px solid #4f4f4f; padding-bottom: 6px; margin-bottom: 8px}
.title .title_left p{font-size: 14px; color: #c1c1c1; font-family: 'novecentowide-book'}

/*----list01----*/
.list01 .list01_con{width: 92%; margin: 0 auto 40px auto; position: relative}

.list01 .list01_con .list01_list{}
.list01 .list01_con .list01_list .list{list-style: none; margin-right: -1%}
.list01 .list01_con .list01_list .list li{width: 24%; margin-right: 1%; margin-bottom: 20px; float: left; position: relative; overflow: hidden}
.list01 .list01_con .list01_list .list li .img{width: 100%; overflow: hidden}
.list01 .list01_con .list01_list .list li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list01 .list01_con .list01_list .list li .mark{width: 100%; height: 100%; background: rgba(255,255,255,.0); position: absolute; left: 0; top: 0; text-align: center; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list01 .list01_con .list01_list .list li .mark:before{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-top: 2px solid #555; border-bottom: 2px solid #555; transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.list01 .list01_con .list01_list .list li .mark h3{font-size: 18px; color: #000; margin: 30% 0 6px 0; transform: translateY(20px); -webkit-transform: translateY(20px); transition: all ease .4s; -webkit-transition: all ease .4s; opacity: 0}
.list01 .list01_con .list01_list .list li .mark p{font-size: 13px; color: #666; transform: translateY(-20px); -webkit-transform: translateY(-20px); transition: all ease .4s; -webkit-transition: all ease .4s; opacity: 0}

.list01 .list01_con .list01_list .list li:nth-child(1){animation-delay: .5s;}
.list01 .list01_con .list01_list .list li:nth-child(2){animation-delay: .6s;}
.list01 .list01_con .list01_list .list li:nth-child(3){animation-delay: .7s;}
.list01 .list01_con .list01_list .list li:nth-child(4){animation-delay: .8s;}
.list01 .list01_con .list01_list .list li:nth-child(5){animation-delay: .9s;}
.list01 .list01_con .list01_list .list li:nth-child(6){animation-delay: 1s;}
.list01 .list01_con .list01_list .list li:nth-child(7){animation-delay: 1.1s;}
.list01 .list01_con .list01_list .list li:nth-child(8){animation-delay: 1.2s;}

.list01 .list01_con .list01_list .list li:hover .img img{transform: scale(1.15); -webkit-transform: scale(1.1)}
.list01 .list01_con .list01_list .list li:hover .mark{background: rgba(255,255,255,.9)}
.list01 .list01_con .list01_list .list li:hover .mark:before{transform: scale(0.9); -webkit-transform: scale(0.9); opacity: 1}
.list01 .list01_con .list01_list .list li:hover .mark h3{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1}
.list01 .list01_con .list01_list .list li:hover .mark p{transform: translateY(0); -webkit-transform: translateY(0); opacity: 1}

/*----list02----*/
.list02{position: relative; width: 100%; padding: 80px 0; background: url("../image/bg.jpg") no-repeat center top; background-size: cover; overflow: hidden}
.list02 .list02_left{width: 50%; margin-right: 5%}
.list02 .list02_left .img{width: 100%; overflow: hidden}
.list02 .list02_left .img img{width: 100%;}

.list02 .list02_right{width: 45%; padding-top: 30px}
.list02 .list02_right h3{font-size: 20px; color: #181818; position: relative}
.list02 .list02_right h4{font-size: 14px; color: #666; font-family: 'novecentowide-book'; margin-bottom: 40px;}
.list02 .list02_right p{font-size: 13px; color: #444; line-height: 28px;}
.list02 .list02_right .link{position: relative; width: 110px; text-align: center; padding: 5px 0; margin: 40px 0 0 0; border: 1px solid #999; }
.list02 .list02_right .link p{font-size: 14px; color: #666; line-height: 22px; position: relative; font-family: 'novecentowide-book'; z-index: 2; transition: all ease .3s; -webkit-transition: all ease .3s;}
.list02 .list02_right .link p i{padding-left: 8px}
.list02 .list02_right .link:before{content: ""; display: block; width: 0; height: 100%; background: #bc1b21; position: absolute; bottom: 0; left: 0; transition: all ease .3s; -webkit-transition: all ease .3s;}

.list02 .list02_right .link:hover p{color: #fff}
.list02 .list02_right .link:hover:before{width: 100%;}

/*----list02----*/
/*.list02{position: relative; width: 100%; height: 640px; margin: 120px 0 0 0;}*/
/*.list02 .list02_bg{width: 100%; height: 100%; background: url("../image/bg01.jpg") no-repeat fixed; background-size: cover}*/
/*.list02 .list02_mark{width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; top: 0; left: 0}*/
/*.list02 .list02_bg .w1200{padding-top: 120px; position: relative}*/
/*.list02 .list02_bg .img{position: absolute; top: 0; left: 0; margin: 120px 0 0 0}*/
/*.list02 .list02_bg .list02_con{width: 60%; height: 360px; margin: 0 0 0 40%; padding: 60px 80px 0 80px; background: rgba(255,255,255,.9);}*/
/*.list02 .list02_bg .list02_con h3{width: 100px; font-size: 20px; color: #323232; margin-bottom: 40px; position: relative}*/
/*.list02 .list02_bg .list02_con h3:before{content: ""; display: block; width: 40px; height: 2px; background: #bc1b21; position: absolute; bottom: 0; left: 0; margin-bottom: -8px}*/
/*.list02 .list02_bg .list02_con p{font-size: 13px; color: #666; line-height: 28px;}*/
/*.list02 .list02_bg .list02_con .link{position: relative; width: 110px; text-align: center; padding: 6px 0; margin: 40px 0 0 0; border: 1px solid #999; }*/
/*.list02 .list02_bg .list02_con .link p{font-size: 14px; color: #666; line-height: 22px; position: relative; font-family: 'novecentowide-book'; z-index: 2; transition: all ease .3s; -webkit-transition: all ease .3s;}*/
/*.list02 .list02_bg .list02_con .link p i{padding-left: 8px}*/
/*.list02 .list02_bg .list02_con .link:before{content: ""; display: block; width: 0; height: 100%; background: #bc1b21; position: absolute; bottom: 0; left: 0; transition: all ease .3s; -webkit-transition: all ease .3s;}*/

/*.list02 .list02_bg .list02_con .link:hover p{color: #fff}*/
/*.list02 .list02_bg .list02_con .link:hover:before{width: 100%;}*/

/*----list01_bg----*/
.list01_bg{position: relative; width: 100%; height: 240px; background: #d10000; overflow: hidden}
.list01_bg .li{width: 25%; float: left; margin-top: 100px; text-align: center; position: relative; z-index: 2}
.list01_bg .li span{height: 60px; font-size: 50px; color: #fff; margin-top: 10px; font-family:'novecentowide-book'}
.list01_bg .li i{font-size: 12px; font-style: normal; color: #fff; vertical-align: top; line-height: 32px; padding-left: 6px}
.list01_bg .li p{font-size: 12px; color: #fff; line-height: 30px}

/*----list03----*/
.list03{position: relative; padding: 80px 0 40px 0; overflow: hidden}
.list03 .list03_left{width: 46%; margin-right: 4%}

.list03 .list03_left .list03_ul{list-style: none;}
.list03 .list03_left .list03_ul li{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #e0e0e0}
.list03 .list03_left .list03_ul li:nth-child(1){animation-delay: .4s;}
.list03 .list03_left .list03_ul li:nth-child(2){animation-delay: .5s;}
.list03 .list03_left .list03_ul li .img{width: 40%; height: 140px; margin-right: 5%; overflow: hidden}
.list03 .list03_left .list03_ul li .img img{width: 100%; transition: all .4s; -webkit-transition: all .4s}
.list03 .list03_left .list03_ul li .txt{width: 100%}
.list03 .list03_left .list03_ul li .txt h3{font-size: 18px; color: #181818; margin-bottom: 12px; position: relative; transition: all .4s; -webkit-transition: all .4s}
.list03 .list03_left .list03_ul li .txt h4{font-size: 20px; color: #bc1b21; font-weight: bold; margin-bottom: 14px; position: relative; font-family: 'novecentowide-book'; transition: all .4s; -webkit-transition: all .4s}
.list03 .list03_left .list03_ul li .txt p{font-size: 14px; color: #333; line-height: 20px;}

.list03 .list03_left .list03_ul li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.list03 .list03_left .list03_ul li:hover .data h4{color: #181818}
.list03 .list03_left .list03_ul li:hover .txt h3{color: #bc1b21}

.list03 .list03_right{width: 50%;}
.list03 .list03_right .video{width: 100%; outline: none}