Your IP : 216.73.216.34
.page4{overflow:hidden;background:url("../images/in_07.jpg") center no-repeat;background-size:cover;}
.page4 .pagefr_n{height:auto;}
.p4fr{width:100%;overflow:hidden;padding:0px;}
.page4 .p2_t p{text-align:left;}
.page4 .p2_t .wrap_c{position:relative;}
.w_pc{}
.w_wap{display:none !important;}
.p4_t{position:absolute;right:0px;top:1.09rem;font-size:1.2rem;line-height:1.3rem;}
.p4_t a{float:left;color:#000;}
.p4_t a.on{color:#40b471;}
.p4_t i{float:left;width:.01rem;height:1.2rem;display:block;overflow:hidden;background-color:#9f9f9f;margin:0px 1.2rem;margin-top:1.06rem;}
.p4_c{width:100%;overflow:hidden;margin-top:.45rem;}
.p4_c .wrap_c{display:flex;display:-webkit-flex;justify-content:space-between}
.p4_c .fl{width:50%;overflow:hidden;position:relative;background-color:#fff;position:relative;}
.p4_c .fl a{width:100%;height:100%;display:block;overflow:hidden;}
.p4_c .fl em{display:block;overflow:hidden;font-style:normal;}
.p4_c .fl em.em1{width:100%;height:calc(100% - .07rem);overflow:hidden;position:absolute;left:0px;top:0px;}
.p4_c .fl em.em1 b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;}
.p4_c .fl em.em2{width:100%;overflow:hidden;position:absolute;left:0px;bottom:0px;padding:1.3rem 1.5rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background: linear-gradient(to right,#1AA4C8 0,#4BB569 100%);background: -webkit-linear-gradient(to right,#004126,#40b471);background: -o-linear-gradient(to right,#1AA4C8 0,#4BB569 100%); background: -moz-linear-gradient(to right,#1AA4C8 0,#4BB569 100%);}
.p4_c .fl em.em2 span{width:100%;display:block;overflow:hidden;}
.p4_c .fl em.em2 span.sp1{font-size:1.2rem;color:#fff;line-height:1.3rem;text-overflow:ellipsis;white-space:nowrap;}
.p4_c .fl em.em2 span.sp2{font-size:1.14rem;color:#fff;line-height:1.2;margin-top:.8rem;}
.p4cl_slide{width:100%;overflow:hidden;position:absolute;height:100%;left:0px;top:0px;}
.p4cl_slide .swiper-slide{width:100%;overflow:hidden;position:relative;}
.p4cl_slide .p4cl_sp{width:auto !important;left:initial !important;bottom:1.27rem !important;z-index:999;position:absolute;right:.2rem;}
.p4cl_slide .p4cl_sp span{width:.1rem;padding:0px;margin:0px .06rem;height:.1rem;opacity:1;background-color:rgba(255,255,255,.3);-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.25); -webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.25); box-shadow:0px 0px 1px rgba(0,0,0,0.25);}
.p4cl_slide .p4cl_sp span.swiper-pagination-bullet-active{background-color:#40b471;}
.p4_c .fr{width:50%;overflow:hidden;background-color:#fff;padding:0px 0rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.p4_c .fr ul{width:100%;overflow:hidden;}
.p4_c .fr ul li{width:100%;overflow:hidden;border-bottom:.01rem solid #D9D9D9; padding:2.0rem 1.3rem 1.5rem 3.3rem; background-color:#EDEDED;}
.p4_c .fr ul li:hover{background-color:#fff;}
.p4_c .fr ul li:last-child{border-bottom:0px;}
.p4_c .fr ul li a{width:100%;display:block;overflow:hidden;}
.p4_c .fr ul li span{width:100%;display:block;overflow:hidden;}
.p4_c .fr ul li span.sp1{font-size:1.19rem;color:#000;line-height:1.3rem;max-height:2.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;display:-webkit-box;}
.p4_c .fr ul li span.sp2{font-size:1.14rem;color:#000;line-height:1.3;margin-top:1.08rem;}
.p4_c .fr ul li a:hover span.sp1{color:#40b471;}
@media screen and (max-width:1200px) {
.p4cl_slide .p4cl_sp{bottom:1.75rem !important;right:1.1rem;}
.w_wap{display:block !important;}
.w_pc{display:none !important;}
.p4fr{padding:0rem 0px!important;;}
.p4_t{font-size:1.14rem;margin-top:1.13rem;right:10px;}
.p4_t i{height:1.14rem;margin:0px 1.1rem;margin-top:1.08rem;}
.p4_c{margin-top:1.3rem;}
.p4_c .wrap_c{display:block; margin:0px; padding:0px;}
.p4_c .fl{width:100%;height:auto;}
.p4cl_slide{position:relative;}
.p4_c .fr{padding:0px 0rem;}
.p4_c .fr ul li{padding:1.1rem 1.2rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.p4_c .fr ul li span.sp1{font-size:1.0rem;line-height:1.24rem;height:auto;-webkit-line-clamp:100;}
.p4_c .fr ul li span.sp2{font-size:1.0rem;}
.p4_c .fl em.em2{padding:1.1rem 1.1rem;position:relative;}
.p4_c .fl em.em2 span.sp1{font-size:1.14rem;line-height:1.24rem;}
.p4_c .fl em.em2 span.sp2{font-size:1.12rem;}
.p4_c .fl em.em1{height:auto;position:relative;}
.p4_c .fl em.em1 img{width:100%;display:block;}
.p4_c .fr{width:100%;}
}
.wh_01{overflow:hidden;margin-top:1.6rem;}
.wh_01_t{width:100%;overflow:hidden;}
.wh_01_t h2{margin:0px;padding:0px;width:100%;overflow:hidden;font-size:1.48rem;color:#000;line-height:1.75;position:relative;text-align:center;padding-bottom:1.2rem;}
.wh_01_t h2 b{width:1.4rem;height:1.06rem;display:block;overflow:hidden;background:#40b471;background-size:100%;position:absolute;left:50%;bottom:0px;margin-left:-.2rem;border-radius:.025rem; }
.wh_01_c{width:100%;overflow:visible;padding-top:1.44rem;padding-bottom:2.7rem;}
.wh_01_c ul{width:100%;overflow:visible;display:flex;display:-webkit-flex;justify-content:space-between}
.wh_01_c ul li{width:calc(100% - 1.5rem);float:left;height:4.1rem;margin-right:.5rem;padding:0px .2rem;background-color:#fff;-moz-box-shadow:0px 0px 21px rgba(0,0,0,0.05); -webkit-box-shadow:0px 0px 21px rgba(0,0,0,0.05); box-shadow:0px 0px 21px rgba(0,0,0,0.05);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.wh_01_c ul li:nth-child(4){margin-right:0px;}
.wh_01_c ul li p{width:100%;overflow:hidden;}
.wh_01_c ul li p.p1{margin-top:1rem;}
.wh_01_c ul li p.p1 img{display:block;height:.6rem;margin:0px auto;padding:0px;}
.wh_01_c ul li p.p1 img:nth-child(2){display:none;}
.wh_01_c ul li p.p2{text-align:center;font-size:.4rem;color:#333333;line-height:1.75;position:relative;padding-bottom:.2rem;margin-top:.2rem;}
.wh_01_c ul li p.p2 b{width:.4rem;height:.04rem;display:block;overflow:hidden;border-radius:.04rem;background-color:#40b471;position:absolute;left:50%;bottom:0px;margin-left:-.2rem;}
.wh_01_c ul li p.p3{text-align:center;font-size:.18rem;color:#666666;line-height:1.75;margin-top:.2rem;}
.wh_01_c ul li:hover{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px); background:#40b471;}
.wh_01_c ul li:hover p.p2{color:#fff;}
.wh_01_c ul li:hover p.p2 b{ background:#fff;}
.wh_01_c ul li:hover p.p3{color:#fff;}
.wh_01_c ul li:hover p.p1 img:nth-child(1){display:none;}
.wh_01_c ul li:hover p.p1 img:nth-child(2){display:block;}
.ss_01{overflow:hidden;background-color:#fff;padding:20px 0px 20px 0px;}
.ss_01_c{width:100%;max-width:900px;overflow:hidden;margin:0px auto;padding:0px;margin-top:30px;margin-bottom:30px;}
.ss_01_c label{width:100%;height:80px;overflow:hidden;display:block;background-color:#fff;border:1px solid #e7e7e7;border-radius:40px;background-color:#fbfbfb;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.ss_01_c label input.ss_01c_txt{width:100%;height:100%;overflow:hidden;border:0px;padding:0px 40px;position:absolute;left:0px;top:0px;font-size:18px;background-color:#fbfbfb;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.ss_01_c label input.ss_01c_btn{width:30px;height:100%;border:0px;cursor:pointer;background:url("../images/ss_01.svg") center no-repeat;background-size:100%;position:absolute;right:30px;top:0px;z-index:999;}
.ss_02{overflow:hidden;background-color:#fff;padding:20px 0px 20px 0px;}
.ss_02_c{width:100%;max-width:1600px;overflow:hidden;margin:0px auto;padding:0px;margin-top:30px;margin-bottom:30px;}
.ss_02_c label{width:100%;height:80px;overflow:hidden;display:block;background-color:#fff;border:1px solid #e7e7e7;border-radius:40px;background-color:#fbfbfb;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.ss_02_c label input.ss_02c_txt{width:100%;height:100%;overflow:hidden;border:0px;padding:0px 40px;position:absolute;left:0px;top:0px;font-size:18px;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.ss_02_c label input.ss_02c_btn{width:30px;height:100%;border:0px;cursor:pointer;background:url("../images/ss_01.svg") center no-repeat;background-size:100%;position:absolute;right:30px;top:0px;z-index:999;}
#myform {width:100%; height: 100%; }
.search_l{width:100%; box-shadow: 0 0 .1rem rgba(120,120,120,.3);height:80px;overflow: hidden;
background-color: #fff; padding-top:0px; margin-top:30px;}
.search_l select{padding-top:0px; margin-top:0px; width: calc(100%); border: none; height: 100%; font-size: 1.18rem; color: #666; padding-left:20px; box-sizing: border-box;background: url("../images/arrd_01.png") center right no-repeat; background-position: calc(100% - 20px) center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
@media (max-width: 580px) {
.smbawhite { background-color:#FFF; height:100%; width:100%;
}
}
.table-striped2>tbody>tr:nth-child(2)>*{--bs-table-accent-bg:#E6F5F5!important;}
.table-striped2>tbody>tr:nth-of-type(2n+2)>*{--bs-table-accent-bg:#E4E5E7;color:var(--bs-table-striped-color)}
.table-striped2>tbody>tr>td{width: 20%;}
.fytable {
table-layout: fixed;
}
.fytable td{
width: 20%;
}
.fytable tr:first-child {
background-image:linear-gradient(to right,#1AA4C8 0,#4BB569 100%)!important;
color:#FFF;
}
.fytable tr:first-child {
font-size: 25px;
color: #FFF;
padding-top: 5px;
padding-bottom: 0px;
margin-bottom: 0px;
font-weight: 700;
}
.fytable tr:first-child p:nth-child(1) {
font-size: 23px;
line-height:23px;
color: #FFF;
padding-top: 5px;
padding-bottom: 0px;
margin-bottom: -5px;
font-weight: 700;
}
.fytable tr:first-child p:nth-child(2) {
font-size: 14px;
line-height:14px;
font-weight: 300;
padding-top: 0px;
margin-top: 0px;
}
.fytable tr p {
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}
@media (max-width: 780px) {
.fytable tr:first-child {
font-size: 18px;
color: #FFF;
padding-top: 20px;
padding-bottom: 0px;
margin-bottom: 0px;
font-weight: 700;
}
.fytable tr:first-child p:nth-child(1) {
font-size: 18px;
color: #FFF;
padding-top: 20px;
padding-bottom: 0px;
margin-bottom: 0px;
font-weight: 700;
}
.fytable tr:first-child p:nth-child(2) {
font-size: 12px;
font-weight: 300;
}
.fytable tr:first-child h4 {
font-size:18px;
color:#FFF;
padding-top:20px;
padding-bottom:0px;
margin-bottom:0px;
}
.fytable tr:first-child p {
font-size:12px;
font-weight:200;
margin-bottom:0px;
padding-bottom:10px;
}
}
.minhight {
min-height:550px;
}
.L-title2/*product-introduction*/
ul{list-style:none; margin:0; padding:0 }
a:focus, a:hover{ text-decoration:none}
#small-picture {overflow:hidden;zoom:1; width:100%; margin-top:0px;}
#small-picture li ,.smll-more{width:100%; margin-bottom:20px; padding-top:19px; padding-bottom:19px; background-color:#FFF; text-align: center; border:1px solid #eaeaea;cursor:pointer; overflow:hidden}
#small-picture li:last-child{margin-bottom:0px;}
#small-picture li.current ,.smll-more:hover{border:2px solid #40B471;}
.smll-more:hover{ color:#40B471 }
#big-picture li.w-block{
display:block;
position: relative;
}
#big-picture {
border: 1px solid #fff;
padding: 15px;
background-color:#FFF;
}
#big-picture li {display:none; overflow:hidden;}
#big-picture li img,.swiper-slide img,.w-share a img{width:100%;transition: transform 1s;-moz-transition: transform 1s;-webkit-transition: transform 1s;-o-transition: transform 1s;-ms-transition: transform 1s;}
#big-picture .s-w-block-img{
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 80px;
}
#big-picture li:hover img{-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);}
.w-description{
color: #555;
font-size: 20px;
margin-top: 0;
}
.header-size-custom #logo img {
height: 90px;!important;
}
@media (min-width: 992px) {
.header-size-custom .header-wrap-clone {
height: calc( 80px + 1px );
}
#header.header-size-custom + .include-header {
margin-top: calc( -80px - 2px );
}
.header-size-custom .menu-container > .menu-item > .menu-link {
padding-top: 30px;
padding-bottom: 30px;
}
}
.dark .style-7 .menu-container>.menu-item:hover>.menu-link {
}
.dark .style-7 .menu-container>.menu-item.current>.menu-link {
color: #1abc9c;!important;
background-color: #FFFFFF;
}
.dark .style-7 .menu-container>.menu-item.current>a:hover {
color: #1abc9c;!important;
background-color: #FFFFFF;
}
.showcase-section .showcase-target { display: none; }
.showcase-section .showcase-target.showcase-target-active { display: block; }
.showcase-section ul { list-style: none; }
.showcase-section ul li {
display: block;
position: relative;
padding: 24px;
cursor: pointer;
background-color: #EDEDED;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
}
.showcase-section ul li h3 {
display: block;
position: relative;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
}
.showcase-section ul li p {
font-weight: 400;
font-size: 15px;
line-height: 1.6;
margin-bottom: 0;
color: #777;
}
.showcase-section ul li h3::before {
opacity: 0;
content: "\e77d";
font-family: 'font-icons';
position: absolute;
margin-left: -10px;
top: -2px;
-webkit-transition: margin-left .3s ease, opacity .3s ease;
-ms-transition: margin-left .3s ease, opacity .3s ease;
-o-transition: margin-left .3s ease, opacity .3s ease;
transition: margin-left .3s ease, opacity .3s ease;
}
.showcase-section ul li.showcase-feature-active {
background-color: #fff;
}
.showcase-section ul li.showcase-feature-active h3::before {
opacity: 1;
margin-left: -10px;
}
.showcase-section ul li.showcase-feature-active h3 { color: var(--themecolor); }
.showcase-section .showcase-target {
display: block;
position: absolute;
top: 0;
right: 0;
opacity: 0;
width: 100%;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
-webkit-transition: all .3s .1s ease;
-o-transition: all .3s .1s ease;
transition: all .3s .1s ease;
-webkit-backface-visibility: hidden;
}
.showcase-section .showcase-target.showcase-target-active {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
z-index: 9;
}
.showcase-section .showcase-target:first-child { position: relative; }
@media(max-width:991.98px){
.dark .style-3 .menu-container>.menu-item>.menu-link{
color: #FFF!important;
}
}
@media (min-width: 992px) {
.sub-menu-container .menu-item:hover > .menu-link,
.mega-menu-style-2 .mega-menu-title > .menu-link:hover,
.dark .mega-menu-style-2 .mega-menu-title:hover > .menu-link {
color: #40B471;
}
}
.top-about {
color: #333!important;
font-weight: 400!important;
}
.top-about:hover {
color: #40B471!important;
font-weight: 700!important;
}
.prod-icon-1 {
width: 100%;
height: 32px;
background-image: url('../pic/prod-ico-1.png'); /* 默认图标 */
background-position: left;
background-repeat: no-repeat;
transition: background-image 0.5s; /* 平滑过渡效果 */
display: flex;
align-items: center;
justify-content: left;
color: #333;
font-weight: 400!important;
padding-left:45px;
}
.prod-icon-1:hover {
background-image: url('../pic/prod-ico-1-1.png'); /* 鼠标悬浮时的图标 */
color: #40B471;
font-weight: 700!important;
}
.prod-icon-2 {
width: 100%;
height: 32px;
background-image: url('../pic/prod-ico-2.png'); /* 默认图标 */
background-position: left;
background-repeat: no-repeat;
transition: background-image 0.5s; /* 平滑过渡效果 */
display: flex;
align-items: center;
justify-content: left;
color: #333;
font-weight: 400!important;
padding-left:45px;
}
.prod-icon-2:hover {
background-image: url('../pic/prod-ico-2-1.png'); /* 鼠标悬浮时的图标 */
color: #40B471;
font-weight: 700!important;
}
.prod-icon-3 {
width: 100%;
height: 32px;
background-image: url('../pic/prod-ico-3.png'); /* 默认图标 */
background-position: left;
background-repeat: no-repeat;
transition: background-image 0.5s; /* 平滑过渡效果 */
display: flex;
align-items: center;
justify-content: left;
color: #333;
font-weight: 400!important;
padding-left:45px;
}
.prod-icon-3:hover {
background-image: url('../pic/prod-ico-3-1.png'); /* 鼠标悬浮时的图标 */
color: #40B471;
font-weight: 700!important;
}
.prod-icon-4 {
width: 100%;
height: 32px;
background-image: url('../pic/prod-ico-5.png'); /* 默认图标 */
background-position: left;
background-repeat: no-repeat;
transition: background-image 0.5s; /* 平滑过渡效果 */
display: flex;
align-items: center;
justify-content: left;
color: #333;
font-weight: 400!important;
padding-left:45px;
}
.prod-icon-4:hover {
background-image: url('../pic/prod-ico-5-1.png'); /* 鼠标悬浮时的图标 */
color: #40B471;
font-weight: 700!important;
}