/* CSS Document */
/*
Theme Name: 仁合医疗集团有限公司
Theme URI: http://www.renhe.com/
Description:  爱永的作品。
Author:  爱永
Author URI: https://www.aysheji.com/
Date:2025-04-24
Version: 1.0
License: 爱永许可认证
*/
*{margin:0;padding:0;}
html{font-size:44.44px; overflow-x:hidden;}
@media screen and (min-width:320px) and (max-width:359px){html{font-size:44.44px}
html[mip]{font-size:44.44px!important}}
@media screen and (min-width:360px) and (max-width:374px){html{font-size:50px}
html[mip]{font-size:50px!important}}
@media screen and (min-width:375px) and (max-width:383px){html{font-size:52.08px}
html[mip]{font-size:52.08px!important}}
@media screen and (min-width:384px) and (max-width:392px){html{font-size:53.33px}
html[mip]{font-size:53.33px!important}}
@media screen and (min-width:393px) and (max-width:413px){html{font-size:54.58px}
html[mip]{font-size:54.58px!important}}
@media screen and (min-width:414px) and (max-width:539px){html{font-size:57.5px}
html[mip]{font-size:57.5px!important}}
@media screen and (min-width:540px){html{font-size:75px}
html[mip]{font-size:75px!important}}

ul,li,ol{list-style:none;}
img{ border:0; display:block; max-width:100%; transition: all 0.6s;}
.img100{width:100%; height:100%; object-fit: cover;object-position: center;}
a{text-decoration:none;	color:#333;	outline:none;}

body{font-size:14px; color: #333; font-family:'微软雅黑', 'Pingfang-SC', 'AlibabaPuHuiTi'; }
html.bodyhidden{ overflow:hidden;}
.clear{ clear:both;}
.clearfix::after, .clearfix::before{display: table; content: " ";}
.clearfix:after { clear:both}
*, ::after, ::before{box-sizing: border-box;}
a, button{cursor: pointer;}
button{ border:none; background:none; border-radius: 0;}
video{ width:100%; height:auto; display:block; object-fit:fill;}
table{ width:100%; border-collapse:collapse;}


/*滚动条样式
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);background: rgba(0,0,0,0.1);}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
*/

/*以下为兼容手机*/
input, textarea, select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input:focus, textarea:focus {outline: none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input::-ms-clear {display: none;}
/*以上为兼容手机*/

/*针对 type-"number"*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important;}
input[type="number"]{ -moz-appearance: textfield;}

/* 消除video标签下载按钮 */
video::-internal-media-controls-download-button {
    display: none;
}
video::-webkit-media-controls-enclosure {
    overflow: hidden;
}
video::-webkit-media-controls {
    overflow: hidden !important;
}video::-webkit-media-controls-enclosure {
    width: calc(100% + 50px);
    margin-left: auto;
}


.swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}

.wrap{ width:1200px; margin:0 auto;}

.headerbg{ width:100%; padding:0px 0; background: linear-gradient(180deg, #13131352 50%, #1f1f1f00 100%); position:absolute; left:0; top:0; z-index:9999;}
.headerbg.fixed{ position:fixed; top:0; left:0; background: rgba(0, 0, 0, 0.7); z-index:9;}
.header{ display:flex; justify-content:space-between; align-items:center; z-index: 8;position: relative;}
.logo a{ display:block;}
.logo img{ max-width:200px;}

.header_right{ width:calc(100% - 200px); display:flex; align-items:center; justify-content:flex-end;}

/*主导航开始*/
.mainmenubg{transition:all 0.3s;}
.mainmenu{}
.mainmenu>ul{ display:flex;}
.mainmenu > ul > li{ position:relative; margin-right:40px;}
.mainmenu > ul > li a{ text-align:center; font-size:16px; color: #fff; display:block; line-height:40px; padding:20px 0px; position:relative;}


.mainmenu > ul > li a:before{ content: "";position: absolute;left: 0;bottom: 2px;width: 0;height: 2px;background-color: #fff;transition: 0.3s;}
.mainmenu > ul > li a:hover:before, .mainmenu > ul > li.current a:before, .mainmenu > ul > li.current_page_item a:before, .mainmenu > ul > li.current-menu-item a:before, .mainmenu > ul > li.current-menu-parent a:before, .mainmenu > ul > li.current-page-ancestor a:before, .mainmenu > ul > li.current-category-ancestor a:before, .mainmenu > ul > li.current-post-ancestor a:before{ width:100%;}


/*有子导航加箭头*/
.mainmenu > ul > li.menu-item-has-children > a{ padding-right:25px;}
.mainmenu > ul > li.menu-item-has-children > a:after{ content:""; display:inline-block; position:absolute; right:0; top:50%; width:14px; height:7px; background:url(images/navlibg.png) no-repeat right center; background-size:14px 7px;transition: all 0.3s;
-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s; }


/*二级菜单*/
.mainmenu ul li ul.sub-menu{ display:block; width:200px; position:absolute; left:0px; top:80px; z-index:5; transform: translateY(40px); visibility:hidden; opacity: 0; transition:all 0.5s; box-shadow: 0px 18px 28px 0px rgba(0, 0, 0, 0.10);  background: #FFF; padding:28px; border-radius:5px;}
.mainmenu ul li ul.sub-menu li{ margin:0 0 20px 0; height:auto; padding:0;}
.mainmenu ul li ul.sub-menu li:last-child{ margin-bottom:0;}
.mainmenu ul li ul.sub-menu li a, .mainmenu ul li.menu-item-has-children:hover ul li a{ text-align:left; border-radius:0; color: #404040; padding:0;  line-height:25px; width:auto; font-size: 15px;  min-width:inherit; position:relative; }

.mainmenu ul li ul.sub-menu li.menu-item-has-children a:after{ content:"›"; color:#404040; display:block; position:absolute; right:5px; top:0px;}
.mainmenu ul li ul.sub-menu li a:hover{ color:#0ca6a3;}

/*二级菜单移上去*/
.mainmenu ul li.yishangqu ul.sub-menu{ transform: translateY(0px); opacity:1; visibility:visible;}
.mainmenu > ul > li.yishangqu.menu-item-has-children > a:after{ transform: rotate(180deg);}

/*三级菜单*/
.mainmenu ul li ul.sub-menu li ul.sub-menu{  display:block; width:200px; position:absolute; left:100%; top:0; z-index:5; visibility:hidden; opacity: 0; transition:all 0.5s; box-shadow: 0px 18px 28px 0px rgba(0, 0, 0, 0.10);  background: #FFF; padding:20px; border-radius:5px;}
.mainmenu ul li ul.sub-menu li ul.sub-menu li{ margin-bottom:10px;}
.mainmenu ul li ul.sub-menu li ul.sub-menu li a{ font-size:14px;}
.mainmenu ul li ul.sub-menu li ul.sub-menu li a:after{ display:none;}
.mainmenu ul li ul.sub-menu li.menu-item-has-children:hover  ul.sub-menu{ visibility:visible; opacity:1;}

/*top右边按钮*/
.mainmenuright{ width:auto; display:flex; justify-content:flex-end; position:relative;}
.mainmenurightcon{ display:flex;}


/*手机按钮*/
.mheaderbtn{ display:none;}
.mheaderbtn a{ display:block; width:44px; height:44px; margin-left:14px;}
.mheaderbtn a.mmenubtn{ background-image:url(images/hmenuicon.png); background-position: center center;  background-repeat: no-repeat;  background-size:30px 30px;}

.colsemenubtn{cursor:pointer; width:30px; height:30px; display:none; position: absolute;right:15px;top:15px;font-size: 40px;color: #ccc; line-height: 30px; text-align: center;}

/*主导航结束*/


/*首页开始*/


/*幻灯片*/
.fullwidthbanner-container{ position:relative; width:100%; height:auto;}
.ibanner{ overflow:hidden; position:relative;}
.fullwidthbanner{ overflow: hidden; width: 100%;}
.fullwidthbanner li img{ width:100%;}
.fullwidthbanner li img.mbanner{ display:none;}
.fullwidthbanner li a{ display:block; position:relative;}
.fullwidthbanner li a .islidetextbg{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); z-index:1; display:flex; justify-content:center; align-items:center;}
.fullwidthbanner li a .islidetextbg .islidetext{}
.fullwidthbanner li a .islidetextbg .islidetext .ilisdettile{ color:#fff; font-size:48px; text-align:center;}

.fullwidthbanner-container .ibannerjt{ position:absolute; width:100%; text-align:center; bottom:2%; z-index:5;}
.fullwidthbanner-container .ibannerjt span{ display:inline-block; width: 39px; background-color: rgba(255,255,255,0.5);border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; height:6px;margin-right:10px;overflow: hidden;}
.fullwidthbanner-container .ibannerjt span.swiper-pagination-bullet-active{ background:#0ca6a3; border:none;}

.fullwidthbanner-container .ibannerbtn a { width:40px; height:50px; position:absolute; top: 50%; margin-top:-25px; z-index:3;}
.fullwidthbanner-container .ibannerbtn a.ibannerprve{ left:5%; background:url(images/btn_prve.png) no-repeat center center rgba(0,0,0,0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.fullwidthbanner-container .ibannerbtn a.ibannernext{ right:5%; background:url(images/btn_next.png) no-repeat center center rgba(0,0,0,0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}


.ibannerbg{ width:100%; position:relative; overflow:hidden; max-height:100vh;}

.ibannertext{ position:absolute; width:100%; top:40%; z-index:3;}
.ibantextcon{ text-align:center; color:#fefefe;}
.ibantextcon h2{ font-size:65px; font-weight:normal; letter-spacing:5px; opacity:0.5; transition: all 0.3s;}

.ibantextcon h2.hide{ visibility: hidden; opacity:0;}

.ibantextcon p{ font-size:30px; margin-top:20px;}
.ibannerbg .ibanbtn a{width:170px;line-height:42px;margin:45px auto 0;font-size:16px;background:#0ca6a3;color:#fff;border-radius:8px;display:block}
.ibannerbg .ibanbtn a:hover{ background:#000;}
.ibannervideo video{height:100vh;}
.ibannerbg .mask{position:absolute;left:0;bottom:-2px;height:50%;width:100%;background-image:linear-gradient(rgba(9,14,43,0.01),rgba(9,14,43,1))}

/*首页-星品推荐*/
.istarprodtsbg{ padding-top:60px;}
.istarprodts{}
.iprlist{ margin-top:60px;}
.istarprodts ul{ display:flex;}
.istarprodts li{ width:25%;}
.istarprodts li a{ display:block; position:relative;}
.istarprodts li a .istarproimg{}
.istarprodts li a .istarproimg img{}
.istarprodts li a .istarprotextbg{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.istarprodts li a .istarprotext{ padding:60px 40px; position:absolute; top:80%;}
.istarprodts li a .istarprotext .istarprotexttit{ font-size:32px; width:100%; color:#fff; font-weight:normal; text-align:center; line-height:30px; padding:30px 0px; white-space:nowrap;}

.istarprodts li a .istarprotext .underline{width:42px;  height:2px;  background:#fff; margin-top:20px;}
.istarprodts li a .istarprotext .content{ left:0;  font-size:16px;  line-height:1.7;  color:#fff; margin-top:60px;}

.istarprodts li a .istarprotext .viewMore{ width:50%; padding:0 0px 15px 0; display:flex; justify-content:space-between; align-items:center; margin-top:60px; position:relative;}
.istarprodts li a .istarprotext .viewMore:after {  content:"";  display:block;  position:absolute;  bottom:0;  left:0;  width:0%;  height:2px;  background:#EB8F2E;}
.istarprodts li a .istarprotext .viewMore span:first-child {  padding-right:20px;  font-size:24px;  font-family:PingFang SC;  font-weight:500;  color:#fff}
.istarprodts li a .istarprotext .viewMore span:last-child {  width:30px;  height:30px;  background:#FF851C;  border-radius:50%; display:flex; justify-content:center; align-items:center;}
.istarprodts li a .istarprotext .viewMore>span:hover{  color:#EB8F2E}

.istarprodts li a:hover .istarprotextbg{ background:#1178de;}
.istarprodts li:nth-child(2) a:hover .istarprotextbg{ background:#1641ce;}
.istarprodts li:nth-child(3) a:hover .istarprotextbg{ background:#5616ce;}
.istarprodts li:nth-child(4) a:hover .istarprotextbg{ background:#4106b1;}

.istarprodts li a:hover .istarprotext{  position:absolute; top:20%; transition:all 600ms ease-in-out;}
.istarprodts li a:hover .istarprotext .viewMore:after{ width:100%; transition:all 800ms ease-in-out;}
.istarprodts li a:hover .istarprotext .istarprotexttit{ text-align:left;}
.istarprodts li a .istarprotext .istarprotexttit:hover{ color:#ff851c;}


.ititle{ text-align:center;}
.ititle h2.itit{ font-size:30px; line-height:1.5; color:#333; font-weight:normal;}
.ititle .ititdesc{ font-size:18px; line-height:1.5; text-transform:uppercase;}

.iaboutbg{padding:60px 0;}
.aboutflex{ margin-top:40px; gap:40px; display:flex;}
.aboutleft, .aboutright{ width:calc(50% - 20px);}
.aboutcontent{}
.aboutcontent p{ line-height:1.7; font-size:16px; margin-top:15px;}



.icasebg{ padding:60px 0; background:#f5f5f5;}

.iyoushinum{ margin-top:60px;}
.iyoushinum ul{ display:flex; gap:0 50px;}
.iyoushinum li{ width:33.33%; text-align:center; position:relative;}
.iyoushinum li:before, .iyoushinum li:after{ content:""; display:block; width:2px; height:60px; position:absolute; right:0; top:30px; background:#ccc; z-index:2; transition: all 0.3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;}
.iyoushinum li:before{background:#0ca6a3; height:0; z-index:3;}
.iyoushinum li:last-child:after, .iyoushinum li:last-child:before{ display:none;}
.iyoushinum li span.iysnum, .iyoushinum li span.iysdw{ color:#0ca6a3; font-size:60px;position:relative;}
.iyoushinum li span.iysnum{ margin-right:5px; }
.iyoushinum li span.iysnum:after{ content:"+"; color:#0ca6a3; font-size:24px; position:absolute; top:15px; right:-25px; font-weight:bold; display:none;}
.iyoushinum li span.iysdw{}
.iyoushinum li p{ color:#666; font-size:16px;}
.iyoushinum li:hover p{ color:#333;}
.iyoushinum li:hover:before{ height:60px;}


.ipartnerlist{ margin-top:60px;}
.ipartnerlist ul{ display:flex; flex-wrap:wrap;}
.ipartnerlist li{ width:18.4%; margin:0 2% 2% 0;}
.ipartnerlist li:nth-child(5n){ margin-right:0;}
.ipartnerlist li .iparlicon{ background:#fff; height:100%; border: 1px solid #eee; border-radius: 8px; overflow:hidden;}
.ipartnerlist li .ipartimg img{ margin:0 auto;}
.ipartnerlist li .iparttext{ text-align:center;line-height:1.5;  border-top: 1px solid #eee;  color: #232B33; padding:10px 10px;}


.iylcxbg{ padding:60px 0;}

.iylcxall{ margin-top:40px;}
.iylcxlist{}
.iylcxlist ul{ display:flex;}
.iylcxlist li{ width:50%;}
.iylcxlist li a{ display:flex; flex-direction:column;}
.iylcxlist li:nth-child(2n) a{ flex-direction: column-reverse;}
.iylcxlist li a .iylcximg{ overflow:hidden;}
.iylcxlist li a .iylcximg img{transition:all 0.5s;}
.iylcxlist li a .iylcxtext{ background:#f4f4f4; padding:40px;}
.iylcxlist li a .iylcxtext .iylcxtexttitle{ font-size:18px; line-height:1.5; color: #727171;font-weight:normal;}
.iylcxlist li a .iylcxtext .iylcxtextsubtit{color: #242728; font-size:20px; line-height:1.5; margin-top:5px; font-weight:normal;}
.iylcxlist li a:hover .iylcxtext{ background:#0ca6a3;}
.iylcxlist li a:hover .iylcxtext .iylcxtexttitle, .iylcxlist li a:hover .iylcxtext .iylcxtextsubtit{ color:#fff;}
.iylcxlist li a:hover .iylcximg img{transform: scale(1.1);}


.inewslist{ margin-top:40px;}
.inewslist ul{ display:flex; flex-wrap:wrap;}
.inewslist li{ width:23.5%; margin:0 2% 2% 0; }
.inewslist li:nth-child(4n){ margin-right:0;}
.inewslist li a{ display:block; height:100%; box-shadow:5px 5px 10px 0 rgba(0,0,0,.2); transition: all 0.3s;}
.inewslist li a .inewsimg{ height:200px;}
.inewslist li a .inewsimg img{ width:100%; height:100%; object-fit: cover; object-position: center;}
.inewslist li a .inewstext{ padding:15px;}
.inewslist li a .inewstext .inewstitle{ font-size:16px;}
.inewslist li a .inewstext .inewsdate{ font-size:14px; color:#999; margin:10px 0;}
.inewslist li a .inewstext .inewsdesc{ font-size:14px; line-height:1.5; color:#666;}
.inewslist li a:hover{ box-shadow: 5px 5px 10px 0 rgba(0,0,0,.4);}



/*底部开始*/
.footerbg{background-image:url(images/footer.jpg); background-position:center center; background-repeat:no-repeat; background-size: cover; padding:60px 0 30px 0;}
.footertop{ display:flex; justify-content:space-between; padding-bottom:30px; gap:0 40px;}
.footererweima{ width: 250px;}
.footererweima img{width: 100%;}

.footermenu{}
.footermenu > ul{ display:flex;  justify-content:space-between; gap:0 100px;}
.footermenu > ul > li{ text-align:center;}
.footermenu > ul > li > a{ font-size:16px; color:#e5e5e5; display:block;}
.footermenu > ul > li > a:hover{ color:#fff;}
.footermenu > ul > li > ul{ margin-top:30px;}
.footermenu > ul > li > ul li{ margin-bottom:10px; text-align:center; }
.footermenu > ul > li > ul li a{ color:#a2a2a2; font-size:14px; line-height:30px; display:block;}
.footermenu > ul > li > ul li a:hover{ color:#fff; text-decoration:underline;}

.footercontatitem{ margin-bottom:20px;}
.footertit{ color:#fff; font-size:18px; font-weight:normal; margin-bottom:20px;}
.footercontat{ max-width:330px;}
.footercontat li{padding-left: 40px; min-height:30px; color: #a2a2a2; margin-bottom:20px; line-height:27px;}
.footercontat li:hover{ color:#fff;}
.footercontat li:last-child{margin-bottom: 0;}
.footercontat .ico1{background: url(images/footer_ico1.png) no-repeat left;}
.footercontat .ico2{background: url(images/footer_ico2.png) no-repeat left;}
.footercontat .ico3{background: url(images/footer_ico3.png) no-repeat left 5px;}

.footerbg .copy{line-height:26px;text-align: center; color: #698295;border-top: 1px dashed #27323B; padding:30px 20px 0;}
.footerbg .copy a{display: initial;color: #698295;}
.footerbg .copy a:hover{ color:#fff;}


/*二级页面开始*/

.erjibanner{ display:block; width:100%; position:relative;}
.erjibannerimg{}
.erjibannerimg img{ width:100%; object-fit:cover;}
.erjibannertext{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); display:flex; justify-content:center; align-items:center;}
.erjibannertext h2{ color:#fff; font-size:45px; text-align:center; font-weight:normal; line-height:1.5;}
.erjibannertext h2 span{ text-transform:uppercase; font-size:18px; display:block; margin-top:10px;}

.erjinavbg{ padding:60px 0;}
.erjinav{}
.erjinav ul{ display:flex; justify-content:center;}
.erjinav li{ margin:0 20px;}
.erjinav li a{ display:block; padding:10px 30px; border: 1px solid #afafaf; font-size: 16px; color: #333; line-height:1.5; text-align:center; border-radius:10px; white-space:nowrap;}
.erjinav li a:hover, .erjinav li.current a{ background:#0ca6a3; border-color:#0ca6a3; color:#fff;}

.productslistbg{ padding-bottom:100px;}
.productslist{}
.productslist ul{ display:flex; flex-wrap:wrap;}
.productslist li{ width:32%; margin:0 2% 30px 0;}
.productslist li:nth-child(3n){ margin-right:0;}
.productslist li a{ display:block; color:#666; overflow:hidden; border-radius:8px; box-shadow: 0 2px 8px rgba(27,27,27,0.25); height: 100%;}
.productslist li .productslicon{ display:block;}
.productslist li .productsimg{ width:100%; height:260px; overflow:hidden;}
.productslist li .productsimg img{ width:100%; height:100%; object-fit:cover;}
.productslist li .productstext{ padding:40px 20px;}
.productslist li .productstext h3{ font-size:24px; color:#333; text-align:center;}
.productslist li .productstext .productsdesc{ font-size:18px; margin-top:20px; line-height:30px; height:120px; text-align:center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.productslist li .productsbtn{ background:#0ca6a3; width:150px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:5px; margin:30px auto 0; position:relative; overflow:hidden;}
.productslist li .productsbtn:after{content:">"; display:inline-block; color:#fff; transition:all .6s; margin-left:10px;}
.productslist li a:hover{ box-shadow:2px 4px 12px rgba(27,27,27,0.25);}
.productslist li a:hover .productsimg img{ transform: scale(1.08);}
.productslist li a:hover .productstext h3{ color:#0ca6a3;}
.productslist li a:hover .productstext .productsdesc{ color:#333;}
.productslist li a:hover .productsbtn{ background:#0ca6a3;}


/*分页样式开始*/
#pageabc{text-align:center;margin:50px 0 0 0;clear:both;height:auto;overflow:hidden;color:#333;line-height:23px;}
#pageabc a.noallowed{cursor: not-allowed;}
#pageabc span,#pageabc a{font-size:16px;color:#595757;padding:8px 15px;border:1px solid #313131;text-decoration:none;margin:3px 5px;display:inline-block;text-align:center; border-radius:5px;}
#pageabc a:hover,#pageabc a.current{color:#fff;background-color:#0ca6a3;border:1px solid #0ca6a3;}
/*分页样式结束*/



/*产品详情页*/
.dqweizhi{ line-height:1.5; padding:20px 0;}
.dqweizhi img{ display:inline-block;}
.dqweizhi a:hover{ color:#0ca6a3;}

.singleproductsall{ padding-bottom:100px;}
.singleprotop{ padding:20px 0 0 0; background:#fff;}

.singleprotop{}
.sprotulist{ width:52%; float:left;}
.sprodatu{ border:#ccc 1px solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.sprodatulist{ overflow:hidden;}
.sprodatulist li{ padding:2px;}
.sprodatulist li img{ width:100%; height:420px; object-fit: cover; object-position: center;}
.sprothumbs{ position:relative; margin-top:20px; padding:0 40px;}
.sprothumbslist{ overflow:hidden;}
.sprothumbslist li{ cursor:pointer; padding:1px;}
.sprothumbslist li img{ border:#ccc 1px solid; width:100%; height:86px; object-fit: cover; object-position: center;}
.sprothumbslist li.swiper-slide-thumb-active{}
.sprothumbslist li.swiper-slide-thumb-active img{ border-color:#0ca6a3;}
.sprothumbsbtn{}
.sprothumbsbtn a{ width:25px; height:80px; position:absolute; top: 50%; margin-top:-40px; z-index:3; background-position:center center; background-repeat:no-repeat; background-color:#eee;}
.sprothumbsbtn a.sproprve{ left:0; background-image:url(images/btn_prve.png);}
.sprothumbsbtn a.spronext{ right:0; background-image:url(images/btn_next.png);}
.sprothumbsbtn a.sproprve:hover, .sprothumbsbtn a.spronext:hover{background-color:#0ca6a3;}
.sprothumbsbtn a.swiper-button-disabled:hover{ cursor:not-allowed;}
.sprothumbsbtn a.sproprve.swiper-button-disabled:hover, .sprothumbsbtn a.spronext.swiper-button-disabled:hover{background-color:#eee;}

.singleprotit{ padding-bottom:30px;}
h2.sprotit{ font-size:40px; line-height:1.7;}

.sprotext{ width:45%; float:right; padding-top:20px;}
.sprotext .sprojianjie{ margin-top:20px; color:#9599a7;}
h3.sprojjtit{ font-size:24px; color:#071838; margin-bottom:10px;}
.sprotext .sprojianjie p{ line-height:1.7; color:#9599a7; font-size:16px; margin-bottom:15px;}
.sprotext .sprojianjie p a{ color:#9599a7;}
.sprotext .sprojianjie p a:hover{ color:#0ca6a3;}

.sprotext .sprobtn{ margin-top:30px;}
.sprotext .sprobtn a{display:inline-block; letter-spacing:1px; vertical-align:top; margin-right:15px; width:200px; height:45px; line-height:45px; text-align:center; background:#f6363a;border-radius:3px; font-size:16px; color:#fff;}
.sprotext .sprobtn a:nth-child(2){ margin-right:0; background:#0ca6a3;}

.sproshangxiap{ text-align:center; padding:80px 0 0 0;}
.sproshangxiap a{ display:inline-block; width:150px; line-height:50px; color:#fff; font-size:16px;}
.sproshangxiap a:nth-child(1){ background:url(images/btn_prve.png) no-repeat 10% center #777; background-size:7%; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.sproshangxiap a:nth-child(2){ background:#0ca6a3; border-left:1px #fff solid; border-right:1px #fff solid;}
.sproshangxiap a:nth-child(3){ background:url(images/btn_next.png) no-repeat 90% center #777; background-size:7%; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.sproshangxiap a:hover{ background-color:#0ca6a3;}

h3.othnewstit{ border-bottom: 1px solid #ccc; font-size:34px; padding-bottom:10px; font-weight:normal;}
h3.othnewstit span{ border-bottom:#0ca6a3 3px solid; padding-bottom:8px;}

.otherproducts{ background:#fff; position:relative; margin-top:60px;}
.otherproxgcp{ position:relative; padding:0 70px;}
.otherproductslist{ margin-top:50px; overflow:hidden;}
.otherproductslist li{ width:20%; float:left;}
.otherproductslist li a{ display:block;overflow: hidden;}
.otherproductslist li a .othproimg{ width:100%; height:180px;}
.otherproductslist li a .othproimg img{ border:#f5f5f5 1px solid;  width:100%; height:100%; object-fit: cover; object-position: center;}
.otherproductslist li a .othprotit{ background:#f5f5f5; text-align:center; line-height:40px;}
.otherproductslist li a:hover .othproimg img{  border:#0ca6a3 1px solid;}
.otherproductslist li a:hover .othprotit{ background:#0ca6a3; color:#fff;}

.sproxgcpbtn a{ width:60px; height:60px; position:absolute; top: 50%; margin-top:-25px; z-index:3;}
.sproxgcpbtn a.sproxgcpprve{ left:-1%; background:url(images/btn_prvered.png) no-repeat center center; background-size:cover;}
.sproxgcpbtn a.sproxgcpnext{ right:-1%; background:url(images/btn_nextred.png) no-repeat center center; background-size:cover;}

.sproxgcpbtn a.swiper-button-disabled{ cursor:not-allowed;}



/*关于我们*/
.about_gsjjbg{ padding:80px 0; background:#f7f7f7; background-size:cover;}
.about_gsjjflex{ display:flex; gap:0 50px; align-items:center;}
.about_gsjjflex .about_gsjjimg{ width:40%;}
.about_gsjjflex .about_gsjjimg img{ width:100%;}
.about_gsjjflex .about_gsjjtext{ width:55%;}
.about_gsjjtextcon p{ font-size:20px; color:#333; line-height:1.7; text-align:justify; text-justify:distribute; text-justify:distribute-all-lines; margin-bottom:20px; }
.about_gsjjtextcon p:last-child{ margin-bottom:0;}
.about_gsjjtextcon img{ margin: 0 auto; height:auto;}

.xqhzall{ position:relative; padding:0 60px;}

.xqhzlist{ overflow:hidden;}
.xqhzlist ul{ }
.xqhzlist li{ width:32%; margin:0 2% 0 0; background:#fff; height:auto;}
.xqhzlist li:nth-child(3n){ margin-right:0%;}
.xqhzlist li .xqhzimg{}
.xqhzlist li .xqhztext{ padding:20px; line-height:1.5; font-size:16px; }
.xqhzlist li:hover{ background:#0ca6a3;}
.xqhzlist li:hover .xqhztext{ color:#fff;}
.xqhzbtn a{ width:60px; height:60px; position:absolute; top:40%; margin-top:-25px; z-index:3;}
.xqhzbtn a.xqhzprve{ left:-1%; background:url(images/btn_prvered.png) no-repeat center center; background-size:cover;}
.xqhzbtn a.xqhznext{ right:-1%; background:url(images/btn_nextred.png) no-repeat center center; background-size:cover;}

.xqhzall .xqhzpaging{ width:100%; text-align:center; margin-top:30px;}
.xqhzall .xqhzpaging span{ display:inline-block; width:40px; height:6px; margin:0 5px; cursor:pointer; background-color:#ccc; border-radius:5px; }
.xqhzall .xqhzpaging span.swiper-pagination-bullet-active{ background:#0ca6a3;}


.newslist{}
.newslist li{ position:relative; margin-bottom:40px;}
.newslist li a{ display:flex; background:#fafafa; border:2px solid #f5f5f5; border-radius:10px; overflow:hidden; position:relative; z-index:5; height:225px; box-shadow: 0 2px 8px rgba(27,27,27,0.25);}
.newslist li a .newsimg{ width:31%; overflow:hidden;}
.newslist li a .newsimg img{ width:100%; object-fit:cover; height:100%; }
.newslist li a .newstext{ width:69%; padding:1.5% 3% 0 3%;  height:100%; position:relative;}
.newslist li a .newstext .newstextnr{ position:relative; z-index:5;}
.newslist li a .newstext h3{ font-size:22px; font-weight:normal; line-height:45px; color:#0ca6a3; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist li a .newstext .newsdate{ padding:10px 0;}
.newslist li a .newstext .newsdate span{display:inline-block;color:#5b5b5b;font-size:14px;margin-right:100px;line-height:20px;padding-left:30px;}
.newslist li a .newstext .newsdate span:nth-child(1){background:url("images/news_time_icon.png") left center no-repeat;}
.newslist li a .newstext .newsdate span:nth-child(2){background:url("images/news_type_icon.png") left center no-repeat;}
.newslist li a .newstext .newsdate span:nth-child(3){background:url("images/news_preview_icon.png") left center no-repeat;}
.newslist li a .newstext p{color:#666; font-size:15px; line-height:26px; text-align:justify; text-justify:distribute; text-justify:distribute-all-lines;}

.newslist li a:hover{background:#0ca6a3;}
.newslist li a:hover .newsimg img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.newslist li a:hover .newstext h3{ color:#fff;}
.newslist li a:hover .newstext span{ color:#f5f5f5;}
.newslist li a:hover .newstext p{ color:#f5f5f5;}
.newslist li a:hover .newstext .newsdate span:nth-child(1){background:url("images/news_time_icon_bai.png") left center no-repeat;}
.newslist li a:hover .newstext .newsdate span:nth-child(2){background:url("images/news_type_icon_bai.png") left center no-repeat;}
.newslist li a:hover .newstext .newsdate span:nth-child(3){background:url("images/news_preview_icon_bai.png") left center no-repeat;}


.contactall{ padding:100px 0;}
.contactflex{ }
.contactflexitem{ width:100%; display:flex; gap:0 20px; margin-bottom:40px; align-items: center; border:#ccc 1px solid; border-radius:20px; overflow:hidden;}
.contacttext{ width:50%; padding:0 40px;}
.contacttext p{ font-size:16px; line-height:2;}
.contact_item{ width:50%;}
.contactall .map {width: 100%;height:400px;overflow: hidden;}
.contactall .map b{color: #0ca6a3;font-size: 14px; line-height:1.5;}
.contactall .map img{max-width: none;}

.sale_people{ margin-top:40px;}
.sale_people p{ font-size:16px; line-height:1.8;}


/*新闻详情页*/
.dqwzbg{ background:#f5f5f5; padding:0px 0;}

.erji_content{ padding:60px 0;}
.singlenews{}
.singlenews_head{ border-bottom:1px dashed #c9c9c9; padding-bottom:20px; margin-bottom:30px;}
.singlenews_head h1{font-size: 32px;font-weight: 700;text-align: left;color: #000;letter-spacing: 1px;margin-bottom: 10px;}
.singlenews_head .singlenewsdate{font-size: 14px;color: #999;}
.singlenewscontent img{ display:block; margin:0 auto;}
.pagecontent p{font-size: 16px;line-height: 29px; margin-bottom:20px; text-align:justify; text-justify:distribute; text-justify:distribute-all-lines; }
.pagecontent p:last-child{ margin-bottom:0;}

.sxp{ line-height:30px; border-top:#ccc 1px solid; padding-top:10px; margin-top:20px;}
.sxp a:hover{ color:#0ca6a3;}

.singletuijian{ margin-top:50px;}
.entry-related-title{margin: 30px 0 20px;font-size:24px; color:#0ca6a3; font-weight: 500;}
.entry-related{ overflow:hidden}
.entry-related li.related-item{width:49.9%; float:left; padding:0; margin-bottom:6px; font-size:16px; line-height:1.8; color:#999}
.entry-related li.related-item a{display:inline-block; max-width:90%; font-size:14px; color:#333; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; vertical-align:top}
.entry-related li.related-item a:hover{ color:#0ca6a3;}












