/* 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.5; color:#ffffff;}
input:-moz-placeholder,textarea:-moz-placeholder{opacity:0.5; color:#ffffff;}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:0.5; color:#ffffff;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:0.5; color:#ffffff;}

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

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

body {font-size:16px; color:#222222; font-family:"Lucida-Bright", 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:1250px;}
@media screen and (max-width:768px) {
body {font-size:13px; line-height:20px;}
.main {width:92%;}
}


.header{position:absolute; top:0; left:0; z-index:99; width: 100%; display:flex; align-items: center; justify-content:space-between; padding:25px 0; box-sizing:border-box;}

.header_logo {flex-shrink:0; text-align:center; width:100%; margin-bottom:15px;}
.header_logo img{display: inline-block;  max-width:100%; width:auto; height:auto;filter: brightness(0) invert(1);}

.header_nav{display:flex; box-sizing: border-box; justify-content:space-between;}
.header_nav>.mNavList{display:flex; width:100%; justify-content: space-between; border-top:1px rgb(255,255,255,0.3) solid; border-bottom:1px rgb(255,255,255,0.3) solid;}
.header_nav>.mNavList>li{position:relative; display:inline-block; text-align:center; line-height:50px; height:50px; box-sizing:border-box;font-size:18px;}
.header_nav>.mNavList>li>a{color:#ffffff;}
.header_nav>.mNavList>li>a:hover{color:#ff6600;}
.header_nav>.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_nav>.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);}

#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:52px; width:240px; z-index:1; background-color:rgba(255,255,255,1);transition:all .3s ease-in-out;}
#menu ul li{margin:0; padding:10px 25px; width:100%; height:auto; line-height:24px; background:none; border-bottom:1px rgba(0,0,0,0.10) dotted; text-transform:capitalize; border-left:0; box-sizing:border-box; color:#222222!important; text-align:left; font-size:16px; position:relative;transition:all .3s ease-in-out; font-weight:normal;}
#menu ul li a{display:block; font-weight:normal!important; color:#222222!important;}
#menu ul li:hover{background:#f5f5f5; padding:10px 20px 10px 30px;}
#menu ul li:hover a{color:#ff6600!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 240px;}
#menu ul li ul {top:0px; left:0px; margin:0 0 0 260px; display:block; border-top:0;transition:all .3s ease-in-out;width:240px;}
#menu ul li ul li:hover a{color:#ff6600!important;}

@media screen and (max-width:1366px){  
.header_nav>.mNavList>li{font-size:16px;}
#menu ul li{font-size:14px;}
}  

@media screen and (max-width:1240px){  
.header_nav>.mNavList>li{font-size:14px;}
#menu ul li{font-size:14px;}
}  

.m-header {display:none;}
@media screen and (max-width:768px) {
.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:700;}

.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:#0f6a46; 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:#0f6a46; 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:16px; border-top:1px rgba(255,255,255,0.05) solid;}
.m-nav ul li img{ height:20px; width:auto; margin-right:10px; float:left; margin-top:12px;}
.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:14px; color:#fff; line-height:20px; text-align:left; padding:10px 10px 10px 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;}
}



/***index htitle***/
.index_htitle{width:100%; box-sizing:border-box;position:relative; text-align:center;}
.index_htitle h2{font-size:48px; line-height:1.1; text-transform:uppercase; position:relative; z-index:3; width:fit-content; margin:0 auto; font-weight:700; letter-spacing:1px;}
.index_htitle .ptxt{width:90%; margin:0px auto 10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; color:#0f6a46; letter-spacing:1px; font-size:14px; text-transform:uppercase;}
.index_htitle .ptxt2{width:100%; margin:0px auto;}
.index_htitle .ptxt2 img{ width:auto; max-width:100%; display:inline-block;}
@media screen and (max-width:1366px) {
.index_htitle h2{font-size:36px;}
}

@media screen and (max-width:1024px) {
.index_htitle h2{font-size:24px;}
}

@media screen and (max-width:768px) {
.index_htitle{margin-bottom:10px;}
.index_htitle h2{font-size:20px;}
.index_htitle .ptxt{width:100%; font-size:12px;}
.index_htitle .ptxt2{width:100%; font-size:14px;}
}


.div_more{text-align:center;}
.div_more_top{ margin-top:50px;}
.more{display:inline-block;height:45px; line-height:45px; padding:0 35px; text-align:center; border-radius:25px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff; background:#0f6a46;}
.more:hover{color:#ffffff!important; background:#ff6600;}
@media screen and (max-width:768px) {
.div_more_top{ margin-top:25px;}
.more{height:30px; line-height:30px; padding:0 20px; font-size:12px;}
}

.more_btn{background:#0f6b46; height:45px; line-height:45px; position:relative; padding:0 20px; 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:#ff6600; z-index:2; transition:300ms ease-out;border-radius:5px;}
.more_btn:hover:after{left:0; height:100%;}

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

@media screen and (max-width:1024px) {
.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:768px) {
.more_btn{height:35px; line-height:35px; font-size:12px;}
.more_btn .more_btn_txt{height:35px; line-height:35px;}
}


.mod1{width:100%; box-sizing:border-box; position:relative; background:#000000; overflow:hidden;}
.mod1_img{ width:100%; max-width:100%;}
.mod1_txt{position:absolute; width:100%; top:58%; transform:translateY(-58%); right:0; z-index:3; text-align:center; color:#fff; box-sizing:border-box;}
.mod1_txt h2{font-size:60px; text-transform:uppercase; font-weight:700; margin-bottom:5px; line-height:1.2; text-shadow:4px 8px 10px rgba(0, 0, 0, 0.4); letter-spacing:2px;}
.mod1_txt .ptxt{text-shadow:4px 8px 10px rgba(0, 0, 0, 0.4); font-size:20px; line-height:2;}
.mod1_txt .ptxt b,.mod1_txt .ptxt strong{font-size:32px; font-weight:normal;}
@media screen and (max-width:1366px){
.mod1_txt{top:65%; transform:translateY(-65%);}
.mod1_txt h2{font-size:36px; margin-bottom:5px;}
.mod1_txt .ptxt{line-height:1.8; font-size:16px;}
.mod1_txt .ptxt b,.mod1_txt .ptxt strong{font-size:24px;}
}

@media screen and (max-width:1024px){
.mod1_txt{top:70%; transform:translateY(-70%);}
.mod1_txt h2{font-size:24px;}
.mod1_txt .ptxt{line-height:1.8; font-size:14px;}
.mod1_txt .ptxt b,.mod1_txt .ptxt strong{font-size:16px;}
}

@media screen and (max-width:768px){
.mod1{margin-top:45px;}
.mod1_txt{top:50%; transform:translateY(-50%);}
.mod1_txt h2{font-size:18px; font-weight:normal; letter-spacing:0;}
.mod1_txt .ptxt{line-height:1.6; font-size:12px;}
.mod1_txt .ptxt b,.mod1_txt .ptxt strong{font-size:14px;}
}



.mod2{width:100%; padding:5% 0px; box-sizing:border-box; overflow:hidden; background:#ffffff url(../images/logobg.png) left top no-repeat;}
.mod2_box1{width:fit-content; margin:15px auto;border-radius:25px; overflow:hidden;}
.mod2_box1 img{width:auto; max-width:200px; }
.mod2_box2{text-align:center; line-height:32px; margin-bottom:20px;}
@media screen and (max-width:768px){
.mod2{padding:10% 0px;}
.mod2_box2{line-height:28px; margin-bottom:10px;}
}


.mod2_box_end{display:block; overflow:hidden; width:90%; margin:50px auto 0;}
.mod2_box_end ul{display:grid; grid-template-columns:repeat(3, 1fr); /* 一行三列 */ gap:50px;}
.mod2_box_end ul li{flex:1; text-align:center;}
.mod2_box_end ul li h2{font-size:60px; line-height:60px; width:fit-content; display:inline-block; color:#3d8f34; font-weight:700;}
.mod2_box_end ul li .ptxt{font-size:18px;}
.mod2_box_end ul li .ptxt2{font-size:18px; color:#3d8f34;}

@media screen and (max-width:1366px){
.mod2_box_end ul li h2{font-size:45px; line-height:45px;}
.mod2_box_end ul li .ptxt{font-size:14px;}
.mod2_box_end ul li .ptxt2{font-size:14px;}
}

@media screen and (max-width:1024px){
.mod2_box_end ul li h2{font-size:32px; line-height:32px;}
.mod2_box_end ul li .ptxt{font-size:12px;}
.mod2_box_end ul li .ptxt2{font-size:12px;}
}

@media screen and (max-width:768px){
.mod2_box_end{width:100%; margin:30px auto 0;}
.mod2_box_end ul{grid-template-columns:repeat(2, 1fr); gap:30px;}
.mod2_box_end ul li h2{font-size:32px; line-height:32px;}
.mod2_box_end ul li .ptxt{font-size:14px;}
.mod2_box_end ul li .ptxt2{font-size:14px;}
}

.mod3{width:100%; padding:5% 0px; box-sizing:border-box; overflow:hidden; background:#e7f4ec;}
.mod3_box{display:block; overflow:hidden; margin:30px auto 0;}
.mod3_box ul{display:grid; grid-template-columns:repeat(4, 1fr); gap:40px;}
.mod3_box ul li{flex:1; text-align:center;}
.mod3_box ul li p{text-align:center; margin-top:10px;}
.mod3_box ul li .imgbox{border-radius:50px; overflow:hidden;}
@media screen and (max-width:768px){
.mod3{padding:10% 0px;}
.mod3_box{margin:20px auto 0;}
.mod3_box ul{grid-template-columns:repeat(2, 1fr); gap:30px;}
.mod3_box ul li .imgbox{border-radius:25px;}
}


.mod4{width:100%; padding:5% 0px; box-sizing:border-box; overflow:hidden;  background:linear-gradient(to bottom, #2e8133, #53a558); bottom center no-repeat; background-size:cover;}
.mod4 .index_htitle h2{color:#ffffff; margin-bottom:10px;}
.mod4 .index_htitle .ptxt2{color:#ffffff; opacity:0.8;}
.mod4_box{margin:20px 0 0 0; position:relative;}
.mod4_box img{border-radius:25px; overflow:hidden;}
.mod4_box .swiper-pagination-bullet-active{ background:#ff6600;}
@media screen and (max-width:768px){
.mod4{padding:10% 0px;}
.mod4_box .swiper-pagination{bottom:0!important;}
}


.mod5{width:100%; padding:2.5% 0px; box-sizing:border-box; overflow:hidden; background:#e7f4ec;}

.mod5_box{display:block; overflow:hidden;}
.mod5_box ul{overflow:hidden; width:90%; margin:0 auto;}
.mod5_box ul li{border-radius:50px; box-shadow:0 0 10px 0 #dddddd; margin-bottom:50px; display:flex;align-items: center; background:#ffffff; overflow:hidden;}
.mod5_box ul li:last-child{margin-bottom:0;}

.mod5_box_left{width:60%; padding:0 0 0 50px; box-sizing: border-box;}
.mod5_box_left h2{ font-size:48px; line-height:1.1;}
.mod5_box_left .ptxt{}
.mod5_box_left .mod5_box_left_btn{margin-top:20px;}
.mod5_box_left .mod5_box_left_btn a{color:#3d8f34;}
.mod5_box_left .mod5_box_left_btn a:hover{color:#ff6600;}
.mod5_box_right {width:40%;}
.mod5_box_right img{width:100%; height: auto; clip-path: ellipse(100% 120% at 100% 50%);}

@media screen and (max-width:768px){
.mod5{padding:10% 0px;}
.mod5_box ul{width:100%;}
.mod5_box ul li{border-radius:25px; margin-bottom:25px; display:block;}

.mod5_box_left{width:100%; padding:30px 30px 10px 30px; text-align:center!important;}
.mod5_box_left h2{font-size:20px; margin-bottom:10px;}
.mod5_box_left .mod5_box_left_btn{margin-top:10px;}
.mod5_box_right {width:100%;}
.mod5_box_right img{width:100%; height: auto; clip-path:none;}
}


.mod6{width:100%; padding:5% 0px; box-sizing:border-box; overflow:hidden; background:#ffffff;}
@media screen and (max-width:768px){
.mod6{padding:10% 0px;}
}


.mod7{width:100%; padding:5% 0px; box-sizing:border-box; overflow:hidden; background:#e7f4ec;}
.mod7_box{display:block; overflow:hidden; margin:30px auto 0;}
.mod7_box ul{display:grid; grid-template-columns:repeat(2, 1fr); gap:50px;}
.mod7_box ul li{flex:1; text-align:center;}
.mod7_box ul li h2{font-size:36px; line-height:1.1; font-weight:700; margin-top:10px;}
.mod7_box ul li .ptxt{text-align:center; margin-top:5px;}
.mod7_box ul li .imgbox{border-radius:50px; overflow:hidden;}

@media screen and (max-width:1366px){
.mod7_box ul li h2{font-size:24px;}
}

@media screen and (max-width:1024px){
.mod7_box ul li h2{font-size:18px;}
}

@media screen and (max-width:768px){
.mod7{padding:10% 0px;}
.mod7_box{margin:20px auto 0;}
.mod7_box ul{gap:30px;}
.mod7_box ul li h2{font-size:16px;}
.mod7_box ul li .imgbox{border-radius:25px;}
}


/***footer***/
.footer {position:relative; padding:250px 0 0 0; background:#222222; margin-top:80px;  box-sizing:border-box;}

.footer_left{width:35%; padding:0 0 40px 0; margin-right:8%; box-sizing:border-box; float:left;}
.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; line-height:30px; margin-bottom:20px; font-weight:700;}
.footer_left_contact ul{overflow:hidden;}
.footer_left_contact ul li{margin-bottom:20px; padding-left:32px; line-height:24px; background-repeat:no-repeat; background-size:24px; background-position:top left; opacity:0.7;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; width:fit-content;}
.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:last-child{margin-bottom:0;}
.footer_left_contact ul li:hover{opacity:1;}

.footer_left_meadia{overflow:hidden; width:100%; margin-top:30px; display:none;}
.footer_left_meadia h2{ position:relative; font-size:18px; 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:57%; padding:0 0 40px 0; box-sizing:border-box; display:flex; justify-content:space-between; gap:20px;}
.footer_right .footer_nav{flex:1; max-width: calc((100% - 3 * 20px) / 4);}
.footer_nav h2{font-size:18px; margin-bottom:20px; text-transform:uppercase; font-weight:700; 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:15px; 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_copyright {width:100%; text-align:center; color:#ffffff; opacity:0.5; background:rgb(0,0,0,0.5); padding:15px 0; box-sizing:border-box;}

.footer_msn{display:block; padding:50px; box-sizing:border-box; background:#0f6a46; border-radius:25px; position:absolute; left:50%; transform:translateX(-50%); top:-120px; width:90%; max-width:1250px; margin:0 auto;}
.footer_msn h2{font-size:32px; line-height:1.1; color:#fff;}
.footer_msn .ptxt{ color:#ffffff; opacity:0.8; margin-bottom:20px;}

.footer_msn_box{display:flex; align-items:stretch;}
.footer_msn_box_left{width: 85%; display:flex; flex-direction:column;}
.footer_msn_box_left ul:first-of-type{display:flex; justify-content:space-between; gap:20px;}
.footer_msn_box_left ul:first-of-type li{flex:1; max-width: calc((100% - 3 * 20px) / 4);}
.footer_msn_box_left ul:last-of-type li{width:100%; margin-top:15px;}
.footer_msn_box_right{width:13%; display:flex; justify-content:center; align-items:center; margin-left:2%;}
.msg_submit{width:100%; height:100%; background-color:#3d8f34; border:none; color:#ffffff; font-size:18px; cursor:pointer; border-radius:5px; padding: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:15px;line-height:24px; color:#fff; background:rgb(0,0,0,0.1); box-sizing:border-box; border-radius:5px; font-family:"Lucida-Bright", Helvetica, sans-serif;}
.msg_textarea{width:100%;line-height:24px; resize:none;font-family:"Lucida-Bright", Helvetica, sans-serif; padding:15px; color:#fff; background:rgb(0,0,0,0.1); box-sizing:border-box; border-radius:5px;}


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

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

@media screen and (max-width:768px) {
.footer {padding:30px 10px 0 10px;margin-top:0px;}
.footer_left {width:100%; padding:0px; margin-right:0; float:none; margin-top:0px; margin-bottom:15px;}
.footer_left_contact{overflow:hidden; width:100%; margin-top:0px;}
.footer_left_contact h2{font-size:14px; 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 h2{font-size:18px; margin-bottom:5px;}
.footer_right{display:none;}


.footer_msn{padding:25px;position:relative; left:0; transform:translateX(0); top:0px; margin-bottom:20px; width:96%; border-radius:5px;}
.footer_msn h2{font-size:20px; margin-bottom:10px;}
.footer_msn .ptxt{margin-bottom:10px;}
.footer_msn_box{flex-direction: column;}
.footer_msn_box_left{width:100%; display:flex; flex-direction:column;}
.footer_msn_box_left ul:first-of-type{display:flex; flex-direction: column; gap:10px;}
.footer_msn_box_left ul:first-of-type li{width:100%; max-width:none;}
.footer_msn_box_left ul:last-of-type li{width:100%; margin-top:10px;}
.footer_msn_box_right{width:100%; display:flex; justify-content:center; align-items:center; margin-left:0; margin-top:10px;}
.msg_submit{height:50px; line-height:50px; padding:0;}
}



/***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 .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.5;}
.imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}


/************内页banner*************/
.ban {margin:0px auto 0; width:100%;position:relative;}
.ban .addiv{position:absolute; padding:0; text-align:center; color:#ffffff; width:100%; display:inline-block; bottom:5%;}
.ban .addiv h2{font-size:36px; line-height:1.2; text-transform:uppercase; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; z-index:2;}
.ban .addiv_txt{font-size:12px; text-transform:uppercase; letter-spacing:2px; color:rgb(255,255,255,0.4);}

@media screen and (max-width:1366px) {
.ban .addiv h2{font-size:24px;}
}

@media screen and (max-width:1024px) {
.ban .addiv h2{font-size:18px;}
}

@media screen and (max-width:768px) {
.ban {margin:45px auto 0;}
.ban .addiv h2{font-size:16px; line-height:20px;-webkit-line-clamp:2;}
.ban .addiv_txt{font-size:12px; letter-spacing:0;}
}


/*--------内页路径--------*/
#weizhi{width:100%; margin:0 auto; background:#f5f5f5;}
#weizhi2{width:100%; margin:130px auto 0; background:#f5f5f5;}
.weizhi{width:90%; max-width:1250px; margin:0 auto;line-height:20px; padding:15px 0; box-sizing:border-box; font-size:12px; color:#666666;}
.weizhi a{color:#666666;}
.weizhi a:hover{color:#999999;}
.span_right{float:right;}
.home{height:20px; line-height:20px; display:inline-block;background:url(../images/icon5.png) left 1px no-repeat; padding-left:25px;}
.span_list{height:20px; line-height:20px; display:inline-block; background:url(../images/weizhi_right.png) left 1px no-repeat; padding-left:20px;}
@media screen and (max-width:768px) {
#weizhi{margin:0 auto;}
#weizhi2{margin:45px auto 0;}
.weizhi{width:92%; padding:10px 0;}
.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:0 auto; width:90%; max-width:1250px; display:block;}
@media screen and (max-width:768px) {
.wrap {padding:0; width:100%;}
.lymain {width:92%;}
}



/*分页*/
.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;}
.page a:hover{background:#ff6600; color:#fff;}
.pagea{background:#ff6600; color:#ffffff!important;}
@media screen and (max-width:768px) {
.page{padding:5px 0; margin-top:20px;}
.page a{font-size:14px; padding:5px 15px; margin:0;}
}



/*内页子导航*/
.lmlb{width:100%; display:block; overflow:hidden; box-sizing:border-box; margin:40px 0 0 0;}
.lmlb ul{justify-content: space-between;display: flex; border-radius:5px; overflow:hidden;}
.lmlb ul li{flex-grow:1; text-align:center; line-height:55px; transition:all 0.3s ease-in-out; background:#0f6a46; color:#ffffff; border-right:1px rgb(255,255,255,0.6) solid;}
.lmlb ul li:hover{background:#3d8f34; color:#ffffff;}
.lmlb ul li:last-child{border-right:0;}
.lmlb ul li img{display:block; margin:15px auto -15px; width:35px; height:auto;}
.lmlb ul li a{color:#fff; display:block; font-size:18px;}
.lmlbnotes{ margin-top:20px; border-top:1px #ecf5ff dotted; padding-top:20px;}
#lmlbonsec {background:#3d8f34; color:#ffffff;}
#lmlbonsec a{color:#ffffff;}

@media screen and (max-width:1366px) {
.lmlb ul li{line-height:50px;}
.lmlb ul li a{font-size:16px;}
}

@media screen and (max-width:1024px) {
.lmlb ul li{line-height:40px;}
.lmlb ul li a{font-size:14px;}
}

@media screen and (max-width:768px) {
.lmlb{ margin:20px 0 0 0;}
.lmlb ul li{line-height:20px; padding:10px;}
.lmlb ul li img{display:block; margin:10px auto 0px; width:24px;}
.lmlb ul li a{font-size:12px;}
.lmlbnotes{ margin-top:10px; padding-top:10px;}
}



/***about htitle***/
.about_htitle_box{margin:0 0 50px 0; overflow:hidden;}
.about_htitle{ position:relative; border-bottom:1px #dddddd solid;text-align:center; margin-bottom:15px;}
.about_htitle h2{font-size:42px; box-sizing:border-box; position:relative; width:fit-content; font-weight:700; margin:0 auto; text-transform:uppercase; line-height:1; padding-bottom:6px;}
.about_htitle h2::after {content: ''; display:block; width:100%; height:5px; background-color:#3d8f34; margin-top:4px; position:absolute; left:0;}
.about_ptxt{width:100%; margin:0px auto; text-align:center; line-height:32px; color:#333333;}
.about_ptxt img{ width:auto; max-width:100%; display:inline-block;}
@media screen and (max-width:1366px) {
.about_htitle h2{font-size:36px;}
}

@media screen and (max-width:1024px) {
.about_htitle h2{font-size:24px;}
}

@media screen and (max-width:768px) {
.about_htitle_box{margin:0 0 30px 0;}
.about_htitle{margin-bottom:10px;}
.about_htitle h2{font-size:20px;padding-bottom:4px;}
.about_htitle h2::after {height:3px; margin-top:3px;}
.about_ptxt{line-height:24px;}
}

.about_mod1{display:block; padding:80px 0; width:100%; box-sizing:border-box;}
@media screen and (max-width:768px){
.about_mod1{padding:40px 0;}
}

.about_mod2{display:block; padding:80px 0; width:100%; box-sizing:border-box; background:#e7f4ec;}
.about_mod2 ul{display:flex; margin-top:30px; gap:5px; flex-wrap:wrap;}
.about_mod2 li{display:flex; flex-direction:column; background:#0f6b46; flex: 1 1 calc(25% - 5px); }
.about_mod2 li:nth-child(2), .about_mod2 li:nth-child(4){ flex-direction: column-reverse; background:#4ea244;}

.about_top, .about_end {width:100%; height:50%;}
.about_top{box-sizing:border-box; overflow:hidden;}
.about_top img{width:100%; height:100%;}
.about_end {padding:40px; box-sizing:border-box; color:#ffffff; display:flex; flex-direction:column; justify-content: center;}
.about_end h2{font-size:18px; line-height:1; margin-bottom:10px; font-weight:700;}
.about_end .ptxt{ opacity:0.8;}
@media screen and (max-width:768px){
.about_mod2{padding:40px 0;}
.about_mod2 ul{margin-top:20px;}
.about_mod2 ul li{flex: 1 1 calc(50% - 5px);}
.about_end {padding:10px;}
.about_end h2{font-size:14px; margin-bottom:5px; font-weight:normal;}
.about_end .ptxt{line-height:16px;}
}

.about_mod3{display:block; padding:80px 0; width:100%; box-sizing:border-box;}
@media screen and (max-width:768px){
.about_mod3{padding:40px 0;}
}


.strengths{display:block; padding:50px 0 100px 0; width:100%; box-sizing:border-box;}
.strengths_box{display:block; overflow:hidden; margin:30px auto 0;}
.strengths_box ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px;}
.strengths_box ul li{flex:1; text-align:center;}
.strengths_box ul li .imgbox{border-radius:25px; overflow:hidden;}
.strengths_box ul li .box_txt{margin-top:15px;}
.strengths_box ul li .box_txt h2{font-size:24px; color:#0f6a46;}
.strengths_box ul li .ptxt{text-align:center; margin-top:10px; opacity:0.7;}
@media screen and (max-width:1366px) {
.strengths_box ul li .box_txt h2{font-size:18px;}
}

@media screen and (max-width:1024px) {
.strengths_box ul li .box_txt h2{font-size:16px;}
}
@media screen and (max-width:768px){
.strengths{padding:40px 0;}
.strengths_box{margin:20px auto 0;}
.strengths_box ul{grid-template-columns:repeat(2, 1fr); gap:20px;}
.strengths_box ul li .imgbox{border-radius:25px;}
.strengths_box ul li .box_txt h2{font-size:16px;}
}



/*contact us*/
.contact{overflow:hidden; margin:80px 0 180px 0;}
.contact ul{letter-spacing:-8px; margin:50px 0 0 0;}
.contact ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:22.75%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative;box-sizing:border-box; overflow:hidden; border:1px #dddddd dotted; text-align:center; padding:40px 10px; border-radius:5px;}
.contact ul li:not(:nth-of-type(4n)){margin-right:3%;}
.contact ul li:nth-child(n+5){margin-top:3%;}
.contact ul li img{width:65px; margin:0 auto 10px;}
.contact ul li p{line-height:24px;}
.contact ul li p b{font-size:18px; line-height:40px;}

@media screen and (max-width:1024px) {
.contact ul li p b{font-size:16px; line-height:30px;}
}

@media screen and (max-width:768px) {
.contact{margin:40px 0;}
.contact ul{margin:20px 0 0 0;}
.contact ul li{width:100%; padding:15px;}
.contact ul li:not(:nth-of-type(3n)){margin-right:0;}
.contact ul li:nth-child(n+2){margin-top:25px;}
.contact ul li img{width:45px;}
.contact ul li p{line-height:24px;}
.contact ul li p b{font-size:16px;line-height:30px;}
}


/*新闻*/
.newslist{display:block; margin:50px 0 150px 0;}
.newslist ul{letter-spacing:-8px;}
.newslist ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:100%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; box-sizing:border-box; overflow:hidden; border-bottom:1px #eaeaea solid; padding-bottom:40px; margin-bottom:40px;}
.newslist ul li:last-child{padding-bottom:0; margin-bottom:0; border-bottom:0;}
.newslist ul li .imgbox{width:25%; float:left; border-radius:25px;}
.newslist ul li .news_box{width:75%; float:right; padding-left:40px; box-sizing:border-box;}
.newslist ul li .news_title{font-size:24px; font-weight:700; margin:0 0 10px 0; line-height:1.2; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.newslist ul li .ptxt{line-height:26px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; opacity:0.8;}
.newslist ul li .news_more{margin-top:15px;}

@media screen and (max-width:1366px) {
.newslist ul li .news_title{font-size:16px; margin:10px 0; line-height:20px;}
}

@media screen and (max-width:1024px) {
.newslist ul li .news_title{font-size:16px; margin:5px 0; line-height:18px;}
}

@media screen and (max-width:768px) {
.newslist{margin:20px auto;}
.newslist ul li{background:none; padding:0; box-shadow:none; border-radius:0; border:none;}
.newslist ul li .imgbox{width:100%; float:none;}
.newslist ul li .news_box{width:100%; float:none; padding-left:0px;}
.newslist ul li .news_title{font-size:16px; -webkit-line-clamp:4; line-height:1.2;}
.newslist ul li .ptxt{line-height:24px; height:auto;}
.newslist ul li .news_date{background:url(../images/date.svg) left 2px no-repeat; background-size:18px;}
.newslist ul li .news_more{padding-top:10px; margin-top:5px;}
}



/*新闻详情页*/
.newsshow{overflow:hidden; padding:50px; box-sizing:border-box; background:#ffffff; border:1px #eaeaea solid; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); margin:50px 0 170px 0; border-radius:5px;}
.news_xxjs{line-height:30px!important; word-break:break-word!important; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:30px!important;font-size:16px!important;}
.news_xxjs img{width:auto; max-width:100%;display: initial; margin:10px 20px 10px 0;}
.news_xxjs video{width:100%; height:100%; object-fit:fill; overflow:hidden;}

.news_title{text-align:left;}
.news_title h1{font-size:36px;line-height:1.2; font-weight:700; margin-bottom:5px;}
.news_title h1 span{ float:right;}

.pubdate{margin:0 0 20px 0; overflow:hidden; color:#999999; font-size:14px;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}

.news_xxjs table{width:100%!important; border:0;}
.news_xxjs table br{display:block; content: ""; height:0px;}
.news_xxjs td{padding:4px 10px; font-size:12px!important; border:1px #dddddd solid!important;line-height:20px!important;word-break:break-all!important;}
.news_xxjs td p,.news_xxjs td span{font-size:12px!important;line-height:20px!important;word-break:break-all!important;}
.news_xxjs th{padding:4px 10px; font-size:12px!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:12px!important;line-height:20px!important;word-break:break-all!important;}

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

@media screen and (max-width:768px) {
.newsshow{padding:0; border:none; margin:20px 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:14px!important;}
.news_xxjs video{width:100%; height:100%; object-fit:fill; overflow:hidden;}
.news_xxjs img{margin:10px 0;}
.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{width:auto!important; min-width:100%; display:table; white-space:nowrap; border:0;}
}


/*相关资讯*/
.Information{overflow:hidden;margin:40px 0 0 0; background:#f5f5f5; padding:20px; box-sizing:border-box;}
.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{border-bottom:1px dotted #dcdcdc; line-height:22px; padding:10px;}
.Information li span{float:right; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width:768px) {
.Information{margin:20px 0 0 0; padding:10px;}
}




/*产品列表*/
.prodcate_list{display:block; padding:50px 0 100px 0; box-sizing:border-box; position:relative;}
.prodcate_list_box{overflow:hidden;margin-bottom:60px;}
.prodcate_list_box:last-child{margin-bottom:0;}
.prodcate_list_txt{overflow:hidden;}
.prodcate_list_txt h2{font-size:32px; line-height:1.2; font-weight:700;}

.prodcate_list_txt .ptxt{overflow:hidden; margin-top:10px; opacity:0.8; margin-bottom:20px;}
.prodcate_list_txt .ptxt table{width:100%;}
.prodcate_list_txt .ptxt td{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.prodcate_list_txt .ptxt td p,.prodcate_list_txt .ptxt td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.prodcate_list_txt .ptxt th{padding:6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.prodcate_list_txt .ptxt th p,.prodcate_list_txt .ptxt th span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}

.prodcate_list_prod{text-align:left; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing:border-box; overflow:hidden; display:block;}
.productlistul{ letter-spacing:-8px; overflow:hidden;}
.productlistul li{letter-spacing:normal; vertical-align:top; position: relative; width:31.333%; display:inline-block; box-sizing:border-box; border-radius:25px; overflow:hidden; border:1px #efefef solid; box-shadow:0 0 8px 0 #f5f5f5; background:#ffffff;}
.productlistul li:not(:nth-of-type(3n)){ margin-right:3%;}
.productlistul li:nth-child(n+4){margin-top:3%;}
.productlistul li .div_txt{margin:15px; box-sizing:border-box; text-align:center;}
.productlistul li .div_txt h2{font-size:18px; font-weight:normal;}
.productlistul li .div_txt .ptext{overflow:hidden; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; opacity:0.75;}
.productlistul li:hover a{color:#ff6600;}
@media screen and (max-width:1250px) {
.productlistul li .div_txt h2{font-size:20px; margin-bottom:5px;}
}
@media screen and (max-width:1366px) {
.productlistul li .div_txt h2{font-size:18px; margin-bottom:5px;}
}
@media screen and (max-width:1024px) {
.productlistul li .div_txt h2{font-size:16px; margin-bottom:5px;}
}


@media screen and (max-width:768px) {
.prodcate_list{margin:20px 0; padding:0px;}
.prodcate_list_box{margin-bottom:20px; margin-top:20px;}
.prodcate_list_txt h2{font-size:18px;line-height:20px;}
.prodcate_list_txt .ptxt{line-height:24px!important; font-size:13px; margin-bottom:10px;}
.prodcate_list_txt .ptxt table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; margin-bottom:5px; padding-bottom:10px; border:1px #ddd solid;}
.prodcate_list_prod{text-align:left; margin-top:0px; margin-right:0%; width:100%;}

.productlistul li{width:48.5%;}
.productlistul li:not(:nth-of-type(3n)){ margin-right:0;}
.productlistul li:not(:nth-of-type(2n)){ margin-right:3%;}
.productlistul li:nth-child(n+3){margin-top:3%;}
.productlistul li .div_txt{margin:10px;}
.productlistul li .div_txt h2{font-size:14px;}
}



/*产品中心*/
.prod_box{display:block; padding:50px 0 100px 0; box-sizing:border-box; position:relative;}

.prod_details_top{margin:0 0 60px 0; overflow:hidden; display:flex; align-items:stretch;}
.product_right_top_left{flex:1; max-width:50%;}
.product_right_top_left img{box-sizing:border-box;border:1px #dddddd solid;}
.swiper-container-thumbs{margin-top:10px;}
.swiper-container-thumbs img{cursor:pointer; border:1px #dddddd solid; box-sizing:border-box;}
.swiper-slide-thumb-active img{border:1px #e9011a solid; box-sizing:border-box;}

.product_right_top_right{flex:1; max-width:50%; padding-left:5%;}
.product_right_top_right h1{font-size:36px; padding-bottom:20px; line-height:1.2; font-weight:700;}
.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_tags{line-height:28px; width:100%; overflow:hidden; margin-bottom:30px;}
.product_right_top_right_tags b, .product_right_top_right_tags strong{font-size:16px;}


.product_right_top_btn{margin-top:30px; overflow:hidden;}
.productlist_more{line-height:45px; background-color:#0f6a46; color:#fff; border-radius:25px; cursor:pointer; padding:0 40px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; width:fit-content;font-size:16px; display:inline-block; margin-right:10px;}
.productlist_more:hover {background-color:#ff6600;}

.productlist_more2{line-height:45px; background-color:#222222; color:#fff; border-radius:25px; cursor:pointer; padding:0 40px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; width:fit-content;font-size:16px; display:inline-block;}
.productlist_more2:hover {background-color:#ff6600;}

@media screen and (max-width: 1366px) {
.product_right_top_right h1{font-size:24px; padding-bottom:20px; line-height:1.2;}
}

@media screen and (max-width: 768px) {
.prod_box{padding:20px 0;}
.prod_details_top{margin:0 0 30px 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:30px;}

.product_right_top_right h1{font-size:20px;}
.product_right_top_right_tags{line-height:24px; margin-bottom:15px;}

.product_right_top_btn{margin-top:10px;}
.productlist_more{padding:0 30px;font-size:14px; height:35px; line-height:35px; margin-right:5px;}
.productlist_more2{padding:0 30px;font-size:14px; height:35px; line-height:35px;}
}



.prod_details_end_box .Information{ margin-top:0;}
.prod_details_end_box{display:block; overflow:hidden; margin-bottom:50px;}
.prod_details_end_box:first-child{ margin-top:0;}
.prod_details_end_box h2{font-size:24px; font-weight:700; margin-bottom:15px; padding:10px 15px; box-sizing:border-box; position:relative; background:#f5f5f5; border-radius:5px 5px 0 0;}
.prod_details_end_box h2::before {content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#0f6a46;}  

.prod_details_end_txt{line-height:28px!important; word-break:break-word!important; overflow:hidden;}
.prod_details_end_txt_img{max-width:30%; float:left; margin-right:20px; margin-bottom:10px;}
.prod_details_end_txt p,.prod_details_end_txt span{line-height:28px!important;}
.prod_details_end_txt br{display: block; content: ""; height:18px;}

.prod_details_end_txt table{width:100%;}
.prod_details_end_txt table tr:nth-child(even){background-color:#f5f5f5;}
.prod_details_end_txt table tr:nth-child(odd){background-color:#ffffff;}
.prod_details_end_txt td{padding:10px 6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt td p,.prod_details_end_txt td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt th{padding:10px 6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt th p,.prod_details_end_txt th span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt img{width:auto; max-width:100%; margin:0 auto; display:inline; height:auto;}
@media screen and (max-width:768px){
.prod_details_end_box{margin-bottom:20px;}
.prod_details_end_box h2{font-size:16px; line-height:20px; height:auto; margin-bottom:10px; padding:10px;}
.prod_details_end_txt{line-height:24px!important;}
.prod_details_end_txt p,.prod_details_end_txt span{line-height:24px!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_box2 .Information{ margin-top:0;}
.prod_details_end_box2{display:block; overflow:hidden; margin-bottom:50px;}
.prod_details_end_box2:first-child{ margin-top:0;}
.prod_details_end_box2 h2{font-size:24px; margin-bottom:10px; position:relative;}
.prod_details_end_box2 h2::first-letter{color:#ff6600;}
.prod_details_end_txt2{line-height:28px!important; word-break:break-word!important; overflow:hidden;}

.prod_details_end_txt2_img{max-width:30%; float:left; margin-right:30px; margin-bottom:10px; position:relative; padding-left:8px; padding-top:8px;}
.prod_details_end_txt2_img::before,
.prod_details_end_txt2_img::after{content:""; position: absolute; background-color:#ff6600;}
.prod_details_end_txt2_img::before{top:0;left:0; width:60px; height:8px;}/* 横向长方形（顶部） */
.prod_details_end_txt2_img::after{top:0; left:0; width:8px; height: 80px;}/* 竖向长方形（左侧） */

.prod_details_end_txt2 p,.prod_details_end_txt span{line-height:28px!important;}
.prod_details_end_txt2 br{display: block; content: ""; height:18px;}
.prod_details_end_txt2 table{width:100%;}
.prod_details_end_txt2 table tr:nth-child(even){background-color:#f5f5f5;}
.prod_details_end_txt2 table tr:nth-child(odd){background-color:#ffffff;}
.prod_details_end_txt2 td{padding:10px 6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt2 td p,.prod_details_end_txt2 td span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt2 th{padding:10px 6px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt2 th p,.prod_details_end_txt2 th span{font-size:14px!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt2 img{width:auto; max-width:100%; margin:0 auto; display:inline; height:auto;}
@media screen and (max-width:768px){
.prod_details_end_box2{margin-bottom:30px;}

.prod_details_end_txt2_img{max-width:40%; margin-right:15px; padding-left:5px; padding-top:5px;}
.prod_details_end_txt2_img::before{top:0;left:0; width:30px; height:5px;}/* 横向长方形（顶部） */
.prod_details_end_txt2_img::after{top:0; left:0; width:5px; height: 40px;}/* 竖向长方形（左侧） */

.prod_details_end_box2 h2{font-size:18px;}
.prod_details_end_txt2{line-height:24px!important;}
.prod_details_end_txt2 p,.prod_details_end_txt2 span{line-height:24px!important;}
.prod_details_end_txt2 table{display: block; display: -webkit-box; width:auto!important; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
}


   
/*产品列表中相关的产品应用*/
.prodcate_list_txt2{overflow:hidden; margin-top:40px; padding:30px; background:#f5f5f5; box-sizing:border-box; border:1px #efefef solid; border-radius:5px;}
.prodcate_list_txt2 h2{font-size:24px; margin-bottom:15px; font-weight:700; padding-left:12px; position:relative; border-bottom:1px #dddddd dotted; padding-bottom:10px;}
.prodcate_list_txt2 h2::before{position:absolute; left:0; top:11%; width:4px; height:50%; background:#0f6a46; content: '';}


.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{letter-spacing:-8px; overflow:hidden;}
.productlistul2 li{letter-spacing:normal; vertical-align:top;width:22.75%; display:inline-block; box-sizing:border-box; border-radius:5px; overflow:hidden; border:1px #efefef solid; box-shadow:0 0 8px 0 #f5f5f5; background:#ffffff;}
.productlistul2 li:not(:nth-of-type(4n)){ margin-right:3%;}
.productlistul2 li:nth-child(n+5){margin-top:3%;}
.productlistul2 li .div_txt{margin:10px; box-sizing:border-box; text-align:center; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:20px;}
.productlistul2 li:hover a{color:#ff7800;}

@media screen and (max-width:1366px) {
.prodcate_list_txt2{padding:30px;}
.prodcate_list_txt2 h2{font-size:20px;}
}

@media screen and (max-width:768px) {
.prodcate_list_txt2{padding:5.5%; min-height:0; margin-top:20px;}
.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 li{width:48.5%;}
.productlistul2 li:not(:nth-of-type(4n)){ margin-right:0;}
.productlistul2 li:not(:nth-of-type(2n)){ margin-right:3%;}
.productlistul2 li:nth-child(n+3){margin-top:3%;}
.productlistul2 li .div_txt{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:768px) {
.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:10%;}
.videos video{width:100%; height:100%;}
.videolist {cursor:pointer;}
@media screen and (max-width:768px) {
.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 180px 0;}
.searchlist h2{ font-size:24px; font-weight:700; padding-left:10px; margin-bottom:20px;}
.searchlist ul{overflow:hidden;}
.searchlist ul li{border-bottom:1px #CCCCCC dotted; overflow:hidden; padding:20px 10px;}
.searchlist ul li:hover{background:#f5f5f5;}
.searchlist ul li{line-height:24px;}
.searchlist ul li h4{font-size:18px; text-align:left;}
.searchlist ul li p{font-size:14px; color:#999999;}
.searchlist ul li p span{ margin-right:35px;}
@media screen and (max-width:768px) {
.searchlist{margin:20px 0;}
.searchlist h2{font-size:18px; margin-bottom:10px;}
.searchlist ul li{padding:10px 10px;}
}

.feedback{width:80%; padding:60px; box-sizing:border-box; margin:100px auto 170px; border-radius:5px; background:#ffffff;}
.feedback h2{font-size:24px;font-weight:700; color:#0155a6;}
.feedback h4{height:4px; width:50px; background:#0155a6; margin:20px 0;}
.feedback_btn{width:fit-content; height:40px; line-height:40px; background:#222222; 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:768px) {
.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:768px){
.global_left_top{bottom:10px;}
#myback{width:35px; height:35px;}
#mymeil{width:35px; height:35px;}
}