.title h3{font-size: 20px; color: #666; margin-bottom: 8px}
.title p{font-size: 16px; color: #999; font-family:  'novecentowide-book'}

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



/*----list_1----*/
.list_1{width: 100%; position: relative; padding-bottom: 60px}
.list_1 .list_1_top{padding: 60px 0 40px 0}

.list_1 .list_1_top .list{list-style: none; padding-top: 10px}
.list_1 .list_1_top .list li{float: left; position: relative; margin: 0 2px}
.list_1 .list_1_top .list li:before{content: ""; display: block; width: 1px; height: 20px; background: #999; position: absolute; top: 8px; right: -2px}
.list_1 .list_1_top .list li a{width: 100px; font-size: 13px; color: #666; text-align: center; line-height: 32px; padding: 0 6px }
.list_1 .list_1_top .list li:hover a{background: #13ad9a; color: #fff}


.list_1 .list_ul{list-style: none; margin-right: -1.5%}
.list_1 .list_ul li{float: left; width: 23.5%; margin-right: 1.5%; margin-bottom: 14px; box-sizing: border-box; transition: all .4s; -webkit-transition: all .4s}
.list_1 .list_ul li .img{width: 100%; overflow: hidden}
.list_1 .list_ul li .img img{width: 100%}
.list_1 .list_ul li .ks{padding: 12px 14px; position: relative}
.list_1 .list_ul li .ks h3{font-size: 16px; color: #666; margin-bottom: 6px; position: relative; z-index: 2; transition: all ease-out .2s; -webkit-transition: all ease-out .2s}
.list_1 .list_ul li .ks p{font-size: 13px; color: #999; font-family:  'novecentowide-book'; position: relative; z-index: 2; transition: all ease-out .2s; -webkit-transition: all ease-out .2s}
.list_1 .list_ul li .ks span{display: block; width: 0; height: 100%; background: #13ad9a; position: absolute; top: 0; left: 0; opacity: .6; transition: all ease-out .4s; -webkit-transition: all ease-out .4s; z-index: 1}
.list_1 .list_ul li:hover{box-shadow: 3px 3px 10px 0 #bebebe}
.list_1 .list_ul li:hover .ks span{width: 100%}
.list_1 .list_ul li:hover .ks h3{color: #fff}
.list_1 .list_ul li:hover .ks p{color: #fff}


/*----list_2_bg----*/
.list_2_bg{width: 100%; height: 380px; margin-top: 80px; position: relative}
.list_2_bg .bg_con{width: 100%; height: 380px; background: url("../image/bg01.jpg") no-repeat; background-attachment: fixed }
.bg_ul{list-style: none; width: 86%; margin: 0 auto; padding-top: 120px; position: relative; z-index: 2}
.bg_ul li{width: 20%; float: left;}
.bg_ul li .sz{background-repeat: no-repeat; background-position: center top; padding: 70px 0 0 0; text-align: center;}
.bg_ul li .sz h3{font-size: 32px; color: #f0f0f0; font-family:  'novecentowide-book'}
.bg_ul li .sz p{color: #f0f0f0}
.list_2_bg .mark{width: 100%; height: 100%; background: rgba(0,0,0,.4) url("../image/makr_bg.png") repeat; position: absolute; top: 0; left: 0; z-index: 1}


/*----list_2----*/
.list_2{width: 100%; position: relative; background: #fff; margin-top: 80px; margin-bottom: 80px}
.list_2 .list_2_con{position: relative;}
.list_2 .list_2_con .li{width: 50%; height: 350px; float: left}

.list_2 .list_2_con .li01 .li01_con{width: 100%; height: 100%; overflow: hidden}
.list_2 .list_2_con .li01 .li01_con .img{width: 100%; height: 350px; background-repeat: no-repeat; background-size: cover}

.list_2 .list_2_con .li02{background: url("../image/q5.jpg") no-repeat; background-size: cover}
.list_2 .list_2_con .li02 .li02_con{padding: 60px 70px}
.list_2 .list_2_con .li02 .li02_con p{font-size: 14px; color: #fff; line-height: 28px}


.list_2 .list_2_con .li03{background: url("../image/q6.jpg") no-repeat; background-size: cover; position: relative}
.list_2 .list_2_con .li03 .li03_con{padding: 60px}
.list_2 .list_2_con .li03 .li03_con h3{font-size: 15px; color: #fff; margin-bottom: 4px}
.list_2 .list_2_con .li03 .li03_con p{font-size: 13px; color: #f0f0f0; line-height: 22px; margin-bottom: 10px;}
.list_2 .list_2_con .li03 .li03_con .ewm{width: 280px; height: 129px; position: absolute; top: 0; right: 0; margin: 50px 0 0}

.list_2 .list_2_con .li04 .li04_con{width: 100%; height: 100%; overflow: hidden}
.list_2 .list_2_con .li04 .li04_con .img{width: 100%; height: 350px; background-repeat: no-repeat; background-size: cover}

.list_2 .list_2_con .link{width: 120px; margin: 30px 0 0 0; padding: 10px 20px; border: 1px solid #fff; text-align: center; color: #fff; transition: all .3s; -webkit-transition: all .3s}
.list_2 .list_2_con .link:hover{transform: scale(.9); -webkit-transform: scale(.9) }

.list_2 .list_2_con .li .slick-prev, .list_2 .list_2_con .li .slick-next{background: #333; opacity: .6}
.list_2 .list_2_con .li01 .slick-prev{opacity: 0}
.list_2 .list_2_con .li04 .slick-next{opacity: 0}

/*----list_3----*/
.list_3{width: 100%; position: relative; background: #13ad9a; }
.list_3 .title{padding: 60px 0 80px 0}
.list_3 .title h3{color: #fff}
.list_3 .title p{color: #f0f0f0}

.list_3 .list3_list{display: block}
.list_3 .list3_con{position: relative; padding-top: 60px; display: none}
.list_3 .list3_con.active{display: block}
.list_3 .list3_con .photo{width: 240px; height: 240px; position: relative; margin: 35px 50px; overflow: hidden; border-radius: 200px; background: rgba(255,255,255,.9); z-index: 1}
.list_3 .list3_con .photo img{width: 100%}
.list_3 .list3_con .con{width: 700px; margin-top: 60px; margin-right: 80px; position: relative; z-index: 1; transition: all .4s; -webkit-transition: all .4s}
.list_3 .list3_con .con h3{font-size: 22px; color: #f0f0f0; margin-bottom: 8px}
.list_3 .list3_con .con h4{font-size: 14px; color: #e0e0e0; margin-bottom: 60px}
.list_3 .list3_con .con p{color: #666; line-height: 26px;}
.list_3 .list3_con:hover .con{transform: translateY(-10px); -webkit-transform: translateY(-10px)}

.list_3 .list3_con .mark{width: 100%; height: 200px; position: absolute; margin-top: 137px; background: rgba(255,255,255,.7); border-radius: 4px}

.list_3 .list3_list .slick-prev, .list_3 .list3_list .slick-next{width: 30px; height: 70px; border-radius: 4px; margin-top: -15px; background: rgba(0,0,0,.4)}
.list_3 .list3_list .slick-prev:before, .list_3 .list3_list .slick-next:before{position: absolute; top: 50%; left: -5px; margin-top: -20px; background-size: contain}


.list_3 .list3_li{width: 100%; position: relative; display: block}
.list_3 .list3_li .list3_li_con{list-style: none; width: 90%; margin: 0 auto; padding: 30px 0 }
.list_3 .list3_li .list3_li_con li{width: 14.6666%; margin: 0 1%; float: left; cursor: pointer}
.list_3 .list3_li .list3_li_con li .img{width: 110px; height: 110px; margin: 0 auto; border-radius: 200px; background: rgba(255,255,255,.6); overflow: hidden}
.list_3 .list3_li .list3_li_con li .img img{width: 100%; float: none}

.list_3 .list3_list_mob{display: none}

/*----list_4----*/
.list_4{width: 100%; position: relative; margin-top: 80px}

.list_4 .list4_ul{list-style: none; margin-right: -2%}
.list_4 .list4_ul li{float: left; width: 31.3333%; height: 438px; margin-right: 2%; position: relative; box-shadow: 5px 5px 10px 0 #e0e0e0; overflow: hidden}
.list_4 .list4_ul li .img{width: 100%; overflow: hidden; position: relative}
.list_4 .list4_ul li .img img{width: 100%; transition: all .8s; -webkit-transition: all .8s}
.list_4 .list4_ul li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.list_4 .list4_ul li .text{position: absolute; bottom: 0; left: 0; margin: 0 0 20px 20px}
.list_4 .list4_ul li .text h3{font-size: 20px; color: #fff; margin-bottom: 2px; text-shadow: 1px 1px 1px #333}
.list_4 .list4_ul li .text p{font-size: 16px; color: #f0f0f0; text-shadow: 1px 1px 1px #333; font-family:  'novecentowide-book'}

.list_4 .list4_ul .li01_ul{list-style: none; padding: 30px 20px; background: #fbfbfb}
.list_4 .list4_ul .li01_ul li{width: 100%; height: auto; margin-bottom: 8px; padding-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,.1); box-shadow: none}
.list_4 .list4_ul .li01_ul li a{font-size: 12px; color: #666}
.list_4 .list4_ul .li01_ul li:hover a{color: #13ad9a}