/*Created by lk on 2020/07/29.*/

/*----banner----*/
.banner{width: 100%; height: 770px; padding-top: 80px; overflow: hidden}
.banner .swiper-slide{width: 100%; height: 100%}
.banner .img{width: 100%; height: 100%; background-position: center; background-size: cover}

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


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

.title{padding-bottom: 40px; text-align: center;}
.title h1{font-size: 24px; color: #181818; font-weight: 100}
.title .line{display: block; width: 70px; height: 1px; background: #999; margin: 20px auto}
.title p{font-size: 14px; color: #333; padding: 0 10%; line-height: 28px}

/*----list01----*/
.list01{position: relative; background: url("../image/img01.jpg") no-repeat; padding: 60px 0}
.list01 .list01_con .list01{margin-right: -0.5%; margin-bottom: 20px; padding: 100px 0 0 0; background: transparent}
.list01 .list01_con .list01 li{width: 19.5%; margin-right: 0.5%; float: left; text-align: center; padding: 50px 0; background: #f1f1f1; box-sizing: border-box; cursor: pointer; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .list01 .li{background: #009845; padding: 26px 0; position: relative}
.list01 .list01_con .list01 .li:before{content: ""; display: block; width: 100%; height: 60px; background: #009845; border-bottom: 1px solid #dedede; position: absolute; top: 0; left: 0; margin-top: -60px}
.list01 .list01_con .list01 .li img{display: block; margin: 0 auto; float: none}
.list01 .list01_con .list01 li .ico{width: 60px; height: 60px; margin: 0 auto 10px auto; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .list01 li .ico01{background: url("../image/ico02.png") no-repeat;}
.list01 .list01_con .list01 li .ico02{background: url("../image/ico03.png") no-repeat;}
.list01 .list01_con .list01 li .ico03{background: url("../image/ico04.png") no-repeat;}
.list01 .list01_con .list01 li .ico04{background: url("../image/ico05.png") no-repeat;}
.list01 .list01_con .list01 li h1{font-size: 14px; color: #666; margin-bottom: 8px; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .list01 li p{font-size: 12px; color: #999; font-family: 'Montserrat-Light'; transition: all ease .4s; -webkit-transition: all ease .4s }

.list01 .list01_con .list02{margin-right: -0.5%; background: transparent; padding: 0}
.list01 .list01_con .list02 li{width: 19.5%; margin-right: 0.5%; float: left; text-align: center; box-sizing: border-box; cursor: pointer; }
.list01 .list01_con .list02 .li{background: #009845; padding: 40px 0; position: relative}
.list01 .list01_con .list02 .li h1{font-size: 20px; color: #fff; margin-bottom: 6px}
.list01 .list01_con .list02 .li p{font-size: 14px; color: #fff; font-family: 'Montserrat-Light'}
.list01 .list01_con .list02 li .img{width: 100%; height: 330px; padding: 110px 0}
.list01 .list01_con .list02 li h2{font-size: 36px; color: #fff; font-weight: bold; margin-bottom: 16px; font-family: 'Montserrat-Light'; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .list02 li i{font-size: 16px; color: #fff; font-style: normal; margin-bottom: 20px; display: block}
.list01 .list01_con .list02 li span{display: block; width: 20px; height: 2px; background: #fff; margin: 0 auto}


.list01 .list01_con .list01 li:hover{background: #009845;}
.list01 .list01_con .list01 li:hover .ico01{background: url("../image/ico02_1.png") no-repeat}
.list01 .list01_con .list01 li:hover .ico02{background: url("../image/ico03_1.png") no-repeat}
.list01 .list01_con .list01 li:hover .ico03{background: url("../image/ico04_1.png") no-repeat}
.list01 .list01_con .list01 li:hover .ico04{background: url("../image/ico05_1.png") no-repeat}
.list01 .list01_con .list01 li:hover h1{color: #fff;}
.list01 .list01_con .list01 li:hover p{color: #fff;}

.list01 .list01_con .list02 li:hover h2{font-size: 46px}


/*----list02----*/
.list02{padding: 100px 0; background: url("../image/img02.jpg") no-repeat; background-size: cover}
.list02 .title h1{color: #fff;}
.list02 .title .line{background: #fff;}
.list02 .title .title_link{}
.list02 .title .title_link a{display: inline-block; padding: 8px 12px; margin: 0 2px; border: 1px solid #dedede; font-size: 13px; color: #fff;}
.list02 .list02_con{background: #fff;}
.list02 .list02_con .li{cursor: pointer}
.list02 .list02_con .li .li_left{width: 40%; margin-right: 5%;}
.list02 .list02_con .li .li_left .img{width: 100%; overflow: hidden}
.list02 .list02_con .li .li_left .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}

.list02 .list02_con .li .li_right{width: 55%; padding: 60px 60px 50px 30px;}
.list02 .list02_con .li .li_right h1{font-size: 18px; color: #181818; margin-bottom: 20px}
.list02 .list02_con .li .li_right p{font-size: 14px; color: #333; line-height: 26px;}
.list02 .list02_con .li .li_right .link{width: 120px; height: 36px; margin-top: 60px; border: 1px solid #dedede; text-align: center; position: relative}
.list02 .list02_con .li .li_right .link:before{content: ""; display: block; width: 0; height: 100%; background: #009845; position: absolute; top: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s}
.list02 .list02_con .li .li_right .link p{font-size: 13px; color: #333; line-height: 36px; font-family: 'novecentowide-book'; position: relative; z-index: 1; transition: all ease .4s; -webkit-transition: all ease .4s}

.list02 .list02_con .li:hover .li_left .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.list02 .list02_con .li .li_right .link:hover:before{width: 100%;}
.list02 .list02_con .li .li_right .link:hover p{color: #fff;}



/*----list03----*/
.list03{padding: 60px 0}
.list03 .list03_con .list03_t{margin-bottom: 40px;}
.list03 .list03_con .list03_t p{font-size: 14px; color: #333; line-height: 26px;}
.list03 .list03_con .list03_l .li_left{width: 55%; }
.list03 .list03_con .list03_l .li_left .img{width: 100%; position: relative}
.list03 .list03_con .list03_l .li_left .img img{width: 100%;}
.list03 .list03_con .list03_l .li_left .img .li_bg{width: 160px; height: 160px; background: #009845 url("../image/ico06.png") no-repeat center; position: absolute; top: 0; right: 0; margin: 40px -80px 0 0}
.list03 .list03_con .list03_l .li_right{width: 35%; margin-left: 10%; margin-top: 100px;}
.list03 .list03_con .list03_l .li_right .tel{display: block; text-align: right; border-bottom: 1px solid #dedede; font-size: 28px; color: #009845; line-height: 60px; font-weight: bold; background: url("../image/ico01.png") no-repeat 200px 21px; padding-left: 24px; font-family: 'Montserrat-Light'}
.list03 .list03_con .list03_l .li_right .li_ico{margin-top: 30px}
.list03 .list03_con .list03_l .li_right .li_ico a{display: inline-block; width: 20%; margin: 0 2%; text-align: center; font-size: 14px; color: #666;}
.list03 .list03_con .list03_l .li_right .li_ico a .ico{display: block; width: 60px; height: 60px; margin: 0 auto; transition: all ease .4s; -webkit-transition: all ease .4s}
.list03 .list03_con .list03_l .li_right .li_ico a .ico01{background: url("../image/ico09.png") no-repeat;}
.list03 .list03_con .list03_l .li_right .li_ico a .ico02{background: url("../image/ico07.png") no-repeat;}
.list03 .list03_con .list03_l .li_right .li_ico a .ico03{background: url("../image/ico08.png") no-repeat;}
.list03 .list03_con .list03_l .li_right .li_ico a .ico04{background: url("../image/ico11.png") no-repeat;}

.list03 .list03_con .list03_l .li_right .li_ico a:hover .ico01{background: url("../image/ico09_1.png") no-repeat;}
.list03 .list03_con .list03_l .li_right .li_ico a:hover .ico02{background: url("../image/ico07_1.png") no-repeat;}
.list03 .list03_con .list03_l .li_right .li_ico a:hover .ico03{background: url("../image/ico08_1.png") no-repeat;}
.list03 .list03_con .list03_l .li_right .li_ico a:hover .ico04{background: url("../image/ico11_1.png") no-repeat;}


/*----list04----*/
.list04{height: 258px; background: url("../image/img05.jpg") no-repeat;}

/*----list05----*/
.list05{padding: 60px 0 0 0}
.list05 .list05_con{}
.list05 .list05_con .list{margin-right: -1.3333%}
.list05 .list05_con .list li{padding: 10px; border: 1px solid #dedede; box-sizing: border-box; width: 32%; float: left; margin-right: 1.3333%}
.list05 .list05_con .list li .img{width: 100%; height: 210px; overflow: hidden}
.list05 .list05_con .list li .img img{width: 100%}
.list05 .list05_con .list li .txt{padding-top: 10px}
.list05 .list05_con .list li .txt h1{font-size: 15px; color: #181818; margin-bottom: 6px}
.list05 .list05_con .list li .txt h6{font-size: 13px; color: #999; margin-bottom: 10px}
.list05 .list05_con .list li .txt p{font-size: 13px; color: #333; line-height: 24px}