ï»¿.index_02{padding-top: 90px;background: #f8f8f8;overflow: hidden;}
.index_pro{margin-top: -100px;}
.index_pro dl{position: relative;}
.index_pro dt{position: relative;}
.index_pro dt .blank_30{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.index_pro dd{width: 840px;max-width: 100%; margin: auto;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:52%;text-align: center;color: #fff;}
.index_pro dd h3{margin-bottom: 20px;}
.index_pro .c_btn{padding-top: 50px;}
.index_pro li{display: none;}
.index_pro li.on{display: block;}

.index_slider{position: relative;z-index: 9;}
.index_slider .swiper-button-prev{  left:0px;}
.index_slider .swiper-button-next{ right:0px; }
.index_slider .swiper-button-prev.swiper-button-disabled,.index_slider .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;}
.index_slider .swiper-button-prev.disabled{ cursor: default;}
.index_slider .swiper-button-next.disabled{ cursor: default;}
.index_slider .swiper-button-prev.disabled i,.index_slider .swiper-button-next.disabled i{opacity: 0.6;}
.index_slider dl{text-align: center;background: #fff;padding: 45px 10px;position: relative;}
.index_slider dt{width: 70px;height: 70px;margin: auto;margin-bottom: 20px;}
.index_slider dt img{width: 100%;height: 100%;}
.line_pro{position: absolute;left: 0;bottom: 0;height: 6px;width: 100%;background: #d99d55;visibility: hidden;opacity: 0;}
.index_slider li{cursor: pointer;float: left;width: 14.28%;}
.index_slider li.on .line_pro{visibility: visible;opacity: 1;}
.index_slider li.on dl{box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}


@media only screen and (max-width:1366px) {
.index_slider dl{padding: 30px 10px;}
.index_slider dt{width: 60px;height: 60px;}
.index_pro{margin-top: -80px;}

}
@media only screen and (max-width:1024px) {
.index_slider dt{margin-bottom: 10px;}
.line_pro{height: 4px;}
.index_slider dt{width: 50px;height: 50px;}
.index_pro{margin-top: -50px;}
.index_pro .c_btn{padding-top: 20px;}
.index_slider li{width: 20%;}
}
@media only screen and (max-width:767px) {
.index_slider dl{padding: 20px 10px;}
.index_pro{margin:0;}
.index_pro dd{transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0); position:static; left:50%; top:52%;text-align: center;color: #333;}
.index_pro dd h3{margin-bottom: 10px;}
.index_pro dt{margin-bottom: 10px;}
.index_pro dt .blank_30{display: none;}
.index_slider li{width: 50%;}
}



.phone_img{display: none;}
.index_01{color: #fff;position: relative;    background-size: cover !important;}
.index_p{width: 60%;}
.index_m{padding-top: 30px;}
.index_m a{color: #fff;font-size: 40px;height: 40px;line-height: 40px;}
.index_p{max-height: 180px; -webkit-line-clamp: 6;}
.index_intr h1{margin-bottom: 20px;}
.about_num{padding-top: 150px;}
.about_num ul{overflow: hidden;}
.about_num li{float: left;margin-right: 50px;}
.about_num li:last-child{margin: 0;}
.about_num dd{font-family: "Arial";height: 100px;line-height: 100px;font-size: 100px;}
.about_num i{height: 48px;line-height: 48px;font-size: 48px;vertical-align: top;}
.index_intr_w{transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;width: 100%;}



@media only screen and (max-width:1660px) {
.about_num dd{height: 80px;line-height: 80px;font-size: 80px;}
.about_num i{height: 40px;line-height: 40px;font-size: 40px;}
.about_num{padding-top: 100px}
}
@media only screen and (max-width:1440px) {
.about_num dd{height: 80px;line-height: 80px;font-size: 80px;}
.about_num i{height: 40px;line-height: 40px;font-size: 40px;}
.about_num{padding-top: 60px}
}
@media only screen and (max-width:1366px) {
.about_num dd{height: 60px;line-height: 60px;font-size: 60px;}
.about_num i{height: 32px;line-height: 32px;font-size: 32px;}
.about_num{padding-top: 40px}
}
@media only screen and (max-width:1024px) {
.index_p{max-height: 120px; -webkit-line-clamp: 5;}

.index_m a{font-size: 22px;height: 22px;line-height: 22px;}
.index_m{padding-top: 20px;}
.about_num dd{height: 36px;line-height: 36px;font-size: 36px;}
.about_num i{height: 20px;line-height: 20px;font-size: 20px;}
}
@media only screen and (max-width:767px) {
.index_01{background: none !important;height: auto !important;color: #333;padding-bottom: 20px;}
.phone_img{display:block;margin-bottom: 20px;}

.index_intr_w{transform: translate(0,0); -webkit-transform: translate(0,0);-ms-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0); position:static; }
.index_p{width: 100%;}
.index_m a{color: #d99d55;font-weight: bold;}
.index_intr h1{margin-bottom: 10px;}
.about_num{padding-top: 20px;}
.about_num dd{height: 24px;line-height: 24px;font-size: 24px;}
.about_num i{height: 14px;line-height: 14px;font-size: 14px;}
.about_num li{margin-bottom: 20px;}
.about_num li:nth-child(2n+1){clear:both;}

}

.index_03{overflow: hidden;padding: 90px 0 105px 0;background:#f7f7f7 url(../images/index_bg_01.jpg) no-repeat center center;background-size: cover;}
.index_news{overflow:hidden;}
.index_news .left{float: left;width: 49.8%;position: relative;}
.index_news .left dt{margin-bottom: 30px;}
.index_news .left h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 10px;}
.index_news .left p{max-height: 48px;-webkit-line-clamp: 2;    }
.index_news .left p,.index_news .right p{color: #3f3f3f;}

.index_news{padding-bottom: 30px;}
.index_news .right{float: right;width: 46.5%;}
.index_news .right h3,.index_news .right p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index_news .right h3{margin-bottom: 5px;}
.index_news .right li{border-bottom: 1px solid #d0d0d0;padding: 25px 0;margin-bottom: 15px;}
.index_news .right li:last-child{border:0;padding-bottom: 0;margin-bottom: 0;}

.index_news .d_btn div.swiper-button-disabled{opacity: 1;color: #fff;}
.index_news .d_btn div{color: #d99d55;font-size: 38px;font-weight: normal;top:40%;width: 40px;height: 40px;line-height: 40px;}


@media only screen and (max-width:1366px) {
.index_news .right li{margin-bottom: 0;padding: 20px 0;}
.index_news .left dt{margin-bottom: 20px;}

}

@media only screen and (max-width:1024px) {
.index_news{padding-bottom: 0;}
.index_news .right li{padding: 15px 0;}
}

@media only screen and (max-width:767px) {
.index_news .left,.index_news .right{float: none;width: 100%;}
.index_news .left{margin-bottom: 20px}
.index_03 .c_btn{padding-top: 30px;}
.index_news .d_btn div{top:36%;}
}

.index_04{padding: 90px 0;}
.index_tab,.index_tab li,.index_tab li a{height: 60px;}
.index_tab{text-align: center;border-bottom: 1px solid #e5e5e5;margin-bottom: 55px;}
.index_tab ul{display: inline-block;}
.index_tab li{float: left;}
.index_tab li a{display: block;position: relative;padding: 0 20px;}
.index_tab li a i{position: absolute;left: 50%;bottom: -1px;width: 0;height: 3px;background: #d99d55;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_tab li.on a i{left: 0;width: 100%;}

.index_link ul{overflow:hidden;margin: 0 -3px;}
.index_link li{float:left;width: 20%;margin-bottom: 6px;}
.index_link dl{margin: 0 3px;}
.index_link ul{display: none;}
.index_link ul:first-child{display: block;}
@media only screen and (max-width:1024px) {
.index_tab{margin-bottom: 30px;}
.index_link li{width: 25%;}

}
@media only screen and (max-width:767px) {
.index_link li{width: 33.33%;}
.index_tab,.index_tab li,.index_tab li a{height: 40px;}
.index_tab{margin-bottom: 20px;}
}


.index_05{position: relative;}
.index_05 .map{height: 800px;}
.index_05 .blank_30{position: absolute;top:0;left:0;width: 100%;height: 100%;background: #f7f7f7;}
.index_map{width: 100%;height: 100%; z-index: 5;padding-bottom:5%;}
 .index_map h1{color: #000;padding-top:90px;}
.index_map .wrap{position: relative;height: 100%;}
.index_map_list ul{overflow: hidden;margin: 0 -1px;}
.index_map_list li{float: left;width: 33.33%;}
.index_map_list li dl{background: #fff;margin: 0 1px;overflow: hidden;padding: 40px 60px;padding-bottom: 16px; color: #000;}
.index_map_list li dl a{color: #000;}
.index_map_list li dt{float: left;width: 50px;font-size: 34px;color: #e5e3e0;}
.index_map_list li dd{float: right;width: calc(100% - 50px);}
.index_map_list li dd h3 {margin-bottom: 5px;}
.index_map_list li dd p{line-height: 24px;height: 48px;overflow: hidden;}

.index_map_list li:first-child dl{background: #d99d55;color: #fff;}
.index_map_list li:first-child dl dt{color: #fff;}
.index_map_list {width: 100%;}
@media only screen and (max-width:1660px) {
.index_05 .map{height: 600px;}
.index_map_list{bottom: 50px;}
.index_map h1{padding-top: 50px;}
}
@media only screen and (max-width:1440px) {
.index_04,.index_03{padding: 70px 0;}
.index_02{padding-top: 70px;}
.index_05 .map{height: 500px;}
.index_map_list{bottom: 30px;}
.index_map_list li dl{padding: 40px 20px;padding-bottom: 15px;}
}
@media only screen and (max-width:1024px) {
.index_04,.index_03{padding: 50px 0;}
.index_02{padding-top: 50px;}
.index_05{padding-bottom: 30px;}
.index_05 .map{height: 300px;}
.index_map_list li{float: none;width: 100%;}
.index_map,.index_map_list{position: static;}
.index_05 .blank_30{display: none;}
.index_map h1{color: #000;padding:0;margin-bottom: 20px;}
.index_map{padding-top: 20px;}
.index_map_list li dd p{height: auto;}
.index_map_list li dl{padding: 20px;border-bottom: 1px solid #ccc;}
.index_map_list li:last-child dl{border:0;}
.index_map_list li dt{font-size: 20px;width: 30px;}
.index_map_list li dd{    width: calc(100% - 30px);}

}
@media only screen and (max-width:767px) {
.index_04,.index_03{padding: 30px 0;}
.index_02{padding-top: 30px;}
.index_05 .map{height: 150px;}

}


@media only screen and (min-width:1025px) {
.index_map_list li:nth-child(2) a:hover{color: #000 !important;cursor: default;}
.index_m a:hover{color: #fff !important;opacity: 0.8;}
}





<!--ºÄÊ±1784918474.2227Ãë-->