.pro_body .site_banner{margin-bottom: 0;}


.prolist_swi{padding: 130px 0 70px;box-sizing: border-box;position: relative;}
.fnt_22{font-size: 22px;}
.fnt_66{font-size: 66px;}

.number{text-align: center;line-height: 36px;}
.number em{display: block;line-height: 60px;}
.prolist_swi li{width: 16.666%;}
.prolist_swi dl{color: #007750;padding: 16px 0;transition: all .3s;}
.prolist_swi dl dd{border-left: 1px solid #c6c6c6;padding: 40px 0;box-sizing: border-box;text-align: center;height: 134px;position: relative;}
.prolist_swi dl dd div{width: 100%;}
.prolist_swi dl dd h2{height: 66px;overflow: hidden;}
.prolist_swi dl dd p{visibility: hidden;}
.prolist_swi dl dt{height: 100px;visibility: hidden;line-height: 100px;}
.prolist_swi .swiper-button-disabled{display:  block}
.prolist_swi .lhl_but{width: 40px;height: 40px;font-size: 28px;text-align: center;line-height: 40px;margin-top: -20px;}
.prolist_swi .lhl_but div{background: none;color: #007750;font-weight: bold;}
.prolist_swi .lhl_but div.swiper-button-prev{left: -40px;}
.prolist_swi .lhl_but div.swiper-button-next{right: -40px;}
.prolist_swi .swiper-button-prev.swiper-button-disabled,.prolist_swi .swiper-button-next.swiper-button-disabled{cursor: pointer; pointer-events:inherit!important; opacity: 1;}

.prolist_swi .swiper-button-prev.disabled{ cursor: default;opacity: 0.6;}
.prolist_swi .swiper-button-next.disabled{ cursor: default;opacity: 0.6;}

.product_02{padding: 96px 0;overflow: hidden;}
.pro_list{margin-left: -1%;margin-right: -1%;}
.pro_list dl{float: left;width: 48%;margin: 0 1%;overflow: hidden;position: relative;border: 1px solid #e8e8e8;box-sizing: border-box;
    background: #f3f3f3;transition: all .3s;margin-bottom: 2%;}

.pro_list dl dd{float: left;width: 55%;}
.pro_list dl dt{float: left;width: 45%;    height: 100%;position: absolute;right: 0;top: 0;padding: 30px 17px 20px;box-sizing: border-box;}
.pro_list dl dt h2{line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.pro_list dl dt a{color: #007750;}
.instruction{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 1.5;
    height: 6em;
    overflow: hidden;
    margin: 20px 0;
}
.Alink a{font-size: 14px; display: block;border: 1px solid #007750;width: 136px;height: 28px;text-align: center;line-height: 28px;border-radius: 15px;}

.prolist_swi li.on dl{background: #00724d;color: #fff;}
.prolist_swi li.on dl dt{visibility: visible;}
.prolist_swi li.on dd p{visibility: visible;}
.prolist_swi li.on dd{border-left: 0;}
.finMessage,#infscr-loading{display: none !important;}
@media only screen and (min-width: 1025px) {
    /* .prolist_swi dl:hover{background: #00724d;color: #fff;} */
    /* .prolist_swi dl:hover dt{visibility: visible;}
    .prolist_swi dl:hover dd p{visibility: visible;}*/
    .pro_list dl:hover{color: #fff;}
    .pro_list dl:hover dt{background: #007750;}
    .pro_list dl:hover dt a{color: #fff!important;}
    .pro_list dl:hover .Alink a{border-color: #fff;} 
   
}

@media only screen and (max-width: 1660px) {
    .prolist_swi{padding: 100px 0 50px;}
    .instruction{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin-top: 10px;

    }
}
@media only screen and (max-width: 1440px) {
    .fnt_22{font-size: 18px;}
    .prolist_swi{padding: 80px 0 40px;}
}
@media only screen and (max-width: 1280px) {
    .prolist_swi .lhl_but{display: block!important;}
    .pro_list dl dd,.pro_list dl dt{width: 50%;}
    .pro_list dl dt{padding: 15px;}
    .instruction{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        
        margin: 10px 0;
    }
}
@media only screen and (max-width: 1024px) {
    .fnt_66{font-size: 40px;}
    .prolist_swi{padding:20px 40px;}
    .prolist_swi .lhl_but div.swiper-button-prev{left: 0;}
    .prolist_swi .lhl_but div.swiper-button-next{right: 0;}
    .pro_list dl dd, .pro_list dl dt{width: 100%;}
    .pro_list dl dt{position: static;padding: 20px 20px;padding-bottom: 40px;}
    .prolist_swi dl dt{height: 60px;line-height: 60px;}
    .instruction{margin: 20px 0;height: auto;max-height: 6em;margin-top: 10px;}
    .product_02{padding: 60px 0;}

.number em{line-height: 40px;}
}
@media only screen and (max-width: 767px) {
    .prolist_swi dl dd{border-left: 0;}
    .pro_list dl{width: 100%;margin-bottom: 20px;}
    .prolist_swi{padding:10px 20px;}
    .prolist_swi .lhl_but div.swiper-button-prev{left: -20px;}
    .prolist_swi .lhl_but div.swiper-button-next{right: -20px;}
    .product_02{padding: 40px 0;}

    .prolist_swi li.swiper-slide-active dl{background: #00724d;color: #fff;}
    .prolist_swi li.swiper-slide-active dl dt{visibility: visible;}
    .prolist_swi li.swiper-slide-active dd p{visibility: visible;}
    .prolist_swi li dl{background: #00724d;color: #fff;}
    .prolist_swi li dl dt{visibility: visible;}
    .prolist_swi li dd p{visibility: visible;}
}


.prolist_p{text-align: right;color: #999999;text-align: right;padding-bottom: 10px;}


/*鎶曡祫鑰?/
.fnt_60{font-size: 60px;}
.fnt_90{font-size: 90px;}
.investor_ban{top: 15%;transform: none;}
.investor_price{margin: 4% 0;}
.investor_data{overflow: hidden;margin-bottom: 3%;}
.investor_data ul li{float: left;padding: 0 55px;border-right: 1px solid rgba(255,255,255,.3);}
.investor_data ul li:first-child{padding-left: 0;}
.investor_data ul li:last-child{border-right: 0;}
.investor_txt p{line-height: 25px;}

.investor_con{overflow: hidden;}
.investor_con h2{text-align: center;color: #007750;}
.investor_b{background: #f4f7f9;margin-top: 50px;display: inline-block;width: 100%;}
.investor_tit{border-top: 1px solid #999999;display: inline-block;width: 100%;}
.investor_tit li{float: left;width: 16.666%;text-align: center;padding: 28px 0;box-sizing: border-box;position: relative;}
.investor_tit li em{position: absolute;left: 0;top: -2px;width: 100%;height: 2px;background: #007750;display: none;}
.investor_tit li.on a{color: #007750;}
.investor_tit li.on em{display: block;}
.investor_information{padding-bottom: 8%;}
.information_01{overflow: hidden;}
.information_01 dl{border: 1px solid #999999;padding: 25px 0;background: #fff;box-sizing: border-box;overflow: hidden;margin-bottom: 15px;
    position: relative;transition: all .3s;}
.information_01 dl dd{float: left;width: 28%;padding-left: 50px;box-sizing: border-box;color: #007750;position: absolute;left: 50px;top: 0;height: 100%;}
.information_01 dl dt{overflow: hidden; float: right;width: 72%;padding-left: 50px;box-sizing: border-box;}
.information_01 dl dt p{margin: 2px 0;float: left;box-sizing:border-box;width: calc(100% - 100px)}
.information_01 dl dt a{float: right;margin-right: 50px;width: 34px;}
.information_01 dl dt a img{width: 100%;}

.information_02 dl{border: 1px solid #999999;padding: 25px 0;background: #fff;box-sizing: border-box;overflow: hidden;margin-bottom: 15px;
    position: relative;transition: all .3s;}
.information_02 dl dd{float: left;width: 72%;padding-left: 50px;box-sizing: border-box;}
.information_02 dl dd a{color: #007750;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 34px;}
.information_02 dl dt{float: left;width: 28%;padding-right: 50px;box-sizing: border-box;text-align: right;line-height: 34px;}
.information_02 dl dt span{display: inline-block;width: calc(100% - 40px);padding-right: 60px;vertical-align: middle;margin-top: 3px;box-sizing: border-box;}
.information_02 dl dt a img{width: 34px;height: 34px;display: inline-block;vertical-align: middle;}

.inquiries_item h3{color: #007750;margin-bottom: 25px;}
.inquiries_item p{overflow: hidden;margin-bottom: 15px;}
.inquiries_item p img{float: left;width: 26px;height: 26px;}
.inquiries_item p span{float: left;width: calc(100% - 26px);padding-left: 15px;box-sizing: border-box;line-height: 26px;}
.inquiries_item p span a.tel_link{cursor: inherit;}
@media only screen and (min-width: 1025px) {
    .information_01 dl:hover{background: #007750;border-color: #007750;}
    .information_01 dl:hover dd{color: #fff;}
    .information_01 dl:hover dt{color: #fff;}
    .information_02 dl:hover{background: #007750;border-color: #007750;}
    .information_02 dl:hover dd a{color: #fff;}
    .information_02 dl:hover dd a:hover{color: #fff!important;}
    .information_02 dl:hover dt{color: #fff;}
    .inquiries_item p span a.tel_link:hover{color: #333333!important;}
}
@media only screen and (max-width: 1600px) {
    .fnt_60{font-size: 50px;}
    .fnt_90{font-size: 80px;}
}
@media only screen and (max-width: 1500px) {
    .fnt_60{font-size: 40px;}
    .fnt_90{font-size: 60px;}
    .investor_ban{top: 12%;}
}
@media only screen and (max-width: 1300px) {
    .fnt_60 {font-size: 30px;}
    .fnt_90 {font-size: 36px;}
    .investor_ban{top:7%;}
    .investor_price {margin: 20px 0;}
}
@media only screen and (max-width: 1024px) {
    .investor_price{float: left;width: 150px;}
    .investor_data{width: calc(100% - 150px);float: left;margin: 44px 0 0;}
    .investor_data ul li{padding: 0 20px;}
    .investor_txt{overflow: hidden;display: inline-block;width: 100%;}

    .information_01 dl dd{padding-left: 20px;left: 20px;}
    .information_01 dl dt{padding-left: 20px;}
    .information_02 dl dd{padding-left: 20px;}
    .information_02 dl dt{padding-right: 20px;}
    .information_02 dl dt span{padding-right: 20px;}
    .information_01 dl dt a{margin-right: 20px;}
}
@media only screen and (max-width: 767px) {
    .investor_body .site_banner{overflow: hidden;height: auto;padding: 30px 0;}
    .investor_body .site_banner>img{display: none;}
    .investor_body .site_text{position: relative;transform: none;z-index: 5;}
    .investor_price,.investor_data{float: none;width: 100%;}
    .investor_data{margin: 20px 0;}
    .investor_data ul li{padding: 0 10px;}

    .investor_information{margin-top: 20px;}
    .investor_tit li{width: 50%;padding: 20px 0;}
    .information_01 dl{padding: 20px 0;}
    .information_01 dl dd{position: static;width: 100%;margin-bottom: 10px;padding: 0 20px;}
    .information_01 dl dd p{position: static;transform: none;}
    .information_01 dl dt{float: none;width: 100%;padding: 0 20px;}
    .information_02 dl{padding: 20px 0;}
    .information_02 dl dd{width: 100%;padding: 0 20px;}
    .information_02 dl dt{width: 100%;padding: 0 20px;}
    .information_02 dl dt span{float: left;text-align: left;padding-right: 0;}
    .information_02 dl dt a{float: right;}
    .information_01 dl dt a{margin-right: 0px;}


    
}

/*2021-10-25*/
@media only screen and (max-width: 767px) {
.investor_body .site_text h3{font-size: 16px;}
.investor_body .site_text p{font-size: 12px;}
.investor_data ul li{padding: 0 3px;}
}