/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#222222; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; outline:none;}
a:hover {color:#ff6600;}
:focus{outline:0;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {}i,em {font-style:normal;}
button, input, select, textarea,radio {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased;}
button {cursor:pointer;}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block;}
*+html .clearfix {min-height:1%;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:0.3; color:#ffffff;}
input:-moz-placeholder,textarea:-moz-placeholder{opacity:0.3; color:#ffffff;}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:0.3; color:#ffffff;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:0.3; color:#ffffff;}


@font-face{
font-family: "Poppins-Regular";
src:
url('../fonts/Poppins-Regular.ttf') format('truetype'),
url('../fonts/Poppins-Regular.woff') format('woff'),
url('../fonts/Poppins-Regular.otf') format('otf');
font-weight: normal;
font-style: normal;
font-display: block;
}

@font-face{
font-family: "LexendBold";
src:
url('../fonts/LexendBold.ttf') format('truetype'),
url('../fonts/LexendBold.woff') format('woff'),
url('../fonts/LexendBold.otf') format('otf');
font-weight: normal;
font-style: normal;
font-display: block;
}


body {font-size:16px; color:#222222; font-family:"Poppins-Regular", Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none; background:#ffffff; line-height:28px;}
.main {position:relative; margin:0 auto; width:90%; max-width:1650px;}
@media screen and (max-width:1420px) {
body {font-size:14px;line-height:26px;}
}
@media screen and (max-width:1240px) {
body {font-size:13px;line-height:24px;}
}
@media screen and (max-width:992px) {
body {font-size:12px;line-height:22px;}
.main {width:92%;}
}


/***头部***/

.header{width:100%; box-sizing:border-box; position:fixed; height:90px; top:0; left:0; z-index:99; background:rgb(0,0,0,0);transition:all .2s ease-in-out;}
.header:hover{background:rgb(255,255,255,1);border-bottom:1px #dddddd solid;}
.header:hover .header_logo{background:none;}
.header:hover .header_logo img{opacity:1;}
.header:hover .mNavList>li>a{color:#222222;}
.header:hover .mNavList>li>a:hover{color:#ff6600;}
.header:hover #lang2 a{color:#ffffff!important;}

.header .main{display:flex; align-items:center;}
.header_left{display:flex; flex: 0 0 11%; box-sizing:border-box;}
.header_logo{display:flex;align-items:center; position:relative; background:url(../images/logo.png) left center no-repeat; background-size:cover;}
.header_logo img{width:100%; max-width:160px; opacity:0;}
 
.header_right{display:flex; flex:1; box-sizing:border-box;}
.header_right ul{display:flex; width:100%; justify-content:flex-end;/* 靠右对齐 */}
.header .mNavList{text-align:left; display:flex; width:100%;}
.header .mNavList>li{position:relative; text-align:center; line-height:90px; height:90px; box-sizing:border-box; margin:0 3% 0 0; font-weight:bold; text-transform:uppercase; font-size:16px;}
.header .mNavList>li:last-child{margin:0;}
.header .mNavList>li:nth-last-child(2){margin-right:1%;}
.header .mNavList>li:nth-last-child(2):hover{border-bottom:none;}
.header .mNavList>li:hover{ border-bottom:2px #fe5000 solid;}

.header .mNavList>li>a>i{display:inline-block; width:20px; height:20px; vertical-align:middle;  background:url("../images/pro_click.png") no-repeat center -1px; -moz-transition: all linear .3s;-webkit-transition: all linear .3s; -ms-transition: all linear .3s;}
.header .mNavList>li:hover>a>i{background:url("../images/pro_click_on.png") no-repeat center 1px; -moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);filter:rogid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.header .mNavList>li>a{color:#ffffff;}
.header .mNavList>li>a:hover{color:#ff6600;}

.header_over{width:100%; box-sizing:border-box; position:fixed; height:90px; top:0; left:0; z-index:99; background:rgb(255,255,255,1); border-bottom:1px #dddddd solid; transition:all .2s ease-in-out;/*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10);*/}
.header_over .header_logo{background:none;}
.header_over .header_logo img{opacity:1;}
.header_over .mNavList>li>a{color:#222222;}
.header_over .mNavList>li>a:hover{color:#ff6600;}
.header_over #lang2 a{color:#ffffff!important;}

#lang{background:#00b3c0; border-radius:50px; height:35px; line-height:35px; padding:0 25px 0 20px; cursor:pointer; position:relative;transition:all .3s ease-in-out; margin-top:25px;color:#ffffff; font-size:14px; font-weight:normal;}
#lang:hover{background:#ff6600;}
#lang .langpic{opacity:0.85; width:20px; display:inline-block; vertical-align:middle; margin-right:5px;}
#lang ul{top:37px!important; left:5px;}
#lang ul li img{display:inline!important; opacity:1; width:20px; margin-right:10px;}
#lang ul li a{color:#222222!important;}
#lang ul li:hover a{color:#ffffff!important;}

#lang2{background:#00c08c; border-radius:50px; height:35px; line-height:35px;  padding:0 25px 0 20px; cursor:pointer; position:relative;transition:all .3s ease-in-out; margin-top:25px;color:#ffffff; font-size:14px; font-weight:normal;}
#lang2:hover{background:#ff6600;}
#lang2 .langpic{opacity:0.85; width:24px; display:inline-block; vertical-align:middle; margin-right:5px;}
#lang2:hover a{color:#ffffff!important;}

#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear:both;}
#menu{zoom:1;}
#menu li:hover a{color:#ff6600;}
#menu li a:hover {color:#ff6600;}
#menu li:hover ul {opacity:1; visibility:visible; margin:0;}
#menu ul {margin:15px 0 0 0; opacity:0; visibility:hidden; position:absolute; top:90px; width:fit-content; display:block; z-index:1; transition:all .3s ease-in-out; background:#ffffff; border-radius:5px; overflow:hidden;}
#menu ul li{margin:0; background-color:rgba(255,255,255,1); padding:8px 25px; width:100%; height:auto; line-height:25px; text-transform:capitalize; box-sizing:border-box; color:#222222!important; text-align:left; position:relative;transition:all .3s ease-in-out; font-weight:normal; white-space:nowrap; border-bottom:1px #f1f1f1 solid;}
#menu ul li a{display:block; font-weight:normal!important; color:#ffffff;}
#menu ul li:hover{background:#ff6600; padding:8px 20px 8px 30px; color:#ffffff!important;}
#menu ul li:hover a{color:#ffffff!important;}
#menu ul li:hover ul li a{color:#222222!important;}
#menu ul li:last-child{border-bottom:0;}
#menu ul li:hover ul{opacity:1; visibility:visible; margin:0 0 0 320px;}
#menu ul li ul {top:0px; left:0px; margin:0 0 0 330px; display:block; border-top:0;transition:all .3s ease-in-out;width:fit-content;}
#menu ul li ul li:hover a{color:#ffffff!important;}
@media screen and (max-width:1420px){  
.header .mNavList li{margin:0 2.5% 0 0; font-size:14px;}
#menu ul li{font-size:13px; line-height:22px;}
#lang{font-size:13px;}
#lang2{font-size:13px;}
}  
@media screen and (max-width:1240px){  
.header .mNavList li{margin:0 2.5% 0 0; font-size:13px;}
#menu ul li{font-size:12px; line-height:20px;}
#lang{font-size:12px;}
#lang2{font-size:12px; display:none;}
}  

.topsearch{background:#00c08c; border-radius:50px; height:35px; line-height:35px;  padding:0 0 0 20px; position:relative;transition:all .3s ease-in-out; margin-top:25px;color:#ffffff; font-size:14px; font-weight:normal;}
.topsearch .input{width:100%; line-height:35px; box-sizing:border-box; color:#ffffff;}
.topsearch .input::placeholder{color:#ffffff; opacity:0.5;}
.topsearch .search{position:absolute; top:9px; right:15px; width:18px; height:18px; background:url(../images/ico_search2.svg) no-repeat; background-size:cover;}
@media screen and (max-width:992px) {
.topsearch{display:none;}
}




/*通栏下拉菜单开始*/
#menu>li:hover .mnSubBg{opacity:1; visibility:visible;}
.mnSubBg{background:rgb(255,255,255,1); z-index:111; top:90px; left:0; position:fixed; zoom:1; width:100%; overflow:hidden; opacity:0; visibility:hidden;}
.mnSubBg .navmain{width:90%; max-width:1650px; overflow:hidden; position:relative; margin:0 auto; display:flex; align-items:stretch; padding:60px 0; box-sizing:border-box;}
@media screen and (max-width:1420px){  
.mnSubBg .navmain{padding:50px 0;}
}
@media screen and (max-width:1240px){  
.mnSubBg .navmain{padding:30px 0;}
}


/*about and support*/
.about_left{width:35%; text-align:right; line-height:28px; height:auto; padding-right:5%; box-sizing:border-box;}
.about_left h2{font-size:18px; margin-bottom:5px; font-weight:700; color:#00b3c0;}
.about_left .ptxt{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; text-transform:none; font-weight:normal; opacity:0.8;}
.about_left .ptxt span{color:#666666!important;}
.about_left .ptxt img{width:auto; max-width:100%;}

.about_mid{width:20%;box-sizing:border-box; padding-right:5%;}
.about_mid ol{width:100%; overflow:hidden; text-align:left; height:auto;}
.about_mid ol li{position:relative; box-sizing:border-box; width:100%; transition:all .3s ease-in-out; text-align:left; border-bottom:1px #f5f5f5 solid; line-height:24px; padding:12px 0 12px 12px; background:url(../images/dian.svg) left center no-repeat; background-size:6px; font-weight:normal!important; text-transform:none;}
.about_mid ol li a{color:#00b3c0!important;}
.about_mid ol li:hover a{color:#ff6600!important;}
.about_mid ol li:hover{background:url(../images/dian_on.svg) left center no-repeat; background-size:6px; }

.about_right{width:45%;box-sizing:border-box; text-align:left;}
.about_right img{width:auto; max-width:100%; border-radius:5px;}
@media screen and (max-width:1420px){  
.about_left h2{font-size:18px;}
.about_left .ptxt{font-size:13px;}
.about_mid ol li{font-size:13px;}
}
@media screen and (max-width:1240px){  
.about_left h2{font-size:16px;}
.about_left .ptxt{font-size:12px;}
.about_mid ol li{font-size:12px;}
}


/*prod*/
.prod_nav{overflow:hidden;}
.prod_nav ol{display:flex;}
.prod_nav ol li{width:47.5%; box-sizing:border-box;}
.prod_nav ol li a{color:#222222!important;}
.prod_nav ol li a:hover{color:#ff6600!important;}
.prod_nav ol li:first-child{margin-right:5%;}
.prod_nav ol li h3{width:100%; font-size:18px; margin-bottom:15px; font-weight:700; color:#00b3c0; line-height:24px; text-align:left;}
.prod_nav ol li h3 a{color:#00b3c0!important;}
.prod_nav ol li h3 a:hover{color:#ff6600!important;}
.prod_nav ol li .sec_cate{display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;}
.prod_nav ol li .sec_cate p{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; overflow:hidden; color:#222222!important; font-weight:normal; line-height:18px; text-transform:none;}
.prod_nav ol li .sec_cate p img{width:100px; border-radius:100%; margin:0 auto 5px; display:block; border:3px #ffffff solid; box-sizing:border-box;transition:all .3s ease-in-out;}
.prod_nav ol li .sec_cate p img:hover{border:3px #ff6600 solid;}
@media screen and (max-width:1420px){  
.prod_nav ol li h3{font-size:18px;}
.prod_nav ol li .sec_cate p{font-size:13px;}
}
@media screen and (max-width:1240px){  
.prod_nav ol li h3{font-size:16px;}
.prod_nav ol li .sec_cate p{font-size:12px;}
}



/*app*/
.app_left{width:35%; text-align:right; line-height:28px; height:auto; padding-right:3%; box-sizing:border-box;}
.app_left h2{font-size:18px; margin-bottom:5px; font-weight:700; color:#00b3c0;}
.app_left .ptxt{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; text-transform:none; font-weight:normal; opacity:0.8;}
.app_left .ptxt span{color:#666666!important;}
.app_left .ptxt img{width:auto; max-width:100%;}
@media screen and (max-width:1420px){  
.app_left h2{font-size:18px;}
.app_left .ptxt{font-size:13px;}
}
@media screen and (max-width:1240px){  
.app_left h2{font-size:16px;}
.app_left .ptxt{font-size:12px;}
}

.app_right{width:70%;box-sizing:border-box; float:right;}
.app_right>ol{width:30%; float:left; box-sizing:border-box; padding-right:3%; box-sizing:border-box;}
.app_right>ol>li{display:block; line-height:35px; padding:5px 15px; margin-bottom:5px;transition:all .3s ease-in-out;text-align:left; box-sizing:border-box; background:#f5f5f5; font-weight:700;border-radius:5px;}
.app_right>ol>li i{margin-right:10px; border:solid #555555; border-width:0 1px 1px 0; display:inline-block; padding:2px; transform: rotate(315deg); -webkit-transform: rotate(315deg);  margin-bottom:1px; float:right; top:16px; position:relative;}
.app_right>ol>li a{display:inline-block; width:90%; color:#222222!important; font-weight:normal; text-transform:none;}
.app_right>ol>li:hover i{border-color:#ffffff!important;}
.app_right>ol>li:hover a{color:#ffffff!important;}
.app_right>ol>li:hover{cursor:pointer; padding-right:0; background:#fe5000; color:#ffffff!important;}
.app_right>ol>li.active{padding-right:0 !important; color:#ffffff !important; background:#ff6600;}
.app_right>ol>li.active a{color:#ffffff !important;}
.app_right>ol>li.active i{border-color:#ffffff;}
.app_right>ol>li.active a:hover{color:#ffffff!important;}
.app_list{width:70%; float:right; box-sizing:border-box; background:#ffffff;}
.app_list img{width:auto; max-width:100%; height:auto; border-radius:5px;}
@media screen and (max-width:1420px){  
.app_right>ol>li{font-size:13px;margin-bottom:5px!important;}
}
@media screen and (max-width:1240px){  
.app_right>ol>li{font-size:12px;margin-bottom:5px!important;}
}


/*news*/
.news_left{width:35%; text-align:right; line-height:28px; height:auto; padding-right:5%; box-sizing:border-box;}
.news_left h2{font-size:18px; margin-bottom:5px; font-weight:700; color:#00b3c0;}
.news_left .ptxt{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; text-transform:none; font-weight:normal; opacity:0.8;}
.news_left .ptxt span{color:#666666!important;}
.news_left .ptxt img{width:auto; max-width:100%;}

.news_mid{width:20%;box-sizing:border-box; padding-right:5%;}
.news_mid ol{width:100%; overflow:hidden; text-align:left; height:auto;}
.news_mid ol li{position:relative; box-sizing:border-box; width:100%; transition:all .3s ease-in-out; text-align:left; border-bottom:1px #f5f5f5 solid; line-height:24px; padding:12px 0 12px 12px; background:url(../images/dian.svg) left center no-repeat; background-size:6px; font-weight:normal!important; text-transform:none;}
.news_mid ol li a{color:#00b3c0!important;}
.news_mid ol li:hover a{color:#ff6600!important;}
.news_mid ol li:hover{background:url(../images/dian_on.svg) left center no-repeat; background-size:6px; }

.news_right{width:45%;box-sizing:border-box;}
.news_right ol{display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.news_right ol li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; overflow:hidden;}
.news_right ol li .news_title{width:100%; text-align:center; line-height:1.4; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; margin-top:10px; font-weight:normal; text-transform:none;}
.news_right ol li .imgbox{border-radius:5px;}
.news_right ol li .news_title a{color:#222222!important;}
.news_right ol li:hover .news_title a{color:#ff6600!important;}
@media screen and (max-width:1420px){  
.news_left h2{font-size:18px;}
.news_left .ptxt{font-size:13px;}
.news_mid ol li{font-size:13px;}
.news_right ol li .news_title{font-size:13px;}
}
@media screen and (max-width:1240px){  
.news_left h2{font-size:16px;}
.news_left .ptxt{font-size:12px;}
.news_mid ol li{font-size:12px;}
.news_right ol li .news_title{font-size:12px;}
}


.m-header {display:none;}
@media screen and (max-width:992px) {
.header {display:none;}
.m-header {display:block; position:fixed; top:0; left:0; width:100%; background:rgb(255,255,255,1); z-index:99;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; width:85%; margin-top:5px;font-size:16px;}
.m-header-logo img{height:35px; width:auto; float:left; margin-right:5px;}
.m-header-logo h2{font-size:14px; line-height:35px;  font-weight:bold;}
.m-header-logo h2 span{color:#ff6600; margin-left:2px;}

.nav-btn {position:relative; float:right; margin:12px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#00b3c0; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}
.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:45px; background:#00b3c0; overflow:auto; overflow-x:hidden; transition:top ease 0.35s;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:1px rgba(255,255,255,0.10) solid;}
.m-nav ul li i {position:absolute; top:4px; right:0px; height:40px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; line-height:45px; font-size:15px; border-top:1px rgba(255,255,255,0.05) solid;}
.m-nav ul li img{ height:16px; width:auto; margin-right:10px; float:left;}
.m-nav ul li ul {display:none; background:rgb(255,255,255,0.05);}
.m-nav ul li a {color:#fff;width:80%; display:block; padding-left:20px; font-weight:normal; text-transform:capitalize;}
.m-nav ul li ul li a {display:block; font-size:13px; color:#fff; line-height:20px; text-align:left; padding:8px 8px 8px 30px; opacity:0.85;}
.m-nav ul li i svg {width:25px; height:20px; fill:#fff;}
.m-nav ul li .m-nav-i-se svg {fill:#fff;}
}


/***banner***/
.banner{width:100%; overflow:hidden; position:relative; margin:0px auto;}
.banner .swiper-slide .text{position:absolute; width:100%; top:55%; transform:translateY(-55%); z-index:3; text-align:center; color:#fff; box-sizing:border-box; padding:0 10%;}
.banner .swiper-slide .text h2{ margin:0; font-size:64px; line-height:1.3; opacity:0; text-shadow:4px 4px 10px rgba(0,0,0,0.2);transform: translateY(32px);transition: all 0.5s ease 0.2s; color:#ffffff; font-weight:bold;margin-bottom:10px; font-family: "LexendBold";}
.banner .swiper-slide .text h2 span{color:#ff6600;}
.banner .swiper-slide .text h3{font-size:24px; line-height:1.5; opacity:0; transform: translateY(32px);transition: all 0.5s ease 0.5s; color:#ffffff; margin-bottom:20px; text-align:center;}
.banner .swiper-slide .text .bannerpic{ background:rgb(0,0,0,0.3); border-radius:50px; padding:15px 30px; box-sizing:border-box; margin:10px auto; width:40%; opacity:0; transform: translateY(32px);transition: all 0.5s ease 0.7s; }
.banner .swiper-slide .text .bannerpic img{width:auto;  max-width:100%;}
.banner .swiper-slide .text .bannerbtn{margin:80px auto 0; padding:10px 25px; color:#ffffff; border-radius:50px; opacity:0;transform:translateY(-32px); width:fit-content; background:#ff6600; transition: opacity 0.5s ease 0.8s, transform 0.5s ease 0.8s; font-size:18px;}
.banner .swiper-slide .text a{display:inline-block;}
.banner .swiper-slide .text a:hover .bannerbtn{background:#ffffff;color:#ff6600; transition: all 0.3s ease;}

.banner .swiper-container .swiper-wrapper .swiper-slide-active .text h2{transform: translateY(0);opacity: 1;} /*必须保留这个路径*/
.banner .swiper-container .swiper-wrapper .swiper-slide-active .text h3{transform: translateY(0);opacity: 1;} /*必须保留这个路径*/
.banner .swiper-container .swiper-wrapper .swiper-slide-active .text .bannerbtn{transform:translateY(0);opacity: 1;}  /*必须保留这个路径*/
.banner .swiper-container .swiper-wrapper .swiper-slide-active .text .bannerpic{transform:translateY(0);opacity: 1;}  /*必须保留这个路径*/


.banner .swiper-button-prev{width:40px; height:40px; background:none; margin-top:0; left:0.5%; top:46%; color:#ffffff;}
.banner .swiper-button-prev:before{font-size:32px; position:absolute; left:50%; top:50%; display:inline-block; transform: translate(-50%, -50%);color:#fff;}
.banner .swiper-button-prev:hover:before{color:#31a338;}
.banner .swiper-button-next{width:40px; height:40px; background:none; margin-top:0; right:0.5%; top:46%; color:#ffffff;}
.banner .swiper-button-next:before{font-size:32px; position: absolute; left: 50%; top:50%; display: inline-block; transform: translate(-50%, -50%);color:#fff;}
.banner .swiper-button-next:hover:before{color:#31a338;}

.banner .pagination-all{position:absolute;bottom:10px;width:100%;left:0;z-index:100; text-align:center;}
.banner .swiper-pagination {position:relative;display: inline-block;text-align:left;}
.banner .swiper-pagination .swiper-pagination-bullet{width:15px; height:4px; border-radius:4px; background:rgba(255, 255, 255, 0.7); opacity:1; margin:0 3px; position:relative; transition: all 0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#ff6600;}
@media screen and (max-width:1650px) {
.banner .swiper-slide .text h2{font-size:56px;}
.banner .swiper-slide .text h3{font-size:20px;}
.banner .swiper-slide .text .bannerbtn{margin:60px auto 0; padding:10px 25px; font-size:18px;}
}
@media screen and (max-width:1420px) {
.banner .swiper-slide .text h2{font-size:48px;}
.banner .swiper-slide .text h3{font-size:18px;}
.banner .swiper-slide .text .bannerbtn{margin:40px auto 0; padding:8px 20px; font-size:16px;}
}
@media screen and (max-width:1240px) {
.banner .swiper-slide .text h2{font-size:32px;}
.banner .swiper-slide .text h3{font-size:16px;}
.banner .swiper-slide .text .bannerbtn{margin:20px auto 0; padding:6px 15px; font-size:14px;}
}
@media screen and (max-width:992px) {
.banner{margin-top:45px; display:block}
.banner .swiper-slide .text{padding:0 5%;}
.banner .swiper-slide .text h2{font-size:18px; line-height:1.3;margin-bottom:5px;}
.banner .swiper-slide .text h3{font-size:12px;margin-bottom:10px;}
.banner .swiper-slide .text .bannerbtn{margin:10px auto 0; padding:5px 10px; font-size:12px;}
.banner .swiper-slide .text .bannerpic{padding:5px 20px; margin:5px auto; width:80%}
.banner .swiper-slide .text .bannerpic img{width:auto; max-width:100%;}

.banner .swiper-slide .text .bannerbtn{padding:2px 20px;}
.banner .swiper-container .swiper-button-prev {top:40%; width:20px; height:20px;}
.banner .swiper-container .swiper-button-next {top:40%; width:20px; height:20px;}
.banner .swiper-container .pagination-all {bottom:0px;}
}



/***index htitle***/
.index_htitle{width:100%; box-sizing:border-box; margin-bottom:20px; position:relative; text-align:center;}
.index_htitle h1{font-size:24px; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; position:relative; z-index:3; font-weight:bold; text-transform:uppercase; margin-bottom:15px;}
.index_htitle h3{margin-bottom:5px; position:relative; z-index:3; color:#666666;}
.index_htitle h2{font-size:36px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; position:relative; z-index:3; font-weight:bold; text-transform:uppercase;font-family: "LexendBold";}
.index_htitle h2::after{content: ''; display: block; width:30px; height:3px; background-color:#ff6600; margin:6px auto 5px; border-radius:5px;}
.index_htitle .ptxt{width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical; padding:0 4%; box-sizing:border-box;}
.index_htitle ul{display:inline-flex; flex-wrap:wrap; gap:15px; margin:30px 0 0 0;}
.index_htitle ul li{background:#ff6600; text-align:center; border-radius:50px; padding:10px 35px; color:#ffffff; transition:all .3s ease-in-out; line-height:1.3;} 
.index_htitle ul li:hover{background:#ff6600;}
.index_htitle ul li a{color:#ffffff;}
@media screen and (max-width:1420px) {
.index_htitle h1{font-size:18px;}
.index_htitle h2{font-size:32px;}
.index_htitle h3{font-size:13px; line-height:13px;}
}

@media screen and (max-width:1240px) {
.index_htitle h1{font-size:16px;}
.index_htitle h2{font-size:24px;}
.index_htitle h3{font-size:12px; line-height:12px;}
}

@media screen and (max-width:992px) {
.index_htitle{margin-bottom:10px;}
.index_htitle h1{font-size:16px; margin-bottom:10px;}
.index_htitle h2{font-size:20px;}
.index_htitle h2::after{width:30px;}
.index_htitle .ptxt{width:100%; padding:0;}
.index_htitle ul{grid-template-columns: repeat(2, 1fr); gap:10px; margin:10px 0 0 0; grid-auto-flow:dense;}
.index_htitle ul li{padding:8px 25px;} 
}


.div_more_center{text-align:center;}

.div_more_top{margin-top:30px;}
.div_more_top a{margin-right:10px;}
.div_more_top a:last-child{ margin-right:0;}

.more{display:inline-block;height:40px; line-height:40px;padding:0 30px;text-align:center;border-radius:100px;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff!important; background:#00b3c0; font-weight:normal;}
.more:hover{color:#ffffff!important; background:#ff6600;}

.more2{display:inline-block;height:40px; line-height:40px; padding:0 30px;text-align:center;border-radius:100px;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff!important; background:#00c08c; font-weight:normal;}
.more2:hover{color:#ffffff!important; background:#ff6600;}

@media screen and (max-width:1420px) {
.div_more_top{margin-top:20px;}
.more{height:35px; line-height:35px; padding:0 20px; font-size:13px;}
.more2{height:35px; line-height:35px; padding:0 20px; font-size:13px;}
}

@media screen and (max-width:1240px) {
.div_more_top{margin-top:20px;}
.more{height:30px; line-height:30px; padding:0 20px; font-size:12px;}
.more2{height:30px; line-height:30px; padding:0 20px; font-size:12px;}
}

@media screen and (max-width:992px) {
.div_more_top{margin-top:20px;}
.div_more_top a{margin-right:5px;}
.more{height:35px; line-height:35px; padding:0 20px; font-size:12px;}
.more2{height:35px; line-height:35px; padding:0 20px; font-size:12px;}
}


.more_btn{background:#004577; height:45px; line-height:45px; position:relative; padding:0 25px; display:inline-block; border-radius:5px;}
.more_btn .more_btn_txt{z-index:9; height:45px; line-height:45px; color:#ffffff; position:inherit; border-radius:5px;}
.more_btn:after{content:' '; position:absolute;left:0; width:100%; top:0; height:0; background:#ff3300; z-index:2; transition:300ms ease-out;border-radius:5px;}
.more_btn:hover:after{left:0; height:100%;}

@media screen and (max-width:1420px) {
.more_btn{height:40px; line-height:40px;}
.more_btn .more_btn_txt{height:40px; line-height:40px;}
}

@media screen and (max-width:1240px) {
.more_btn{height:35px; line-height:35px; font-size:12px;}
.more_btn .more_btn_txt{height:35px; line-height:35px;}
}

@media screen and (max-width:992px) {
.more_btn{height:35px; line-height:35px; font-size:12px;}
.more_btn .more_btn_txt{height:35px; line-height:35px;}
}

.titlediv{margin:20px 0; display:block; overflow:hidden;}
.titlediv .news_xxjs{margin-bottom:0;}
.titlename{font-size:36px;line-height:1.3;font-weight:normal; margin-bottom:10px; color:#ff6600;padding:0;text-transform:uppercase;}
@media screen and (max-width:1420px) {
.titlename{font-size:24px;}
}
@media screen and (max-width:1240px) {
.titlename{font-size:18px;}
}
@media screen and (max-width:992px) {
.titlediv{margin:10px 0;}
.titlename{font-size:18px; margin-bottom:5px;}
}

.swiper-container{overflow: hidden;}
.swiper-button-next.project-area-next{top:50%;transform:translateY(-50%);right:-50px;width:40px;height:40px;border-radius:100%;color:#ffffff;transition:all .3s ease-in-out; background:#00b3c0;}
.swiper-button-prev.project-area-prev{top:50%;transform:translateY(-50%);left:-50px;width:40px;height:40px;border-radius:100%;color:#ffffff;transition:all .3s ease-in-out; background:#00b3c0;}
.swiper-button-next.project-area-next::after,.swiper-button-prev.project-area-prev::after{font-size:12px;}
.swiper-button-next.project-area-next:hover{background:#ff6600;}
.swiper-button-prev.project-area-prev:hover{background:#ff6600;}

.swiper-button-next.solution-area-next{top:50%;transform:translateY(-50%);right:-40px;width:40px;height:40px;border-radius:100%;color:#ff6600;transition:all .3s ease-in-out}
.swiper-button-prev.solution-area-prev{top:50%;transform:translateY(-50%);left:-40px;width:40px;height:40px;border-radius:100%;color:#ff6600;transition:all .3s ease-in-out}
.swiper-button-next.solution-area-next::after,.swiper-button-prev.solution-area-prev::after{font-size:12px;}
.swiper-button-next.solution-area-next:hover{background:none;}
.swiper-button-prev.solution-area-prev:hover{background:none;}
@media screen and (max-width:992px){
.swiper-button-next.project-area-next{right:-10px;width:30px;height:30px;top:50%;transform:translateY(-50%);}
.swiper-button-prev.project-area-prev{left:-10px;width:30px;height:30px;top:50%;transform:translateY(-50%);}
.swiper-button-next.project-area-next::after,.swiper-button-prev.project-area-prev::after{font-size:12px;}

.swiper-button-next.solution-area-next{right:-10px;width:30px;height:30px;top:50%;transform:translateY(-50%);}
.swiper-button-prev.solution-area-prev{left:-10px;width:30px;height:30px;top:50%;transform:translateY(-50%);}
.swiper-button-next.solution-area-next::after,.swiper-button-prev.solution-area-prev::after{font-size:12px;}
}



.mod1{width:100%; box-sizing:border-box; position:relative; padding:50px 0 0 0; background:#ffffff; overflow:hidden;}
.mod1_bg{position:absolute; top:-180px; left:30%; width:600px; height:600px; border-radius:100%; background:#f2fbfc; z-index:0;}
.mod1_box{position:relative;display:flex;align-items:center; z-index:3;}
.mod1_box_left{width:50%; padding-right:3%; box-sizing:border-box;}
.mod1_box_left .index_htitle{text-align:left;}
.mod1_box_left .index_htitle h2{color:#00b3c0;}
.mod1_box_left .index_htitle h2::after{margin:6px 0 5px;}
.mod1_box_left .index_htitle .ptxt{padding:0; text-align:left; margin-top:10px; line-height:2;}
.mod1_box_right{width:50%;position:relative;display:flex;align-items:center;justify-content:flex-end;}
.mod1_box_right img{width:auto; max-width:100%; border-radius:25px;}
@media screen and (max-width:1420px){
.mod1_box_left .index_htitle .ptxt{margin-top:5px;}
}
@media screen and (max-width:992px){
.mod1{padding:25px 0;}
.mod1_bg{top:-20px; left:20%; width:300px; height:300px;}
.mod1_box{display:block;}
.mod1_box_left{float:none; width:100%; padding-right:0;}
.mod1_box_right{float:none; width:100%; padding-left:0; margin-top:25px;}
}


.mod2{width:100%; padding:80px 0px; box-sizing:border-box; background:#ffffff;}
.mod2_box{position:relative}
.project{display:block;}
.project li{float:left;width:100%;position:relative;display:block;overflow:hidden; border-radius:5px;}
.project li .imgbox img{border-radius:5px}
.project li .ptxt{margin-top:10px; box-sizing:border-box;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-align:center; line-height:1.4;}
@media screen and (max-width:992px){
.mod2{padding:25px 0px;}
}


.mod3{width:100%; box-sizing:border-box; background:#f2fbfc; padding:80px 0; box-sizing:border-box;}

.mod3_box{overflow:hidden; margin-top:50px;}
.mod3_box ul{display:grid; grid-template-columns:repeat(2, 1fr);}
.mod3_box ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative;box-sizing:border-box;}
.mod3_box ul li:only-child{grid-column: 1 / -1;}
.mod3_box ul li a{color:#222222!important;}
.mod3_box ul li a:hover{color:#ff6600!important;}
.mod3_box ul li:last-child{padding-left:5%;}
.mod3_box ul li h3{width:100%; font-size:24px; font-weight:700; margin-bottom:30px;line-height:24px; text-align:center; text-transform:uppercase;color:#00c08c}
.mod3_box ul li .sec_cate{display:flex; gap:40px 20px; flex-wrap:wrap;}
.mod3_box ul li .sec_cate p{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; overflow:hidden; font-weight:normal; line-height:18px; text-transform:none; text-align:center; box-sizing:border-box; width:calc((100% - 60px) / 4); font-weight:bold;}
.mod3_box ul li .sec_cate p img{width:130px; border-radius:100%; margin:0 auto 5px; display:block; border:3px #ffffff solid; box-sizing:border-box;transition:all .3s ease-in-out;}
.mod3_box ul li .sec_cate p img:hover{border:3px #00c08c solid;}
.mod3_box ul li .sec_cate p a{color:#00c08c!important;}
.mod3_box ul li .sec_cate p:hover a{color:#00c08c;}

.mod3_box ul li:first-child{ border-right:1px rgb(0,0,0,0.2) solid; padding-right:5%;}
.mod3_box ul li:first-child .sec_cate p a{color:#00b3c0!important;}
.mod3_box ul li:first-child .sec_cate p:hover a{color:#00b3c0!important;}
.mod3_box ul li:first-child .sec_cate p img:hover{border:3px #00b3c0 solid;}
.mod3_box ul li:first-child  h3{color:#00b3c0}

@media screen and (max-width:1420px){  
.mod3_box ul li h3{font-size:18px;}
.mod3_box ul li .sec_cate{gap:10px 20px;}
.mod3_box ul li .sec_cate p{font-size:13px;}
.mod3_box ul li .sec_cate p img{width:100px;}
}
@media screen and (max-width:1240px){  
.mod3_box ul li h3{font-size:16px;}
.mod3_box ul li .sec_cate p{font-size:12px;}
.mod3_box ul li .sec_cate p img{width:80px;}
}

@media screen and (max-width:992px){
.mod3{padding:25px 0px;}
.mod3 .index_htitle .ptxt{margin-top:5px;-webkit-line-clamp:6;}
.mod3_box{margin-top:20px; padding-bottom:20px;}
.mod3_box ul{grid-template-columns:repeat(1, 1fr); gap:40px;}
.mod3_box ul li h3{font-size:18px; margin-bottom:10px;}
.mod3_box ul li:first-child{border-right:none; padding-right:0;}
.mod3_box ul li:last-child{padding-left:0;}
.mod3_box ul li .sec_cate{gap:10px 0px;}
.mod3_box ul li .sec_cate p{font-size:12px; width:25%;}
.mod3_box ul li .sec_cate p img{width:70px;}
.mod3_box ul li em{padding:0 5px; box-sizing:border-box;}
}

.mod4{overflow:hidden;}

.mod44{display:none;}
.mod44{width:100%; overflow:hidden; position:relative; margin:0px auto;}
.mod44 .swiper-slide .text{position:absolute; width:100%; top:50%; transform:translateY(-50%); z-index:3; text-align:center; color:#fff; box-sizing:border-box; padding:0 10%;}
.mod44 .swiper-slide .text h2{margin:0; font-size:20px; line-height:1.1; text-shadow:4px 4px 10px rgba(0,0,0,0.2); color:#ffffff; font-weight:bold; margin-bottom:10px;}
.mod44 .swiper-slide .text .bannerbtn{margin:0; padding:5px 25px; color:#ffffff; border-radius:50px; width:fit-content; background:#00b3c0; transition: opacity 0.5s ease 0.8s, transform 0.5s ease 0.8s;}
.mod44 .swiper-slide .text a{display:inline-block;}
.mod44 .swiper-slide .text a:hover .bannerbtn{background:#ff6600;color:#ffffff; transition: all 0.3s ease;}

.mod33{width:100%; background:#ffffff;}
#mod33_box{width:100%; height:700px; overflow:hidden; display:flex;}
#mod33_box>li{float:left; position:relative; width:calc(12% - 3px); height:100%; overflow:hidden; border-right:1px #ffffff solid; background:#000000;}
#mod33_box>li:last-child{ border-right:0;}
#mod33_box>li:first-child{width:64%;}

.mod33_box_txt{position:absolute; width:100%; top:0; right:0; padding:25px 25px 0 0; box-sizing:border-box; text-align:right; color:#ffffff; z-index:3;}
.mod33_box_txt h2{font-size:56px;font-weight:700; opacity:0.3; line-height:1.1;}
.mod33_box_txt .ptext{line-height:24px; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3); font-size:18px; font-weight:bold;}

.mod33 .overbox{display:none; position:absolute; width:90%; bottom:0; left:5%;  padding:0 0 60px 0; box-sizing:border-box; text-align:left; color:#ffffff; z-index:3;}
.mod33 .overbox h2{font-size:48px;font-weight:700; line-height:1.1; margin-bottom:10px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); font-family: "LexendBold";}
.mod33 .overbox h2::after{content:''; display:block; width:30px; height:3px; background-color:#ffffff; margin:6px 0 5px; border-radius:5px;}
.mod33 .overbox .ptext{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}

.mod33_box_img {display:block; overflow:hidden; height:100%;transition:all .3s ease-in-out; background:#000000;}
.mod33_box_img img{height:100%; object-fit:cover; object-position:center; opacity:0.9;/* 图片居中（显示中间部分） */}

.cursor-default{background:linear-gradient(to bottom, #e2e4e8, #ebecee)!important;}
.cursor-default .mod33_box_txt{display:none;}
.cursor-default .overbox{display:block;}
.cursor-pointer{cursor:pointer;}
.cursor-pointer .mod33_box_img{opacity:0.7;}
.cursor-pointer:hover .mod33_box_img{opacity:0.5;}
@media screen and (max-width:1420px){
.mod33 .overbox h2{font-size:32px;}
}

@media screen and (max-width:1240px){
.mod33 .overbox h2{font-size:24px;}
}

@media screen and (max-width: 992px){
.mod33{display:none;}
.mod44{display:block;}
}


.mod5{width:100%; padding:80px 0px; box-sizing:border-box;background:#ffffff;}
.mod5_box{position:relative;}
.mod5_box ul{display:grid; grid-template-columns:repeat(3,1fr); gap:40px;}
.mod5_box ul li{overflow:hidden; position:relative; padding:40px; box-sizing:border-box; box-shadow:0 0 10px 0 #e7e7e7; border:1px #e7e7e7 solid; border-radius:5px;}
.mod5_box ul li h2{font-size:18px; font-weight:bold; line-height:1.3;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; margin-top:15px;}
.mod5_box ul li .imgbox{border-radius:5px; overflow:hidden;}
.mod5_box ul li .ptxt{opacity:0.8;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; line-height:1.8em;  min-height:calc(1.8em * 3); margin-top:10px; font-size:14px;}
.mod5_box ul li .mod5top {margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; gap:10px; border-top:1px #dddddd dotted; padding-top:20px;}
.mod5_box ul li .mod5top p:first-child {flex: 0 0 auto; background:url(../images/date.svg) left 5px no-repeat; background-size:18px; padding-left:25px; opacity:0.6;} /* 第一个p宽度自适应内容 */
.mod5_box ul li .mod5top p:last-child {margin-left:auto;} /* 第二个p默认靠右 */
.mod5_box ul li .mod5top p:last-child a{color:#00b3c0;}
.mod5_box ul li .mod5top p:last-child a:hover{color:#ff6600;}
@media screen and (max-width:992px){
.mod5{padding:8% 0px;}
.mod5_box ul{grid-template-columns:repeat(1,1fr); gap:0px;}
.mod5_box ul li{padding:0px; display:none; border:none; box-shadow:none;}
.mod5_box ul li:first-child{display:block;}
.mod5_box ul li h2{font-size:16px;-webkit-line-clamp:3;}
.mod5_box ul li .ptxt{font-size:12px;}
.mod5_box ul li .mod5top {margin-top:10px; padding-top:10px;}
.mod5_box ul li .imgbox{margin:0;}
.mod5top p:last-child { margin-left: 0; } /* 换行后取消靠右 */
.mod5_box ul li .mod5top p:first-child {background:url(../images/date.svg) left 2px no-repeat; background-size:18px;} /* 第一个p宽度自适应内容 */
}




.mod6{width:100%; padding:80px 0px; box-sizing:border-box;background:#f2fbfc;}
.mod6_box{position:relative;}
.mod6_box ul{display:flex;}
.mod6_box ul li{box-sizing:border-box;display: flex; flex-direction: column; justify-content:center; position:relative;}
.mod6_box ul li:nth-child(1){width: 32.5%;}
.mod6_box ul li:nth-child(2){width: 35%;}
.mod6_box ul li:nth-child(3){width: 32.5%;}

.mod6_box ul li:nth-child(1) .mod6_left:nth-child(1){background:#00b3c0; top:100px; right:0px;}
.mod6_box ul li:nth-child(1) .mod6_left:nth-child(2){background:#00b3c0; top:240px; right:30px;}
.mod6_box ul li:nth-child(1) .mod6_left:nth-child(3){background:#00b3c0; top:380px; right:0px;}
.mod6_box ul li:nth-child(3) .mod6_right:nth-child(1){background:#00c08c; top:100px; left:0px;}
.mod6_box ul li:nth-child(3) .mod6_right:nth-child(2){background:#00c08c; top:240px; left:30px;}
.mod6_box ul li:nth-child(3) .mod6_right:nth-child(3){background:#00c08c; top:380px; left:0px;}

.mod6_left{display:flex; align-items:center; background:#00b3c0; border-radius:100px; padding:20px 40px; box-sizing:border-box; position:absolute; width:100%; right:0;}
.mod6_left_txt{flex:1; min-width:0; color:#ffffff; padding-right:15px; display:flex; flex-direction:column; justify-content:center; align-items: flex-end; height:70px;}
.mod6_left_txt h2{font-size:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; font-weight:700; line-height:1.2; text-align:right; margin-bottom:5px;}
.mod6_left_txt .ptxt{opacity:0.8; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height:1.2; text-align:right;}
.mod6_left_pic{flex-shrink:0; width:55px;}

.mod6_mid_pic img{border-radius:100%; overflow:hidden; padding:50px; background:#def5f7; box-sizing:border-box;}

.mod6_right{display:flex; align-items:center; background:#00b3c0; border-radius:100px; padding:20px 40px; box-sizing:border-box; position:absolute; width:100%; right:0;}
.mod6_right_txt{flex:1; min-width:0; color:#ffffff; padding-left:15px;display:flex; flex-direction:column; justify-content:center; align-items: flex-start; height:70px;}
.mod6_right_txt h2{font-size:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; font-weight:700;  line-height:1.2; margin-bottom:5px;}
.mod6_right_txt .ptxt{opacity:0.8; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;line-height:1.2;}
.mod6_right_pic{flex-shrink:0; width:55px;}

@media screen and (max-width:1560px){
.mod6_left{padding:15px 30px;}
.mod6_right{padding:15px 30px;}
.mod6_left_txt h2{font-size:18px;}
.mod6_right_txt h2{font-size:18px;}
.mod6_box ul li:nth-child(1) .mod6_left:nth-child(1){top:40px;}
.mod6_box ul li:nth-child(1) .mod6_left:nth-child(2){top:180px;}
.mod6_box ul li:nth-child(1) .mod6_left:nth-child(3){top:320px;}
.mod6_box ul li:nth-child(3) .mod6_right:nth-child(1){top:40px;}
.mod6_box ul li:nth-child(3) .mod6_right:nth-child(2){top:180px;}
.mod6_box ul li:nth-child(3) .mod6_right:nth-child(3){top:320px;}
}
@media screen and (max-width:1366px){
.mod6_left{padding:10px 20px;}
.mod6_right{padding:10px 20px;}
.mod6_left_txt h2{font-size:18px;}
.mod6_right_txt h2{font-size:18px;}
.mod6_box ul li:nth-child(1) .mod6_left:nth-child(1){top:3px;}
.mod6_box ul li:nth-child(1) .mod6_left:nth-child(2){top:130px;}
.mod6_box ul li:nth-child(1) .mod6_left:nth-child(3){top:260px;}
.mod6_box ul li:nth-child(3) .mod6_right:nth-child(1){top:3px;}
.mod6_box ul li:nth-child(3) .mod6_right:nth-child(2){top:130px;}
.mod6_box ul li:nth-child(3) .mod6_right:nth-child(3){top:260px;}
}

@media screen and (max-width:992px){
.mod6{padding:25px 0px;}
.mod6_box ul{display:block;}
.mod6_mid_pic{display:none;}
.mod6_box ul li:nth-child(1){width: 100%;}
.mod6_box ul li:nth-child(2){width: 0%;}
.mod6_box ul li:nth-child(3){width: 100%; margin-top:10px;}

.mod6_left{margin-bottom:10px; position:relative;}
.mod6_left_txt h2{font-size:16px;}
.mod6_left_pic{width:40px;}
.mod6_box ul li:nth-child(1) .mod6_left:nth-child(1){top:0px; right:0;}
.mod6_box ul li:nth-child(1) .mod6_left:nth-child(2){top:0px; right:0;}
.mod6_box ul li:nth-child(1) .mod6_left:nth-child(3){top:0px; right:0;}

.mod6_right{margin-bottom:10px; position:relative;}
.mod6_right_txt h2{font-size:16px;}
.mod6_right_pic{width:40px;}
.mod6_box ul li:nth-child(3) .mod6_right:nth-child(4){top:0px; left:0;}
.mod6_box ul li:nth-child(3) .mod6_right:nth-child(3){top:0px; left:0;}
.mod6_box ul li:nth-child(3) .mod6_right:nth-child(2){top:0px; left:0;}
}



/***footer***/
.footer {position:relative; padding:60px 0 0 0; background:#00858f;}

.footer_msn_box{overflow:hidden; width:28%; display:block; float:left; padding-right:4%; box-sizing:border-box;}
.footer_msn_box h2{font-size:16px; margin-bottom:20px; text-transform:uppercase; font-weight:bold; color:#fff;}
.footer_msn_box ul{margin-top:15px;}
.footer_msn_box ul li{margin-bottom:10px;}
.footer_msn_box ul li:nth-child(1){width:48.5%; float:left;}
.footer_msn_box ul li:nth-child(2){width:48.5%; float:right;}
.footer_msn_box ul li:nth-child(3){width:100%;}
.footer_msn_box ul li:nth-child(4){width:100%;}
.footer_msn_box ul li:nth-child(5){width:100%;}
.msg_submit{width:fit-content; background-color:#ff6600; border:none; color:#ffffff; cursor:pointer; border-radius:5px; padding:11px 30px; box-sizing:border-box; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; text-transform:uppercase;}
.msg_submit:hover{ background:#ff6600;}
.msg_input{width:100%; padding:8px 10px; line-height:24px; background:rgb(255,255,255,0.05); box-sizing:border-box; border-radius:5px;font-family:"HarmonyOS_Sans_Regular"; color:#ffffff;}
.msg_textarea{width:100%;line-height:24px; resize:none;font-family:"HarmonyOS_Sans_Regular", Helvetica, sans-serif; padding:10px;background:rgb(255,255,255,0.05); box-sizing:border-box; border-radius:5px; height:100px; color:#ffffff;}
@media screen and (max-width:992px){
.footer_msn_box{padding:0px; position:relative; width:100%; margin-bottom:20px;}
.footer_msn_box h2{font-size:14px; margin-bottom:0;}
.footer_msn_box ul{margin-top:10px;}
.footer_msn_box ul li:nth-child(1){width:100%;}
.footer_msn_box ul li:nth-child(2){width:100%;}
.footer_msn_box ul li:nth-child(3){width:100%;}
.footer_msn_box ul li:nth-child(4){width:100%;}
.footer_msn_box ul li:nth-child(5){width:100%;}
.msg_input{padding:10px; font-size:12px;}
.msg_textarea{padding:10px;height:100px;}
.msg_submit{padding:15px 20px; font-size:14px;}
}


.footer_left{width:30%; float:left; display:block;}
.footer_left_contact{overflow:hidden; width:100%; color:#ffffff;}
.footer_left_contact a{color:#ffffff;}
.footer_left_contact a:hover{color:#ffffff; text-decoration:underline;}
.footer_left_contact h2{ position:relative; font-size:18px; text-transform:uppercase; margin-bottom:20px; font-weight:bold;}
.footer_left_contact ul{overflow:hidden;}
.footer_left_contact ul li{margin-bottom:15px; padding-left:25px; line-height:24px; background-repeat:no-repeat; background-size:18px; background-position: left 0px top 4px; opacity:0.7;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.footer_left_contact ul li:nth-child(1) {background-image:url(../images/ico_address2.svg);}
.footer_left_contact ul li:nth-child(2) {background-image:url(../images/ico_tel2.svg);}
.footer_left_contact ul li:nth-child(3) {background-image:url(../images/ico_whatsup2.svg);}
.footer_left_contact ul li:nth-child(4) {background-image:url(../images/ico_email2.svg);}
.footer_left_contact ul li:nth-child(5) {background-image:url(../images/ico_email2.svg);}
.footer_left_contact ul li:last-child{margin-bottom:0;}
.footer_left_contact ul li:hover{opacity:1;}

.footer_left_meadia{overflow:hidden; width:100%; margin-top:40px;}
.footer_left_meadia h2{ position:relative; font-size:16px; text-transform:uppercase; line-height:30px; margin-bottom:10px; color:#ffffff;}
.footer_left_meadia a{ display:inline-block; margin-right:20px;}
.footer_left_meadia a img{ width:30px; height:30px; opacity:0.5;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.footer_left_meadia a:hover img{opacity:1;}

.footer_right{float:right; width:65%; display:flex; justify-content:space-between; gap:30px; margin-left:5%;}
.footer_right .footer_nav:nth-child(1){width:35%;}
.footer_right .footer_nav:nth-child(2){width:35%;}
.footer_right .footer_nav:nth-child(3){width:30%;}
.footer_nav h2{font-size:18px; margin-bottom:20px; text-transform:uppercase; font-weight:bold; color:#fff;}
.footer_nav h2 a{color:#ffffff;}
.footer_nav h2 a:hover{color:#ffffff; text-decoration:underline;}
.footer_nav ul{letter-spacing:-8px;}
.footer_nav ul li{letter-spacing:normal; vertical-align:top; width:100%; margin-bottom:10px; background:url(../images/dian.png) left center no-repeat; padding-left:10px; text-transform: capitalize; opacity:0.7;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.footer_nav ul li a{color:#fff;}
.footer_nav ul li:hover a{color:#ffffff; text-decoration:underline; opacity:1;}
.footer_nav ul li:hover{opacity:1;}

.footer_btn1{width:fit-content; border-radius:50px; background:#00b3c0; color:#ffffff; padding:15px 30px 10px 30px; margin-bottom:15px; text-align:center; margin-top:15px;transition:all .3s ease-in-out;}
.footer_btn1 h3{font-size:16px; font-weight:normal; line-height:1.2;}
.footer_btn1 p{opacity:0.8; line-height:1.2; font-size:14px;}
.footer_btn1:hover{background:#ff6600;}

.footer_btn2{width:fit-content; border-radius:50px; background:#00b57c; color:#ffffff; padding:15px 30px 10px 30px;  text-align:center;transition:all .3s ease-in-out;}
.footer_btn2 h3{font-size:16px; font-weight:normal; line-height:1.2;}
.footer_btn2 p{opacity:0.8; line-height:1.2; font-size:14px;}
.footer_btn2:hover{background:#ff6600;}

.footer_copyright {width:100%; text-align:center; color:#ffffff; opacity:0.5; background:rgb(0,0,0,0.5); padding:15px; box-sizing:border-box; margin-top:30px; line-height:1.3; font-size:14px;}

@media screen and (max-width:1420px) {
.footer_left_contact h2{font-size:16px; margin-bottom:20px;}
.footer_nav h2{font-size:16px; margin-bottom:20px;}
}

@media screen and (max-width:1240px) {
.footer_left_contact h2{font-size:14px; margin-bottom:10px;}
.footer_nav h2{font-size:14px; margin-bottom:10px;}
}


@media screen and (max-width:992px) {
.footer {padding:20px 0 0 0; box-sizing:border-box; margin-top:0;}
.footer_left {width:100%; padding:0px; margin-right:0; float:none; margin-top:0px;}
.footer_left_contact{overflow:hidden; width:100%; margin-top:0px;}
.footer_left_contact h2{font-size:16px; margin-bottom:5px; font-weight:normal;}
.footer_left_contact ul{overflow:hidden;}
.footer_left_contact ul li{margin-bottom:15px; padding-left:28px; line-height:24px; background-repeat:no-repeat; background-size:20px; background-position:top left;}
.footer_left_meadia{margin-top:20px;}
.footer_right{display:none;}
.footer_copyright {font-size:12px; padding:10px;}
}


/***img***/
.imgbox {position:relative; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}
a:hover .imgbox img {-webkit-transform:scale(1.05); transform:scale(1.05);}
.imgbox:hover img {-webkit-transform:scale(1.05); transform:scale(1.05);}

.imgbox .mask, .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.imgbox .view2{position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; top:50%; left:50%; margin:-18px 0 0 -18px; width:36px; height:36px; background:url(../images/video.svg) no-repeat; background-size:36px;}
.imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8);}
.imgbox .view {top:50%; left:50%; margin:-26px 0 0 -24px; width:48px; height:48px; background:url(../images/view.png) no-repeat; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgbox:hover .mask, .imgbox:hover .view {opacity:0.3;}
.imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}


/************内页banner*************/
.ban {margin:90px auto 0; width:100%;position:relative; overflow:hidden;}
.ban .addiv{position:absolute; width:90%; max-width:1650px; color:#ffffff; left:50%; transform: translateX(-50%); text-align:right; bottom:-15px;}
.ban .addiv h2{font-size:72px; line-height:1; text-transform:uppercase; font-weight:bold; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:rgb(255,255,255,0.85);text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); padding-right:10px; font-family: "LexendBold";}
.ban .addiv_txt{font-size:16px; text-transform:uppercase; color:rgb(255,255,255,0.8); padding-right:10px;}
@media screen and (max-width:1420px) {
.ban .addiv h2{font-size:50px;}
}

@media screen and (max-width:992px) {
.ban {margin:45px auto 0;}
.ban .addiv{bottom:-5px;}
.ban .addiv h2{font-size:24px;-webkit-line-clamp:1;}
.ban .addiv_txt{font-size:12px;}
}


/*--------内页路径--------*/
#weizhi{width:100%; margin:0 auto; background:#f8f8f8;}
#weizhi2{width:100%; margin:90px auto 0; background:#f8f8f8;}
.weizhi{width:90%; max-width:1650px; margin:0 auto;line-height:20px; padding:12px 0; box-sizing:border-box; color:#666666;}
.weizhi a{color:#666666; line-height:24px;}
.weizhi a:hover{color:#999999;}
.span_right{float:right;}
.span_right a{color:#ff6600;} 
.span_right a:hover{color:#ff0000;} 
.home{height:24px; line-height:24px; display:inline-block;background:url(../images/icon5.png) left 2px no-repeat; padding-left:20px;}
.span_list{height:24px; line-height:24px; display:inline-block; background:url(../images/weizhi_right.png) left 2px no-repeat; padding-left:20px;}
@media screen and (max-width:992px) {
#weizhi{margin:0 auto;}
#weizhi2{margin:45px auto 0;}
.weizhi{width:100%; padding:5px 0;}
.weizhi a{line-height:20px;}
.span_right{ display:none;}
.home{height:20px; line-height:20px; display:inline-block;}
.span_list{height:20px; line-height:20px; display:inline-block; background:url(../images/weizhi_right.png) left center no-repeat; padding-left:20px;}
}


/****************************公用****************************/
.wrap {margin:0 auto; width:100%; position:relative;}
.lymain {position:relative; margin:50px auto; width:90%; max-width:1650px; display:block;}
@media screen and (max-width:992px) {
.wrap {padding:0; width:100%;}
.lymain {width:92%; margin:20px auto;}
}

/*左右分栏*/
.lymain_box{width:100%; display:flex; align-items:stretch;/*左右两边的高度一致*/ box-sizing:border-box; margin:40px 0;}
.lymain_box_left{float:right; width:75%; box-sizing:border-box; margin:0 5% 0 0;}
.lymain_box_right{float:left; width:20%;}
@media screen and (max-width:992px){
.lymain_box{display:block; margin:15px 0;}
.lymain_box_left{float:none; width:100%;}
.lymain_box_right{display:none;}
}

/*左侧的分类*/
#onsec{color:#ff6600;}
#onsec a{color:#ff6600;}
.left_list{ position:relative; display:block; overflow:hidden; margin-bottom:30px; box-sizing:border-box; padding:25px; box-shadow: 2px 2px 5px 0 #dddddd; border:1px #ececec solid; border-radius:5px; background:#ffffff;}
.left_list:last-child{margin-bottom:0;}
.left_list h2{font-size:20px; margin-bottom:10px; font-weight:bold; padding-left:12px; position:relative; border-bottom:1px #dddddd dotted; padding-bottom:10px; text-transform:uppercase;}
.left_list h2::before{position:absolute; left:0; top:12%; width:4px; height:40%; background:#ff3300; content: '';}
.left_list ul{overflow:hidden; margin-top:10px;}
.left_list ul li{background:url(../images/right.svg) left 10px no-repeat; background-size:8px; padding-left:15px; padding-bottom:12px; border-bottom:1px #dddddd dotted; margin-bottom:15px;}


/*分页*/
.page{text-align:center; padding:10px 10px; margin-top:40px;}
.page a{display:inline-block; border:1px #ecf5ff solid; font-size:14px; padding:6px 14px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:20px; height:20px; color:#999999; background:#ffffff;}
.page a:hover{background:#ff3300; color:#fff;}
.pagea{background:#ff6600!important; color:#ffffff!important;}
@media screen and (max-width:992px) {
.page{padding:5px 0; margin-top:20px;}
.page a{font-size:14px; padding:5px 15px; margin:0;}
}


/*内页子导航*/
#lmlbonsec {background:#00b3c0; color:#ffffff;}
#lmlbonsec a{background:#00b3c0; color:#ffffff;}
.lmlb{width:100%; display:block; overflow:hidden; box-sizing:border-box;}
.lmlb ul{display:flex; border-bottom:2px #00b3c0 solid;}
.lmlb ul li{text-align:center; transition:all 0.3s ease-in-out; background:#ededed; padding:8px 25px; box-sizing:border-box; margin-right:5px; border-radius:10px 10px 0 0; white-space: nowrap; font-weight:bold;}
.lmlb ul li:last-child{margin-right:0;}
.lmlb ul li a{display:block;}
.lmlb ul li:hover{background:#00b3c0; color:#ffffff;}
.lmlb ul li:hover a{color:#ffffff;}
@media screen and (max-width:992px) {
.lmlb{ margin:0;}
.lmlb ul{overflow:scroll;}
.lmlb ul li{padding:8px 12px; margin-right:5px;}
}

.lynav{width:100%; display:block; overflow:hidden; box-sizing:border-box;} 
.lynav ul{display:flex; justify-content:center; overflow-x:auto; margin-bottom:40px;} 
.lynav ul li{text-align:center; transition:all 0.3s ease-in-out; background:#ffffff; padding:8px 30px; box-sizing:border-box; margin-right:10px; border-radius:25px; white-space:nowrap; flex-shrink:0; border:2px #00c08c solid; color:#00c08c; font-weight:bold;} 
.lynav ul li:last-child{margin-right:0;}
.lynav ul li a{color:#00c08c;}
.lynav ul li:hover{background:#00c08c; color:#ffffff;}
.lynav ul li:hover a{color:#ffffff;}
#lynavonsec {background:#00c08c; color:#ffffff;}
#lynavonsec a{background:#00c08c; color:#ffffff;}
@media screen and (max-width:992px) {
.lynav ul{justify-content:flex-start; padding-bottom:10px; box-sizing:border-box;margin-bottom:20px;}
.lynav ul li{padding:5px 20px; margin-right:5px;} 
}





.about_mod2{width:100%; box-sizing:border-box; position:relative; padding:60px 0; scroll-margin-top:90px;}
.about_mod2_box{display:block;overflow:hidden; width:100%;}
.about_mod2_box ul{display:grid;grid-template-columns:repeat(4, 1fr); gap: 0; align-items: stretch;}
.about_mod2_box ul li{position:relative; box-sizing:border-box; text-align:center; border-right:1px rgb(0,179,192,0.2) dotted; padding:0 30px;word-break:break-word;}
.about_mod2_box ul li:first-child{padding-left:0;}
.about_mod2_box ul li:last-child{border-right:0; padding-right:0;}
.about_mod2_box ul li h2{font-size:72px; line-height:1.2; width:fit-content; display:inline-block; font-weight:bold; color:#00b3c0;}
.about_mod2_box ul li sup{font-size:18px; margin-left:5px; letter-spacing:normal; font-weight:normal; position:absolute;color:#00b3c0;}
.about_mod2_box ul li h3{font-size:22px; font-weight:700;}
.about_mod2_box ul li .ptxt{margin-top:10px; line-height:1.5; opacity:0.8;}

@media screen and (max-width:1420px){
.about_mod2_box ul li h2{font-size:48px; line-height:48px;}
.about_mod2_box ul li sup{font-size:14px;}
.about_mod2_box ul li .ptxt{font-size:14px; line-height:18px;}
.about_mod2_box ul li h3{font-size:18px;}
}

@media screen and (max-width:1240px){
.about_mod2_box ul li h2{font-size:32px;line-height:32px;}
.about_mod2_box ul li sup{font-size:14px;}
.about_mod2_box ul li .ptxt{font-size:12px; line-height:18px; margin-top:0px;}
}

@media screen and (max-width:992px){
.about_mod2{padding:0 0 15px 0; height:auto;}
.about_mod2_box ul{grid-template-columns:repeat(2, 1fr); gap:20px;}
.about_mod2_box ul li{border-right:none; padding:0 10px;}
.about_mod2_box ul li h2{font-size:36px; line-height:40px;}
.about_mod2_box ul li h3{font-size:14px; margin-top:0;}
}


.about_mod3{width:100%;display:block;padding:80px 0; box-sizing:border-box;position:relative; background:#f2fbfc;}
.about_mod3_box{display:block; margin:40px 0 0 0;}
.about_mod3_box ul{display:grid;grid-template-columns:repeat(4, 1fr); gap:30px; align-items:stretch; position:relative;}
.about_mod3_box ul li{position:relative; box-sizing:border-box; text-align:center;transition: transform 0.3s ease;}
.about_mod3_box ul li .imgbox{border-radius:5px; border:10px #ffffff solid; box-shadow:0 0 8px 0 #b3b3b3; margin-bottom:10px;}
.about_mod3_box ul li:nth-child(1){transform: rotate(-10deg); width:110%; margin-left:15px;}
.about_mod3_box ul li:nth-child(2){transform: rotate(8deg);}
.about_mod3_box ul li:nth-child(3){transform: rotate(-10deg); width:110%;}
.about_mod3_box ul li:nth-child(4){transform: rotate(10deg); margin-right:20px;}
@media screen and (max-width:992px){
.about_mod3{padding:30px 0;}
.about_mod3_box{margin:30px 0 0 0;}
.about_mod3_box ul{grid-template-columns:repeat(2, 1fr); gap:10px;}
.about_mod3_box ul li .imgbox{margin-bottom:2px;}
}


.about_mod4{width:100%;display:block;padding:80px 0; box-sizing:border-box;position:relative; background:#ffffff;}
.about_mod4_box{display:block;}
.about_mod4_box ul{display:grid;grid-template-columns:repeat(2, 1fr); gap:0px; align-items:stretch; position:relative; align-items:center;background:#00b3c0;}
.about_mod4_box ul li{position:relative; box-sizing:border-box;transition: transform 0.3s ease;}
.about_mod4_box ul li:first-child img{height:100%;object-fit: cover; display:block;}
.about_mod4_box ul li:last-child{padding:20px 50px; box-sizing:border-box;}
.about_mod4_box ul li:last-child .index_htitle h2{ color:#ffffff; text-align:left;}
.about_mod4_box ul li:last-child .index_htitle h2::after{margin: 6px 0 5px; background:#ffffff;}
.about_mod4_right{display:flex;align-items:start; color:#ffffff; margin-bottom:35px;}
.about_mod4_right:last-child{ margin-bottom:0;}
.about_mod4_right_pic{width:70px; text-align:left;}
.about_mod4_right_pic img{width:50px;}
.about_mod4_right_txt{flex:1; min-width:0;}
.about_mod4_right_txt h2{ font-size:18px; font-weight:700; margin-bottom:5px; line-height:1.1;}
.about_mod4_right_txt .ptxt{opacity:0.8; line-height:1.5;}
@media screen and (max-width:1420px){
.about_mod4_right{margin-bottom:25px;}
.about_mod4_box ul li:last-child{padding:20px 30px;}
}
@media screen and (max-width:1240px){
.about_mod4_box ul li:last-child{padding:20px 30px;}
.about_mod4_right{margin-bottom:10px;}
.about_mod4_right_txt h2{ font-size:16px;}
}

@media screen and (max-width:992px){
.about_mod4{padding:30px 0;}
.about_mod4_box ul{grid-template-columns:repeat(1, 1fr);}
.about_mod4_box ul li:last-child{padding:20px;}
.about_mod4_right_txt h2{font-size:14px;}
.about_mod4_right_pic img{width:40px;}
.about_mod4_right{margin-bottom:20px;}
}


.about_mod5{width:100%;display:block;padding:80px 0; box-sizing:border-box;position:relative; background:#f2fbfc; scroll-margin-top:90px;}
.about_mod5_box{display:block;}
.about_mod5_box ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px;}
.about_mod5_box ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; overflow:hidden; background:#ffffff; padding:40px; border-radius:5px;box-shadow:0 0 10px 0 #eaeaea;text-align:center;}
.about_mod5_box ul li:hover{box-shadow:0 0 15px 0 #dedede;}
.about_mod5_box ul li h2{font-size:22px; color:#00b3c0; margin-bottom:10px; font-weight:bold; line-height:1.2;}
.about_mod5_box ul li .ptxt{ opacity:0.8; line-height:1.5;}
.about_mod5_box ul li img{max-width:70px; margin:0 auto 20px; padding:15px; background:#00b3c0; border-radius:100%;}
@media screen and (max-width:1420px){
.about_mod5_box ul li h2{font-size:18px; margin-bottom:5px;}
}
@media screen and (max-width:992px) {
.about_mod5{padding:30px 0;}
.about_mod5_box ul{grid-template-columns:repeat(1, 1fr); gap:10px;}
.about_mod5_box ul li{padding:20px; margin-bottom:10px;}
.about_mod5_box ul li h2{font-size:16px; margin-bottom:5px;}
.about_mod5_box ul li img{max-width:70px; margin:0 auto 10px; padding:15px;}
}


.about_mod6{width:100%;display:block;padding:80px 0; box-sizing:border-box;position:relative; background:#ffffff; scroll-margin-top:90px;}
.about_mod6_box{display:block; position:relative;}
.about_mod6_box ul {display:flex; flex-wrap:wrap; gap:30px;justify-content: center;}
.about_mod6_box ul li{position:relative;display:block; overflow:hidden; border-radius:5px; border:1px solid #dddddd; box-sizing:border-box; flex: 0 1 auto; display:flex; align-items: center;}
.about_mod6_box ul li img{width:160px;}
.about_mod6_box ul li .ptxt{width:100%; box-sizing:border-box;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; text-align:center; line-height:1.4; margin-top:10px;}
@media screen and (max-width:992px) {
.about_mod6{padding:30px 0;}
.about_mod6_box ul {gap:10px;}
.about_mod6_box ul li img{width:100px;}
}

.about_mod7{background:#f2fbfc; scroll-margin-top:90px;}


/*新闻*/
.newslist{display:block;}
.newslist ul{display:block; }
.newslist ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; box-sizing:border-box; overflow:hidden; border:1px #eaeaea solid; border-radius:5px;box-shadow:0 0 10px 0 #eaeaea; background:#ffffff;margin-bottom:40px;display:flex;flex-wrap: wrap;}
.newslist ul li:hover{box-shadow:0 0 15px 0 #dedede; background:#f8f8f8;}
.newslist ul li:last-child{margin-bottom:0;}

.newslist ul li .imgbox{flex: 0 0 30%;}
.newslist ul li .imgbox img{height:100%;}
.newslist ul li .news_box{flex: 0 0 70%; box-sizing:border-box; position:relative; padding:40px;}
.newslist ul li .news_title{font-size:20px; font-weight:bold; margin:0 0 10px 0; line-height:24px; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.newslist ul li .ptxt{line-height:26px; height:78px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666;}
.newslist ul li .news_date{background:url(../images/date.svg) left 5px no-repeat; background-size:18px; padding-left:25px; opacity:0.6; margin-top:30px;}
@media screen and (max-width:1420px) {
.newslist ul li .news_box{padding:30px;}
.newslist ul li .news_title{font-size:14px; line-height:20px;}
}

@media screen and (max-width:1240px) {
.newslist ul li .news_box{padding:20px;}
.newslist ul li .news_title{font-size:14px; margin:0 0 5px 0; line-height:18px;}
}

@media screen and (max-width:992px) {
.newslist ul li{margin-bottom:20px;}
.newslist ul li .imgbox{flex: 0 0 100%;}
.newslist ul li .news_box{flex: 0 0 100%; padding:15px; }
.newslist ul li .news_title{font-size:16px; line-height:20px;-webkit-line-clamp:3;}
.newslist ul li .ptxt{line-height:20px; height:auto;}
.newslist ul li .news_date{background:url(../images/date.svg) left 2px no-repeat; background-size:16px; padding-left:22px; position:relative; margin-top:20px; bottom:0;}
}


.newslist2{position:relative;}
.newslist2 ul{display:grid; grid-template-columns:repeat(3,1fr); gap:40px;}
.newslist2 ul li{overflow:hidden; position:relative; box-sizing:border-box; box-shadow:0 0 10px 0 #e7e7e7; border:1px #e7e7e7 solid; border-radius:5px;}
.newslist2_box{ padding:30px; box-sizing:border-box;}
.newslist2 ul li h2{font-size:18px; font-weight:bold; line-height:1.3;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.newslist2 ul li .ptxt{opacity:0.8;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; line-height:1.8em;  min-height:calc(1.8em * 3); margin-top:10px; font-size:14px;}
.newslist2 ul li .mod5top {margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; gap:10px; border-top:1px #dddddd dotted; padding-top:20px;}
.newslist2 ul li .mod5top p:first-child {flex: 0 0 auto; background:url(../images/date.svg) left 5px no-repeat; background-size:18px; padding-left:25px; opacity:0.6;} /* 第一个p宽度自适应内容 */
.newslist2 ul li .mod5top p:last-child {margin-left:auto;} /* 第二个p默认靠右 */
.newslist2 ul li .mod5top p:last-child a{color:#00b3c0;}
.newslist2 ul li .mod5top p:last-child a:hover{color:#ff6600;}
@media screen and (max-width:992px){
.newslist2 ul{grid-template-columns:repeat(1,1fr); gap:20px;}
.newslist2_box{ padding:20px;}
.newslist2 ul li h2{font-size:16px;-webkit-line-clamp:3;}
.newslist2 ul li .ptxt{font-size:12px;}
.newslist2 ul li .mod5top {margin-top:10px; padding-top:10px;}
.newslist2 p:last-child { margin-left: 0; } /* 换行后取消靠右 */
.newslist2 ul li .mod5top p:first-child {background:url(../images/date.svg) left 2px no-repeat; background-size:18px;} /* 第一个p宽度自适应内容 */
}



/*新闻详情页*/
.newsshow{overflow:hidden; padding:40px; box-sizing:border-box; background:#ffffff; border-radius:5px; border:1px #ececec solid;}
.newsshow_img{margin:25px auto; text-align:center;}
.newsshow_img img{max-width:100%; margin:0 auto; border-radius:5px; padding:30px; background:#f8f8f8; box-sizing:border-box;}
.news_xxjs{line-height:28px!important; word-break:break-word!important; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:28px!important;font-size:16px!important;}

.news_xxjs img{width:auto; max-width:100%;display: initial; margin:0;}
.news_xxjs video{width:100%; height:100%; object-fit:fill; overflow:hidden;}
.news_xxjs a{color:#ff3300;}
.news_xxjs iframe{width:800px; height:600px;}
.news_xxjs ul,.news_xxjs ol{margin:10px 0; box-sizing:border-box;}
.news_xxjs ul li,.news_xxjs ol li{ background:url(../images/dian2.svg) left 10px no-repeat; background-size:7px; padding-left:14px; box-sizing:border-box;}
.news_title{overflow:hidden;}
.news_title h1{font-size:32px;line-height:1.1; margin-bottom:5px; font-weight:bold; text-align:left; font-family: "LexendBold";}
.news_title h1 span{ float:right;}

.pubdate{margin:0 0 20px 0; overflow:hidden; color:#999999; text-align:left;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}

.news_xxjs table{width:100%;table-layout:fixed;}
.news_xxjs table tr:nth-child(odd){background-color:#f5f5f5;}
.news_xxjs table tr:nth-child(even){background-color: #ffffff;}
.news_xxjs table tr:first-child{background-color:#00b3c0!important; color:#ffffff;}
.news_xxjs td{padding:10px; font-size:16px!important; border:1px #dddddd solid!important;line-height:20px!important;word-break:break-all!important; vertical-align:top;}
.news_xxjs td p,.news_xxjs td span{font-size:16px!important;line-height:24px!important;word-break:break-all!important;}
.news_xxjs th{padding:10px; font-size:14px!important; border:1px #dddddd solid!important;line-height:20px!important;word-break:break-all!important;}
.news_xxjs th p,.news_xxjs th span{font-size:16px!important;line-height:24px!important;word-break:break-all!important;}

@media screen and (max-width:1240px) {
.news_title h1{font-size:24px;}
}

@media screen and (max-width:992px) {
.newsshow{padding:0px; border:none; margin:0; box-shadow:none;}
.news_xxjs{line-height:24px!important; font-size:12px!important; width:100%; overflow-x:auto;}
.news_xxjs p,.news_xxjs span{line-height:24px!important;font-size:12px!important;}
.news_xxjs video{width:100%; height:100%; object-fit:fill; overflow:hidden;}
.news_title h1{font-size:18px; margin-bottom:10px;}
.news_title h1 span{ float:right;}
.pubdate{margin:0 0 10px 0;font-size:12px;}
.pubdate span{margin:0px 10px 0 0;}
.news_xxjs table{display:-webkit-box; width:auto!important; white-space:nowrap; overflow-x:auto; overflow-y:hidden; border:0;}
.news_xxjs td{padding:4px; font-size:12px!important; border:1px #dddddd solid!important;line-height:16px!important;word-break:break-all!important;}
.news_xxjs td p,.news_xxjs td span{font-size:12px!important;line-height:16px!important;word-break:break-all!important;}
.news_xxjs th{padding:4px; font-size:12px!important; border:1px #dddddd solid!important;line-height:16px!important;word-break:break-all!important;}
.news_xxjs th p,.news_xxjs th span{font-size:12px!important;line-height:16px!important;word-break:break-all!important;}
.news_xxjs ul li,.news_xxjs ol li{ background:url(../images/dian2.svg) left 6px no-repeat; background-size:7px;}
.news_xxjs iframe{width:100%; height:300px;}
}


/*相关资讯*/
.Information{overflow:hidden;  border-radius:5px; margin-top:30px;}
.Information h4{padding-left:10px; height:30px; line-height:28px; font-size:16px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{line-height:20px; padding:15px; box-sizing:border-box; font-weight:700; background:#f2feff;}
.Information li span{float:right; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow:hidden; text-transform: capitalize;}
.Information li:first-child{margin-bottom:2px; background:#f8f8f8;}
@media screen and (max-width:992px) {
.Information{margin-top:20px;}
.Information li{padding:10px;}
}

/*右侧推荐新闻*/
.lymain_right_news{ position:relative; display:block; overflow:hidden; margin-bottom:40px;}
.lymain_right_news h2{font-size:20px; border-bottom:1px #dddddd dotted; margin-bottom:20px; font-weight:bold; color:#00b3c0; padding-bottom:5px;}
.lymain_right_news ul{overflow:hidden;}
.lymain_right_news ul li{width:100%; position:relative; box-sizing:border-box; overflow:hidden;}
.lymain_right_news ul li:nth-child(n+2){margin-top:40px;}
.lymain_right_news ul li .news_box{box-sizing:border-box;}
.lymain_right_news ul li .news_title{font-size:16px; line-height:22px; height:66px; font-weight:bold;-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.lymain_right_news ul li .imgbox{width:25%; float:left; margin-right:10px; border-radius:5px; overflow:hidden;}
.lymain_right_news ul li .ptxt{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666; line-height:20px; font-size:14px; }
.lymain_right_news ul li .news_date{display:inline-block; font-size:16px; color:#999999; font-weight:normal; background:url(../images/date.svg) left center no-repeat; padding-left:30px; background-size:20px;}
.lymain_right_news ul li .news_more{border-top:1px #dddddd dotted; padding-top:5px; margin-top:5px;}

@media screen and (max-width:1420px) {
.lymain_right_news h2{font-size:18px;}
.lymain_right_news ul li .news_title{font-size:14px;}
}

@media screen and (max-width:1240px) {
.lymain_right_news h2{font-size:16px;}
.lymain_right_news ul li .news_title{font-size:12px;}
}



/*marketlist*/
.marketlist{display:block;}
.marketlist ul{display:block; }
.marketlist ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; box-sizing:border-box; overflow:hidden; padding-bottom:40px; border-bottom:1px #dddddd dotted; margin-bottom:40px; display:grid; gap:40px; grid-template-columns:100px 2.5fr 7.5fr; align-items: flex-start; }

.marketlist ul li .news_date{background:#00b3c0; border-radius:5px; padding:20px; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing: border-box; text-align:center; color:#ffffff; width:100px;}
.marketlist ul li .news_date h2{font-size:18px; font-weight:700;}
.marketlist ul li .news_date p{font-size:18px;}

.marketlist ul li .imgbox{}
.marketlist ul li .imgbox img{height:100%; border-radius:5px;}
.marketlist ul li .news_box{position:relative;}

.marketlist ul li .news_title{font-size:20px; font-weight:bold; margin:0 0 10px 0; line-height:1.1;}
.marketlist ul li .ptxt{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666;}
@media screen and (max-width:1420px) {
.marketlist ul li .news_title{font-size:18px; margin:0 0 5px 0;}
}

@media screen and (max-width:1240px) {
.marketlist ul li .news_title{font-size:16px; margin:0 0 5px 0;}
}

@media screen and (max-width:992px) {
.marketlist ul li .news_date{display:none;}
.marketlist ul li{padding-bottom:20px; margin-bottom:20px; gap:20px; grid-template-columns:1fr;}
.marketlist ul li .news_title{font-size:16px; line-height:1.5;}
}



/*sampletlist*/
.sampletlist{display:block; margin-bottom:50px;}
.sampletlist h2{font-size:28px; font-weight:700; line-height:1.2; margin-bottom:10px; color:#00b3c0;font-family: "LexendBold";}
.sampletlist ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.sampletlist ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative;}
.sampletlist ul li:only-child{grid-column: 1 / -1;}
.sampletlist ul li .imgbox{margin-bottom:10px; border-radius:5px; overflow:hidden;}
.sampletlist ul li .news_title{font-size:16px; font-weight:bold; margin:0 0 10px 0; line-height:1.1;}

.contact_msn_box{overflow:hidden; width:100%; display:block;}
.contact_msn_box h2{font-size:28px; font-weight:700; line-height:1.2; margin-bottom:10px; color:#00b3c0;font-family: "LexendBold";}
.contact_msn_box ul{margin-top:15px; padding:5%; box-sizing:border-box; background:#f9f9f9; border-radius:5px;}
.contact_msn_box ul li{margin-bottom:15px;}
.contact_msn_box ul li:nth-child(1){width:48.5%; float:left;}
.contact_msn_box ul li:nth-child(2){width:48.5%; float:right;}
.contact_msn_box ul li:nth-child(3){width:100%;}
.contact_msn_box ul li:nth-child(4){width:100%;}
.contact_msn_box ul li:nth-child(5){width:100%;}
.contact_msn_box_submit{width:fit-content; background-color:#00b3c0; border:none; color:#ffffff; cursor:pointer; border-radius:25px; padding:15px 30px; box-sizing:border-box; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; text-transform:uppercase;}
.contact_msn_box_submit:hover{background:#ff6600;}
.contact_msn_box_input{width:100%; padding:10px 10px; line-height:24px; background:rgb(255,255,255,1); box-sizing:border-box; border-radius:5px;font-family:"Poppins-Regular"; border:1px #ddd solid;}
.contact_msn_box_textarea{width:100%;line-height:24px; resize:none;font-family:"Poppins-Regular", Helvetica, sans-serif; padding:10px;background:rgb(255,255,255,1); box-sizing:border-box; border-radius:5px; height:100px;border:1px #ddd solid;}
.contact_msn_box_input::placeholder {color:#999!important; opacity:0.8!important;}
.contact_msn_box_textarea::placeholder {color:#999!important;opacity:0.8!important;}

@media screen and (max-width:1420px) {
.sampletlist h2{font-size:20px;}
.sampletlist ul li .news_title{font-size:16px;}
.contact_msn_box h2{font-size:20px;}
}

@media screen and (max-width:1240px) {
.sampletlist h2{font-size:16px;}
.sampletlist ul li .news_title{font-size:14px;}
.contact_msn_box h2{font-size:16px;}

}

@media screen and (max-width:992px) {
.sampletlist{margin-bottom:30px;}
.sampletlist h2{font-size:16px;}
.sampletlist ul li .news_title{font-size:14px;}
.contact_msn_box h2{font-size:16px;}
.sampletlist ul{grid-template-columns:repeat(2, 1fr); gap:20px;}
.contact_msn_box ul li:nth-child(1){width:100%; float:none;}
.contact_msn_box ul li:nth-child(2){width:100%; float:none;}
.contact_msn_box_input{font-size:12px;}
.contact_msn_box_textarea{font-size:12px; line-height:20px;}
.contact_msn_box_submit{padding:10px 20px;}
}


.downloadlist{display:block; margin-top:20px;}
.downloadlist h2{font-size:16px; margin-bottom:20px; color:#ff6600;line-height:1.2;}
.downloadlist ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.downloadlist ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; border-radius:5px; overflow:hidden; padding-bottom:10px;}
.downloadlist ul li .news_title{width:100%; text-align:center; box-sizing:border-box; line-height:1.2; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; margin-top:10px;}
.downloadlist ul li:hover{box-shadow:0 0 10px 0 #eaeaea; background:#fbfafa;}
.downloadbox{overflow:hidden; margin-bottom:30px;}
.downloadbox img{width:auto; max-width:100%;display: initial; margin:0;}
.downloadbox .ptxt{ margin-top:15px; color:#ff6600;}
.downloadbox .ptxt a{color:#ff6600; font-weight:bold;}
.downloadbox .ptxt a:hover{text-decoration:underline;}
.downbtn{display:block; margin-top:20px; height:36px; line-height:36px;padding:0 30px;text-align:center;border-radius:100px;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff!important; background:#ff6600; font-weight:normal; font-size:16px; width:fit-content;}
.downbtn:hover{color:#ffffff!important; background:#ff6600;}
@media screen and (max-width:992px) {
.downloadlist{margin-top:10px;}
.downloadlist h2{font-size:14px; margin-bottom:10px; line-height:1.4;}
.downloadlist ul{grid-template-columns:repeat(2, 1fr); gap:10px;}
.downloadbox{margin-bottom:15px;}
.downbtn{margin-top:10px;}
}

.docslist{display:block; margin-top:20px;}
.docslist ul{display:grid; grid-template-columns:repeat(1, 1fr); gap:0px;}
.docslist ul li{position:relative; padding:15px 15px 15px 38px; line-height:20px; box-sizing:border-box;border-bottom:1px rgba(0,0,0,0.1) dotted; background:url(../images/files.svg) 10px center no-repeat; background-size:20px; transition:all .3s ease-in-out;}
.docslist ul li:hover{background:#f9f9f9; background:#f9f9f9 url(../images/files.svg) 10px center no-repeat;background-size:20px;}
.docslist ul li span{float:right;}
@media screen and (max-width:992px) {
.docslist ul li span{display:none;}
}


/*右侧推荐的服务*/
.lymain_right_service{ position:relative; display:block; overflow:hidden; margin-bottom:30px;}
.lymain_right_service h2{font-size:20px; padding-bottom:5px; border-bottom:1px #dddddd dotted; font-weight:bold; color:#00b3c0;line-height:1.4;}
.lymain_right_service ul{overflow:hidden;}
.lymain_right_service ul li{position:relative; box-sizing:border-box; border-bottom:1px #dddddd dotted; padding:8px 0 8px 14px; background:url(../images/dian.svg) left center no-repeat; background-size:6px;}


/*contact us*/
.contact_mod1{display:block; position:relative;}
.contact_mod1 .index_htitle{ width:100%; position:absolute; top:70px; z-index:5;}
.contact_mod1 .index_htitle h2{color:#00b3c0}
.contact_mod1 .index_htitle .ptxt{ margin-top:20px; font-size:16px; line-height:2.4;}
.contact_mod1 .index_htitle .div_more_top{margin-top:15px;}

.contact_mod1_img{position:relative;}
.contact_mod1_img img{ width:100%; margin:0 auto;}

.chinaaddress-container {position: absolute; top:49%; right:18.5%;}
.chinaaddress-container2 {position: absolute; top:45%; left:11%;}
.chinaaddress {position: relative; border-radius:100%; width:20px; height:20px; background:#ff6600; z-index:1; cursor:pointer;}
.chinaaddress p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:absolute; top:20px; left:-180%;}
.chinaaddress-pulse {position: absolute; top:0; left:0;  border-radius:100%; width:20px; height:20px; background:#ff6600; animation: pulse-ring 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;}
@keyframes pulse-ring {
  0% {transform: scale(1); opacity: 0.8;}
  100% { transform: scale(2.5); opacity: 0;}
}
.hover-image{position:absolute; top:-210px; left:-150px; width:300px; height:200px; pointer-events:none;/* 防止图片干扰鼠标悬停 */ opacity:0; transform:scale(0.95); transition:all 0.2s ease; box-shadow:0 4px 12px rgba(0, 0, 0, 0.2); overflow:hidden; border-radius:5px; z-index:3;}
.hover-image img{width:100%; height:100%;  object-fit:cover;}
.chinaaddress-container:hover .hover-image{opacity:1; transform: scale(1);}
.chinaaddress-container2:hover .hover-image{opacity:1; transform: scale(1);}

.otheraddress {position: relative; border-radius:100%; width:18px; height:18px; background:#00b3c0; z-index:1; opacity:0.8;}
.otheraddressbox1{position:absolute; top:44%; right:14.5%;}
.otheraddressbox2{position:absolute; top:58%; right:20%;}
.otheraddressbox3{position:absolute; top:56%; right:20.5%;}
.otheraddressbox4{position:absolute; top:65%; right:21.5%;}
.otheraddressbox5{position:absolute; top:47%; right:39%;}
.otheraddressbox6{position:absolute; top:55%; left:15.5%;}
.otheraddressbox7{position:absolute; top:75%; left:25%;}
.otheraddressbox8{position:absolute; top:70%; left:33.5%;}
.otheraddressbox9{position:absolute; top:41%; left:20%;}

@media screen and (max-width:992px) {
.contact_mod1 .index_htitle{top:15px;}
.contact_mod1 .index_htitle .ptxt{font-size:12px; line-height:2;margin-top:5px;}
.chinaaddress-container{display:none;}
.chinaaddress-container2 {display:none;}
.otheraddressbox1{display:none;}
.otheraddressbox2{display:none;}
.otheraddressbox3{display:none;}
.otheraddressbox4{display:none;}
.otheraddressbox5{display:none;}
.otheraddressbox6{display:none;}
.otheraddressbox7{display:none;}
.otheraddressbox8{display:none;}
.otheraddressbox9{display:none;}
}


.contact_mod2{display:block; overflow:hidden;}

.contact_mod2_box{display:block; float:left; width:50%;}
.contact_mod2_box ul{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px;}
.contact_mod2_box ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; overflow:hidden;padding:20px;}
.contact_mod2_box ul li h2{font-size:18px; color:#00b3c0; margin-bottom:10px; font-weight:bold; line-height:1.2;}
.contact_mod2_box ul li .ptxt{ opacity:0.8; line-height:1.6;}
.contact_mod2_box ul li img{max-width:120px; margin:0 0 20px; padding:5px; box-sizing:border-box; background:#00b3c0; border-radius:100%;}
.contact_mod2_box2{ display:block; float:right; width:50%;}
@media screen and (max-width:992px) {
.contact_mod2_box{margin-top:50px; width:100%; float:none;}
.contact_mod2_box2{float:none; width:100%; margin-top:40px;}
.contact_mod2_box ul{grid-template-columns:repeat(2, 1fr); gap:20px;}
.contact_mod2_box ul li{padding:0px; text-align:left;}
.contact_mod2_box ul li h2{font-size:16px; margin-bottom:5px;}
.contact_mod2_box ul li img{max-width:80px; padding:5px; margin:0 0 10px;}
}


/*产品应用*/
.applist_nav{display:block;}
.applist_nav ul{display:flex; flex-wrap: nowrap; justify-content: space-between;}
.applist_nav ul li{flex:1; min-width:0; white-space:nowrap; padding:10px; box-sizing:border-box;transition:all .3s ease-in-out; text-align:center; border-radius:5px;}
.applist_nav ul li img{border-radius:5px;}
.applist_nav ul li p{ margin-top:10px; font-size:18px; font-weight:bold;}
#apponsec{background:#ff6600; color:#ffffff;}
#apponsec a{color:#ffffff;}

.applist_nav_txt{background:#f2fbfc; border-radius:5px; margin-top:60px; position:relative;}
.applist_nav_txt2{position:absolute; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.95) 100%); width:100%; height:100%; left:0; z-index:3; display:flex;
  align-items:center; justify-content: flex-end;}
.applist_nav_txt3{width:50%; padding:30px; box-sizing:border-box; text-align:center;}
.applist_nav_txt3 h1{font-size:32px; line-height:1.2; font-weight:bold; margin:0 auto; font-family: "LexendBold";}
.applist_nav_txt3 .div_more_top{ margin-top:15px;}
.applist_nav_txt3 .more{font-weight:700; font-size:18px;}
@media screen and (max-width:1560px) {
.applist_nav ul{flex-wrap:wrap;}
.applist_nav ul li p{font-size:16px;}
.applist_nav_txt3{width:60%; padding:20px;}
.applist_nav_txt3 h1{font-size:28px;}
.applist_nav_txt3 .more{font-size:16px;}
}

@media screen and (max-width:1240px) {
.applist_nav ul{flex-wrap:wrap;}
.applist_nav ul li{font-size:14px;}
.applist_nav_txt{margin-top:30px;}
.applist_nav_txt3{width:60%; padding:20px;}
.applist_nav_txt3 h1{font-size:20px;}
.applist_nav_txt3 .div_more_top{ margin-top:10px;}
.applist_nav_txt3 .more{font-size:14px;}
}

@media screen and (max-width:992px) {
.applist_nav ul{flex-wrap:wrap;}
.applist_nav ul li{font-size:13px; white-space:normal;flex: 0 0 50%;}
.applist_nav ul li p{font-size:14px;}
.applist_nav_txt{margin-top:30px;}
.applist_nav_txt2{position:relative; background:linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);}
.applist_nav_txt3{width:100%; padding:0; margin-bottom:10px;}
.applist_nav_txt3 h1{font-size:18px; line-height:1.2; font-weight:bold; margin:0 auto;}
}



.applist{ display: flex; flex-direction:column; gap:1px; margin-top:40px;}
.applist .first-ul {display:flex; background:#00b3c0; font-weight:700;}
.applist .first-ul li{width:30%; color:#fff; padding:10px; box-sizing:border-box; word-wrap:break-word; }
.applist .other-ul {display: flex;}
.applist .other-ul li{padding:10px; box-sizing:border-box; word-wrap: break-word; }
.applist .first-ul li:nth-child(2), .first-ul li:nth-child(3), .first-ul li:nth-child(4), .first-ul li:nth-child(5){border-left:1px #ffffff solid;}
.applist .first-ul li:nth-child(1){width:25%;}
.applist .first-ul li:nth-child(2){width:25%;}
.applist .first-ul li:nth-child(3){width:20%;}
.applist .first-ul li:nth-child(4){width:12%;}
.applist .first-ul li:nth-child(5){width:18%;}

.applist .other-ul:nth-of-type(odd) li { background:#f2fbfc;}
.applist .other-ul:nth-of-type(even) li { background:#fbfbfb;}
.applist .other-ul li:nth-child(2), .other-ul li:nth-child(3), .other-ul li:nth-child(4) , .other-ul li:nth-child(5){border-left:1px #ffffff solid;}
.applist .other-ul li:nth-child(1){width:25%;}
.applist .other-ul li:nth-child(2){width:25%;}
.applist .other-ul li:nth-child(3){width:20%;}
.applist .other-ul li:nth-child(4){width:12%;}
.applist .other-ul li:nth-child(5){width:18%;}

.applist .other-ul a{color:#00b3c0;}
.applist .other-ul a:hover{color:#ff6600;}
@media screen and (max-width:992px) {
.applist .first-ul li{padding:10px 5px; line-height:1.3;}
.applist .other-ul li{padding:10px 5px; line-height:1.3;}
}










/*产品左右分栏*/
.prod_box{width:100%; display:flex; align-items:stretch;/*左右两边的高度一致*/ box-sizing:border-box; margin:40px 0;}
.prod_box_right{float:right; width:76%; box-sizing:border-box; margin:0 0 0 4%;}
.prod_htitle{display:flex; align-items:center; overflow: hidden; border-bottom:1px #dddddd dotted; padding-bottom:10px;}
.prod_htitle h1{font-size: 24px; font-weight: 700; flex: 1; min-width: 0; text-align: left; font-family:"LexendBold";}
.prod_htitle p{margin-left: auto; text-align: right; white-space: nowrap;}
.prod_htitle p a{padding:5px; box-sizing:border-box; background:#00b3c0; display:inline-flex; border-radius:5px;transition:all .3s ease-in-out;} 
.prod_htitle p a:hover{background:#ff6600;}
.prod_htitle p a:first-child{margin-right:5px;}
.prod_htitle p img{ width:24px; height:24px; display:inline;}
.prod_htitle .active{background:#ff6600;}
.prod_box_left{float:left; width:20%; border-radius:5px; overflow:hidden;}
@media screen and (max-width:1420px){
.prod_htitle h1{font-size:20px;}
}
@media screen and (max-width:1240px){
.prod_htitle h1{font-size:18px;}
}
@media screen and (max-width:992px){
.prod_box{display:block; margin:15px 0;}
.prod_htitle h1{font-size:14px;}
.prod_box_right{float:none; width:100%; margin:0;}
.prod_box_left{display:none;}
}


/*产品中心的左侧下拉菜单*/
.lymain_prod_left_box{display:block;}
.lymain_prod_left_box>ul{overflow:hidden;}
.lymain_prod_left_box>ul>li{padding:0; box-sizing:border-box; background:#f2fbfc; border-bottom:0!important;}
.lymain_prod_left_box>ul>li:nth-child(1){background:#f7f2e9; border:1px #ff9000 solid; box-sizing:border-box;}
.lymain_prod_left_box>ul>li:nth-child(2){background:#f4fffc; border:1px #00c08c solid; box-sizing:border-box;}
.lymain_prod_left_box>ul>li:nth-child(3){background:#f2feff; border:1px #00b3c0 solid; box-sizing:border-box; border-bottom:1px #00b3c0 solid!important;}

.lymain_prod_left_box h2{font-size:18px; font-weight:700; background:#00858f; padding:14px; box-sizing:border-box; border-radius:10px 10px 0 0; color:#ffffff;}
.fa-caret-right{ background:url(../images/prod_left_icon.png) center center no-repeat; width:20px; height:20px; float:right;}
.iconRotate{transform: rotate(90deg); transition: transform 0.5s;}
.fa-caret-right:hover{cursor:pointer;}

.d-firstNav{position:relative; padding:14px; line-height:20px; box-sizing:border-box;font-weight:bold; cursor:pointer; font-size:16px; color:#ffffff;}
.d-firstNav a{color:#ffffff;}
.lymain_prod_left_box>ul>li:nth-child(1) .d-firstNav{background:#ff9000!important;}
.lymain_prod_left_box ul li:nth-child(2) .d-firstNav{background:#00c08c!important;}
.lymain_prod_left_box ul li:nth-child(3) .d-firstNav{background:#00b3c0!important;}


.d-secondNav{position:relative; padding:12px; line-height:20px; border-bottom:1px rgba(255,255,255,0.1) solid; box-sizing:border-box; font-size:16px; background:#7f7f7f;}
.s-secondItem{background:url(../images/prod-right.svg) 15px center no-repeat; background-size:6px; position:relative; padding:12px 10px 12px 28px; line-height:20px; border-bottom:1px #ededed dotted;box-sizing:border-box;}
.d-secondDrop{box-sizing:border-box;}
.s-firstDrop,.s-secondDrop {display:none;}
#prodonsec {color:#ff6600;}
#prodonsec a{color:#ff6600;}
.lymain_prod_left_h3{position:relative; padding:14px 0; line-height:20px; box-sizing:border-box;border-bottom:1px #dddddd solid;font-weight:bold; cursor:pointer; font-size:16px;}


.prodlist{display:block; margin-top:20px;}
.prodlist ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.prodlist ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; border-radius:5px; overflow:hidden; padding-bottom:15px; border:1px #f0f0f0 solid; background:#ffffff; box-sizing:border-box; border-radius:5px;}
.prodlist ul li .prod_title{width:100%; text-align:center; line-height:1.2; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; margin:15px auto; padding:0 10px; box-sizing:border-box; font-size:18px; font-weight:700;}
.prodlist ul li:hover{box-shadow:0 0 10px 0 #eaeaea; background:#fbfafa;}
.prodlist ul li .prodlist2_box{display:none;}
@media screen and (max-width:1240px) {
.prodlist ul li .prod_title{margin:10px auto; padding:0 5px; font-size:16px;}
}

@media screen and (max-width:992px) {
.prodlist{margin-top:20px;}
.prodlist ul{grid-template-columns:repeat(2, 1fr); gap:10px;}
.prodlist ul li .prod_title{-webkit-line-clamp:3;font-size:14px; padding:0;}
}

.prodlist2{display:block; margin-top:20px;}
.prodlist2 ul{display:grid; grid-template-columns:repeat(1, 1fr); gap:40px;}
.prodlist2 ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; border-radius:5px; overflow:hidden; border:1px #f0f0f0 solid; background:#f9f9f9; box-sizing:border-box; display:grid
; align-items: flex-start; grid-template-columns:3.5fr 6.5fr;}
.prodlist2 ul li:hover{box-shadow:0 0 10px 0 #eaeaea; background:#ffffff;}
.prodlist2 ul li .prod_title{display:none;}
.prodlist2 ul li .prod_btn{display:none;}
.prodlist2 ul li .prodlist2_box{padding:30px; box-sizing:border-box;}
.prodlist2 ul li .prodlist2_box h2{line-height:1.2; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; font-weight:700; font-size:24px; margin-bottom:10px;}
.prodlist2 ul li .prodlist2_box .ptxt{line-height:1.8;}
.prodlist2 ul li .prodlist2_box .ptxt p, .prodlist2 ul li .prodlist2_box .ptxt strong, .prodlist2 ul li .prodlist2_box .ptxt span {
  font-size: 16px !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-family: inherit !important;
  caret-color: inherit !important;
}

@media screen and (max-width:1420px) {
.prodlist2 ul li .prodlist2_box .ptxt p, .prodlist2 ul li .prodlist2_box .ptxt strong, .prodlist2 ul li .prodlist2_box .ptxt span {font-size:14px !important;}
}

@media screen and (max-width:1240px) {
.prodlist2 ul li .prodlist2_box .ptxt p, .prodlist2 ul li .prodlist2_box .ptxt strong, .prodlist2 ul li .prodlist2_box .ptxt span {font-size:13px !important;}
}


@media screen and (max-width:992px) {
.prodlist2{margin-top:20px;}
.prodlist2 ul{gap:10px;}
.prodlist2 ul li{display:block;}
.prodlist2 ul li .prodlist2_box{padding:10px;}
.prodlist2 ul li .prodlist2_box h2{font-size:16px;}
.prodlist2 ul li .prodlist2_box .ptxt p, .prodlist2 ul li .prodlist2_box .ptxt strong, .prodlist2 ul li .prodlist2_box .ptxt span {font-size:12px !important;}
}


.prod_btn{display:block; width:fit-content; margin:0 auto;}
.prod_btn ol{display:grid;grid-template-columns:repeat(2, 1fr); gap:5px; align-items:stretch; position:relative; align-items:center; margin-top:10px;}
.prod_btn ol li{position:relative; box-sizing:border-box; text-align:center; border:none; padding:3px 25px; border-radius:25px; border:none; color:#00b3c0; border:1px #00b3c0 solid;}
.prod_btn ol li a{color:#00b3c0;}
.prod_btn ol li:first-child{background:#f2feff;}
.prod_btn ol li:last-child{background:#f2feff;}
.prod_btn ol li:hover{background:#00b3c0; border:1px #00b3c0 solid;}
.prod_btn ol li:hover a{color:#ffffff;}
@media screen and (max-width:992px) {
.prod_btn ol{grid-template-columns:repeat(1, 1fr); gap:3px;}
.prod_btn ol li{padding:2px 20px;}
.prod_btn ol li:last-child{margin-top:4px;}
}


.prodlist2_box_btn1{display: grid; grid-template-columns: repeat(2, max-content); gap:5px; justify-content:start; align-items: center; width:fit-content; margin-bottom:10px;}
.prodlist2_box_btn1 p{position:relative; width:fit-content; box-sizing:border-box; text-align:center; border:1px #00c08c solid; padding:0 15px; border-radius:25px; color:#00c08c; height:24px; line-height:24px;}
.prodlist2_box_btn1 p a{color:#00c08c;}
.prodlist2_box_btn1 p:hover{background:#00c08c;color:#ffffff;}
.prodlist2_box_btn1 p:hover a{color:#ffffff;}

.prodlist2_box_btn2{display: grid; grid-template-columns: repeat(2, max-content); gap:5px; justify-content:start; align-items: center; width:fit-content; margin-top:15px;}
.prodlist2_box_btn2 p{position:relative; width:fit-content; box-sizing:border-box; transition: transform 0.3s ease; text-align:center; border:none; padding:3px 25px; border-radius:25px; color:#ffffff;}
.prodlist2_box_btn2 p a{color:#ffffff;}
.prodlist2_box_btn2 p:nth-child(1){background:#00b3c0;}
.prodlist2_box_btn2 p:nth-child(1):hover{background:#ff6600;}
.prodlist2_box_btn2 p:nth-child(2){background:#00c08c;}
.prodlist2_box_btn2 p:nth-child(2):hover{background:#ff6600;}

@media screen and (max-width:992px) {
.prodlist2_box_btn{margin-top:10px;}
.prodlist2_box_btn{grid-template-columns:repeat(2, 1fr); gap:5px;}
.prodlist2_box_btn p{padding:2px 20px;}
}

.productsearch{display:block; overflow:hidden; border-radius:25px; background:#f2feff; border:2px #00b3c0 solid; box-sizing:border-box; margin-bottom:20px;}
.productsearch .input{width:100%; line-height:24px; padding:10px 30px; box-sizing:border-box;}
.productsearch .input::placeholder{color:#333333; opacity:0.5;}
.productsearch .search{position:absolute; top:7px; right:15px; width:32px; height:32px; background:url(../images/icon_search.png) no-repeat; background-size:cover;}
@media screen and (max-width:992px) {
.productsearch{display:none;}
}


/*details*/
.prod_details_end_box{overflow:hidden;box-sizing:border-box; margin-bottom:30px;}
.prod_details_end_box ol{display:flex; border-bottom:1px #dddddd solid; padding:0; margin-bottom:30px;}
.prod_details_end_box ol li{text-align:center; transition:all 0.3s ease-in-out; background:#00b3c0; padding:8px 45px; box-sizing:border-box; margin-right:5px; border-radius:10px 10px 0 0; color:#ffffff; white-space: nowrap; cursor:pointer;}
.prod_details_end_box ol li:last-child{margin-right:0;}
.prod_details_end_box ol li a{display:block;}
.prod_details_end_box ol li:hover{background:#ff6600;}
.prod_details_end_box ol .active{background:#ff6600;color:#ffffff;}
.prod_details_end_box h2{font-size:20px; margin-bottom:10px; padding-bottom:5px; box-sizing:border-box; position:relative; font-weight:700;}
.prod_details_end_box h2::before{content: ""; position:absolute;  bottom:0; left:0; width:100%; height:3px; background: linear-gradient(45deg, #ff6600 20%, #444444 5%);}  
.prod_details_end_txt{line-height:28px!important; word-break:break-word!important; overflow:hidden;}
.prod_details_end_txt p,.prod_details_end_txt span{line-height:28px!important; font-size:16px !important; color:inherit!important; font-family:inherit!important; caret-color:inherit !important;}
.prod_details_end_txt ul,.prod_details_end_txt ol{margin:10px 0;box-sizing:border-box;}
.prod_details_end_txt li,.prod_details_end_txt li{ background:url(../images/dian2.svg) left 10px no-repeat; background-size:7px; padding-left:14px; box-sizing:border-box; margin-left:10px;}
.prod_details_end_txt table{width:100%;}
.prod_details_end_txt table tr:nth-child(odd){background-color:#f5f5f5;}
.prod_details_end_txt table tr:nth-child(even){background-color: #ffffff;}
.prod_details_end_txt table tr:first-child{background-color:#00b3c0!important; color:#ffffff!important;}
.prod_details_end_txt td{padding:10px!important; font-size:16px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important; vertical-align:top;}
.prod_details_end_txt td p,.prod_details_end_txt td span{font-size:16px!important;line-height:24px!important;word-break:initial!important;}
.prod_details_end_txt th{padding:10px!important; font-size:16px!important; border:1px #CCCCCC solid!important;line-height:24px!important;word-break:initial!important; font-weight:normal;}
.prod_details_end_txt th p,.prod_details_end_txt th span{font-size:16px!important;line-height:24px!important;word-break:initial!important;font-weight:normal;}
.prod_details_end_txt img{width:auto; max-width:100%; margin:0 auto; display:inline;}
.prod_details_end_txt a{color:#ff3300;}
@media screen and (max-width:1420px){
.prod_details_end_box ol li{font-size:14px; padding:8px 30px;}
.prod_details_end_box h2{font-size:18px;}
.prod_details_end_txt p,.prod_details_end_txt span{font-size:14px!important;}
}

@media screen and (max-width:1240px){
.prod_details_end_box ol li{font-size:14px; padding:8px 30px;}
.prod_details_end_box h2{font-size:16px;}
.prod_details_end_txt p,.prod_details_end_txt span{font-size:13px!important;}
}
	
@media screen and (max-width:992px){
.prod_details_end_box{margin-bottom:20px;}
.prod_details_end_box ol{overflow:scroll; margin-bottom:10px;}
.prod_details_end_box ol li{padding:8px 20px;}

.prod_details_end_box h2{font-size:16px; line-height:20px; height:auto;}
.prod_details_end_txt{line-height:24px!important;}
.prod_details_end_txt p,.prod_details_end_txt span{line-height:24px!important;font-size:12px!important;}
.prod_details_end_txt table{display: block; display: -webkit-box; width:auto!important; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
.prod_details_end_txt td{padding:8px; font-size:12px!important; border:1px #CCCCCC solid!important;line-height:16px!important;word-break:initial!important;}
.prod_details_end_txt td p,.prod_details_end_txt td span{font-size:12px!important;line-height:16px!important;word-break:initial!important;}
.prod_details_end_txt th{padding:8px; font-size:12px!important; border:1px #CCCCCC solid!important;line-height:16px!important;word-break:initial!important; font-weight:normal;}
.prod_details_end_txt th p,.prod_details_end_txt th span{font-size:12px!important;line-height:16px!important;word-break:initial!important;font-weight:normal;}
.prod_details_end_txt li,.prod_details_end_txt li{ background:url(../images/dian2.svg) left 5px no-repeat; background-size:7px; padding-left:14px; box-sizing:border-box; margin-left:10px;}
.prod_details_end_txt img{height:auto;}
}


.prodcate_box{position:relative; margin:20px 0 0 0;}
.prodcate_boxul{display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.prodcate_boxul li{overflow:hidden; position:relative;}
.prodcate_boxul li .imgbox{border-radius:5px;}
.prodcate_box_txt{text-align:center; margin-top:5px;}
@media screen and (max-width:992px){
.prodcate_box{margin:20px 0 0 0;}
.prodcate_boxul{grid-template-columns:repeat(2,1fr); gap:10px;}
.prodcate_box_txt{font-size:12px; font-weight:normal;}
}


.prodcate_box2{position:relative; margin:40px 0;}
.prodcate_box2ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}
.prodcate_box2ul li{position:relative; padding:20px; box-sizing:border-box; box-shadow:2px 2px 5px 0 #f1f1f1; border:1px #ececec solid;}
.prodcate_box2ul li .titlename{font-size:18px;}
.prodcate_box2ul_list{ border-bottom:1px #ddd dotted; padding-bottom:7px; margin-bottom:7px; background:url(../images/dian.svg) left 11px no-repeat; background-size:5px; padding-left:10px;}
.prodcate_box2ul li .more2{ margin-top:20px;}
@media screen and (max-width:1650px){
.prodcate_box2ul li .titlename{font-size:16px;}
}
@media screen and (max-width:1420px){
.prodcate_box2ul li .titlename{font-size:14px;}
}
@media screen and (max-width:992px){
.prodcate_box2{margin:20px 0;}
.prodcate_box2ul{grid-template-columns:repeat(1,1fr); gap:20px;}
.prodcate_box2ul li{padding:20px;}
}


.prodcate_box3{position:relative; margin:40px 0;}
.prodcate_box3ul{display:grid; grid-template-columns:repeat(4, 1fr); gap:30px;}
.prodcate_box3ul li{position:relative; box-sizing:border-box; box-shadow:2px 2px 5px 0 #f1f1f1; border:1px #ececec solid;}
.prodcate_box3ul li .ptxt{padding:10px; box-sizing:border-box; text-align:center;}
.prodcate_box3ul li .titlename{font-size:18px;}
@media screen and (max-width:1650px){
.prodcate_box3ul li .titlename{font-size:16px;}
}
@media screen and (max-width:1420px){
.prodcate_box3ul li .titlename{font-size:14px;}
}
@media screen and (max-width:992px){
.prodcate_box3{margin:20px 0;}
.prodcate_box3ul{grid-template-columns:repeat(2,1fr); gap:20px;}
}



/*产品中心*/
.proddetail{display:block;}
.prod_details_top{margin:0 0 30px 0; overflow:hidden; display:flex; align-items:stretch;}

.product_right_top_left{flex:1; max-width:43%;}
.product_right_top_left .swiper-container{border:1px #dddddd solid; box-sizing:border-box;}
.product_right_top_left .bigpic {display:flex; justify-content:center; align-items:center; width:100%; height:auto!important; overflow:hidden; background:#ffffff;}
.product_right_top_left .bigpic img{max-width: 100%; max-height: 100%; object-fit: contain;}
.product_right_top_left .bigpic iframe{width:100%; height:100%; object-fit:contain;}

.product_right_top_left img{box-sizing:border-box;}
.swiper-container-thumbs{margin-top:10px; background:#f8f8f8; padding:10px 20px!important; box-sizing:border-box; overflow:hidden;}
.swiper-container-thumbs img{cursor:pointer;border:2px #ffffff solid; box-sizing:border-box;}
.swiper-slide-thumb-active img{border:2px #ff6600 solid; box-sizing:border-box;}

.product_right_top_right{flex:1; max-width:57%; padding-left:3%; box-sizing:border-box;}
.product_right_top_right h1{font-size:32px; padding-bottom:15px; line-height:1.2; font-weight:bold;font-family:"LexendBold";}
.product_right_top_right_p{background:#f9f9f9;width:100%; overflow:hidden;}
.product_right_top_right_p ul{overflow:hidden;}
.product_right_top_right_p ul li{line-height:55px; height:55px; border-bottom:1px #ddd solid; padding-left:47px; overflow:hidden;}
.product_right_top_right_p ul li b{ margin-right:10px;}
.product_right_top_right_p ul li:nth-child(1){ background:url(../images/ico_tel.svg) 15px center no-repeat; background-size:24px;}
.product_right_top_right_p ul li:nth-child(2){ background:url(../images/ico_whatsup.svg) 15px center no-repeat; background-size:24px;}
.product_right_top_right_p ul li:nth-child(3){ background:url(../images/ico_email.svg) 15px center no-repeat; background-size:24px;}

.product_right_top_right_notes{ opacity:0.7; border-bottom:1px #ddd dotted; padding-bottom:5px; margin-bottom:5px;font-size:14px;}

.product_right_top_right_tags{line-height:30px; width:100%; overflow:hidden; margin-top:10px;}
.product_right_top_right_tags hr{margin-bottom:20px;}
.product_right_top_right_tags ul,.product_right_top_right_tags ol{margin:10px 0; box-sizing:border-box;}
.product_right_top_right_tags li,.product_right_top_right_tags li{ background:url(../images/dian.svg) left center no-repeat; background-size:7px; padding-left:14px; box-sizing:border-box;margin-left:10px;}
.product_right_top_right_tags table{width:100%;}
.product_right_top_right_tags table tr:nth-child(odd){background-color:#f5f5f5;}
.product_right_top_right_tags table tr:nth-child(even){background-color: #fdfdfd;}
.product_right_top_right_tags table tr:first-child{background-color:#666666; color:#ffffff;}
.product_right_top_right_tags td{padding:10px; font-size:16px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.product_right_top_right_tags td p,.product_right_top_right_tags td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.product_right_top_right_tags th{padding:10px; font-size:16px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important; font-weight:normal;}
.product_right_top_right_tags th p,.product_right_top_right_tags th span{font-size:16px!important;line-height:20px!important;word-break:initial!important;font-weight:normal;}
.product_right_top_right_tags p, .product_right_top_right_tags strong, .product_right_top_right_tags span {
  font-size: 16px !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-family: inherit !important;
  caret-color: inherit !important;
}

.product_right_top_right_tags .bluecss b{color:#00b3c0;}
.product_right_top_right_tags .redcsss {color:#00c08c;}
.product_right_top_right_tags .redcsss b{background:#f5f5f5; padding:2px 10px; margin-right:5px; border-radius:5px; color:#555555; box-sizing:border-box;}
.product_right_top_right_tags .redcsss a{color:#00c08c;}
.product_right_top_right_tags .redcsss a:hover{color:#ff6600;}

.product_right_top_btn{overflow:hidden; margin-top:20px;}
.productlist_more{line-height:40px; background-color:#00b3c0; color:#fff; border-radius:50px; cursor:pointer; padding:0 20px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; width:fit-content; display:inline-block;}
.productlist_more:hover {background-color:#ff6600;}
.productlist_more_right{ margin-right:0.5%;}

@media screen and (max-width:1420px) {
.product_right_top_right h1{font-size:24px;}
.product_right_top_right_tags p, .product_right_top_right_tags strong, .product_right_top_right_tags span {font-size: 14px !important;}
}

@media screen and (max-width:1240px) {
.product_right_top_right h1{font-size:20px;}
.product_right_top_right_tags p, .product_right_top_right_tags strong, .product_right_top_right_tags span {font-size: 13px !important;}
}

@media screen and (max-width: 992px) {
.proddetail{margin:20px 0;}
.prod_details_top{margin:0 0 20px 0; flex-direction:column;}

.product_right_top_left{flex:1; max-width:100%;}
.product_right_top_right{flex:1; max-width:100%; padding-left:0; margin-top:20px;}

.product_right_top_right_notes{font-size:12px;}

.product_right_top_right h1{font-size:18px; padding-bottom:10px;}
.product_right_top_right_tags{line-height:1.8; margin-bottom:10px; font-size:12px;}
.product_right_top_right_tags table{display: block; display: -webkit-box; width:auto!important; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
.product_right_top_right_tags td{padding:8px; font-size:12px!important; border:1px #CCCCCC solid!important;line-height:16px!important;word-break:initial!important;}
.product_right_top_right_tags td p,.product_right_top_right_tags td span{font-size:12px!important;line-height:16px!important;word-break:initial!important;}
.product_right_top_right_tags th{padding:8px; font-size:12px!important; border:1px #CCCCCC solid!important;line-height:16px!important;word-break:initial!important; font-weight:normal;}
.product_right_top_right_tags th p,.product_right_top_right_tags th span{font-size:12px!important;line-height:16px!important;word-break:initial!important;font-weight:normal;}
.product_right_top_right_tags li,.product_right_top_right_tags li{ background:url(../images/dian.svg) left 5px no-repeat; background-size:7px; padding-left:14px; box-sizing:border-box; margin-left:10px;}
.product_right_top_btn{margin-top:10px;}
.product_right_top_right_tags p, .product_right_top_right_tags strong, .product_right_top_right_tags span {font-size:12px !important;}

.productlist_more{margin:0; padding:0 15px;display:inline-block; height:35px; line-height:35px;}
.productlist_more_right{ margin-right:0px; margin-bottom:0px;}
}


/*产品列表中相关的产品应用*/
.prodcate_list_txt2{margin-top:30px; border-top:3px #ff6600 solid; padding:20px; box-sizing:border-box; background:#f5f5f5;}
.prodcate_list_txt2 h2{font-size:20px; margin-bottom:15px; padding-left:12px; padding-bottom:10px; position:relative; border-bottom:1px #dddddd dotted; font-weight:bold;}
.prodcate_list_txt2 h2::before{position:absolute; left:0; top:11%; width:4px; height:45%; background:#ff6600; content: ''; border-radius:5px;}
.prodcate_list_prod2{text-align:left; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing:border-box; overflow:hidden; display:block;}
.productlistul2{display:grid; grid-template-columns:repeat(4, 1fr); gap:30px;}
.productlistul2 li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; overflow:hidden; border:1px #eaeaea solid; border-radius:5px;box-shadow:0 0 10px 0 #eaeaea; box-sizing:border-box; background:#ffffff;}
.productlistul2 li:hover{box-shadow:0 0 15px 0 #dedede;}
.productlistul2 li .imgbox{width:100%;}
.productlistul2 li .mytitle{line-height:1.2; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; text-align:center; padding:10px; box-sizing:border-box;}
@media screen and (max-width:1420px) {
.prodcate_list_txt2{padding:30px;}
.prodcate_list_txt2 h2{font-size:18px;}
}

@media screen and (max-width:992px) {
.prodcate_list_txt2{padding:10px; min-height:0; margin-top:25px;}
.prodcate_list_txt2 h2{font-size:16px;line-height:20px;}
.prodcate_list_prod2{text-align:left; margin-top:0px; margin-right:0%; width:100%;}
.productlistul2{grid-template-columns:repeat(2, 1fr); gap:10px;}
.productlistul2 li .mytitle{-webkit-line-clamp:6;}
}


/*预设版式的详情页模块*/
.detailtext_title{font-size:20px; margin-bottom:10px; padding-bottom:5px; box-sizing:border-box; position:relative; font-weight:700;}
.detailtext_title::before{content: ""; position:absolute;  bottom:0; left:0; width:100%; height:3px; background: linear-gradient(45deg, #ff6600 20%, #444444 5%);}  
@media screen and (max-width:1420px) {
.detailtext_title{font-size:18px;}
}
@media screen and (max-width:1240px) {
.detailtext_title{font-size:16px;}
}



.detailtext0{display:block; margin-bottom:50px;}
.detailtext1{display:block; margin-bottom:50px;}
.detailtext1 img{width:auto; max-width:100%;}

.detailtext2{display:block; margin-bottom:50px;}
.detailtext2{display: flex; flex-direction: column;} 
.detailtext2 ul {display: flex; align-items:center;} 
.detailtext2 ul li {flex: 1; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; flex-direction:column;} 
.detailtext2 ul li img {max-width:100%; height:auto; border-radius:5px;} 
.detailtext2_box{padding-left:30px; text-align:left; box-sizing:border-box;}
.detailtext2_box h2{font-size:18px; margin-bottom:5px; font-weight:bold; line-height:1.2; color:#ff6600;}

.detailtext3{display:block; margin-bottom:50px;}
.detailtext3{display: flex; flex-direction: column;} 
.detailtext3 ul {display: flex; align-items:center;} 
.detailtext3 ul li {flex: 1; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; flex-direction:column;} 
.detailtext3 ul li img {max-width:100%; height:auto;  border-radius:5px;} 
.detailtext3_box{padding-right:30px; text-align:left; box-sizing:border-box;}
.detailtext3_box h2{font-size:18px; margin-bottom:5px; font-weight:bold; line-height:1.2; color:#ff6600;}

@media screen and (max-width:992px) {
.detailtext0{display:block; margin-bottom:20px;}
.detailtext1{display:block; margin-bottom:20px;}
.detailtext2{display:block; margin-bottom:20px;}
.detailtext2 ul{flex-direction: column;}
.detailtext2_box{padding:10px;}
.detailtext2_box h2{font-size:14px;}

.detailtext3{display:block; margin-bottom:20px;}
.detailtext3 ul{flex-direction: column;}
.detailtext3 ul li:last-child{order:-1;}
.detailtext3_box{padding:10px;}
.detailtext3_box h2{font-size:14px;}

}


.works_box{display:block;}
.works_box .works_box_txt{letter-spacing:-8px;}
.works_box .works_box_txt li{display:inline-block; letter-spacing:normal; vertical-align:top; width:100%; position:relative; cursor:pointer; background:none; padding-left:0; margin-left:0;}

.works_box .fa-caret-right{ background:url(../images/right.jpg) center center no-repeat; width:20px; height:20px; float:right;}
.works_box .iconRotate{transform: rotate(90deg); transition: transform 0.5s;}
.works_box .fa-caret-right:hover{cursor:pointer;}
.works_box .d-firstNav{color:#00b3c0; position:relative; padding:15px 10px 15px 20px; line-height:20px; box-sizing:border-box;border-bottom:1px rgba(0,0,0,0.1) dotted; background:url(../images/dian.svg) left center no-repeat; background-size:10px; font-weight:normal;}
.works_box .d-secondNav{position:relative; padding:12px; line-height:20px; border-bottom:1px rgba(255,255,255,0.1) solid; box-sizing:border-box; font-size:14px; background:#7f7f7f;}
.works_box .d-secondNav a{color:#fff;}
.works_box .d-secondNav a:hover{color:#ff6600;}
.works_box .s-secondItem{background:url(../images/point.png) 12px center no-repeat; position:relative; padding:12px 12px 12px 24px; line-height:20px; border-bottom:1px #ededed solid;box-sizing:border-box;}
.works_box .d-secondDrop{box-sizing:border-box;}
.works_box .s-firstDrop,.s-secondDrop {display:none; padding:20px; background:#fafafa; box-sizing:border-box; margin:0;}
@media screen and (max-width:1366px) {
.works_box .s-firstDrop,.s-secondDrop{padding:20px;}
}
@media screen and (max-width:1024px) {
.works_box .s-firstDrop,.s-secondDrop{padding:20px;}
.works_box .d-firstNav{font-size:16px;}
}
@media screen and (max-width:992px) {
.works_box .s-firstDrop,.s-secondDrop{padding:20px;}
.works_box .d-firstNav{font-size:14px;}
}




.page404{ width:100%; margin:300px 0 200px 0; text-align:center;}
.page404 img{ width:auto; display:inline-block;}
@media screen and (max-width:992px) {
.page404{ width:80%; margin:100px 10%; text-align:center;}
.page404 img{ width:auto; max-width:100%; display:inline-block;}
}

.videolist{position:absolute; bottom:0; right:0; width:50px; height:50px; z-index:22; background:#ff0000 url(../images/video.png) center center no-repeat; background-size:32px;}
/*视频弹窗*/
.masklayer{position: fixed;display: none;width:100%;height:100%; top:0px; left:0px;background-color:rgba(0, 0, 0, 0.8);z-index:99999; -webkit-user-select: none;-ms-user-select: none;}
.vclose { position:absolute;right:30px; top:30px;cursor: pointer; width:50px; height:50px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:8%;}
.videos video{width:100%; height:100%;}
.videolist {cursor:pointer;}
@media screen and (max-width:992px) {
.vclose { position:absolute;right:10px; top:10px; cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:8%;}
.videolist {}
}

.searchlist{overflow:hidden; box-sizing:border-box; margin:50px 0;}
.searchlist h2{ font-size:24px; font-weight:bold; margin-bottom:10px;}
.searchlist ul{overflow:hidden;}
.searchlist ul li{border-bottom:1px #CCCCCC dotted; overflow:hidden; padding:20px 0px;}
.searchlist ul li:hover{background:#ffffff;}
.searchlist ul li{line-height:24px;}
.searchlist ul li h4{font-size:18px; text-align:left;}
.searchlist ul li p{font-size:16px; color:#999999;}
.searchlist ul li p span{ margin-right:35px;}
@media screen and (max-width:992px) {
.searchlist{margin:20px 0; padding:20px;}
.searchlist h2{font-size:18px; margin-bottom:0px;}
.searchlist ul li{padding:10px 0px;}
}

.feedback{width:80%; padding:60px; box-sizing:border-box; margin:100px auto 100px; border-radius:5px; background:#f5f5f5;}
.feedback h2{font-size:24px;font-weight:bold; color:#ff6600;}
.feedback h4{height:4px; width:50px; background:#ff6600; margin:20px 0;}
.feedback_btn{width:fit-content; height:40px; line-height:40px; background:#ff6600; color:#fff; border-radius:5px; text-align:center;-webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; display:inline-block; padding:0 25px; margin-top:30px;}
.feedback_btn:hover{background:#ff6600; color:#fff;}
@media screen and (max-width:992px) {
.feedback{width:90%; padding:30px; margin:50px auto;}
.feedback h2{font-size:18px;}
.feedback h4{height:2px; width:30px; margin:10px 0;}
.feedback_btn{margin-top:10px;}
}


.global_left_top{position:fixed; right:10px; bottom:20px; z-index:99;}
#myback{width:50px; height:50px;}
#myback img{width:100%;}
.myback_active{opacity:0!important;}
#mymeil{width:50px; height:50px; margin-bottom:10px;}
#mymeil img{width:100%;}
@media screen and (max-width:992px){
.global_left_top{bottom:10px;}
#myback{width:35px; height:35px;}
#mymeil{width:35px; height:35px;}
}


#infoFormDiv{display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); padding:3%; background-color: #fff; z-index:1000; width:50%; box-sizing:border-box; border-radius:10px;}
#infoFormDiv ul h2{ font-size:28px; line-height:1.2; text-align:center; margin-bottom:20px; font-weight:700;font-family: "LexendBold";}
#infoFormDiv ul p{text-align:center; margin-top:10px;}
#infoFormDiv li {overflow:hidden;}
#infoFormDiv li:nth-child(n+2) {margin-top:3%; text-align:center;}
#overlay{display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.7); z-index: 999;}

.msg_name_input,.msg_mail_input,.msg_textarea2{padding:0px 15px; background:#fafafa; box-sizing:border-box; font-family:"HarmonyOS_Sans_Regular", Helvetica, sans-serif; border-radius:5px; border:1px #eaeaea solid;}
.msg_name_input,.msg_mail_input {float:left; width:48.5%; line-height:50px; height:50px;}
.msg_mail_input{margin-left:2%;}

.msg_name_input::-webkit-input-placeholder{color: #666666!important; opacity:1;}
.msg_mail_input::-webkit-input-placeholder{color: #666666!important; opacity:1;}
.msg_textarea2::-webkit-input-placeholder{color: #666666!important; opacity:1;}


.msg_textarea2 {width:100%;line-height:24px; resize:none; color:#222222; padding:10px; box-sizing:border-box;}
.msg_submit_2{width:fit-content; height:40px; line-height:40px; text-align:center; text-transform:uppercase; color:#ffffff; background:#00b3c0; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:25px; padding:0 30px; display:inline-block;}
.msg_submit_2:hover{background:#ff6600; color:#ffffff;}

.msg_cancel{width:40px; height:40px; background:#00b57c; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:100%; position:absolute; right:-10px; top:-10px; display:flex; align-items:center; justify-content: center;}
.msg_cancel img{width:60%; height:auto;transition: transform 1s ease;}
.msg_cancel:hover{background:#ff6600;}
.msg_cancel:hover img{transform: rotate(180deg);}

@media screen and (max-width:992px) {
#infoFormDiv{padding:5% 5%; width:90%;}
#infoFormDiv ul h2{ font-size:16px; margin-bottom:10px;}
.msg_name_input,.msg_mail_input {float:none; width:100%; line-height:40px; height:40px; margin-bottom:10px;}
.msg_mail_input{margin-left:0;}
#infoFormDiv li:nth-child(n+2) {margin-top:10px;}
.msg_submit_2{height:30px; line-height:30px; margin-right:10px;}
.msg_cancel{height:30px; width:30px;}
}