/*Created by lk on 2020/06/04.*/

/*----banner----*/
.banner{width: 100%; height: 400px; padding-top: 100px; overflow: hidden; position: relative}
.banner .slide-inner{width: 100%; height: 300px; background-position: center; background-size: cover}


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

.title{position: relative; margin-bottom: 60px; text-align: center; z-index: 2;}
.title h1{font-size: 24px; color: #965721; font-weight: bold; margin-bottom: 20px;}

.a_link{position: relative; display: block; width: 170px; height: 42px; line-height: 42px; margin-top: 60px; border-radius: 6px; overflow: hidden; z-index: 2}
.a_link i{display: inline-block; font-size: 14px; color: #666; font-style: normal; padding-left: 0; position: relative; z-index: 2; transition: all ease .4s; -webkit-transition: all ease .4s;}
.a_link i:before{content: ""; display: block; border: 8px solid; border-color: transparent transparent transparent  #999; border-radius: 3px; position: absolute; top: 0; right: 0; margin: 12px -30px 0; transition: all ease .4s; -webkit-transition: all ease .4s;}
.a_link:before{content: ""; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background: #c7000b; transition: all ease .4s; -webkit-transition: all ease .4s}
.a_link:hover:before{width: 100%;}
.a_link:hover i{color: #fff; padding-left: 40px;}
.a_link:hover i:before{border-color: transparent transparent transparent #fff}

/*----list01----*/
.list01{position: relative; padding: 80px 0 50px 0; overflow: hidden;}
.list01 .list01_con .list{margin-right: -2%;}
.list01 .list01_con .list li{width: 23%; float: left; margin-right: 2%;}
.list01 .list01_con .list li h1{font-size: 24px; color: #262626; font-weight: bold; margin-bottom: 20px}
.list01 .list01_con .list li .li_con{width: 100%; padding: 26px 60px 26px 30px; background-color: #f0f0f0; background-repeat: no-repeat; background-size: 120px 120px}
.list01 .list01_con .list li .li_con h3{font-size: 16px; color: #303131; line-height: 2}
.list01 .list01_con .list li:nth-child(1) .li_con{background-image: url("../image/ico01.png"); background-position: 110% 36px;}
.list01 .list01_con .list li:nth-child(2) .li_con{background-image: url("../image/ico02.png"); background-position: 106% 48px;}
.list01 .list01_con .list li:nth-child(3) .li_con{background-image: url("../image/ico03.png"); background-position: 108% 58px;}
.list01 .list01_con .list li:nth-child(4) .li_con{background-image: url("../image/ico04.png"); background-position: 114% 28px;}

/*----list02----*/
.list02{position: relative; margin-bottom: 50px; overflow: hidden}
.list02 .list02_left{width: 50%; background: #f0f0f0; padding: 40px;}
.list02 .list02_left .li_title{margin-bottom: 40px; position: relative}
.list02 .list02_left .li_title h1{position: relative; display: inline-block; font-size: 24px; color: #333; font-weight: bold; margin-right: 30px; cursor: pointer;}
.list02 .list02_left .li_title h1:first-child:before{content: ""; display: block; width: 1px; height: 20px; background: rgba(0,0,0,.2); position: absolute; top: 0; right: 0; margin: 8px -16px 0 0}
.list02 .list02_left .li_title h1.on{color: #965721}
.list02 .list02_left .li_title .more{width: 110px; height: 32px; position: absolute; top: 0; right: 0; font-size: 13px; color: #fff; text-align: center; line-height: 32px; background: url("../image/ico05.png") no-repeat}
.list02 .list02_left .li_list{}
.list02 .list02_left .li_list .list{display: none}
.list02 .list02_left .li_list .list.active{display: block}
.list02 .list02_left .li_list .list li{margin-bottom: 20px;}
.list02 .list02_left .li_list .list li h1{font-size: 16px; color: #343434; float: left; padding-left: 26px; background: url("../image/ico12.png") no-repeat}
.list02 .list02_left .li_list .list li h6{font-size: 14px; color: #999; float: right; padding-right: 4px;}

.list02 .list02_right{width: 50%; background: url("../image/bg04.jpg") no-repeat; padding: 40px;}
.list02 .list02_right .title{text-align: left; margin-bottom: 40px;}
.list02 .list02_right .title h1{color: #fff;}
.list02 .list02_right .li_one{padding-bottom: 20px; margin-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,.6);}
.list02 .list02_right .li_one .li{}
.list02 .list02_right .li_one .li .img{width: 32%;}
.list02 .list02_right .li_one .li .img img{width: 100%;}
.list02 .list02_right .li_one .li .text{width: 68%; padding-left: 5%;}
.list02 .list02_right .li_one .li .text h1{font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.list02 .list02_right .li_one .li .text p{font-size: 14px; color: #fff; line-height: 1.8}

.list02 .list02_right .li_one .slick-dots{bottom: 100%; margin: 0 0 60px 0; text-align: right}
.list02 .list02_right .li_one .slick-dots li button:before{width: 8px; height: 8px; border-radius: 0;}

.list02 .list02_right .li_one .slick-dots li.slick-active button:before{width: 12px; height: 12px;}

.list02 .list02_right .list{}
.list02 .list02_right .list li{padding-top: 22px;}
.list02 .list02_right .list li h1{font-size: 16px; color: #fff; float: left; margin-left: 20px;}
.list02 .list02_right .list li h6{font-size: 14px; color: #fff; float: left;}

/*----list03----*/
.list03{padding: 80px 0 110px 0; background: url("../image/bg01.jpg") no-repeat; background-size: cover; overflow: hidden}

.list03_con{width: 100%; overflow: hidden}
.list03_con .list03_box{width: 80%; height: 530px;}
.list03_con .list03_box .slick-list{height: 100%; overflow: visible}
.list03_con .list03_box .slick-list .slick-track{height: 100%;}
.list03_con .list03_box .li{padding-right: 10px; position: relative}
.list03_con .list03_box .li .img{width: 100%; height: 100%; position: relative; background-position: center; background-size: cover}
.list03_con .list03_box .li .img .txt{position: absolute; bottom: 0; left: 0; width: 400px; height: 220px; padding: 40px 0 0 40px; margin-bottom: 60px; background: rgba(0,0,0,.6); opacity: 0; cursor: pointer; transition: all ease .8s .8s; -webkit-transition: all ease .8s .8s}
.list03_con .list03_box .li .img .txt h1{font-size: 13px; color: #999; margin-bottom: 20px;}
.list03_con .list03_box .li .img .txt p{font-size: 24px; color: #fff;}
.list03_con .list03_box .li .img .txt .ico{display: block; margin: 70px 0 0 300px; width: 17px; height: 17px; background: url("../image/ico14.png") no-repeat 0 0;}
.list03_con .list03_box .li .img .txt:hover .ico{background: url("../image/ico14.png") no-repeat 0 -17px;}

.list03_con .bg_mark{position: absolute; top: 0; right: 0; width: 20%; height: 100%; background: rgba(0,0,0,.6)}

.list03_con .list03_box .slick-active .img .txt{margin-bottom: 0; opacity: 1}

.list03_con .slick-prev, .list03_con .slick-next{}
.list03_con .slick-prev{right: 0; margin-right: 0; opacity: 0; visibility: hidden}
.list03_con .slick-next{width: 60px; left: 100%; margin-left: -30px; background: #999}
.list03_con .slick-next:before{background: url("../image/ico13.png") no-repeat}

/*----list04----*/
.list04{padding: 80px 0; overflow: hidden}
.list04 .list04_con{}
.list04 .list04_con .list{margin-right: -2%;}
.list04 .list04_con .list li{width: 31.3333%; float: left; margin-right: 2%}
.list04 .list04_con .list li .img{width: 100%; overflow: hidden}
.list04 .list04_con .list li .img img{width: 100%}
.list04 .list04_con .list li .text{padding: 16px 0; text-align: center; background: #965721}
.list04 .list04_con .list li .text h1{font-size: 18px; color: #fff;}

/*----list05----*/
.list05{padding: 80px 0; background: url("../image/bg03.jpg") no-repeat center; overflow: hidden}
.list05 .list05_left{width: 50%; position: relative;}
.list05 .list05_left .img{width: 100%; overflow: hidden}
.list05 .list05_left .img img{width: 100%;}
.list05 .list05_left .btn{width: 160px; height: 50px; text-align: center; background: url("../image/ico06.png") no-repeat center; outline: none; border: none; position: absolute; top: 0; left: 50%; margin-top: 12%; margin-left: -80px; cursor: pointer}
.list05 .list05_left .btn i{display: block; font-size: 22px; color: #fff; font-weight: bold; font-style: normal; margin-top: 60px;}

.list05 .index_video{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.4); z-index: -99; opacity: 0; visibility: hidden;}
.list05 .index_video .i_video{width: 50%; height: auto; position: absolute; top: 20%; left: 25%;}
.list05 .index_video .close{width: 27px; height: 27px; outline: none; border: none; position: absolute; top: 20%; left: 76%; background: url("../image/close.png") no-repeat; cursor: pointer; z-index: 9}

.list05 .list05_right{width: 50%; position: relative}
.list05 .list05_right .img{width: 100%; overflow: hidden}
.list05 .list05_right .img img{width: 100%;}
.list05 .list05_right .btn{width: 100px; height: 50px; text-align: center; background: url("../image/ico07.png") no-repeat center; position: absolute; top: 0; left: 50%; margin-top: 12%; margin-left: -80px; cursor: pointer}
.list05 .list05_right .btn i{display: block; font-size: 22px; color: #fff; font-weight: bold; font-style: normal; margin-top: 60px;}