﻿@charset "UTF-8";
header .navbar .nav-menu .nav-menu-item .nav-menu-first { color: #333!important;}
header .Header_right_btn .right_btn_Global .btn_Global_title{ color: #333!important;}
header .h-language{color: #333!important;}
header .navbar .nav-logo .nav-logo-link {display: block;height:55px;background: url(../images/logo1.png) no-repeat!important;/*background-size: 12.04167vw 2.8625vw;*/overflow: hidden;text-indent: 101%;white-space: nowrap;font-size: 1px;color: #fff}
header .Header_right_btn .right_btn_Global .btn_Global_title i{ color: #333333!important;  }
header .navbar .nav-menu .nav-menu-item .nav-menu-first:hover { color: #f39004!important;}

@media (max-width:1028px){  
header .navbar .nav-logo { padding-top: 0.7vw;}
header .navbar .nav-logo .nav-logo-link { height:50px; background-size:136px 50px!important; background-image: url(../images/logo1.png)!important;background: none;}
}
@media (max-width:768px){  
header .navbar .nav-logo .nav-logo-link { height:40px; background-size:109px 40px!important; }
}
/*banner*/
.pagebanner{position: relative;overflow: hidden;z-index: 6;height: 580px;min-height: inherit; padding: 0;margin-top:100px;}
.pagebannerbg{position: absolute;left:-2%;top:-2%;width: 104%;height: 104%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.pagebannerzz,.pagebannerzz2{position: absolute;width: 100%;height: 100%;left:0;top:0;z-index: 1;}
.pagebannerzz2{z-index: 2;background: url(../images/pagebannerzz2.png) center no-repeat;background-size: cover;}
.pagebannerbg{object-fit: cover;}
.pagebannerbg2{position: relative;width: 104%;height: 104%;left:-2%;top:-2%;object-fit: cover;}
.pagebannerbg2{background-position: center;background-repeat: no-repeat;background-size: cover;}
.pagebannerwz{position: absolute;z-index: 3;left: 50%;top:50%;transform: translate(-50%,-50%);color:#fff;}
.pagebannerwz{margin-top: 0;}
.banner_con_des{height: auto;line-height: 1.5;font-size:48px;margin-top: 0;}
.pagenavs{background-color: #f7f7f7;position:sticky; z-index: 9;top:74px}
.pagenavs a{line-height: 1.2;padding: 25px 0;padding-right: 30px;margin-right: 30px;}
.pagenavs a:last-child{margin-right: 0;}
.pagenavs a:last-child{padding-right: 0;}
.pagenavs a:last-child em{display: none;}
.pagenavs a{position: relative;}
.pagenavs em{width: 1px;height: 16px;display: block;background: #222;right: 0;top:50%;margin-top: -8px;position: absolute;}
.pagenavs a{color: #222;}
.pagenavm {display: flex;}
.pagenavm a.cur,.pagenavm a:hover{color: #006cb8;}
.pagenavm-shao{justify-content:flex-start;}
.pagenav2{position: absolute;left:0;bottom:0;z-index: 3;border-top: 3px solid rgba(255,255,255,0.1);}
.pagenav2{top:auto;width: 100%;background-color: rgba(0,0,0,0.25);/*backdrop-filter: blur(2.08rem);-webkit-backdrop-filter: blur(2.08rem);*/}
.pagenav2 em{display: none;}
.pagenav2 a:before{position: absolute;top: -3px;left: 50%;width: 0;height: 2px;background-color: #fe8b1e;content: "";transition: all 0.5s ease;opacity: 0;}
.pagenav2 a,.pagenav2 a:hover,.pagenav2 a.cur{color: #fff;}
.pagenav2 a{padding: 0;height:70px;line-height:70px;margin-right: 3%;position: relative;}
.pagenav2 a:hover:before,.pagenavm a.cur:before{width: 100%;margin-left: -50%;opacity: 1;}
.pagenavm-shao a{margin-right:5%;}
.pagenavm-shao a:last-child{margin-right:0;}
.wap_show {display: none;}
.sub_menu{border-bottom: 1px solid #ddd;height: 50px;box-sizing: content-box;line-height: 50px;}
.sub_menu_area{display: flex;width: 100%;}
.subMn{width: 100%;position: relative;z-index: 9;line-height: 50px;}
.sub_menu dt{position: relative;font-size: 16px;padding: 0 20px;line-height: 50px;}
.sub_menu dt i{position: absolute;right: 20px;top:0;transition: all 0.3s ease;z-index: 9;line-height: 50px;}
.sub_menu .on i{transform: rotateZ(180deg);}
.sub_menu dd {margin-top: 0;padding: 12px 0;display: none;background-color: #fff;position: absolute;width: 100%;left:0;top:51px;box-shadow: 0 5px 15px rgba(0,0,0,0.06);}
.sub_menu dd a{display: block;padding: 10px 20px;line-height: 1.2;font-size: 16px;padding-right:35px;color: #555;}
.sub_menu dd a{position: relative;}
.subMn{display: block;color: #333;}
.subMn li{position: relative;}
.subMn a i{position: absolute;right: 0;line-height: 1;display: block;top:0;transform:none !important}
.subMn a i{padding:0 20px;height: 39px;line-height: 39px;}
.subMn3btn{position: absolute;width: 59px;height: 39px;line-height: 39px; right: 0;top:0;text-align: left;z-index: 3;padding:0 20px;}
.subMn3btn{transform: none !important;}
.subMn3btn{width:100%;text-align:right;}
.sub_menu  .subMn3 a{font-size: 14px;color: #333;}
.sub_menu  .subMn3{padding: 5px 10px;display: none;background-color: #fafafa;}
.subMn li.on>a{color: var(--color);}
.subMn li.on i:before{content: '\e729';}
@keyframes scrP1{
0%{opacity:1;-webkit-clip-path:inset(1.5rem 10vw 0 round 1.64583vw 1.64583vw 0 0);clip-path:inset(1.5rem 10vw 0 round 1.64583vw 1.64583vw 0 0)
}
to
{opacity:1;-webkit-clip-path:inset(0 round 1.64583vw 1.64583vw 0 0);clip-path:inset(0 round 1.64583vw 1.64583vw 0 0)}
}
@keyframes scrP2{
0%{opacity:1;-webkit-clip-path:inset(2rem 10vw 0 round 0 0 0 0);clip-path:inset(2rem 10vw 0 0 0 0)
}
to
{opacity:1;-webkit-clip-path:inset(0 round 0 0 0 0);clip-path:inset(0 round 0 0 0 0)}
}
.ani_in{will-change:transform,opacity;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:paused;animation-delay:calc(var(--progress)* -1s);animation-timing-function:cubic-bezier(.22,.61,.36,1);}

@media only screen and (max-width: 1600px){
.pagebanner{ height:483px; }
.banner_con_des{ font-size:44px; }
}
@media only screen and (max-width: 1440px){
.pagebanner{ height: 435px; }
.banner_con_des{ font-size:40px; }
}
@media only screen and (max-width: 1366px){
.pagebanner{ height: 418px; }
.banner_con_des{ font-size:36px; }
.pagenav2 a{ height:60px;line-height:60px; }
}
@media only screen and (max-width: 1280px){
.pagebanner{ height: 387px; margin-top:90px;}
.banner_con_des{ font-size:32px; }
.pagenav2 a{ height:50px;line-height:50px; }
}
@media only screen and (max-width: 1180px){
.pagebanner{ height: 358px;margin-top:80px;}
.banner_con_des{ font-size:28px; }

}
@media only screen and (max-width: 1024px){
.pagebanner{ margin-top:60px;}
.pagebannerzz,.pagenav{display: none;}
.pagebannerzz,.pagebannerbg2 {animation: none;}
.pagebanner{height: auto;min-height: inherit;padding-bottom: 33%;}
.pagebannerbg2{width: 100%;height: 100%;left:0;top:0;position: absolute;}
.wap_show {display: block;}
.pagenav2{display: none;}
.pagenav2 a{ height:40px;line-height:40px; }
.banner_con_des{ font-size:24px; }
}
@media only screen and (max-width: 768px){
.banner_con_des{ font-size:20px; }
.pagebanner{height: auto;min-height: inherit;padding-bottom: 40%;}

}
@media (max-width:768px){  
.pagebanner{ margin-top:50px;}
}
.page-tit {  margin-bottom: 30px;}
.page-tit h3{ font-size: 40px; margin-bottom: 20px; color: #008c7c;}
.page-tit p{ font-size: 16px; line-height: 30px; color: #666; width: 74%; margin: 0 auto;}
.page-tit .e-t{font-size: 16px; line-height: 26px; color: #666;}
.profile-c { color: #666; line-height: 32px; font-size: 16px; margin-bottom: 30px;}
@media (max-width:1600px) {
.page-tit h3{ font-size: 36px; }
}
@media (max-width:1440px) {
.page-tit h3{ font-size: 32px; }
}
@media (max-width:1366px) {
.page-tit h3{ font-size: 28px; }
.page-tit p{ font-size: 15px; }
}
@media (max-width:1280px) {
.page-tit h3{ font-size: 24px; }
}
@media (max-width:1024px) {
.page-tit {  margin-bottom: 20px;}
.page-tit h3{ font-size: 22px; margin-bottom: 10px;}
}
@media (max-width:768px) {
.page-tit {  margin-bottom: 15px;}
.page-tit h3{ font-size: 20px; }
.page-tit p{ width: 100%; }
.profile-c { line-height: 30px; }

}
.about_part1{ background: url(../images/aboutbg.png) no-repeat center bottom; background-size: cover;}
.about_part2{position: relative;z-index: 6;width: 100%;display: flex;overflow: hidden;justify-content: space-between;}
.about_part2zz{position: absolute;width: 100%;height: 100%;left:0;top:0; background-image: url(../images/about_part2_bg.jpg); background-position: center;background-repeat: no-repeat;background-size: cover;z-index:2;}
.about_part2bg{position: absolute;left:-2%;top:-2%;width: 104%;height: 104%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.about_part2bg{object-fit: cover;}
.about_part2a{width: 50%;position: relative;display: flex;justify-content: center;align-items: center;}
.about_part2b{width: 50%;border-left: 1px solid rgba(255,255,255,0.2);}
.about_part2bicon{display: block;width: 80px;height: 80px;position: relative;}
.about_part2bicon img{position: absolute;left:0;top:0;right:0;bottom:0;margin: auto;max-width: 80%;max-height: 80%;}
.about_part2bmli{align-items: center;padding: 50px 10%;border-top: 1px solid rgba(255,255,255,0.2);color: #fff;}
.about_part2bmli:first-child{border: none;}
.about_part2bp1{line-height: 1;display: flex;font-weight:var(--b400);align-items: center;}
.about_part2bp1 {font-size: 52px;}
.about_part2bp1 i{padding-left: 10px;font-size: 42px;font-style: normal;font-weight: normal;}
.about_part2bp2{font-size: 18px;margin-top: 15px;}
.about_part2a,.about_part2b{position: relative;z-index: 6;}
.about_part2bmli{transition: all 0.3s ease;}
.about_part2bmli:hover{background:hsla(0,0%,50%,.1);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.about_part2a{width: calc(100% - (770px + ((100% - 1400px) / 2)));}
.about_part2b{width: calc(770px + ((100% - 1400px) / 2));}
.about_part2abtns{position: relative;width: 0;height: 0;}
.about_part2_tit{color:#fff;font-size:20px; width: 120px; position:absolute;left:-50px;top:60px;}
.laybg,.layvideo {display:none;}
.laybg {background:#000;opacity:0.5;position:fixed;left:0;top:0;z-index:766;width:100%;height:100vh;}
.layvideo {position:fixed;z-index:799;max-width:1100px;width:80%; left:50%;top:50%;transform:translate(-50%,-50%);}
.layvideo {max-height:75vh;text-align:center;}
.layvideo video {width:100%;height: 100%;object-fit: cover;}
.layclose {position:absolute;right:-40px;top:0;color:#fff;font-size:24px;width:40px;height:40px;line-height:40px;text-align:center;}
/*.layclose {transform:rotateZ(45deg);}*/
.layclose i {font-size:20px;}
.layclose i,.js_video_play i {display:inline-block;position:absolute;width:100%;height:100%;top:0;left:0;}
.playbtn{position: absolute;width: 70px;height: 70px;text-align: center;display: flex;align-items: center;justify-content: center;}
.playbtn i{color: #fff;font-size: 22px;}
.playbtn{background: rgba(254,139,30,0.82);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px); z-index: 3;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.playbtn{border-radius: 50%;cursor: pointer;}
.playbtn{transition: all .2s cubic-bezier(.165,.84,.44,1);}
.playbtn-small{width: 50px;height: 50px;}
.playbtn-small i{font-size: 16px;}
.playbtn-bg-fff{background: #fff;}
.playbtn-bg-fff i{color: #fff;}
/* .playbtn:hover{background: var(--color);}
.playbtn:hover i{color: #fff;}
.playbtn:hover{border-color: var(--color);} */
.playbtn:hover{width: 100px;height: 100px;background: #fe8b1e;line-height: 170px;}
.playbtn:hover i{color: #fff;}
.vrbtn{background: rgba(255,255,255,0);}
.vrbtn i{font-size: 28px;}
.playbtn,.playbtn i,.xs2appdavideo img{transition: all 0.3s ease;}
.m529d{padding-bottom: 150px;}
.about_part3{ width: 100%;display: flex;align-items: center;}
.about_part32{z-index: 3;min-height: inherit;padding-top:0;}
.about_part31{padding-top: 120px;}
.about_part3 .box{align-items: center;box-shadow: 0 0 25px rgba(0,0,0,0.08);border-radius:20px;background: #fff;overflow: hidden;}
/*
.about_part3{position: sticky;top:0;min-height: inherit;width: 100%;display: flex;align-items: center;}
*/
.about_part32{z-index: 3;min-height: inherit;padding-top:0;}
.about_part31{padding-top: 120px;}
.about_part3 .left,.about_part3 .right{width: 50%;}
.about_part3 .left img{width: 100%;}
.about_part3 .right .con{padding: 0 10%;}
.about_part3 .right .con ul{ margin-bottom: 50px;}
.about_part3 .right ul li{ margin-bottom: 10px; line-height: 32px;}
.about_part4 { background: #f8f9fb;}
.about_part4_treetabm{text-align: center;display: flex;align-items: center;}
.about_part4_treeswiper{position: relative;width: 100%;overflow:hidden;border-radius: 10px;}
.about_part4_treeswiper-t45p{margin-top: 45px;}
.about_part4_treetab{position: absolute;width: 100%;z-index: 3;left:0;top:0;display: flex;justify-content: space-between;}
.about_part4_treetab{top:50%;transform: translateY(-50%);padding: 0 10%;height: 100%;}
.about_part4_treetab0{padding: 0;}
.about_part4_treep1,.about_part4_treep2{color: #fff;}
.about_part4_treep1{font-size: 36px;font-weight:400;line-height: 1.4;margin-bottom: 10px;}
.about_part4_treep2{margin-top: 0;}
.about_part4_treetabm{text-align: center;display: flex;align-items: center;}
.about_part4_treetabm2{width: 49%;}
.about_part4_treetabmn{width: 100%;}
.about_part4_treep3{display: flex;justify-content: center;}
.about_part4_treeline{height: 100%;width: 1px;background: #fff;opacity: 0.4;}
.about_part4_treeslide{opacity: 0 !important;transition: all 0.3s ease;}
.about_part4_treeslide img{width: 100%;}
.about_part4_treeslide.swiper-slide-active{opacity: 1 !important;}
.about_part4_treep0,.about_part4_treep3{transition: all 0.3s ease;top:0;position: relative;}
.about_part4_treep0{top:25px;}
.about_part4_treep3{opacity: 0;top:30px;}
.about_part4 .more_link1 .a .l { color: #fff; }
.js_3_tab:hover .about_part4_treep0{top:-25px;}
.js_3_tab:hover .about_part4_treep3{opacity: 1;top:10px;}

@media screen and (max-width:1440px) {
.about_part2bp1 {font-size: 48px;}
.about_part4_treep1{font-size: 34px; }

}
@media screen and (max-width:1366px) {
.about_part2bp1 {font-size: 42px;}
.about_part4_treep1{font-size: 32px; }
}
@media screen and (max-width:1280px) {
.about_part2bp1 {font-size: 38px;}
.about_part4_treep1{font-size:28px; }
}
@media screen and (max-width:1180px) {
.about_part3 .right .con ul{ margin-bottom: 20px;}
.about_part3 .right ul li{ margin-bottom: 5px; line-height: 30px;}
.about_part4_treep1{font-size: 26px; }
}
@media screen and (max-width:1024px) {
.about_part2{ display: block; padding: 18% 0; height: 100%;}
.about_part2a, .about_part2b {width: 100%;}
.about_part2b { display: none;}
.about_part2bp1 {font-size: 34px;}
.about_part2bmli{padding: 15px 4%;}
.about_part4_treep1{font-size: 22px; }
.about_part4_treeswiper-t45p{margin-top: 35px;}
.about_part4_treetabm2{width: 100%; padding-top:14%; padding-bottom: 14%;}
}
@media screen and (max-width:992px) {
.about_part2bp1 {font-size: 32px;}
.about_part4_treep1{font-size: 20px; }
.about_part3 .left,.about_part3 .right{width: 100%;}
.about_part3 .right .con{padding: 5% 5%;}
}
@media screen and (max-width: 768px) {	
.layvideo{width: 90%;}
.layclose{right: auto;left:50%;transform: translateX(-50%) rotateZ(45deg);-webkit-transform: translateX(-50%) rotateZ(45deg);}
.layclose{bottom: -40px;top:auto;}
.about_part2{ padding: 20% 0 24%; }
.about_part2bp1 {font-size: 28px;}
.about_part2_tit{ font-size:18px; left:-50px;top:40px;}
.about_part4_treeswiper-t45p{margin-top: 30px;}
.about_part4_treetab{ display: block; }
.about_part4_treetabm2{width: 100%;}
.playbtn{ width: 60px;height: 60px; }
.playbtn i{ font-size:20px;}
}
@media screen and (max-width: 468px) {	
.playbtn{ width: 50px;height: 50px; }
.about_part2{ padding: 26% 0 30%; }
}
.culture_part .row {margin-right:0px;margin-left: 0px;}
.culture_part ul{ margin-top: 40px; margin-bottom:24px;}
.cultureitem{display:block;position:relative;overflow:hidden}
.cultureitem .img{position:relative;overflow:hidden}
.cultureitem .img img{ width: 100%;}
.cultureitem .img:after{content:"";width:100%;height:100%;position:absolute;top:100%;left:0;background-color:rgba(255,255,255,0.3);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.cultureitem .textbox{position: absolute; left: 0px; bottom: 0px; content: ""; width: 100%;}
.cultureitem .textbox .box{padding:15px 65px 65px 65px;background-color:rgba(0,0,0,0);position:relative;z-index:3; border-top:none}
.cultureitem .title{color:#fff;font-size:30px;position: relative; padding-top:25px; }
.cultureitem .title:before{position: absolute; left:0; top: 0px; content: ""; width:65px; height:8px; background: #fe8b1e;}
.cultureitem .text{color:#666; font-size: 16px; display: none;}
.cultureitem:hover .textbox .box{height:100%; padding:125px 85px 420px 65px; background-color: #008c7c;background-image: linear-gradient( to right bottom,#008c7c 0%,#008c7c 90%); opacity: 0.85;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.cultureitem:hover .textbox .text{  margin-top: 30px; line-height: 30px;display:block;color:#fff;}
.culpg{display: flex;margin-top: 45px;}
.btnm {text-align:center;width:70px;height:50px;line-height:48px;border-radius:30px;}
.btnm {border:1px solid #666;margin:0;margin-left:30px;cursor:pointer;}
.newbtn1 i { background: url(../images/cul_arrow_1.png) no-repeat center;}
.newbtn2 i  {background: url(../images/cul_arrow_2.png) no-repeat center; }
.btnm i { width: 35px; height: 15px;display:inline-block;}
.btnm:hover {background:#008c7c;border-color:#008c7c;}
.btnm:hover i {color:#fff;}
.newbtn1 {margin-left:auto;}
.newbtn1:hover i { background: url(../images/cul_arrow_1_h.png) no-repeat center;}
.newbtn2:hover i { background: url(../images/cul_arrow_2_h.png) no-repeat center; }
@media (max-width:1700px){
.cultureitem:hover .textbox .box{height:100%; padding:125px 85px 360px 65px;}
}
@media (max-width:1600px){
.cultureitem .title{ font-size:28px}	
.cultureitem:hover .textbox .box{ padding:125px 85px 320px 65px;}
}
@media (max-width:1480px){
.cultureitem .title:before{  width:55px; height:6px; }
.cultureitem:hover .textbox .box{ padding:125px 85px 280px 65px;}
}
@media (max-width:1440px){
.cultureitem .title{ font-size:26px}
.cultureitem:hover .textbox .box{ padding:125px 85px 250px 65px;}
}
@media (max-width:1366px){
.cultureitem .title{ font-size:24px}
.cultureitem:hover .textbox .box{ padding:125px 85px 210px 65px;}
}
@media (max-width:1280px){
.cultureitem .title{ font-size:22px}
.cultureitem .title:before{  width:50px; height:4px; }
.cultureitem .textbox .box{  padding:45px 26px 20px 28px;}
.cultureitem:hover .textbox .box{  padding:45px 26px 240px 28px;}
}
@media (max-width:1180px){
.cultureitem .textbox .box{  padding:45px 26px 20px 28px;}
.cultureitem:hover .textbox .box{ padding:45px 26px 200px 28px;}
.cultureitem:hover .textbox .text{ margin-top: 20px;}
}
@media (max-width:1024px){
.cultureitem{width:100%;margin-right:0;margin-bottom:20px}
.cultureitem .textbox .box{  padding:25px 26px 20px 28px;}
.cultureitem:hover .textbox .box{ padding:25px 26px 170px 28px;}
.cultureitem .title{font-size:20px}
.cultureitem:hover .textbox .text{ line-height: 26px;}
.culpg{display: flex;margin-top: 25px;}
}
@media (max-width:992px){
.cultureitem .textbox .box{  padding:25px 26px 20px 28px;}
.cultureitem:hover .textbox .box{ padding:45px 26px 280px 28px;}
}
@media (max-width:848px){
.cultureitem:hover .textbox .box{ padding:45px 26px 250px 28px;}
}
@media (max-width:792px){
.cultureitem:hover .textbox .box{ padding:45px 26px 210px 28px;}
}
@media (max-width:742px){
.culture_part ul{ margin-top:30px; }
.cultureitem:hover .textbox .box{ padding:45px 26px 190px 28px;}
}
@media (max-width:692px){
.cultureitem:hover .textbox .box{ padding:45px 26px 160px 28px;}
}
@media (max-width:648px){
.cultureitem:hover .textbox .box{ padding:45px 26px 135px 28px;}
}
@media (max-width:618px){
.cultureitem:hover .textbox .box{ padding:45px 26px 125px 28px;}
}
@media (max-width:600px){
.cultureitem .textbox .box{  padding:25px 16px 20px 16px;}
.cultureitem:hover .textbox .box{ padding:40px 16px 110px 16px;}
}
@media (max-width:550px){
.cultureitem:hover .textbox .box{ padding:40px 16px 60px 16px;}
.cultureitem .title{font-size:18px;padding-top: 15px;}
.cultureitem .title:before{  width:40px; }
}
@media (max-width:468px){
.cultureitem:hover .textbox .box{ padding:50px 16px 290px 16px;}
}
@media (max-width:428px){
.culture_part ul{ margin-top:20px; }
.cultureitem:hover .textbox .box{ padding:50px 16px 262px 16px;}
}
@media (max-width:392px){
.cultureitem:hover .textbox .box{ padding:50px 16px 228px 16px;}
}
@media (max-width:368px){
.cultureitem:hover .textbox .box{ padding:50px 16px 200px 16px;}
}
@media (max-width:348px){
.cultureitem:hover .textbox .box{ padding:50px 16px 180px 16px;}
}

.factory_part ul { margin-top: 40px;}
.factory_part ul li{ margin-bottom: 40px;}
.factory_part ul li .list_img img{ max-width: 100%;}
@media (max-width:1280px){
.factory_part ul { margin-top: 30px;}
.factory_part ul li{ margin-bottom: 30px;}
}
@media (max-width:768px){
.factory_part ul { margin-top: 20px;}
.factory_part ul li{ margin-bottom: 20px;}
}
.carra{margin-top: 55px !important;}
.carraimg{width: 114%;height: 114%;left: -7%;top:-7%;object-fit: cover;position: absolute;}
.carrawrapper,.carraslide{height: auto;}
.carraslide{overflow: hidden;border-radius:20px;height: 600px;position: relative;}
.carrawrapper{justify-content: space-between;align-items: flex-start;}
.carrawrapper .swiper-slide {height:500px; }
.carraslide{position: relative;box-shadow: 0 15px 25px rgba(0,0,0,0.08);}
.carraslide:nth-child(2){margin-top: 65px;}
.carrawz,.carrawz2{position: absolute;width: 100%;left:0;top:0;z-index: 3;height: 100%;}
.carrawz2{z-index: 4;background: #008c7c;opacity: 0;transition: all 0.3s ease;padding: 45px;color: #fff;}
.carrawz2{top:45px;}
.carrawzm{width: 100%;padding:35px 15px;}
.carraimg,.carrah5,.carrap1,.carrawz{transition: all 0.3s ease;}
.carrawz{color: #fff; padding-left: 45px; padding-right: 45px; display: flex;align-items: flex-end;}
.carrah5,.carrap1{position: relative;top:0;}
.carrap1{margin-top: 0;opacity: 0;top:0px;transition-delay: 0.2s; line-height: 32px;}
.carrah5{font-size: 24px;line-height: 1.5;height: 50px;top:20px;}
.carrawz{top:0;}
.carraico{width: 60px;height: 60px;position: relative;}
.carraico img{position: absolute;inset: 0;margin: auto;margin-left: 0; }
.carraslide{transition:box-shadow 0.3s ease;}
.carraslide:hover{box-shadow: 0 25px 35px rgba(0,0,0,0.1);}
.carraslide:hover .carrap1{opacity: 1;}
.carraslide:hover .carraimg{transform: scale(1.1);}
.carraslide:hover .carrabg{opacity: 1;}
.carraslide:hover .carrawz{top:0; opacity: 0;}
.carraslide:hover .carrah5{top:0;}
.carraslide:hover .carrap1{top:0;}
.carraslide:hover .carrawz2{opacity: .71;top:0;}
.carrapagination { display: none;}
@media (max-width:1440px){
.carrawz2{ padding: 20px;color: #fff;}
.carrawz{ padding-left: 20px; padding-right: 20px; }
}
@media (max-width:1366px){
.carrawz2{ padding: 10px; }
.carrawz{ padding-left:10px; padding-right: 10px; }
.carrah5{font-size: 20px; height: 40px;top:0px;}
.carrap1{ line-height: 30px;}
}
@media (max-width:1200px){
.carrawz2{ padding: 20px; }
.carrawz{ padding-left:20px; padding-right: 20px; }
.swiper-container-join{ padding-bottom: 50px;}
.carrap1{ line-height: 28px;}
.carrapagination { display: block;}
.join_part .swiper-pagination-bullet{opacity:1; text-align:left; height:12px; line-height:12px;background:#dcdcdc; border: 3px solid #dcdcdc; position:relative; width:12px; border-radius: 100%; color:#fff; font-size: 18px; font-family:Calibri;}
.join_part .swiper-pagination-bullet-active{transition: width 7.3s ease-out 0s;background:#f39004; border: 3px solid #f39004; border-radius: 100%; width:12px;}
}
@media (max-width:768px){
.carraslide:nth-child(2){margin-top:0px;}
}
.join_part1{background: url(../images/join_bg.jpg) no-repeat center; background-size: cover; min-height: 590px;}
.join_part1.pages_section{ padding: 140px 0 200px;}
.join_part1 .page-tit h3{ color: #fff;}
/*.join_part2 { max-height: 100%;position: relative; background: url(../images/join_bg.jpg) no-repeat center top; }*/
.join_part2 { margin-top: -300px; padding-bottom: 100px;}
.join_part2 img{ max-width: 100%; position: relative;}
.join_part2 .list {/* position: absolute; top: 200px; left: 0px; content: ""; */width: 100%;  border-radius: 15px; padding:100px 80px; background:#f8f9fb; box-shadow: 0px 0px 9px 1px rgba(86, 86, 86, 0.16); }
.join_part2 .ul-gu1 li{ margin-bottom: 25px;}
.join_part2 .ul-gu1 .tit{ height:140px; }
.join_part2 .ul-gu1 .con { padding: 20px 0; width: 75%;}
.join_part2 .ul-gu1 .on .tit{background:url(../images/a5.jpg) center no-repeat;background-size:cover;  border:0px solid #e5e5e5;}
.join_part2 .ul-gu1 .on .or2 em{color:#666;font-style:normal}
.join_part2 .ul-gu1 .tit .or1{font-size:26px;margin-bottom:5px}
.join_part2 .ul-gu1 .or2{ line-height: 45px;}
.join_part2 .ul-gu1 .or1 { line-height: 45px;}
.join_part2 .ul-gu1 .or1 span{ float: left; width: 33%; }
.join_part2 .ul-gu1 .or1 span:nth-child(2) {color:#666; font-size: 18px; padding-left: 8px; padding-right: 8px;}
.join_part2 .ul-gu1 .or2 span{font-size:18px; width: 33%; color:#666; float: left;  }
.join_part2 .ul-gu1 .or2 em{margin-right:10px;font-style:normal}
.join_part2 .ul-gu1 .icon{width:136px;height:100%; padding-top: 20px; padding-bottom: 20px; text-align: center; background: url(../images/arr_r.png) no-repeat center; position:relative}
.join_part2 .ul-gu1 .txt { border-bottom: 1px solid #e5e5e5;}
.join_part2 .ul-gu1 .txt.on {  border-bottom: 0px solid #e5e5e5; }
.join_part2 .ul-gu1 .on .icon{ background: url(../images/arr_r_h.png) no-repeat center; }
.m-detailg2{overflow:hidden;padding:54px 0;margin-bottom:40px; border-bottom: 1px solid #e5e5e5;}
.m-detailg2 .txt1:first-child{margin-bottom:50px}
.m-detailg2 .tit1{font-size:26px;margin-bottom:30px}
.m-detailg2 .desc1{color:#666;font-size:16px;line-height:1.8}
@media only screen and (max-width:1600px) {
.join_part2 .list { padding:70px 60px; }
}
@media only screen and (max-width:1440px) {
.join_part2 .list { padding:50px 40px; }
}
@media only screen and (max-width:1366px) {
.join_part2 .ul-gu1 li{ margin-bottom: 0px;}
.join_part2 .ul-gu1 .tit{ height:130px; }
.join_part2 .ul-gu1 .tit .or1{font-size:24px;margin-bottom:0px}
.join_part2 .ul-gu1 .or2 span{font-size:16px; }
.join_part2 .ul-gu1 .or1 span:nth-child(2) { font-size: 16px; }
.join_part2 .ul-gu1 .icon{width:80px; padding-top: 15px; padding-bottom: 15px; }
.m-detailg2{overflow:hidden;padding:40px 0;margin-bottom:30px; }
.m-detailg2 .tit1{font-size:24px }
}
@media only screen and (max-width:1280px) {
.join_part2 { margin-top: -300px; padding-bottom: 60px;}
.join_part2 .ul-gu1 .or2 span:nth-child(3){ display: none; }
.join_part2 .ul-gu1 .tit .or1{font-size:22px; margin-bottom: 3px; }
.m-detailg2{ padding:24px 0px;margin-bottom:30px; }
.m-detailg2 .tit1{font-size:22px;margin-bottom:20px}
.m-detailg2 .txt1:first-child{margin-bottom:40px}
.join_part2 .ul-gu1 .or1 span{ float: none; width: 100%; }
.m-detailg2 .tit1{font-size:22px }
.join_part2 .ul-gu1 .con { padding: 15px 0; width: 90%;}
.join_part2 .ul-gu1 .icon{width:10%; }
}
@media only screen and (max-width:1024px) {
.join_part2 { margin-top: -300px; padding-bottom: 40px;}
.join_part2 .ul-gu1 .icon{ margin-top: 0px; }
.join_part2 .ul-gu1 .tit .or1{font-size:20px; margin-bottom:0px;}
.m-detailg2{ padding:30px 0;margin-bottom:30px; }
.m-detailg2 .tit1{font-size:20px;margin-bottom:20px}
.join_part2 .ul-gu1 .con { display: inline-block; padding: 20px 0; width:92%;}
.join_part2 .ul-gu1 .icon{width:8%;}
.join_part2 .ul-gu1 .or1 span:nth-child(2) {display: none;}
}
@media only screen and (max-width:992px) {
.join_part1{ min-height: 320px;}
.join_part2 { margin-top: -180px; }
.join_part2 .ul-gu1 .tit{ height:100px; }
.join_part2 .ul-gu1 .con { padding: 0px 0; }
.m-detailg2 .tit1{font-size:20px; margin-bottom: 10px;}
.join_part2 .ul-gu1 .tit .or1{font-size:20px; }
.join_part2 .ul-gu1 .or2{ line-height: 35px;}
.m-detailg2{ padding:20px 0;margin-bottom:20px; }
.m-detailg2 .txt1:first-child{margin-bottom:20px}
}
@media only screen and (max-width:768px) {
.m-detailg2 .tit1{font-size:16px;}
.m-detailg2 .desc1{ font-size:15px;line-height:1.6}
.join_part2 .ul-gu1 .icon:after{ left: 18%; height:2px; margin-top: -1px;}
.join_part2 .ul-gu1 .icon:before{ width:2px;}
.btnw2{width:130px;height:40px;line-height:40px; margin-top:0px}
.join_part1{ min-height: 300px;}
.join_part2 { margin-top: -180px; }
.m-detailg2{ padding:10px 0;margin-bottom:20px; }
.join_part2 .list { padding:30px 20px; }
.join_part2 .ul-gu1 .tit .or1{font-size:18px; font-weight: bold;}
.join_part2 .ul-gu1 .or2 span{ width: 50%; }
.join_part1.pages_section{ padding:60px 0 30px;}
.join_part2 { height: auto; margin-bottom: 40px; }
.join_part2 .list { margin-top: 60px;position: static; top: 0px; left: 0px; content: ""; width: 100%; }
}
@media ( max-width:568px) {
.join_part1{ min-height: 200px;}
.join_part2 { margin-top: -130px; }
.join_part2 .list { padding:20px 15px; }
.join_part2 .ul-gu1 .tit{ height:60px; }
.join_part2 .ul-gu1 .or1 { line-height: 60px;}
.join_part2 .ul-gu1 .or2{ display: none;}
.join_part2 .ul-gu1 .icon{ padding-top: 0px; padding-bottom: 0px; }
}
@media ( max-width:468px) {
.join_part1.pages_section{ padding:40px 0 10px;}
.join_part1{ min-height: 170px;}
.join_part2 { margin-top: -80px; }
}
.products_part .products_part-content{ display: flex; justify-content: space-between; margin-top: 40px;}
.products_part .products_part-content .products_part-content-list.on{ width: 49%; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}
.products_part .products_part-content .products_part-content-list{ width: 17%; margin-right: 25px; position: relative; border-radius: 10px; overflow: hidden; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}
.products_part .products_part-content .products_part-content-list:last-child{ margin-right: 0;}
.products_part .products_part-content .products_part-content-list .content-list-img img{ width: 100%; height: 32.7188vw; object-fit: cover;}
.products_part .products_part-content .products_part-content-list .content-list-title{ position: absolute; top: 0; width: 100%; left: 0; padding: 45px; }
.products_part .products_part-content .products_part-content-list .content-list-title .list-title-dd{ display: flex; align-items: center; font-size: 30px; text-align: center;font-weight: bold; color: #fff;}
.products_part .products_part-content .products_part-content-list .content-list-title .content-list-desc{display: none; font-size: 16px; line-height: 32px; color: #fff; margin-top: 30px; }
.products_part .products_part-content .products_part-content-list.on .content-list-title { padding: 45px; }
.products_part .products_part-content .products_part-content-list.on .content-list-title .content-list-desc{display:block;}
@media screen and (max-width:1440px){
.products_part .products_part-content .products_part-content-list{ margin-right: 20px;}
.products_part .products_part-content .products_part-content-list .content-list-title{ padding: 45px 25px;}
.products_part .products_part-content .products_part-content-list .content-list-title .list-title-dd{ font-size: 26px;}
}
@media screen and (max-width:1366px){
.products_part .products_part-content .products_part-content-list .content-list-title .list-title-dd{ font-size: 24px;}
.products_part .products_part-content .products_part-content-list .content-list-title .content-list-desc{ margin-top: 20px; }

}
@media screen and (max-width:1280px){
.products_part .products_part-content{ margin-top: 40px; }
.products_part .products_part-content .products_part-content-list .content-list-title{ padding: 45px 15px;}
.products_part .products_part-content .products_part-content-list .content-list-title .list-title-dd{ font-size: 22px;}
.products_part .products_part-content .products_part-content-list.on .content-list-title { padding: 45px 25px; }
}
@media screen and (max-width:1024px){
.products_part .products_part-content .products_part-content-list .content-list-title .list-title-dd{ font-size: 20px;}
}
@media screen and (max-width: 992px){
.index-title-top {display: block;}
.index-title-top .index-title-top-left{margin-bottom: 25px;}
.index-title-top .index-title-top-left, 
.index-title-top .index-title-top-right{width: 100%;}
.products_part .products_part-content{ margin-top: 30px; flex-wrap: wrap; justify-content: flex-start; width: 100%;}
.products_part .products_part-content .products_part-content-list .content-list-img img{ height: auto;}
.products_part .products_part-content .products_part-content-list{ width: 49% !important; margin-right: 2%; margin-bottom: 22px; display: flex;align-items: center;justify-content: center;}
.products_part .products_part-content .products_part-content-list:nth-child(2n){ margin-right: 0;}
}
@media screen and (max-width:768px){
.products_part .products_part-content .products_part-content-list .content-list-title{ padding: 30px 15px;}
.products_part .products_part-content .products_part-content-list.on .content-list-title { padding:30px 15px; }
.products_part .products_part-content .products_part-content-list .content-list-title .content-list-desc{ margin-top: 10px; line-height: 28px; }
}
@media screen and (max-width: 680px){ 
.products_part .products_part-content .products_part-content-list .content-list-title{ padding: 15px 10px;}
.products_part .products_part-content .products_part-content-list.on .content-list-title { padding:15px 10px; }
.products_part .products_part-content .products_part-content-list .content-list-title .content-list-desc{ margin-top: 10px; line-height: 24px; }
}
@media screen and (max-width: 580px){ 
.products_part .products_part-content{ flex-wrap: wrap; justify-content: space-between; }
.products_part .products_part-content .products_part-content-list{ width:100% !important; margin-right: 0px; }
.products_part .products_part-content .products_part-content-list .content-list-title{ padding: 30px 25px;}
.products_part .products_part-content .products_part-content-list.on .content-list-title { padding:30px 25px; }
.products_part .products_part-content .products_part-content-list .content-list-img img{ height: auto!important;}
.products_part .products_part-content .products_part-content-list .content-list-title .list-title-dd{ font-size: 18px;}
.products_part .products_part-content .products_part-content-list .content-list-title .content-list-desc{ margin-top: 10px; line-height: 28px; }
}
.products_part1 { background: #f8f9fb;} 
.products_part1 ul { margin-top: 30px;}
.products_part1 ul li { margin-top: 20px;}
.products_part1 ul li .con { padding: 20% 13% 20%; background-color:#fff; box-shadow: 0 0 20px rgb(0 0 0 / 20%); border-radius: 15px; }
.products_part1 ul li .con .icon {display: block; }
.products_part1 ul li .con .title {font-size: 24px;color: #333;line-height: 42px; margin-top: 25px; position: relative; padding-bottom: 15px; margin-bottom:20px;}
.products_part1 ul li .con .title::after{width: 50px;height: 2px;background: #fe8b1e; position: absolute; left: 0px; bottom: 0px; content: "";} 
.products_part1 ul li .con .info {font-size: 16px;line-height: 30px;color: #666; height: 100px; margin-top: 3%; }
.products_part1 ul li .con .icon1 {display: none; }
.products_part1 ul li:hover .con{ background: #008c7c;}
.products_part1 ul li:hover .con .icon {display: none;}
.products_part1 ul li:hover .con .icon1 {display: block;}
.products_part1 ul li:hover .con .title { color: #fff; }
.products_part1 ul li:hover .con .info { color: #fff; }
.products_part2 .content { background-color:#008c7c; background: url(../images/products_part2_bg.jpg) no-repeat; padding: 80px 40px 80px 80px; position: relative;}
.products_part2 .content .page-tit h3{ color: #fff; }
.products_part2 .content .profile-c { color: #fff; min-height: 350px; width: 90%;}
.products_part2 .content .img { top: 0px; position: absolute; left: 0px; bottom: 0px; content: ""; min-height:480px;}
.products_part2 .content .img img{ border-radius: 15px; max-width: 100%; }
@media ( max-width:1600px) {
.products_part2 .content { padding: 50px 40px 50px 50px; }
.products_part2 .content .profile-c { min-height: 200px; }
.products_part2 .content { margin-bottom: 40px;}
}
@media ( max-width:1440px) {
.products_part2 .content { padding: 60px 40px 60px 60px; }
}
@media ( max-width:1366px) {
.products_part1 ul li .con { padding: 18% 13% 22%;  }
.products_part1 ul li .con .title {font-size: 22px;margin-top: 15px;padding-bottom: 10px; margin-bottom:15px;}
.products_part2 .content { padding: 40px 30px 40px 40px; }
}
@media ( max-width:1280px) {
.products_part1 ul li .con .info { height: 130px; }
.products_part1 ul li .con .title {font-size: 20px;}
.products_part2 .content .profile-c { min-height:150px; }
}
@media ( max-width:1024px) {
.products_part1 ul li .con .title { font-size: 20px;}
.products_part1 ul li .con { padding: 17% 8% 17%; }
.products_part2 .content .profile-c { width: 98%;}
.products_part2 .content { padding: 40px 30px 40px 30px; }

}
@media ( max-width:992px) {
.products_part1 ul li .con .info { height: 160px; }
}
@media ( max-width:768px) {
.products_part1 ul li .con .title { font-size: 18px; }
.products_part1 ul li .con { padding:6% 4%;}
.products_part1 ul li .con .info { height: auto;}
.products_part2 .content { margin-bottom: 0px;}
.products_part2 .content .img { top: 0px; position: static; left: 0px; bottom: 0px; content: ""; min-height:340px;}
}
@media ( max-width:668px) {
.products_part2 .content .img { min-height:300px;}
}
@media ( max-width:568px) {
.products_part2 .content .img { min-height:260px;}
}
@media ( max-width:468px) {
.products_part2 .content { padding: 30px 20px 30px 20px; }
.products_part2 .content .profile-c { min-height:160px; }
.products_part2 .content .img { min-height:180px;}
}

.products_list ul { margin-top: 30px;}
.products_list li { margin-bottom: 25px; }
.products_list li .infor{ padding: 10px 0 15px; border-bottom: 4px solid #fff;  }
.products_list li .infor .title{ color: #333; line-height: 45px; text-align: center; }
.products_list li .infor .desc{ color: #666; line-height:35px; }
.products_list li .img{ position: relative;}
.products_list li .img img{ max-width: 100%;}
.products_list li .cover { background-color: #008c7c; opacity: 0; width: 100%; height: 100%;position: absolute;top: 0;left: 0; content: "";z-index: 6;}
.products_list li .cover img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; text-align:center; font-size:1rem;  }

.products_list li:hover .infor{ border-bottom: 4px solid #f39700;  }
.products_list li:hover .cover {opacity: 0.7;}

@media screen and (max-width:1200px){
.products_list li .infor .title{ line-height: 50px; }
.products_list li .infor .desc{ line-height:32px; }
}
@media screen and (max-width: 768px){
.products_list li .infor{ padding: 10px 0 5px; }
.products_list li .infor .title{ font-size: 16px;line-height: 40px; font-weight: normal; }
.products_list li { margin-bottom: 10px;}
.products_list li .infor .desc{ line-height:30px; }
}
@media screen and (max-width: 468px){
.products_list li .infor{ padding: 5px 0 0px; }
}
.pic{width: 100%;height: 100%;overflow: hidden;}
.pic img{width: 100%;}
.news_list .rect-60{padding-bottom:60%;}
.news_list li{margin-bottom:45px;}
.news_list .li_box{display:block; background:#f6f6f6; border-radius: 15px; position:relative}
.news_list .li_box .img_{width:25.5%; float:left;}
.news_list .li_box .intro_{width:65%; float:left;}
.news_list .li_box .intro_ .box{padding:30px 230px 25px 55px;}
.news_list .li_box .intro_ .box .tit { margin-bottom:23px;}
.news_list .li_box .intro_ .box .tit a{font-size:24px; line-height:32px; color:#000; font-weight:bold;transition:all 0.5s ease;}
.news_list .li_box .intro_ .box .con{font-size:16px; line-height:30px; color:#000; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_list .li_box .intro_ .box .con a{font-size:16px; line-height:30px; color:#000; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.news_list .li_box .intro_ .box .con a{color:#000;}
.news_list .li_box .intro_ .box .time{display:none;}
.news_list .li_box .intro_ .box .link{margin-top:25px;}
.news_list .li_box .intro_ .box .link a{display:inline-block; padding:0 22px; height:34px; line-height:34px; border:1px solid #C9C9C9; margin-right:1em;}
.news_list .li_box .intro_ .box .link a:hover{background:#008c7c; color:#fff;}
.news_list .li_box .date{width:9%; height:100%; position:absolute; right:0; top:0;}
.news_list .li_box .date:after{content:''; width:19px; height:31px; background:url(../images/news_list_2.png) no-repeat center; position:absolute; left:-18px; top:50%; transform:translateY(-50%); opacity:0 ;visibility:hidden; transition:all 0.5s ease;}
.news_list .li_box .date .box{height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#008c7c; transition:all 0.5s ease;}
.news_list .li_box .date .box .year{font-size:60px; line-height:60px; font-weight:bold;}
.news_list .li_box .date .box .day{font-size:18px; line-height:26px;}
.news_list .li_box:hover .intro_ .box .tit a{color:#008c7c;}
.news_list .li_box:hover .date .box{background:#008c7c; color:#fff; }
.news_list .li_box:hover .date:after{opacity:1; visibility:visible;}
@media only screen and (max-width: 1600px){
.news_list .li_box .img_{width:27%; }
.news_list .li_box .intro_ .box{padding:30px 100px 25px 50px;}
}
@media only screen and (max-width: 1580px){
.news_list .li_box .img_{width:29%; }
}
@media only screen and (max-width: 1440px){
.news_list .li_box .img_{width:32%; }
.news_list .li_box .intro_ .box .tit a{font-size:22px;}
}
@media only screen and (max-width: 1340px){ 
.news_list li{margin-bottom:40px;}
.news_list .li_box .img_{width:33%; }
.news_list .li_box .date .box .year{font-size:50px; line-height:50px; }
.news_list .li_box .intro_ .box .tit { margin-bottom:20px;}
.news_list .li_box .intro_ .box .tit a{font-size:20px;}
}
@media only screen and (max-width: 1240px){
.news_list li{margin-bottom:30px;}
.news_list .li_box .date .box .year{font-size:35px; line-height:40px;}
.news_list .li_box .img_{width:35%;}
.news_list .li_box .intro_{width:60%;}
.news_list .li_box .date{width:12%;}
.news_list .li_box .intro_ .box .tit a{overflow:hidden; text-overflow:ellipsis; display:block;}
}
@media only screen and (max-width: 992px){
.news_list li{margin-bottom:25px;}
.news_list .li_box .img_{width:37%;}
.news_list .li_box .intro_ .box{padding:30px 80px 20px 40px;}
.news_list .li_box .intro_ .box .con{height:30px; -webkit-line-clamp:1;}
.news_list .li_box .intro_ .box .con a{height:30px; -webkit-line-clamp:1;}
}
@media only screen and (max-width:892px){
.news_list .li_box .intro_ .box{padding:20px 80px 20px 30px;}
.news_list .li_box .date .box .year{font-size:30px; line-height:35px;}
}
@media only screen and (max-width: 780px){
.news_list li{margin-bottom:20px;}
.news_list .li_box{ border-radius: 0px; position:relative}
.news_list .li_box .img_{width:42%;}
.news_list .li_box .date{display:none;}
.news_list .li_box .intro_{width:56%;}
.news_list .li_box .intro_ .box{padding:10px 15px;}
.news_list .li_box .intro_ .box .tit{font-size:16px; line-height:22px; max-height:60px; white-space:normal;display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:7px;}
.news_list .li_box .intro_ .box .tit a{font-size:16px;}
.news_list .li_box .intro_ .box .con{display:none;}
.news_list .li_box .intro_ .box .time{display:block;}
.news_list .li_box .intro_ .box .link{display:none;}
}
@media only screen and (max-width: 480px){
.news_list .li_box .img_{width:100%;}
.news_list .li_box .intro_{width:100%;}
.news_list .li_box .intro_ .box{padding:15px 15px;}
.news_list .li_box .intro_ .box .tit{ margin-bottom:4px;}
.news_list .li_box .intro_ .box .tit a{ line-height:28px; font-weight: normal;}
}
.news_detail .left{width:73.5%; float:left;}
.news_detail .left .tit{font-size:32px; line-height:40px; color:#000; font-weight:bold; margin-bottom:20px;}
.news_detail .left .con{margin-top:20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d5d5d5; }
.news_detail .left .con .time{margin-right:30px; font-size:16px; color:#5d5d5d; line-height:30px;}
.news_detail .left img{ text-align: center; margin: 10px auto; max-width: 100%; }
.news_detail .left .text{border-bottom:1px solid #dfdfdf; padding-bottom:65px; line-height:2; font-size:16px; color:#333;}
.news_detail .left .text a{color:#008c7c;}
.news_detail .left .news_page{ padding-top: 35px; display: flex; align-items: center; justify-content:space-between;}
.news_detail .left .news_page .news_page_left{ max-width:80%;}
.news_detail .left .news_page .news_page_left .page_left_list{ font-size:16px; color:#666666;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display:inline-block; width:100%;}
.news_detail .left .news_page .news_page_left .page_left_list:last-child{ margin-top:7px;}
.news_detail .left .news_page .news_page_left .page_left_list a{ font-size:16px; color:#666666;}
.news_detail .left .news_page .news_page_left .page_left_list:hover a{ color:#009073;}
.news_detail .left .news_page .news_page_right{ display:flex; align-items:center; width:140px; height:45px; border:1px solid #e6e6e6; font-size:16px; color:#333333; justify-content:center; border-radius:100px;}
.news_detail .left .news_page .news_page_right i{ color:#009073; margin-left:8px;}
.news_detail .left .news_page .news_page_right:hover{ background:#009073; border:1px solid #009073; color:#fff;}
.news_detail .left .news_page .news_page_right:hover i{ color:#fff;}
.news_detail .right{width:22%; float:right;}
.news_detail .right .title{background:#008c7c; font-size:20px; font-weight: bold; color:#fff; line-height:62px; padding-left:26px; box-sizing:border-box;}
.news_detail .right .item{border:1px solid #ececec; border-top:none; margin-bottom:24px; box-sizing:border-box;}
.news_detail .right .item .item_con{ box-sizing:border-box; font-size:0;}
.news_detail .right .item .item_con .t{font-size:16px; line-height:30px; color:#5d5d5d; padding:20px;}
.news_detail .right .item .item_con .time{font-size:15px; color:#5d5d5d; line-height:21px; margin-bottom:4px;}
.news_detail .right .item .item_con .tit{transition:all 0.5s ease; font-size:16px; line-height:30px;color:#000;}
.news_detail .right .item .item_con li{padding:20px 20px;}
.news_detail .right .item .item_con li:last-child{margin-bottom:0;}
.news_detail .right .item .item_con li:hover{background:#FEF1D8;}

.pro-nav ul li { display: block; padding: 15px 0 15px; border-bottom: 1px solid #dcdcdc; font-size: 16px; color: #666;}
.news_detail .right .item .item_con.pro-nav ul li .tit{ text-align:center; line-height:40px; color:#666;}
.news_detail .right .item .item_con.pro-nav ul li:hover {background:#fff;}
.news_detail .right .item .item_con.pro-nav ul li:hover .tit{ color:#009073;}
@media only screen and (max-width: 1440px){
.news_detail .left .tit{font-size:32px;}
}
@media only screen and (max-width: 1366px){
.news_detail .left .tit{font-size:28px; margin-bottom: 15px;}
.news_detail .left .con{margin-top:15px; padding-bottom: 15px; margin-bottom: 15px; }
}
@media only screen and (max-width: 1280px){
.news_detail .left .tit{font-size:26px; margin-bottom: 10px;}
}
@media only screen and (max-width: 1024px){
.news_detail .left .tit{font-size:22px; margin-bottom: 5px;}
}
@media only screen and (max-width: 992px){
.news_detail .left{width:100%;}
.news_detail .left .tit{font-size:22px;margin-bottom:0px;line-height: 35px;}
.news_detail .left .text{padding-bottom:30px;}
.news_detail .left .news_page{ display: block;}
.news_detail .left .news_page .news_page_left,.news_detail .left .news_page .news_page_right{ width: 100%; max-width: 100%;}
.news_detail .left .news_page .news_page_right{ margin-top: 15px;}
.news_detail .right{width:100%; margin-top:30px;}
.news_detail .right .item:last-child{margin-bottom:0;}
}
@media only screen and (max-width:768px){
.news_detail .left .tit{font-size:20px; }
.news_detail .left .con{margin-top:10px; padding-bottom: 10px; margin-bottom: 10px; }
.news_detail .right{ display: none;}
}
@media only screen and (max-width:468px){
.news_detail .left .tit{font-size:18px; line-height: 32px;}
}
.case_list li { margin-bottom: 30px;}
.case_list li .box{ width:100%; }
.case_list li .box .list_img{ width: 100%; margin: 0 auto;}
.case_list li .box .list_img img{ width: 100%; min-width: 100%; margin: 0 auto; text-align: center;}
.case_list li .content { width: 100%; height: 80px; line-height: 80px; padding: 0 5px; background:#fafafa; border-bottom:3px solid #fafafa; }
.case_list li .content ._tt {color:#333; font-size:18px; text-align: center;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.case_list li:hover .content { border-bottom: 3px solid #f39700; } 
.case_list li:hover .content ._tt {color:#008c7c;}

@media (max-width: 1280px) {
.case_list li .content ._tt {font-size:16px; }
.case_list li .content { height: 80px; line-height: 80px; }
}
@media (max-width: 1024px) {
.case_list li .content ._tt {font-size:16px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.case_list li .content { height:60px; line-height: 60px; }
}
@media (max-width: 485px) {
.case_list li { margin-bottom: 20px;}
.case_list li .content { height:40px; line-height: 40px; }
}
.coporation_list ul li{ margin-bottom: 25px;}
.coporation_list .logo_txt_list{ border-radius: 10px; background: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 20%); text-align: center; align-items: center; justify-content: center; }
.coporation_list .logo_txt_list img{ max-width: 100%; margin: 0 auto; }
@media (max-width: 768px) {
.coporation_list ul li{ margin-bottom: 20px;}
}

.service_part .service_part_list{ border-radius: 10px;margin-top: 25px; overflow: hidden; position: relative; z-index: 2;}
.service_part .service_part_list .content_list_img img{ width: 100%; object-fit: cover;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1);filter: scale(1);filter: transform;   transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s; }
.service_part .service_part_list::after { opacity: 0; transition: all 0.3s ease;padding: 45px;color: #fff;position: absolute; width: 100%;   bottom: 0; left: 0; right: 0; content: "";}
.service_part .service_part_list .content_list_txt{ position: absolute; bottom: 0; left: 0; padding: 45px 32px; width: 100%; z-index: 9;}
.service_part .service_part_list .content_list_txt .list_txt_dl{ font-size: 16px; color: #fff; line-height: 40px; border-radius: 30px; width: 130px; text-align: center; border: 1px solid #fff; margin-bottom: 20px;}
.service_part .service_part_list .content_list_txt .list_txt_dd{ font-size: 24px; color: #fff; margin-bottom: 20px;}
.service_part .service_part_list .content_list_txt .list_txt_dt { display: none;}
.service_part .service_part_list .content_list_txt .list_txt_dt p{ font-size: 16px; color: #fff; line-height: 30px;}
.service_part .service_part_list:hover .content_list_txt .list_txt_dt { display: block;}
.service_part .service_part_list:hover:after { height:100%; opacity: 1;background:linear-gradient(180deg,rgba(0,140,124,0) 0%,rgba(0,140,124,0.8) 100%);}
@media (max-width: 1280px) {
.service_part .service_part_list .content_list_txt .list_txt_dd{ font-size: 22px; }
}
@media (max-width: 1024px) {
.service_part .service_part_list .content_list_txt .list_txt_dd{ font-size: 20px; }
}
    
@media (max-width: 992px) {
.service_part .service_part_list .content_list_txt{  padding: 35px 20px 20px;}
.service_part .service_part_list::after { padding: 35px;}
.service_part .service_part_list .content_list_txt .list_txt_dd{ font-size: 18px; margin-bottom: 10px;}

}

.question li{ margin-bottom:30px;}
.question li a{ border-radius: 15px; display: block; padding: 45px 40px; -o-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; -ms-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; -moz-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px;-webkit-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; box-shadow: 5px 1px 15px rgba(0, 0, 0, .175);}
.question li .text .tit{ line-height: 40px; font-size: 18px; color: #000; margin-bottom:20px;}
.question li .text .tit .far{ width: 40px; height: 40px; line-height: 40px; border-radius: 100%; font-size:24px; color:#045eb0; margin-right:15px;}
.question li .text .des{ padding-top: 20px; font-size:16px; border-top:1px dashed #d2d2d2; color: #666; line-height:30px; overflow: hidden; }
.question li .text .des .far{ font-size:24px; color:#999; margin-right:15px;}
.question li .more_btn i{ margin-top: 20px; display: inline-block; width: 48px; height: 48px; border-radius: 50%; float:right; background-size: cover; background-image: url(../images/home_news_ico.png); -o-box-shadow:0 0 20px rgba(0,0,0,.05); -ms-box-shadow:0 0 20px rgba(0,0,0,.05); -moz-box-shadow:0 0 20px rgba(0,0,0,.05); -webkit-box-shadow:0 0 20px rgba(0,0,0,.05); box-shadow:0 0 20px rgba(0,0,0,.05);}
.question li:hover{z-index:1;}
.question li a:hover{ border-radius: 15px; background: #FFFFFF; border-bottom:1px solid #FFFFFF;}
.question li a:hover .text .tit{ color: #008c7c;}
.question li a:hover .des{ border-top:1px dashed #999;}
.question li a:hover .more_btn i{  background-image: url(../images/home_news_ico2.png); }
@media only screen and (max-width:992px) {
.question li{ margin-bottom:25px;}
.question li a{ padding: 25px 20px;}
.question li .text .tit{ line-height: 30px; font-size: 16px;  margin-bottom:10px;}
}
@media only screen and (max-width:768px) {
.question li a{ padding: 15px 10px;}
.question li .text .des{ padding-top:10px; line-height: 25px; font-size: 15px;}
}
.contact_part1 { background: url(../images/contactbg.jpg) no-repeat center bottom;}
.contact_part1 .contact_left {position: relative;z-index: 2;float: left;width: 70%;}
.contact_part1 .contact_left .item {margin-bottom: 40px;position: relative;}
.contact_part1 .contact_left .item::after {content: "";width: 0;height: 0;display: block;float: none;clear: both;}
.contact_part1 .contact_left .item .icon {float: left;}
.contact_part1 .contact_left .item .icon img {width: 100%;}
.contact_part1 .contact_left .item .text {float: left;margin-left: 30px;}
.contact_part1 .contact_left .item .text .p {font-size: 16px;font-weight: normal;font-stretch: normal;line-height:28px; color: rgba(0, 0, 0, 0.5);margin-top: 2px;}
.contact_part1 .contact_left .icon {width: 55px;height:55px; }
.contact_part1 .contact_left .text .h3 {font-size: 18px;line-height: 28px; margin-top: 0px;margin-bottom: 10px; font-weight: bold;color: #000000;}
.contact_part1 .contact_left a{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}
.contact_part1 .contact_left .item.phone .text .h3 {font-family: "Barlow-Condensed-SemiBold";font-size: 40px;line-height:40px;color: #008c7c;}
.contact_part1 .contact_list {position: relative;z-index: 2;float: left; width: 30%; margin-top: 40px;}
.contact_part1 .contact_list .item {float: left;}
.contact_part1 .contact_list .item .img {width: 160px;height: 160px;background-color: #ffffff;box-shadow: 0px 0px 0.225rem 0px rgba(0, 0, 0, 0.25);border-radius: 10px;}
.contact_part1 .contact_list .item .img img {width:100%; padding: 10px;}
.contact_part1 .contact_list .item .text {margin-top:25px;text-align: center;}
.contact_part1 .contact_list .item .text .icon i {font-size: 24px;}
.contact_part1 .contact_list .item .text .name {font-size: 20px;line-height: 35px;color: #333333;margin-top: 5px;}
.contact_part1 .contact_list .item .text .en {font-size: 16px;font-weight: lighter;line-height:35px;color: #333333; }
@media only screen and (max-width:1440px) {
.contact_part1 .contact_left .item.phone .text .h3 { font-size: 38px; }
}
@media only screen and (max-width:1366px) {
.contact_part1 .contact_left .item.phone .text .h3 { font-size: 34px; }
}
@media only screen and (max-width:1280px) {
.contact_part1 .contact_left .item.phone .text .h3 { font-size: 30px;line-height:35px;}
}
@media only screen and (max-width:992px) {
.contact_part1 .contact_left .item.phone .text .h3 { font-size: 28px;line-height:30px;}
.contact_part1 .contact_list { margin-top:0px;}
}
@media only screen and (max-width:768px) {
.contact_part1 .contact_left { width: 100%;}
.contact_part1 .contact_left .item {margin-bottom: 20px; }
.contact_part1 .contact_left .item.phone .text .h3 { font-size: 24px; }
.contact_part1 .contact_list .item .text .name {font-size: 18px;}
.contact_part1 .contact_left .text .h3 { margin-bottom: 10px;}
.contact_part1 .contact_left .item .text .p { margin-top: 5px;}
.contact_part1 .contact_list { width: 0; margin-top: 0px; display: none;}

}
@media only screen and (max-width:568px) {
.contact_part1 .contact_left .item .text { margin-left: 10px;}
.contact_part1 .contact_left .text .h3 {font-size: 18px; margin-bottom: 0px;}
.contact_part1 .contact_left .icon {width: 50px;height:50px; }
}
@media only screen and (max-width:468px) {
.contact_part1 .contact_left .item.phone .text .h3 { font-size: 22px; line-height:28px;}
.contact_part1 .contact_left .item .text .p { margin-top: 0px;}
.contact_part1 .contact_left .icon {width: 40px;height:50px; line-height: 50px; }
}
@media only screen and (max-width:380px) {
.contact_part1 .contact_left .text .h3 {font-size: 16px; margin-bottom: 0px;}
}
.message .left { width: 43.75%;padding-right: 8.875%; float: left;}
.message .page_title {font-size: 36px;line-height: 36px;color: #666666;font-weight: 400;}
.message .text-muted {font-size: 16px;color: #999;line-height: 32px;font-weight: 400;}
.message .form { width: 56.25%; float: left;}
.message .validate_form { font-size: 0;}
.message .validate_form .form-group {width: 50%;display: inline-block;color: #999;padding-right: 4.44444%;margin-bottom: 30px;position: relative;}
.message .validate_form .form-control {display: block;padding: 0;margin: 0;border: none;background: none;height: 50px;font-size: 16px;color: #999;font-weight: 400;width: 100%;border: 1px solid #EAEAEA;padding: 0 20px;text-align: left;cursor: pointer;}
.message .validate_form .form-control+label {display: block !important;font-size: 16px;color: #999;position: absolute;top: 18px;left: 20px;-moz-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;transition: all .36s ease;cursor: pointer;}
.message .validate_form .form-group_msg .form-control {height: 180px;resize: none;padding: 20px;}
.message .validate_form .form-control {display: block; margin: 0;border: none;background: none;height: 50px; line-height: 50px; color: #999;font-weight: 400;width: 100%;border: 1px solid #EAEAEA;padding: 0 20px;text-align: left;cursor: pointer;}
.message .validate_form .form-control+label {display: block !important;font-size: 16px; font-weight: normal; color: #999;position: absolute;top: 16px;left: 20px;-moz-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;transition: all .36s ease;cursor: pointer;}
.message .validate_form .form-group_msg {width: 100%;}
.message .btn_button {padding: 17px 30px;}
.message .btn_default {padding: 0;/*background: none;border: none;*/display: inline-block;text-align: center; position: relative;padding: 15px 40px;overflow: hidden;font-weight: 400;cursor: pointer;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.message .btn_default span {position: relative;z-index: 10; color: #fff; -moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.message .btn_default:after {content: "";display: block;position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;background-color: #008c7c; color: #fff; z-index: 1;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.message .hint{ line-height: 32px; color: #666; font-size: 16px;}
.message span {display: inline-block;color: #666; }
.message #code {width: 185px;height: 55px;border: 1px solid #e5e5e5;background-color: #fff;color: #666;margin-right: 15px;}
.message .hint span {color: #cd0000; font-size: 16px;}
.d-inline {display: inline-block;}
@media (max-width:992px){
.message .left {display: inline-block;width: 100%;padding-right:0;}
.message .form {display: inline-block;width: 100%;}
.message .page_title {font-size:26px;}
}
@media (max-width:768px){
.message .page_title {font-size:22px;line-height: 30px;}
.message .validate_form .form-control { height: 40px; line-height:40px; padding: 0 8px; font-size: 15px; }
.message .validate_form .form-group {margin-bottom: 20px;}
.message .validate_form .form-group_msg .form-control {padding: 0 8px; }
.message #code {width: 165px;height: 40px;}
.message .hint{ line-height: 28px; }
}
@media (max-width:568px){
.message .page_title {font-size:20px; margin-bottom: 10px;color: #333; }
.message .text-muted { color: #666;line-height: 28px;margin-bottom: 10px; }
}
@media only screen and (max-width:468px) {
.message .validate_form .form-group {width: 100%; margin-bottom: 15px;}
}


.policy { line-height: 30px;}
.policy h3{ font-size: 24px; margin-bottom: 20px;color: #008c7c;}
.mapmenu .param-t { color: #333; background: #f0f0f0; padding: 15px 0 15px 15px; margin-bottom: 30px; position: relative;}
.mapmenu .param-t a{font-size:24px; font-weight: 600; }
.mapmenu .param {margin-bottom: 30px;}
.mapmenu .param-t::before {content: "";display: inline-block;vertical-align: middle;height: 25px;width: 3px; top: 0px; margin-bottom: 4px; margin-right: 15px;background-color: #008c7c;}
.mapmenu .param-t a:hover{color: #008c7c;}
.mapmenu .param-c .param-tit{ margin-bottom: 20px;} 
.mapmenu .param-c .param-tit a{ color: #444; padding-left:30px; font-size:20px; font-weight: 600;}
.mapmenu .param-c .param-tit a:hover{color: #008c7c;}
.mapmenu .param-c a{ font-size: 16px; color: #666; line-height: 32px;}
.mapmenu .param-c ul { padding-left:30px;}
.mapmenu .param-c ul li{ margin-bottom: 15px; margin-right: 2%; float: left; position: relative; padding-right:2%; }
.mapmenu .param-c ul li::after{ position: absolute; right: 0px; bottom: 6px; width: 1px; height:15px; content: ""; background: #666;}
.mapmenu .param-c ul li a{ padding-bottom:10px;}
.mapmenu .param-c ul li a:hover{color: #008c7c;}
.mapmenu .param-c ul li:last-child:after{width: 0px; }
@media(max-width:1440px) {
.policy h3{ font-size: 22px;}
.mapmenu .param {margin-bottom: 20px;}
.mapmenu .param-t a{font-size:22px; margin-bottom: 20px;}
.mapmenu .param-c a{ line-height: 28px;}
}
@media(max-width:992px) {
.policy h3{ font-size: 20px;}
.mapmenu .param-t {margin-bottom: 20px;padding: 10px 0 10px 10px;}
.mapmenu .param-t a{font-size: 20px;}
.mapmenu .param-t::before {height: 25px; margin-right: 10px;}
.mapmenu .param-c a{ font-size: 15px; line-height: 28px;}
.mapmenu .param-c .param-tit a{ font-size:18px; padding-left:20px; }
.mapmenu .param-c ul { padding-left:20px;}
}
@media(max-width:768px) {
.policy h3{ font-size: 18px; }
.mapmenu .param {margin-bottom: 0px;}
.mapmenu .param-t {margin-bottom: 10px;}
.mapmenu .param-t a{font-size:18px;}
.mapmenu .param-c .param-tit{ margin-bottom: 10px;} 
.mapmenu .param-c .param-tit a{ font-size:17px; }
}
@media(max-width:468px) {
.mapmenu .param-t a{font-size:17px;}
.mapmenu .param-c .param-tit a{ font-size:16px; }
}
