/*Created by lk on 2020/07/29.*/

/*----banner----*/
.banner{width: 100%; height: 770px; padding-top: 160px;}
.banner .swiper-slide{width: 100%; height: 100%}
.banner .img{width: 100%; height: 100%; background-position: center; background-size: cover}

/*----content----*/
.content{position: relative; background: #fff; z-index: 3}


.t{padding-left: 10px; margin-left: 60px; margin-bottom: 60px; position: relative}
.t:before{content: ""; display: block; width: 2px; height: 90%; background: #c40e24; position: absolute; top: 0; left: 0; margin-top: 6px}
.t h1{font-size: 24px; color: #181818}
.t h2{font-size: 13px; color: #b3b3b3; font-family: 'Montserrat-Light'}

/*----list01----*/
.list01{position: relative; padding: 80px 0; background: #f4f4f4}

.list01 .list01_left{width: 50%;}
.list01 .list01_left img{width: 100%;}

.list01 .list01_right{width: 50%; }
.list01 .list01_right .t{margin-bottom: 40px;}
.list01 .list01_right .list01_con p{font-size: 13px; color: #181818; line-height: 24px; padding-left: 50px}
.list01 .list01_right .list01_con a{display: inline-block; font-size: 13px; color: #181818; margin-bottom: 40px; transition: all ease .2s; -webkit-transition: all ease .2s}
.list01 .list01_right .list01_li{box-shadow: 3px 0 10px 3px #dedede; margin-bottom: 40px;}
.list01 .list01_right .list01_li .list{padding: 20px 0 30px 0}
.list01 .list01_right .list01_li .list li{float: left; width: 21%; margin: 0 2%; text-align: center}
.list01 .list01_right .list01_li .list li .ico{width: 60px; height: 60px; margin: 10px auto 0 auto; transition: all ease .2s; -webkit-transition: all ease .2s}
.list01 .list01_right .list01_li .list li .ico01{background: url("../image/ico01.png") no-repeat}
.list01 .list01_right .list01_li .list li .ico02{background: url("../image/ico02.png") no-repeat}
.list01 .list01_right .list01_li .list li .ico03{background: url("../image/ico03.png") no-repeat}
.list01 .list01_right .list01_li .list li .ico04{background: url("../image/ico04.png") no-repeat}
.list01 .list01_right .list01_li .list li p{display: block; font-size: 13px; color: #333; font-style: normal; transition: all ease .2s; -webkit-transition: all ease .2s}

.list01 .list01_right .p a:hover{color: #c40e24}
.list01 .list01_right .list01_li .list li:hover .ico01{background: url("../image/ico01_1.png") no-repeat}
.list01 .list01_right .list01_li .list li:hover .ico02{background: url("../image/ico02_1.png") no-repeat}
.list01 .list01_right .list01_li .list li:hover .ico03{background: url("../image/ico03_1.png") no-repeat}
.list01 .list01_right .list01_li .list li:hover .ico04{background: url("../image/ico04_1.png") no-repeat}
.list01 .list01_right .list01_li .list li:hover p{color: #c40e24}

/*----list02----*/
.list02{position: relative; padding: 40px 0 80px 0; overflow: hidden; background: url("../image/bg01.png") no-repeat right}
.list02 .h6{position: absolute; bottom: 0; left: 0; font-size: 136px; color: #e5e5e5; margin: 0 0 40px 40px; font-family: 'Arial Black', sans-serif}

.list02 .t{margin-left: 0; margin-bottom: 0}
.list02 .list02_con{position: relative; z-index: 2}
.list02 .list02_con .li{padding: 0 20px}
.list02 .list02_con .li .li_left{width: 40%; margin-right: 5%; padding-top: 40px; background: #fff;}
.list02 .list02_con .li .li_left h1{font-size: 16px; color: #c40e24; margin-bottom: 20px; padding-left: 14px; position: relative}
.list02 .list02_con .li .li_left h1:before{content: ""; display: block; border: 8px solid; border-color: transparent transparent  transparent #c40e24; position: absolute; left: 0; top: 0; margin-top: 4px}
.list02 .list02_con .li .li_left p{font-size: 13px; color: #333; line-height: 26px; padding-left: 14px}

.list02 .list02_con .li .li_right{width: 55%;}
.list02 .list02_con .li .li_right .img{width: 100%; overflow: hidden; border: 10px solid #dedede}
.list02 .list02_con .li .li_right .img img{width: 100%}

.list02 .link{width: 120px; font-size: 14px; color: #fff; background: #c40e24; text-align: center; line-height: 36px; position: absolute; right: 0; top: 40%; z-index: 9}

.list02 .list02_con .slick-prev{left: 46%;}
.list02 .list02_con .slick-next{right: 30px;}

/*----list03----*/
.list03{padding: 80px 0; background: url("../image/img03.jpg") no-repeat;}

.list03 .t{text-align: center; margin-left: 0}
.list03 .t:before{display: none}
.list03 .t h1{color: #fff}
.list03 .t h2{color: #fff;}
.list03 .t .line{display: block; width: 42px; height: 2px; background: #fff; margin: 10px auto}

.list03 .list03_con{padding: 0 40px}
.list03 .list03_con .li{padding: 0 20px; cursor: pointer;}
.list03 .list03_con .li img{width: 100%}

.list03 .list03_con .slick-prev{left: 0}
.list03 .list03_con .slick-next{right: 0;}

/*----list04----*/
.list04{padding: 60px 0}
.list04 .t{text-align: center; margin-left: 0}
.list04 .t:before{display: none}
.list04 .t .line{display: block; width: 42px; height: 2px; background: #c40e24; margin: 10px auto}

.list04 .list04_con{}
.list04 .list04_con .list{margin-right: -2.3333%;}
.list04 .list04_con .list li{width: 31%; float: left; margin-right: 2.3333%; background: #f0f0f0; padding: 16px; box-sizing: border-box}
.list04 .list04_con .list li .img{width: 100%; height: 220px; overflow: hidden}
.list04 .list04_con .list li .img img{width: 100%; transition: all ease .6s; -webkit-transition: all ease .6s}
.list04 .list04_con .list li .txt{padding: 20px 0}
.list04 .list04_con .list li .txt h1{font-size: 14px; color: #333; margin-bottom: 10px; transition: all ease .3s; -webkit-transition: all ease .3s}
.list04 .list04_con .list li .txt h6{font-size: 12px; color: #666; margin-bottom: 10px; font-family: 'Montserrat-Light'}
.list04 .list04_con .list li .txt p{font-size: 12px; color: #333; line-height: 24px}

.list04 .list04_con .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.list04 .list04_con .list li:hover .txt h1{color: #c40e24}




