*{ font-family: 'puhui' !important;}     body { font-family: 'puhui'; word-break: normal } .reset_style p { word-break: normal }  .dot{ background: #9e9e9e; width: 15px; height: 15px; border-radius: 50%; } .dot.current{ background: #ea5406; } a{color:#595959;text-decoration:none} a:hover{color:#2c978a;text-decoration:none} a:active{color:#2c978a;text-decoration:none} a:focus{ color:#333; text-decoration:none; }  .p_categoryBox .p_linkBox.click {background-color:#2c978a;color: #fff;} .p_categoryBox .p_linkBox.click .color_assist, .p_categoryBox .p_linkBox.click a {color: #fff;border:#2c978a 1px solid;}.p_page .pageNum { position: relative; float: left; height: 30px; min-width: 30px; margin:0 5px 0 0; padding:0 5px; background-size: 100% 100%; color: #595959; border:1px solid #d9d9d9; cursor: pointer; line-height: 30px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 6px; } .p_page .pageNum:hover { color: #fff; border-color: #bfbfbf !important; cursor: pointer; text-decoration: none; background-color: #bfbfbf !important; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #2c978a !important; border-color: #2c978a !important; } .p_page .pageNum.active { text-decoration: none; background-color: #2c978a !important; color: #fff; border-color: #2c978a !important; } .p_page .next:hover { background:#bfbfbf; border-color: #bfbfbf; color: #fff; cursor: pointer } .p_page .next:active { background: #ea5406; border-color: #ea5406; color: #fff; } .p_page .pre:hover { color: #fff; background: #bfbfbf; border-color: #bfbfbf; cursor: pointer } .p_page .pre:active { background: #2c978a; border-color: #2c978a; color: #fff; } .p_pagebox .next { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #444; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box } .p_pagebox .next:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(44,151,138,1); cursor:pointer; } .p_pagebox .next:active{ background-color:rgba(44,151,138,1); } .p_pagebox .pre { display: inline-table; height: 45px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #444; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color:#2c978a; background-color: #2c978a; cursor: pointer } .p_pagebox .pre:active { background-color: #2c978a; }  @media only screen and (max-width:768px) { .decTab:hover, .decTab.active { color: #2c978a; border-bottom: 0px solid #2c978a; } } @media only screen and (min-width:769px) { .decTab{ cursor: pointer; } .decTab:hover, .decTab.active { color: #333; border-bottom: 0px solid #2c978a; } }  .btn-primary { color: #fff; background-color: #2c978a; border-color: #2c978a; line-height: 43px; width: 100%; font-size: 16px; padding: 0px 30px; } .btn-primary:hover { color: #fff; background-color: #2c978a; border-color: #2c978a; } .btn-primary:active { color: #fff; background-color: #2c978a !important; border-color: #2c978a !important; }  .mouse_bac:hover { background-color: #2c978a; }  .p_fileItem:hover{background-color: rgba(100,100,100,.1);} .p_fileItem:hover .btn{background-color: rgba(100,100,100,.1);color: #fff;}  .btn { border-radius: 0px; } .container { width: 100%; } .p_CommonSwitchBtnA:hover { color: #d24902 } .p_CommonSwitchBtnB:hover { color: #d24902; }  @media only screen and (max-width:768px) { #w_common_text-1617189164584 span,#w_common_text-1624427649330 span,#w_common_text-1637918923338 span{ font-size:24px !important;} #w_common_text-1617189775228 span,#w_common_text-1617261587290 span,#w_common_text-1617261654705 span,#w_common_text-1617261704578 span{ font-size:22px !important;} #w_common_text-1637923817725 span{ font-size:15px !important;} }

.dtp_top{margin: 30px 0;}
.dtp_img{text-align: center;}
.dtp_img img{max-width: 100%;}

.detail-dh .dh-box{display: flex;justify-content: center;}
.detail-dh .dh-box div{width: 15%;text-align: center;margin: 50px 10px;}
.detail-dh .dh-box div a{display: inline-block;font-size: 18px;padding: 15px 0;box-sizing: border-box;position: relative;font-weight: 600;}
.detail-dh .dh-box div a::after{content: "";position: absolute;bottom: 0;width: 45%;height: 2px;background-color: #2c978a;left: 50%;transform: translateX(-50%);transition: .4s;}
.detail-dh .dh-box div a:hover::after{width: 100%;transition: .4s;}
.pro_nav ul{display: flex;justify-content: center;}
.pro_navbox{width: 96%;max-width: 1400px;margin: 0 auto;}
.pro_nav ul li p{text-align: center;}
.pro_nav ul li{padding: 20px 30px;box-sizing: border-box;margin: 20px 20px;}
.pro_nav ul li p:nth-child(2){margin-top: 12px;}
.pro_nav ul li:hover{background-color: #f1f1f1;}
.pro_nav ul li.active{background-color: #f1f1f1;}
.pro_nav ul li a{display: inline-block;width: 100%;height: 100%;}
.pro_contbox{margin: 30px 0;}
.pro_contbox .pro_cont ul{display: flex;flex-wrap: wrap;}
.pro_contbox .pro_cont ul li{width: 25%;box-sizing: border-box;margin-bottom: 20px;}
.pro_contbox .pro_cont ul li img{max-width: 100%;transition: .3s;max-height: 100%;}
.pro_contbox .pro_cont ul li p{text-align: center;}
.pro_contbox .pro_cont ul li p:nth-child(2){margin-top: 12px;}
.pro_contbox .pro_cont ul li p a{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 100%;}
.pro_contbox .pro_cont ul li:hover img{transform: scale(1.2);transition: .3s;}

.pro_contbox .pro_cont ul li p:nth-child(1){height: 330px;}
.pro_contbox .pro_cont ul li p:nth-child(1) a{height: 100%;display: flex;justify-content: center;align-items: center;}
@media (max-width:768px){
    .detail-dh .dh-box div{width: 25%;margin: 20px 10px;}
    #content_box-1642125177508-0{margin-top: 20px;}
    #content_box-1625734548490-0{display: none;}
    .pro_navbox{width: 100%;max-width: 100%;}
    .pro_nav ul{flex-wrap: wrap;}
    .pro_nav ul li{width: 40%;padding: 20px 10px;margin: 10px 10px;}
    .pro_contbox .pro_cont ul li{width: 50%;}
    .rtfdiv{display: none;}
    #content_box-1625725415002-0,#content_box-1640245311716-0,#content_box-1625724640350-0,#w_grid-1572777149478{display: none;}
    .pro_contbox .pro_cont ul li p:nth-child(1){height: 167.5px;}
}

.rtfdiv{

	position: fixed;

	z-index: 5px;

	top: -200px;

	bottom: 0;

	right: 15px;

	margin: auto;

	height: 0px;

	width: 80px;
    z-index: 9999;

}

.rtfdiv li{

	margin: 10px 0;

}

.rtfdiv li>a{

	display: block;

	width: 80px;

	height: 80px;

	border-radius: 100%;

	background-color: rgba(44,151,138,.6);

	text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.rtfdiv li dd{

	font-size: 12px;

	color: #ffffff;

	margin-top: 5px;

}
.rtfdiv_ul {
    position: absolute;
    right: 100px;
    top: -15px;
    visibility: hidden;
    opacity: 0;
    padding-right: 10px;
}
.rtfdiv li.rtfdiv_qq a {
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.rtfdiv_ul p {
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    background-color: rgba(44,151,138,1);
    border-radius: 5px;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
.rtfdiv_qq:hover .rtfdiv_ul {
    right: 80px;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.rtfdiv_qq{position: relative;}
.pro_contbox .pro_cont ul li .h_box{padding: 15px;box-sizing: border-box;}
.pro_contbox .pro_cont ul li .h_border{border: 1px solid #cdcdcd;padding: 10px;box-sizing: border-box;}