.content{position: relative; background: #fff; z-index: 9; overflow: hidden}

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

.banner .swiper-slide-active .img{animation: ban 5s .6s forwards; -webkit-animation: ban 5s .6s forwards}

@keyframes ban{
    0%{transform: scale(1)}
    100%{transform: scale(1.2)}
}
@-webkit-keyframes ban {
    0%{-webkit-transform: scale(1.1)}
    100%{-webkit-transform: scale(1.2)}
}

.banner .txt{width: 750px; height: 353px; position: absolute; bottom: 0; right: 0; margin: 0 10% 5% 0; opacity: 0; transition: all ease 1s .1s; -webkit-transition: all ease 1s .1s}
.banner .txt1{width: 750px; height: 353px; position: absolute; left: 0; top: 0; margin: 12% 0 0 5%; opacity: 0; transition: all ease 1s .1s; -webkit-transition: all ease 1s .1s}
.banner .swiper-slide-active .txt{opacity: 1; margin: 0 10% 8% 0}
.banner .swiper-slide-active .txt1{opacity: 1; margin: 10% 0 0 5%}

#mark{width: 100%; position: relative}

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

/*----list----*/
.list{width: 100%; padding: 80px 0; position: relative; background: #fff}
.list .list_left{width: 50%;}
.list .list_left img{width: 100%}
.list .list_right{width: 50%;}
.list .list_right .con{padding: 20px 0 0 60px}
.list .list_right .con h3{font-size: 22px; color: #333}
.list .list_right .con h4{font-size: 18px; color: #666; margin-bottom: 20px; font-family: 'montserrat'}
.list .list_right .con p{font-size: 13px; color: #333; line-height: 30px}


/*----list1----*/
.list_1{width: 100%; position: relative; background: #fff}
.list_1 .list1_bg{width: 100%; height: 100%; position: relative; background-position: center; background-size: cover; overflow: hidden}
.list_1 .list1_bg .video_bg{width: 100%; height: auto; position: absolute; top: 0; left: 0; margin-top: -260px}
.list_1 .list1_bg .list1_mark{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.4)}

.list_1 .list_ul{list-style: none; padding: 100px 0 80px 0}
.list_1 .list_ul li{width: 25%; height: 200px; float: left; position: relative; padding: 40px 5px; box-sizing: border-box; border-top: 1px solid rgba(255,255,255,.4); border-bottom: 1px solid rgba(255,255,255,.4); border-left: 1px solid rgba(255,255,255,.4)}
.list_1 .list_ul li:nth-child(1){border: none}
.list_1 .list_ul li:nth-child(1) h3{padding-left: 0}
.list_1 .list_ul li:nth-child(1) p{padding-left: 0}
.list_1 .list_ul li:nth-child(2), .list_1 .list_ul li:nth-child(3), .list_1 .list_ul li:nth-child(4){border-bottom: none}
.list_1 .list_ul li:nth-child(4), .list_1 .list_ul li:nth-child(8){border-right: 1px solid rgba(255,255,255,.4)}
.list_1 .list_ul li .t1{font-size: 26px; color: #fff; font-family: 'montserrat'}
.list_1 .list_ul li .t2{font-size: 18px; color: #fff;}
.list_1 .list_ul li .g_logo{position: relative; z-index: 1; transition: all ease .2s; -webkit-transition: all ease .2s}
.list_1 .list_ul li .g_logo img{float: none}
.list_1 .list_ul li .g_name{font-size: 13px; color: #dcdcdc; padding-left: 10px; position: relative; z-index: 1; transition: all ease .3s; -webkit-transition: all ease .3s}
.list_1 .list_ul li .e_name{font-size: 11px; color: #dcdcdc; padding-left: 10px; position: relative; z-index: 1; font-family: arial; transition: all ease .3s; -webkit-transition: all ease .3s}
.list_1 .list_ul li span{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-size: cover; transform: scale(.5); -webkit-transform: scale(.5); transition: all ease .3s; -webkit-transition: all ease .3s; opacity: 0}
.list_1 .list_ul li:hover span{transform: scale(1); -webkit-transform: scale(1); opacity: 1}
.list_1 .list_ul li:hover .g_logo{opacity: 0}
.list_1 .list_ul li:hover .g_name{transform: translateY(30px); -webkit-transform: translateY(30px); opacity: 0}
.list_1 .list_ul li:hover .e_name{transform: translateY(30px); -webkit-transform: translateY(30px); opacity: 0}

.list_1 .list1_m{display: none}

.list_1 .list_ul li:nth-child(2){animation-delay: .5s; -webkit-animation-delay: .5s}
.list_1 .list_ul li:nth-child(3){animation-delay: .6s; -webkit-animation-delay: .6s}
.list_1 .list_ul li:nth-child(4){animation-delay: .7s; -webkit-animation-delay: .7s}
.list_1 .list_ul li:nth-child(5){animation-delay: .8s; -webkit-animation-delay: .8s}
.list_1 .list_ul li:nth-child(6){animation-delay: .9s; -webkit-animation-delay: .9s}
.list_1 .list_ul li:nth-child(7){animation-delay: 1s; -webkit-animation-delay: 1s}
.list_1 .list_ul li:nth-child(8){animation-delay: 1.1s; -webkit-animation-delay: 1.1s}

/*----list2----*/
.list_2{width: 100%; position: relative; background: #fff}
.list_2 .w1200{width: 80%; padding: 60px 0}

.list_2 .list_2_news{width: 50%}
.list_2 .video_li{width: 100%; height: auto;}


/*.list_2 .list_2_news .img{width: 100%; height: 320px; overflow: hidden}*/
/*.list_2 .list_2_news .img img{width: 100%; float: none}*/
/*.list_2 .list_2_news .text{margin-top: 18px}*/
/*.list_2 .list_2_news .text a{color: #666; font-size: 16px; margin-bottom: 10px}*/
/*.list_2 .list_2_news .text a:hover{color: #b72e26}*/
/*.list_2 .list_2_news .text p{font-size: 12px; color: #999; margin-bottom: 10px}*/
/*.list_2 .list_2_news .text span{width: 100px; color: #999; font-size: 14px; background: url("../image/eye.png") no-repeat; background-position-y: 3px; padding-left: 30px; font-family: 'montserrat' }*/

.list_2 .list_2_news_list{width:46%; margin-left: 4%}
.list_2 .list_2_news_list ul{list-style: none}
.list_2 .list_2_news_list li{position: relative; float: left; font-size: 14px; font-weight: bold; padding: 16px 0 24px 0; margin-right: 30px; color: #333; cursor: pointer}
.list_2 .list_2_news_list li span{position: absolute; top: 0; left: 0; width: 0; height: 4px; background: #b72e26; transition: all ease .3s; -webkit-transition: all ease .3s}
.list_2 .list_2_news_list li:hover span{width: 100%}
.list_2 .list_2_news_list .in span{width: 100%}
.list_2 .list_2_news_list .list_2_news_li .list_2_news_1{display: none; margin-left: 60px; opacity: 0; animation: left 1s forwards; -webkit-animation: left 1s forwards}
.list_2 .list_2_news_list .list_2_news_li .active{display: block; margin-left: 0; opacity: 1}
.list_2 .list_2_news_list .list_2_news_li .list_2_news_1 .news_li{margin-bottom: 40px}
.list_2 .list_2_news_list .list_2_news_li .list_2_news_1 .data{font-size: 26px; color: #b72e26; margin-bottom: 4px; font-family: 'montserrat'}
.list_2 .list_2_news_list .list_2_news_li .list_2_news_1 h3{font-size: 16px; color: #666; font-weight: normal; margin-bottom: 4px; position: relative; transition: all .4s; -webkit-transition: all .4s}
.list_2 .list_2_news_list .list_2_news_li .list_2_news_1 h3:before{content: ""; display: block; width: 0; height: 1px; position: absolute; top: 50%; left: 0; background: #666; transition: all .4s; -webkit-transition: all .4s}
.list_2 .list_2_news_list .list_2_news_li .list_2_news_1 p{color: #999; margin-bottom: 16px}
.list_2 .list_2_news_list .list_2_news_li .list_2_news_1 span{width: 100px; color: #999; font-size: 14px; background: url("../image/eye.png") no-repeat; background-position-y: 3px; padding-left: 30px; font-family: 'montserrat' }
.list_2 .list_2_news_list .list_2_news_li .list_2_news_1 .news_li:hover h3:before{width: 40px}
.list_2 .list_2_news_list .list_2_news_li .list_2_news_1 .news_li:hover h3{padding-left: 50px}



@keyframes left {
    0%{margin-left: 60px; opacity: 0}
    100%{margin-left: 0; opacity: 1}
}
@-webkit-keyframes left {
    0%{margin-left: 60px; opacity: 0}
    100%{margin-left: 0; opacity: 1}
 }

/*----list3----*/
.list_3{width: 100%; position: relative;}
.list_3 .list_3_bg{width: 100%;  background-attachment: fixed; background-size: cover}
.list_3 .list_3_bg .list03_data{padding: 140px 0}
.list_3 .list_3_bg .list03_data .li{width: 25%; float: left; position: relative; text-align: center}
.list_3 .list_3_bg .list03_data .li span{position: relative; font-size: 80px; color: #fff; font-family: 'montserrat';}
.list_3 .list_3_bg .list03_data .li i{font-size: 14px; color: #fff; font-style: normal; vertical-align: top; line-height: 40px; padding-left: 4px}

/*----list4----*/
.list_4{width: 100%; position: relative; overflow: hidden}
.list_4 .w1200{padding: 80px 0}
.list_4 .list_4_con{width: 50%; float: left; position: relative; cursor: pointer}
.list_4 .list_4_con .txt{float: left; width: 50%; height: 260px; padding: 60px 30px 0 30px; position: relative; background: #f4f4f4; z-index: 1}
.list_4 .list_4_con h3{font-size: 18px; color: #333;}
.list_4 .list_4_con h4{font-size: 12px; color: #999; margin-bottom: 40px; font-family: arial}
.list_4 .list_4_con p{font-size: 12px; color: #666; line-height: 22px}
.list_4 .list_4_con .img{float: left; width: 50%; height: 260px; background-position: center; background-size: cover; position: relative; overflow: hidden; z-index: 1}
.list_4 .list_4_con .img img{width: 100%; transition: all ease .3s; -webkit-transition: all ease .3s}

.list_4 .li_01 h3{font-size: 26px; color: #333; font-family: 'montserrat'}
.list_4 .li_01 p{font-size: 18px; color: #666; padding-bottom: 60px}
.list_4 .li_01 h6{font-size: 12px; color: #666; padding: 50px 50px 0 140px; line-height: 22px}
.list_4 .li_02 .img{width: 100%}
.list_4 .list_4_con:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}

/*----list5----*/
.list_5{width: 100%; position: relative; background: #f4f4f4}
.list_5 .title{width: 90%; margin: 0 auto; padding: 60px 0 20px 0; text-align: right}
.list_5 .title h3{font-size: 26px; color: #333; font-family:'montserrat'}
.list_5 .title p{font-size: 18px; color: #666}
.list_5 .list_5_con{width: 90%; margin: 0 auto;}
.list_5 .list_5_con .list_5_ul{list-style: none; margin-right: -1%; padding: 30px 0 60px 0}
.list_5 .list_5_con .list_5_ul li{width: 15.6666%; margin-right: 1%; float: left; background: #f0f0f0}
.list_5 .list_5_con .list_5_ul li .img{width: 100%; overflow: hidden}
.list_5 .list_5_con .list_5_ul li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.list_5 .list_5_con .list_5_ul li .txt{padding: 16px 0; background: #e0e0e0; text-align: center}
.list_5 .list_5_con .list_5_ul li .txt h3{font-size: 13px; color: #333}
.list_5 .list_5_con .list_5_ul li:hover .img img{transform: scale(1.05); -webkit-transform: scale(1.05)}
.list_5 .list_5_con .list_5_ul li:hover .txt h3{color: #ff0000}

.list_5 .list_5_con .list_5_ul li:nth-child(1){animation-delay: .5s; -webkit-animation-delay: .5s}
.list_5 .list_5_con .list_5_ul li:nth-child(2){animation-delay: .6s; -webkit-animation-delay: .6s}
.list_5 .list_5_con .list_5_ul li:nth-child(3){animation-delay: .7s; -webkit-animation-delay: .7s}
.list_5 .list_5_con .list_5_ul li:nth-child(4){animation-delay: .8s; -webkit-animation-delay: .8s}
.list_5 .list_5_con .list_5_ul li:nth-child(5){animation-delay: .9s; -webkit-animation-delay: .9s}
.list_5 .list_5_con .list_5_ul li:nth-child(6){animation-delay: 1s; -webkit-animation-delay: 1s}


/*----list6----*/
.list_6{width: 100%; position: relative; padding: 60px 0}
.list_6 .video_li{width: 100%; height: auto;}

/*<!-- 招标飘窗 -->*/
.zb-win{width: 160px; padding-top: 50px; font-size: 17px; color: #000; line-height: 1.8; font-weight: bold; text-align: center; position: fixed; top: 20%; left: 20px; background: #fff url("../image/logo.png") no-repeat; background-size: 200px 50px; box-shadow: 2px 2px 10px 2px rgba(0,0,0,.2); border-radius: 6px; z-index: 9; animation: fex 6s infinite linear;} 

@keyframes fex {
	0%{transform: translateX(0);}
    25%{transform: translateX(40px);}
    50%{transform: translateY(-40px);}
    75%{transform: translateX(40px);}
    75%{transform: translateY(20px);}
}