@import "responsive2.0.css";
.auto{width:86%;}
@media(max-width:1024px){
	.auto{width:94%;}
}

.Top002262 {position:fixed; z-index: 100; width: 100%; left: 0; top:0; border-bottom: solid 1px rgba(255,255,255,0.1)}
.Top002262 .auto{max-width: inherit; width: 93.75%}
.Top002262 .header-left{ width: 30%; max-width:230px; transition: 0.3s;}
.Top002262 .header-right dd{ transition: 0.3s;}
.Top002262 .top-language{ position:relative; border: solid 1px rgba(255,255,255,0.4); padding: 0 18px;  border-radius:30px}
.Top002262 .top-language span{ color: #fff; display:block;background:url(../images/lang_icon.svg) no-repeat  left;cursor:pointer; position: relative; z-index: 1;  background-size: 20px;line-height:calc(40 / 16 * 1em);padding: 0px 30px}
.Top002262 .top-language span:after{content: '';position: absolute; right: 4px; top: 0; bottom: 0; margin: auto; transform: rotate(45deg); width:8px; height:8px; border-bottom: solid 1px #fff;border-right: solid 1px #fff}
.Top002262 .top-language figure{ position:absolute; top:100%; left:50%; background:#fff; width:calc(120 / 16 * 1em); line-height:calc(40 / 16 * 1em); display:none; margin-left:calc(-60 / 16 * 1em); box-shadow:  0 0 10px rgba(0,0,0,0.1);}
.Top002262 .top-language a{ display:block; text-align:center; color:#333;}
.Top002262 .top-language a:hover{color:#fff; background:#009899; }
.Top002262 .search{ position:relative; z-index:100; margin-right: 35px;}
.Top002262 .open-search{ background:url(../images/search_icon.svg) no-repeat center center; width:calc(30 / 16 * 1em); height:calc(30 / 16 * 1em);display:block; background-size:auto 70%;}
.Top002262 .top-search{ position:absolute; top:100%; right:0; z-index:100; border:1px solid #b4b4b4; background:rgba(0,0,0,0.2); }
.Top002262 .top-search .text{width:calc(254 / 16 * 1em);line-height:calc(46 / 16 * 1em);height:calc(46 / 16 * 1em); color:#fff; padding:0 50px 0 10px; background: none}
.Top002262 .top-search .btn{ position:absolute; right:0; top:0; line-height:calc(46 / 16 * 1em); width:calc(46 / 16 * 1em); text-align:center; color:#fff; font-weight:bold; font-size:1em; }
.Top002262 .top-search .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -16px;right: 4px;}
.search-show .Top002262 .top-search{display: block;}
.Top002262 .header-right .open-menu{ position: relative;}
.Top002262 .header-mids li .sub{display: none;}
.Top002262 .header-mids li span,
.Top002262 .header-mids li a{display:block;}
.Top002262 .open-search.on:before, 
.Top002262 .open-search.on:after{background-color:#009899;}
.Top002262 .logo .img2{ display: none;}
.Top002262_fixed{background: rgba(0,0,0,0.5)}
.Top002262_fixed .header-left{max-width:150px;}
.Top002262_fixed .logo .img2{ display: block;}
.Top002262_fixed .logo .img1{ display: none;}
@media(min-width:1025px){
.Top002262 .header-right dd:last-child{display: none;}
.Top002262 .header-mids li{float: left;position: relative}
.Top002262 .header-mids li:not(:last-child){ margin-right:3.75vw;}
.Top002262 .header-mids li span{position:relative; }
.Top002262 .header-mids li span a{ line-height:calc(110 / 16 * 1em); position:relative; color:#fff;  transition: 0.3s;font-weight: bold}
.Top002262_fixed .header-mids li span a{ line-height:calc(60 / 16 * 1em); }
.Top002262 .header-mids li span a::before{ position:absolute; content:''; left:50%; bottom:0;  height:2px; width:0; transition:ease-in-out 0.3s; transform:translateX(-50%);}
.Top002262 .header-mids li span a:hover::before,
.Top002262 .header-mids li.aon span a::before{width:100%;background: #009C7C; /*background:linear-gradient(to right, #1b9896 0%, #71d764 100%);*/}
.Top002262 .header-mids li span a:hover,
.Top002262 .header-mids li.aon span a{color: #009C7C/*background-image: -webkit-linear-gradient(-90deg, #1b9896,#71d764); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;*/}
.Top002262 .header-mids li .sub{left: 50%; transform: translateX(-50%); white-space: nowrap;position:absolute;background: rgba(0,0,0,.5)}
.Top002262 .header-mids li .sub dl{}
.Top002262 .header-mids li .sub dl dt{ padding:5px 15px;position: relative}
.Top002262 .header-mids li .sub dl dt:last-child{ border-bottom:0;}
.Top002262 .header-mids li .sub dl dt a{color:#fff; transition:0.3s;line-height: 40px; border-bottom:1px solid #f2f2f2;}
.Top002262 .header-mids li .sub dl dt a:hover{ background:none; color:#009c7c; }
.Top002262 .header-mids li .hierarchy{position: absolute; left: 100%; top: 0;background: rgba(0,0,0,.5);display: none;padding: 18px;}
.Top002262 .header-mids li .hierarchy ol{}
}
@media (max-width:1300px) {
.Top002262 .header-mids li:not(:last-child){ margin-right:2vw;}
}
@media (max-width:1024px) {
.Top002262 .open-menu i{margin-top: 0;background: #fff;}
.Top002262 .open-menu{margin:calc(15 / 16 * 1em) 0; margin-left:calc(25 / 16 * 1em) ;width:calc(40 / 16 * 1em) ;height:calc(40 / 16 * 1em) ; }	
.Top002262 .header-mids{position: fixed; right: -100%;opacity: 0; top:calc(60 / 16 * 1em) ;bottom: 0;overflow: auto; z-index: 99; width: 40%;box-shadow: 0 10px 10px rgba(0,0,0,0.1);transition: 0.5s; width: 45%; background:rgba(255,255,255,0.95);}
.menu-show .Top002262 .header-mids{right:-1px;opacity: 1; }
.Top002262 .open-menu:not(.on) i:nth-child(1){margin-top:calc(-10 / 16 * 1em);}
.Top002262 .open-menu:not(.on) i:nth-child(3){margin-top:calc(10 / 16 * 1em);}
.Top002262 .logo img { max-height: calc(40 / 16 * 1em);}
.Top002262 .top-language{padding: 0px 10px}
.Top002262 .top-language span{padding-right: 20px}
.Top002262 .search{margin-right: 15px;}
.Top002262 .header-mids li{border-bottom: 1px solid #eaeaea;}
.Top002262 .header-mids li span{line-height:calc(50 / 16 * 1em) ;padding:0 1em 0 1.5em;font-size:calc(18 / 16 * 1em) ;}
.Top002262 .header-mids li dt{padding:0 0 0 2em;line-height:calc(40 / 16 * 1em) ;}
.Top002262 .has-multi aside .op-multi:before, 
.Top002262 .has-multi aside .op-multi:after, 
.Top002262 .has-sub span .op:before, 
.Top002262 .has-sub span .op:after{ transform: translate(0,0); width: 7px;}
.Top002262 .has-multi aside .op-multi:after,
.Top002262 .has-sub span .op:after{height: 7px; width: 2px;}
.Top002262 .has-multi aside .op-multi, 
.Top002262 .has-sub span .op{right: 2%;transform: rotate(135deg);}
.Top002262 .has-sub span .op:before, 
.Top002262 .has-sub span .op:after{background-color: #009899;}
.Top002262 .has-sub span .op.click{ transform: rotate(225deg);}	
.Top002262 .header-mids li .hierarchy{display: none;opacity: 0.7}
.Top002262 .has-multi aside .op-multi.click{transform: rotate(225deg)}
}

.bottom{background:#0e4030;}
.bottom .snhmed{position: relative;padding-top:6%;}
.bottom .snhmed img{position: absolute; right: 0;top:-50%;width: 30%;z-index: 5; }
.bottom,
.bottom a:not(:hover){color: rgba(255,255,255,0.5)}
.bottom .box {padding-bottom: 3%}
.bottom .box dt{font-size: var(--fs18);line-height:4}
.bottom .box dt a{color: #fff}

.bottom .column{width: calc(100% - 410px)}
.bottom .column dl{/*width: 14.28571428571429%*/}
.bottom .column dd span{display: block;}
.bottom .column dd span a{display: inline-block; line-height: 30px}
.bottom .column dd{padding-top:20px; border-top: solid 1px rgba(255,255,255,0.1)}
.bottom .follow{width:140px; text-align: right}
.bottom .follow p{line-height: 2;}
.bottom .follow ul{padding-top: 15%}
.bottom .follow li{width: 48px;}
.bottom .follow li img{border-radius: 100%; background: rgba(255,255,255,0.2)}
.bottom .follow li img.ewm{cursor: pointer}
.bottom .box_end{border-top: solid 1px #d4f480;padding:2.5% 0;}
.bottom .logo{width: 14%}
.bottom .copyright{text-align: right}
.bottom .copyright dl{padding-bottom: 10px}
.bottom .copyright dl a:not(:last-child){margin-right: 20px;}
.bottom .copyright span {display: block}
.bottom .links{position: relative;width: 200px;display: inline-block;}
.bottom .links span{ display: block; border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 36px;line-height: 36px;padding: 0 20px;text-align: left;position: relative;}
.bottom .links span::after{position: absolute;
    content: '';width: 0;z-index: 3;height: 0;border-right: 6px solid transparent;border-left: 6px solid transparent;border-top: 6px solid #009c7c;right: 15px;top: 50%;margin-top: -3px;}
.bottom .links ul {text-align: left;position: absolute;bottom: 100%;left: 0;width: 100%;display: none;z-index: 50;background:#3e6659;border-radius: 5px 5px 0 0;}
.bottom .links ul li a {display: block;line-height: 24px;padding: 5px 10px;}
@media (max-width:1280px) {
	.bottom .follow {width:240px;}
	.bottom .follow li {width:35px;}
	
	.bottom .column {width: calc(100% - 260px);}
}
@media (max-width:1024px) {
.bottom .column{width:100%}
.bottom .follow{margin: auto;text-align: center}
.bottom .icp{display: none}
}
@media (max-width:768px) {
.bottom .column dl{width: 48%; border-bottom: solid 1px rgba(255,255,255,0.2)}
.bottom .column dt{line-height: 2}
.bottom .column dd{display: none}
.bottom .logo{display: none}
.bottom .copyright{text-align: center; width: 100%}
.bottom .links{display: table;margin: 0 auto;}
.bottom .snhmed img{width: 40%;}
.bottom .box{padding-top: 4%}
}

.fixed-box{color: #333; position: fixed;background: rgba(0,0,0,0.6);left: 0;bottom:0;width: 100%;z-index: 200; height: 100vh;display: none;}
.fixed-box .ytable{height: 100%;}
.fixed-box .ytable .img{max-width: 300px;margin: 0 auto;background: #fff;border-radius: 10px;padding: 30px;position: relative}
.fixed-box .ytable .img p{text-align: center;margin: 0;line-height: 1.6;font-size: 1em}
.fixed-box .close{ width: 20px; height: 20px;right: 5px;position: absolute;top: 10px; transform: rotate(45deg);cursor: pointer;}
.fixed-box .close:before,
.fixed-box .close:after{position: absolute; left: 50%; top: 50%; content: '';background: #11a2a2;}
.fixed-box .close:before{width: 50%; height: 2px; margin-top: -1px; margin-left: -25%;}
.fixed-box .close:after{height: 50%; width: 2px; margin-left: -1px; margin-top: -25%;}


.side{z-index: 20; position: fixed; right: 2%; top: 70%; transform: translateY(-50%)}
.side dl{position: relative;background-color: #009c7c ;padding: 7px; box-shadow: 0px 0px 20px 0px rgba(0, 156, 124, 0.4);border-radius: 100%;}
.side dl dt{cursor: pointer;position: relative; z-index: 2; width:.50rem; height:.50rem;border-radius: 100%;background:no-repeat center center; background-size: 26px;}
.side dl dd{right: -1000%;top:0; position:absolute;background-color: var(--colorgreen); color: #fff;border-radius:30px;padding:7px 80px 7px 16px; line-height: .53rem; transition: 0.5s;white-space: nowrap}
.side dl.tel dt{background-image: url(../images/side_tel.svg)}
.side dl.email dt{background-image: url(../images/side_email.svg)}
.side dl.totop dt{background-image: url(../images/side_top.png)}
.side dl:not(:last-child){margin-bottom: 18px}
.side dl:not(:hover) dt{filter: grayscale(100%) brightness(500%); }
.side dl:hover dt{background-color: #fff}
.side dl:hover dd{right:0}


/*index*/

.ind_banner li.slick-slide{position: relative;}
.ind_banner .slick-pages{position: absolute;left: calc(141 / 1920 * 100vw); bottom: calc(66 / 960 * 100%);color: #fff;z-index: 20;font-size: calc(24 / 1920 * 100vw);}
.ind_banner .slick-dots{position: absolute;right: calc(141 / 1920 * 100vw);bottom: calc(66 / 960 * 100%);z-index: 20;}
.ind_banner .slick-dots li{float: left; width: 16px;  height: 16px;  background-color: rgba(255, 255, 255, 1); opacity: 0.5;  margin-left: 20px; border-radius: 50px;}
.ind_banner .slick-dots li button{display: none;}
.ind_banner .slick-dots li.slick-active{opacity: 1;}

.ind_title {padding-top: 6%; padding-bottom:2%;position: relative; z-index: 2}
.ind_title h3{ font-size: var(--fs60); font-weight: bold; line-height:1.6;position: relative}
.ind_title h3:before{content: '';position: absolute; width: 88px; height: 75px; left: -2%; top: -22%; background: url(../images/ind_titlebg.png) no-repeat left top; z-index: -1}
.ind_title h3 span{color: var(--colorgreen)}
.ind_title .more{display: none; position: absolute;right: 0;top: 0;bottom: 0; margin: auto; border: solid 1px #b5b5b5;width: .7rem; height:.7rem; border-radius: 100%; transition: 0.5s}
.ind_title .more:before{content: '';position: absolute; left: 0; width: 100%; height: 100%; background: url("../images/more_jt5.png") no-repeat center center;transition: 0.5s}
.ind_title .more:hover{border-color: #009c7c; background-color: #009c7c;}
.ind_title .more:hover:before{filter: grayscale(100%) brightness(500%); }

.w1600{max-width: 1600px}

.mid_bg{background:#fff no-repeat center top; background-size: 100%}

.ind_about{overflow: hidden; background: no-repeat center top; background-size: 100%;}
.ind_about .ind_title{text-align: center; }
.ind_about .article{color: var(--colorgray);}
.ind_about .photo{padding-bottom: 5%;}
.ind_about .photo img{width: 100%}

.ind_count{text-align: left; max-width: 1160px; margin: auto;padding: 4% 0;position: relative}
.ind_count dt{color: var(--colorgreen);position: relative;}
.ind_count dt b{font-size: 0.72rem;line-height:1.2; font-family: cursive;}
.ind_count dt sup{position: absolute; top:20%;white-space: nowrap;font-size: var(--fs24);}
.ind_count dd{padding: 4% 0}
.ind_count:before,
.ind_count:after{content: ''; position: absolute; margin: auto; top: 0; bottom: 0; width: 1px; height: 30%; background-color: #c7c7c7}
.ind_count:before{left: 32%;}
.ind_count:after{right: 32%;}
@media(max-width:960px){
.ind_about .photo{width: 150%; margin-left: -25%}
.ind_count dt b{font-size: var(--fs60)}
.ind_title h3:before{ background-size: contain; width: 80px; height: 69px; top: -35%;}
}

.ind_product .ind_title{padding-top: 0;}
.ind_product .listitem{margin-left: -10px; margin-right: -10px;}
.ind_product .item{padding: 10px;}
.ind_product .item a{display: block; position: relative; background: url(../images/ind_probg.jpg) no-repeat center top; background-size: cover;border-radius: 6px; overflow: hidden; padding-top:19.233%}
.ind_product .item .txt{padding:0 6%;top:10%; position: absolute;width: 100%; z-index: 10}
.ind_product .item .txt h5{font-size: var(--fs24)}
.ind_product .list_box{max-width: 96%; margin: auto}

@media(min-width:1024px){
.ind_product .auto{position: relative}
.ind_product .slick-prev{left: -77px}
.ind_product .slick-next{right: -77px}
.ind_product .list_box{padding-left:60px; padding-right:60px;}
}

.ind_news{padding-bottom: 6%}
.ind_news time{font-size: var(--fs20);position:relative; font-weight: bold; line-height: 30px;}
.ind_news time:after{content: ''; position: absolute; top: 0; bottom: 0; right:-20px; margin: auto; width: 5px;height: 5px; background-color: var(--colorgreen); border-radius: 100%}
.ind_news .hot .icon{position: absolute; width: .8rem; height: .6rem;z-index: 10; right: 0; bottom: 0;border-radius: 6px 0 6px 0; background: #009c7c url("../images/more_jt3.png") no-repeat center center}
.ind_news .hot .txt{padding: 0 5% 8% 5%;}
.ind_news .hot time{color: #65cb65}
.ind_news .hot time:after{display: none}
.ind_news .hot h5{font-size: var(--fs28);margin-top:4%;}
.ind_news .hot figure{border-radius: 6px;padding-bottom: 57.747%}

.ind_news .list li{border-bottom: solid 1px #dfdfdf;padding:6% 5%; position: relative}
.ind_news .list li:first-child{padding-top: 0}
.ind_news .list h5{font-size: var(--fs24); margin-bottom:2%; line-height: 30px;}
.ind_news .list p{color: var(--colorgray);line-height: 22px}
.ind_news .list .time{width: 105px; position: relative}
.ind_news .list .icon{position: absolute; bottom: 0; top: 0; right: 0; margin: auto;display: block; width: .46rem;	height: .46rem; border-radius: 100%;background: url(../images/more_jt4.png) no-repeat center center}
.ind_news .list .txt{width: 80%; padding-right: 15%}
.ind_news .list li:hover .icon{border:solid 1px #7ccaba;background-image: url(../images/more_jt.png) }
.ind_news .list li:hover{border-color:#7ccaba}
@media(min-width:960px){
.ind_news .listitem{display: flex; justify-content: space-between}
.ind_news .list{width: 51.25%}
.ind_news .hot{width: 44.375%; order: 2}
}
@media(max-width:1200px){
.ind_news .list .txt{width: 74%; padding-right: 5%}
}
@media(max-width:960px){
.ind_news .list{padding-top: 5%}
.ind_news .list .txt{padding-right: 3%}
}
@media(max-width:640px){
.ind_news .hot .item{border-bottom: solid 1px #dfdfdf;}
.ind_news .hot a{display: flex; flex-wrap: wrap}
.ind_news .hot .pic{width: 100%;}
.ind_news .hot .txt{width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 6%; order: 2; display: flex; flex-wrap: wrap}
.ind_news .hot .txt h5{width: 100%;margin-bottom: 10px}
.ind_news .hot .txt time{order: 2}
.ind_news .list li{padding-left: 0}
.ind_news .list p{margin-bottom: 10px}
.ind_news .list .txt{width: 100%}
.ind_news .list .time{order: 2; width: auto; }
.ind_news .list .time time{font-size: var(--fs16);color: var(--colorgray);font-weight: normal}
}

.ind_service{position: relative;background: #fff; overflow: hidden}
.ind_service .ind_title{padding-bottom: 1%}
.ind_service .ind_title h3:before{display: none;}
.ind_service .box_absolute{position: absolute; width: 100%; padding-top:2%;z-index: 2;}
.ind_service .auto{max-width: 1100px; width: 70%}
.ind_service .article{font-size: var(--fs18); max-width: 630px;color: #fff}
.ind_service .photo{padding-left: 8.333333333333333%}
.ind_service .photo img{width: 100%; border-top-left-radius: 20px}
.ind_service .photo img.wap{display: none}
.ind_service .contact{width: 36.45833333333333%; position: absolute; bottom: 0; background-image: linear-gradient(90deg,#009c7c 43%,rgba(0, 156, 124, 0.7) 100%);border-radius: 0px 20px 0px 0px;}
.ind_service .info{font-size: var(--fs20); color: #fff;padding: 7% 2% 7% 28%;line-height: 2}
.ind_service .info h4{font-size: var(--fs24); font-weight: bold}
.ind_service .info p{padding-top:2%; padding-bottom:2%}
.ind_service .info p a{color: #fff!important;}
.ind_service .tel_icon i,
.ind_service .email_icon i{border-color: rgba(255,255,255,0.5)}
.ind_service .tel_icon i:before,
.ind_service .email_icon i:before{filter: grayscale(100%) brightness(500%); }
@media(max-width:1024px){
.ind_service .photo{width: 120%}
.ind_service .info{padding: 6% 0 4% 4%}
.ind_service .contact{width: 50%; }
}
@media(max-width:768px){
.ind_service .photo{padding-left: 0; width: 100%}
.ind_service .photo img.pc{display: none}
.ind_service .photo img.wap{display:block}
}
@media(max-width:640px){
.ind_service .auto{width: 90%}
.ind_service .contact{width: 58%; }
.ind_service .info{font-size: var(--fs16);}
.ind_service .info p{margin: 0;  word-break: break-all;}
.ind_service .info h4{line-height: 20px;padding-bottom: 8%}
}
/*index end*/


.menu_location{line-height: 74px; border-bottom: solid 1px #e4e4e4}
.menu_location .menu{display: none}

.menu h3{font-size: 16px; font-weight: bold;color:var(--colorgreen);margin-bottom: -1px; border-bottom: solid 2px var(--colorgreen);}

.location{padding-left: 26px; background: url(../images/location_icon.png) no-repeat left 28px}
.location,
.location a{color: var(--color333)}
.location a:hover{color: var(--colorgreen)}
.location span{color: var(--colorgreen); display: inline-block}
.location i{margin: 0px 10px;}

@media(min-width:768px){
.location{order: 2}
}
@media(max-width:768px){
.menu_location{line-height: 24px; padding: 10px 0 }
.location{width: 100%; background-position: left 4px}
}

.inner_banner {position: relative}
.inner_banner img{width: 100%}
.inner_banner .info{position: absolute;width: 100%; bottom:18%; font-size:calc(100vw/1920*48)}
.inner_banner .info b{max-width: 55%;background: -webkit-linear-gradient(90deg,#499e92, #6cbd79);  background: linear-gradient(90deg,#499e92, #6cbd79);  -webkit-background-clip: text;  background-clip: text;  color: transparent;display: block;text-transform: uppercase;position: relative}
.inner_banner .info b:before{content: '';position: absolute; left: -5%; bottom:0;top:0; margin: auto; width: 1.91rem;height: 1.21rem; background: url(../images/ban_yuan.png) no-repeat; background-size: contain;}
@media(max-width:768px){
.inner_banner .info{ font-size:calc(100vw/1200*48)}
.inner_banner .info b{max-width: 80%}
}
@media (min-width: 768px){
.inner_banner .info b{ letter-spacing: 0.2em;}
}

.column_name{text-align: center; padding-top: 5%; padding-bottom:3%}
.column_name h3{font-size: var(--fs42); font-weight: bold}
.column_name h4{font-size: var(--fs24); font-weight: bold;padding-top: 2%; padding-bottom: 2%}
.column_name[rel="left"]{text-align: left}


.item{position: relative}

.ul h5,
.ul p,
.item h5,
.item p{padding: 0; margin: 0}

.mid,
.Pages .p_page  .a_prev:before,
.Pages .p_page  .a_next:before,
.prev_next .list:before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}

.article{line-height: 30px;text-align: justify}
@media(max-width:768px){
.article{line-height:26px;}
}

.fw_light{font-weight: 100;}

.tel_icon,
.email_icon{font-size: var(--fs16); padding-left: 32px;position: relative; line-height: 26px;}
.tel_icon i,
.email_icon i{position: absolute; left: 0; width: 24px; height: 24px; border-radius: 100%; border: solid 1px #009c7c}
.tel_icon i:before,
.email_icon i:before{content: '';background: no-repeat center center; position: absolute; width: 100%; height: 100%;background-size: 26px auto;}
.tel_icon i:before{background-image: url("../images/tel_icon.png")}
.email_icon i:before{background-image: url("../images/email_icon.png")}

.service_main{padding-bottom: 6%}
/* .service_main .column_name h3{color: var(--colorgreen)} */
.service_main .article{padding-bottom: 3%}
.service_main .box{box-shadow: 0px 0px 35px 0px rgba(78, 78, 78, 0.16);	border-radius: 10px; padding:5.5%}
.service_main .photo img{border-radius: 10px;}
@media(min-width:768px){
.service_main .have_img{display: flex; justify-content: space-between}
.service_main .have_img .photo {width:47%;}
.service_main .have_img .info {width: 49%; order: 2}
}

.editor_service{color: var(--colorgray)}
.editor_service .txt:not(:last-child){padding-bottom: 2%}
.editor_service .txt h5{font-size: var(--fs24); color: var(--colorgreen);padding: 5% 0 1% 0; margin: 0}
.editor_service .txt p{ margin: 0;margin-bottom: 12px;}
.editor_service .txt .icon{width:15%; max-width: 80px}
/* .editor_service .txt:first-child h5:before{content: ''; display: block; margin-top: 20px; margin-bottom:20px; width: 46px; height: 4px; background: var(--colorgreen)} */


.business_main .part_item1 .article{ padding-bottom: 7%}
.business_main .part_item2{position: relative; z-index: 2; background: no-repeat center center; background-size: cover}
.business_main .part_item2 .article{padding-top:13%; padding-bottom:13%}
.business_main .photo img{border-radius: 10px;}
@media(min-width:768px){
.business_main .have_img{display: flex; justify-content: space-between}
.business_main .have_img .photo {width:41%;}
.business_main .have_img .info {width: 49%;}
}
@media(max-width:768px){
.business_main .part_item2{background: none!important}
.business_main .wap_bg{position: absolute; z-index: -1; width: 100%; height: 100%; background: no-repeat center top; background-size:cover;}
}

.editor_cooperate {text-align: center; }
.editor_cooperate .title{padding-bottom: 2%;}
.editor_cooperate .info{max-width: 1120px; margin: auto; padding-bottom:4%}
.editor_cooperate .txt{font-size: var(--fs18)}
.editor_cooperate .txt ul{align-items: normal;}
.editor_cooperate .txt li{width:23%;padding:2%; background-color: #ffffff;	border-radius: 6px;}
.editor_cooperate .txt li i{font-size: var(--fs48); color: var(--colorgreen); font-style: normal; display: block;line-height:1; padding-bottom:4%}
.editor_cooperate .txt li:hover{color: #fff; background-color: var(--colorgreen)}
.editor_cooperate .txt li:hover i{color: #fff;}
@media(max-width:768px){
.editor_cooperate .txt li{width: 49%; margin: 1% 0}
}

.editor_opportunities .column_name h3{padding: 0; margin: 0; line-height:1.3}
.editor_opportunities .column_name h4{padding-bottom: 0; margin: 0}
.editor_opportunities .txt{padding:15px}
.editor_opportunities .txt li{padding: 1% 0}
.editor_opportunities .txt li::marker{color: var(--colorgreen)}
.editor_opportunities .column_name h4{color: var(--colorgreen)}

.news_list p{color: var(--colorgray);line-height: 22px}
.news_list time{font-size: var(--fs20);position:relative; font-weight: bold}
.news_list time:after{content: ''; position: absolute; top: 0; bottom: 0; right:-20px; margin: auto; width: 5px;height: 5px; background-color: var(--colorgreen); border-radius: 100%}
.news_list .icon{display: block; width: .46rem;	height: .46rem;	border: solid 1px var(--colorgreen);border-radius: 100%;background: url(../images/more_jt.png) no-repeat center center}
.news_list .hot .pic{width: calc(680 / var(--w-auto) * 100%)}
.news_list .hot .pic figure{border-radius: 10px; padding-bottom: 62.942%}
.news_list .hot .info{width: calc(660 / var(--w-auto) * 100%);padding-right: 2%;}
.news_list .hot h5{font-size: var(--fs28);margin: 5% 0}
.news_list .hot p{line-height: 30px}
.news_list .hot .item:after{content: '';position: absolute; width: calc(660 / var(--w-auto) * 100%); height: 1px; background: #dfdfdf; right: 0; bottom: 0;}
.news_list .hot .icon{margin-top: 5%}

.news_list .list{padding: 2% 0}
.news_list .list li{border-bottom: solid 1px #dfdfdf;padding: 3.5% 0;}
.news_list .list h5{font-size: var(--fs24); margin-bottom: 2%; line-height: 30px;}
.news_list .list .time{width: 105px; position: relative}
.news_list .list .icon{position: absolute; top:40px; left: 0; right: 0; margin: auto}
.news_list .list .txt{width: 82%}
.news_list .list li:not(:hover) .icon{filter: grayscale(100%); border-color: #c2c2c2 }
.news_list .list li:not(:hover){border-bottom-color: #7ccaba}
@media(max-width:768px){
.news_list .hot .item:after{width: 100%}
.news_list .hot .item{padding-bottom: 5%}
.news_list .hot .pic,
.news_list .hot .info{width: 100%}
.news_list .hot .info{position: relative;}
.news_list .hot .icon{position: absolute; right: 0;margin-top: 0}
.news_list .hot .info{display: flex; flex-wrap: wrap}
.news_list .hot .info h5,
.news_list .hot .info p{width: 100%}
.news_list .hot .info h5{margin-bottom: 2%}
.news_list .hot .info p{margin-bottom: 10px;line-height: 22px;}
.news_list .hot .info time{order: 3}
.news_list .list li{padding: 5% 0}
.news_list .list .time{order: 2;width: 100%}
.news_list .list .icon{left: auto;top:auto;bottom:0;}
.news_list .list .txt{width: 100%; padding-bottom:10px}
}

.info_detail{padding: 5% 0}
.info_detail .title{text-align: center;font-size: var(--fs20);padding-bottom: 3%}
.info_detail .title h1{font-size: var(--fs36); line-height: 1.2}
.info_detail .article {padding: 3% 0; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; overflow-x: hidden}
.info_detail .article img{height: auto!important}
.info_detail .article table{max-width: 100%}
.info_detail .article table td{width: auto!important}
.info_detail .img_rows2{display: flex;justify-content: space-between;padding: 2% 0}
.info_detail .img_rows2 img{width: 48.61111111111111%}



.prev_next .list{position: relative}
.prev_next .list h5{font-size: var(--fs18)}
.prev_next .list .icon{border: none; background-image: url(../images/more_jt2.png)}
@media(min-width:768px){
.prev_next .list:before{content: ''; width: 1px; height: 50%; background: #dfdfdf}
.prev_next .list li{width: 45%; border-bottom: none}
.prev_next .list .txt{width: 72%}
}

.Pages{text-align: center;padding-top: 3%; padding-bottom: 6%}
.Pages span:not(.p_page),
.Pages .p_page  .a_first,
.Pages .p_page  .a_end{display: none}
.Pages .p_page a{margin: 0 1vw; display: inline-block; line-height: 0.54rem; min-width: 0.54rem; overflow: hidden;position: relative;}
.Pages .p_page em{font-style: normal}
.Pages .p_page  .a_prev,
.Pages .p_page  .a_next{box-shadow: 0 0 0 1px var(--colorgreen); border-radius: 100%; text-indent: -200px;}
.Pages .p_page  .a_prev:before,
.Pages .p_page  .a_next:before{content: '';  width: 100%; height: 100%; background: no-repeat center center; background: url(../images/page-jt.svg) no-repeat center center}
.Pages .p_page  .a_prev:before{}
.Pages .p_page  .a_next:before{transform: rotate(180deg)}
.Pages .p_page  .a_prev:not(.on):hover,
.Pages .p_page  .a_next:not(.on):hover{background-color: #009c7c}
.Pages .p_page  .a_prev:not(.on):hover:before,
.Pages .p_page  .a_next:not(.on):hover:before{filter: brightness(0) invert(1);}
.Pages .p_page  .a_prev.on,
.Pages .p_page  .a_next.on{ filter: grayscale(100%) brightness(120%);cursor: default}

.play_video{cursor: pointer;position: absolute; display: block; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 50px; height: 50px; background:rgba(255,255,255,0.8) url(../images/play.svg) no-repeat center center;border-radius: 100%;}
.play_video:before,
.play_video:after{content: '';position:absolute; border: solid 1px #fff;border-radius: 100%;animation: scale 3s infinite; -webkit-animation: scale 3s infinite; }
.play_video:before{left: -15px; top: -15px; bottom: -15px; right: -15px; opacity: 0.5;animation-delay: 0.3s;}
.play_video:after{left: -30px; top: -30px; bottom: -30px; right: -30px; opacity: 0.2;}
@keyframes scale {
     0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    }
     50% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    }
     100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    }
}
.video_file { position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 300; background: rgba(0,0,0,0.5); display: none;}
.video_file .close { cursor: pointer; width: 40px; height: 40px; position: absolute; z-index: 4; right: 20px; top: 20px; }
.video_file .close::before,
.video_file .close::after { position: absolute; content: ''; width: 80%; left: 10%; height: 3px; top: 50%; margin-top: -1.5px; background: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.video_file .close::before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.video_file video {width: 100%; height: 100%;object-fit: contain;-o-object-fit: contain; background: #fff}


.about_main .slick-disabled{background: #fff; border-color: #fff;box-shadow: 4px 4px 18px 0px rgba(167, 167, 167, 0.4);}
.about_main .slick-list {max-width: 1120px; margin: auto}


.about_intro .photo{position: relative;border-radius: 10px; overflow: hidden; background: #000}
.about_intro .photo img{width: 100%; opacity: 0.7; transition: 0.5s}
.about_intro .photo:hover img{ opacity: 1}
@media(max-width:1024px){
.about_intro .photo figure{width: 150%; margin-left: -25%}
}

.about_culture {padding-bottom: 5%;}
.about_culture .list dl{width: 32%;padding:4%; background: #e5f5f2; box-shadow: 0px 5px 0px 0px #c6e6df; border-radius: 10px;}
.about_culture .list dt{font-weight: bold; font-size: var(--fs32);color: var(--colorgreen); padding-bottom:6%;background: url(../images/yinhao.svg) no-repeat right top}
.about_culture .list dd{line-height: 2}
@media(max-width:640px){
.about_culture .list dl{width: 100%;margin-bottom: 4%}
}

.about_history{padding-bottom: 5%; background:#ecf5f7 url(../images/about_history_bg.jpg) no-repeat center bottom; background-size: 100%}
.about_history .have_img{display: flex; flex-wrap: wrap; justify-content: space-between}
.about_history .have_img .pic{width: 48.2143%}
.about_history .have_img .pic img{border-radius: 8px;}
.about_history .have_img .info{width:48%; max-width: 420px;}
.about_history .info h4{font-size: var(--fs48);color: var(--colorgreen); font-weight: bold;padding: 3% 0}
.about_history .info .txt{line-height: 1.8}
.about_history .year{position: relative; margin-top:4%}
.about_history .year:before{content: '';position: absolute; top:14px; width: 100%; height: 2px; background: linear-gradient(90deg,#9ad142,#03906a)}
.about_history .year .item{padding: 10px 0}
.about_history .year .item b{font-size: var(--fs20);font-weight: bold;display: block; padding-top:50px; text-align: center}
.about_history .year .item span{display: block; width: 9px; height: 9px;position: relative; margin:auto;}
.about_history .year .item span i{ position: absolute; left:0; right: 0; top:0; bottom: 0;background: #9ad142; border-radius: 100px; z-index: 3}
.about_history .year .item span:before,
.about_history .year .item span:after{content: '';position: absolute;border-radius: 100px;}
.about_history .year .item span:before{left: -6px; right: -6px; top:-6px; bottom: -6px;background: #9ad142;opacity: .15; z-index: 2}
.about_history .year .item span:after{left: -10px; right: -10px; top:-10px; bottom: -10px;background: #e7eff2;z-index: 1}
.about_history .year .item.slick-current b{color: var(--colorgreen);}
.about_history .year .item.slick-current span i,
.about_history .year .item.slick-current span:before{background: var(--colorgreen);}
@media(max-width:768px){
.about_history .have_img .pic,
.about_history .have_img .info{width:100%}
.about_history .have_img .info{max-width: inherit}
.about_history .have_img .pic{padding-top: 4%}
}

.about_honour{padding-bottom:6%; background:#fefefe url(../images/about_honour_bg.jpg) no-repeat center bottom; background-size: 100%}

.about_honour .pic{width: 49%; padding:1.6%; background-size: 100% 100%;}
.about_honour .pic figure{padding-bottom: 69%}
.about_honour .pic figure img{object-fit: contain;-o-object-fit: contain;}
.about_honour .txt{width: 45%;font-size: var(--fs24);line-height: 1.8}
@media(max-width:768px){
.about_honour .pic,
.about_honour .txt{width: 100%}
.about_honour .txt{text-align: center; padding: 4% 0}
}

.body_product_list .location i:nth-child(2),
.body_product_list .location a:nth-child(3){display: none}

.body_product_info .location i:nth-child(4),
.body_product_info .location a:nth-child(5){display: none}

.product_list .item{background-color: #fff;border-radius: 6px;transition: 0.5s}
.product_list .item:not(:first-child){margin-top: 4%}
.product_list .pic{width:41.667%;}
.product_list .pic figure{padding-bottom:93.335%;border-radius: 6px; background: url(../images/pro_bg.jpg) no-repeat center top;background-size: 100%}
.product_list .info{width:58%;padding:5%;line-height: 2}
.product_list .info h5{font-size: var(--fs24);}
.product_list .info h5:before{content: ''; display: block;margin-bottom: 4%; width: 46px; height: 4px;background-color: #009c7c;}
.product_list .info .txt{margin:6% 0;}
.product_list .info .txt b{display: block;}
.product_list .info .txt pre{font-weight: var(--fwlighter);color: var(--colorgray); text-align: left}
.product_list .icon{display: block; width: .46rem; height: .46rem; border-radius: 100%;border:solid 1px #009c7c; background: url(../images/more_jt.png) no-repeat center center}
.product_list .item:hover .icon{background-color: #009c7c; background-image: url(../images/more_jt3.png) }
.product_list .item:hover{box-shadow: 0 0 10px #eee;transform: translateY(-10px)}
@media(max-width:768px){
.product_list .info .txt pre{line-height: 1.6}
}

.product_detail{padding:3% 0; margin-bottom: 5%; background: url(../images/product_detail.jpg) no-repeat center top;background-size: 100% 100%}
.product_detail .title h1{padding: 0; margin: 0; line-height: 1.6; font-size: var(--fs42); text-align: center}
.product_detail .photo{width:41.667%;}
.product_detail .photo figure{padding-bottom:93.335%;}
.product_detail .photo figure img{object-fit: contain;-o-object-fit: contain}
.product_detail .detail{width: 50%;font-size:var(--fs20); line-height: 0.4rem}
.product_detail .detail dl{padding: 3% 0;border-bottom: solid 1px rgba(17,144,108,0.16)}
.product_detail .detail dl dt{font-size:var(--fs24);;white-space: nowrap; font-weight: bold}
.product_detail .detail dl dd{font-weight: var(--fwlighter);color: var(--color666);}
.product_detail .detail dl dd pre{font-size:var(--fs20)}
.product_detail .detail dl.flex{display: flex;; align-items: flex-start}
.product_detail .detail dl.flex dt{ padding-right: 10px}
@media(max-width:640px){
.product_detail .photo,
.product_detail .detail{width:100%;}

}

.product_related{padding-bottom:1%}
.product_related .title {border-bottom: solid 1px #e4e4e6;}
.product_related .title span{color: #fff;background-color: #11906c;line-height: 52px; padding: 0 0.5rem;display: inline-block}
.product_related .column_name{padding-top: 2%}
.product_related .item{padding: 3% 0}
.product_related .pic{width: 270px;text-align: center; position: relative; border: 1px solid #11906c;}
.product_related .pic a{cursor: pointer;}
.product_related .pic a:after{content: '';position: absolute; right: 0; bottom: 0;width: 18px; height: 18px; background: url(../images/fangda.svg) no-repeat center center/contain}
.product_related .pic img{max-height: 180px}
.product_related .info{width:calc(95% - 270px);}
.product_related .info h5{font-size: var(--fs24);margin-bottom:2%;line-height: 2}
.product_related .info h5 b{padding-right: 25px;position: relative}
.product_related .info h5 b:after{}
.product_related .info p{color: var(--colorgray);line-height: 2}
@media(max-width:640px){
.product_related .pic{width:25%;}
.product_related .info{width:70%;}
}

.product_intro {padding-bottom: 5%}
.product_intro .detail{color: var(--colorgray);line-height: 2}

.product_options{background-color: #fff;padding-bottom: 5%}
.product_options .slick-list{margin-left: -10px; margin-right: -10px}
.product_options .slick-track{display: flex}
.product_options .list{ display: flex; flex-wrap: wrap;}
.product_options .slick-slide{padding:40px 10px; display: flex; width: 20%;}
.product_options .item{background-color: #e5f5f2; box-shadow: 0px 5px 0px 0px rgba(0,156,124,0.2); padding: 30px; border-radius: 10px;line-height: 1.8;height: 100%;transition: 0.5s}
.product_options .item .icon{display:flex;justify-content: center; align-items: center; width: 76px; height: 76px;margin: auto;margin-top: -60px; border-radius: 100%;background-color:var(--colorgreen); box-shadow: 0 0 0 4px #fff;transition: 0.5s}
.product_options .item .icon img{width: 50px; height: 50px;}
.product_options .item h5{text-align: center;font-size: var(--fs18);padding-top:10%; padding-bottom:5%;}
.product_options .item p{font-weight: var(--fwlighter)}
.product_options .item:hover{transform: translateY(-10px)}
.product_options .item:hover .icon{transform: rotate(360deg)}
@media(max-width:1200px){
    .product_options .slick-slide{ width: 33.33%;}
}
@media(max-width:768px){
.product_options .item .icon{ width: 60px; height: 60px;}
.product_options .slick-slide{width: 100%;padding:30px 0px;}
.product_options .item{width: 100%}
}


.product_detail .auto,
.product_related .auto,
.product_intro .auto,
.product_options .auto,
.news_info .auto{width:80%;}

@media(max-width:1024px){
.product_detail .auto,
.product_related .auto,
.product_intro .auto,
.product_options .auto,
.news_info .auto{width:94%;}
}

.solution_intro {background: #ffffff;padding: 5% 0}
.solution_intro .item{	background-color: #ffffff;box-shadow: 0px 0px 36px 0px rgba(78, 78, 78, 0.3);	border-radius: 10px;}
.solution_intro .info{padding:2%}
.solution_intro .title{font-size: var(--fs26);color: var(--colorgreen);margin: 0; padding: 2% 0}
.solution_intro .txt p{margin: 0; padding: 2% 0}
.solution_intro .txt p.p{position: relative;padding-left: 15px;}
.solution_intro .txt p.p:before{position: absolute; content: ''; width: 6px; height: 6px; border-radius: 50%;background: #343843; left: 0; top: 22px;}
.solution_intro .have_pic .pic{width: 54%}
.solution_intro .have_pic .pic img{border-radius: 10px 0 0 10px;}
.solution_intro .have_pic .info{width:46%}
@media(max-width:640px){
    .solution_intro .title{ font-size: .32rem;}
.solution_intro .have_pic .pic,
.solution_intro .have_pic .info{width:100%}
.solution_intro .have_pic .pic{order: 2}
.solution_intro .have_pic .pic img{border-radius:10px;}
}

.solution_advantages {padding: 5% 0}
.solution_advantages .item{background-color: #ffffff;padding:3%; box-shadow: 0px 0px 36px 0px rgba(78, 78, 78, 0.3); border-radius: 10px;position: relative}
.solution_advantages .item h5{font-size: var(--fs22); color:var(--colorgreen);padding-bottom: 2% }
.solution_advantages .item:after{content: ''; z-index: -1; position: absolute;width: 100%; height:30px;left: 0; bottom: -5px; border-radius: 10px; background-color:  rgba(0,156,124,0.2);}
.solution_advantages .item:not(:last-child){margin-bottom: 3%}

.solution_product{padding: 5% 0;background-color: #ffffff;}
.solution_product .item{padding:1% 0}
.solution_product h5{ padding-left: 37px; font-size: var(--fs26); color:var(--colorgreen);background: url(../images/icon.png)no-repeat left; background-size: 27px;}
.solution_product li{width:48%;min-height: 80px; margin-top: 1.5%; margin-bottom: 1.5%; background-color: #ffffff;	box-shadow: 0px 0px 35px 0px rgba(78, 78, 78, 0.3);	border-radius: 10px;display: flex;align-items: center;text-align: center}
.solution_product li a{display: block;width: 100%; padding:6% 8%}
.solution_product li:hover{background-color: var(--colorgreen);}
.solution_product li:hover a{color: #fff}

@media(min-width:1200px){
.solution_product li{width: 16.5%}
.solution_product li:not(:nth-child(5n+5)){margin-right: 4.375%}
}
@media(min-width:640px) and (max-width:1200px){
.solution_product li{width:22%}
.solution_product li:not(:nth-child(4n+4)){margin-right: 4%}
}
@media(max-width:640px){
.solution_product ul{justify-content: space-between}
}

.OEMODM{padding-bottom:2%;background: no-repeat center center; background-size: cover}
.OEMODM.ODM{padding-bottom:8%}
.OEMODM .intro{text-align: center; padding-bottom: 2%}
.OEMODM .photo{overflow: hidden;}
.OEMODM .photo .slick{width:33.33333333333333%;margin: auto}
.OEMODM .photo .slick-track{display: flex; align-items: center}
.OEMODM .photo .slick-list{overflow: inherit}
.OEMODM .photo figure{padding-bottom:70.835%;border-radius: 10px;}
.OEMODM .photo .item{padding: 100px 0}
.OEMODM .photo .item .pic{padding: 10% 0; transition: 0.5s}
.OEMODM .photo .item .txt{position: absolute; width: 100%; text-align: center; font-size: var(--fs24);bottom: 0;opacity: 0; transition: 0.5s}
.OEMODM .photo .item.slick-current{ z-index: 10}
.OEMODM .photo .item.slick-current .pic{transform: scale(1.625);}
.OEMODM .photo .item.slick-current figure{padding-bottom:53.8477%}
.OEMODM .photo .item.slick-current .txt{opacity: 1}
.OEMODM .photo .slick-dots{display: none!important}
@media(max-width:640px){
.OEMODM .photo .slick{width:50%;}
.OEMODM .photo .slick-arrow{top: auto; bottom: 20px}
.OEMODM .photo .item{padding-top: 30px;padding-bottom: 80px}
}

.OEMODM .advantages .slick-list{margin-left: -15px; margin-right: -15px}
.OEMODM .advantages .slick-track{display: flex}
.OEMODM .advantages .item{padding: 15px;}
.OEMODM .advantages .box{height: 100%; background-color: #e5f5f2; box-shadow: 0px 5px 0px 0px rgba(0,156,124,0.2); padding:10%; border-radius: 10px; position: relative}
.OEMODM .advantages h5{font-size: var(--fs20);color: var(--colorgreen);padding-bottom: 6%; width: 90%}
.OEMODM .advantages span{position: absolute; opacity: 0.2;right: 10%;top:0; }
.OEMODM .advantages span:before{content: ''; display: block; width: 1px; height:50px; margin: auto;background-color: var(--colorgreen);}
.OEMODM .advantages span i{display: block; color: #fff;text-align: center;width: 33px; line-height: 33px;border-radius: 100%;background-color: var(--colorgreen);}

.case_list{max-width: 1384px; margin: auto}
.case_list li{width:48.5%;background: #fff; border-radius: 6px; overflow: hidden}
.case_list figure{padding-bottom:62.792%}
.case_list .txt{padding: 6% 8%}
.case_list h5{font-size: var(--fs24); line-height: .3rem;  text-align: center; }
.case_list time{color: var(--color666);display: block; background: url(../images/jt.svg) no-repeat right}
@media(min-width:640px){
.case_list li{width:31.0694%;}
.case_list li:not(:nth-child(3n+3)){margin-right:3.3959%}
.case_list li:nth-child(3)~li{margin-top:3.3959%}
}
@media(max-width:640px){
.case_list li:nth-child(even){margin-left: 3%}
.case_list li:nth-child(2)~li{margin-top:3%}
.case_list h5{font-size: .24rem; }
}

.contact_main .item{width: 32%;padding:3%;margin-bottom: 5%;background-color: #f8f8f8}
.contact_main .item:after{content: ''; z-index: -1; position: absolute;width:0; height:30px;left: 0; bottom: -5px; border-radius: 10px; background-color:  rgba(0,156,124,0.2); transition: 0.5s}
.contact_main .item h5{font-size: var(--fs22);color: var(--colorgreen);padding: 3% 0; margin-bottom:5%; border-bottom: solid 1px #e0e0e0}
.contact_main .item p{padding-top: 8px; padding-bottom: 8px;}
.contact_main .item p{padding-left: 47px;position: relative;}
.contact_main .item p:before{content: '';left: 0;position: absolute;width: 30px; height: 30px; border: solid 1px rgba(0,156,124,0.5);background: no-repeat center center; background-size: 15px; border-radius: 100px;}
.contact_main .item p.p1:before{background-image: url("../images/c_icon1.svg"); background-size: 15px auto;}
.contact_main .item p.p2:before{background-image: url("../images/c_icon2.svg")}
.contact_main .item p.p3:before{background-image: url("../images/c_icon3.svg")}
.contact_main .item p.p4:before{background-image: url("../images/c_icon4.svg")}
.contact_main .item p.p5:before{background-image: url("../images/c_icon5.svg")}
/* .contact_main .item p.p5{margin-top: 5%} */
.contact_main .item:hover{background-color: #ffffff; box-shadow: 0px 0px 35px 0px rgba(78, 78, 78, 0.16); border-radius: 6px;}
.contact_main .item:hover:after{width: 100%;}
@media(max-width:1024px){
.contact_main .item{width:48%;}
}
@media(max-width:640px){
.contact_main .item{width:100%;}
.contact_main .item h5{font-size: var(--fs26);}
}

.message_main{position: relative; z-index: 2; padding-bottom:6%; color: #fff; background:no-repeat center center; background-size: cover}
.message_main .column_name{padding-top: 6%; padding-bottom: 1%}
.message_main .info{padding-bottom: 3%}
.message_main .info pre{text-align-last: center;}
.message_main .txt_box{width: 40%; font-size:var(--fs36); font-weight: bold;line-height: 1.3;padding: 4% 0}
.message_main .form_box{width: 56.25%}
@media(max-width:768px){
.message_main{background: none!important}
.message_main .wap_bg{position: absolute; z-index: -1; width: 100%; height: 100%; background: no-repeat center top; background-size:cover;}
.message_main .form_box .name {padding: 5px 7px;}
.message_main .form_box select {line-height: 34px;height: 42px;color: #333}
.message_main .info pre {font-size:13px;}
.message_main .txt_box {font-size:1.45em;}
}

.form_box form{display: flex;flex-wrap: wrap; justify-content: space-between}
.form_box .text,
.form_box select{width: 100%;border-radius: 6px;border: none; background: #fff;padding: 5px 20px;min-height: 42px;}
.form_box textarea.text{height: 154px}
.form_box .name{position: absolute; color: #7d8288; padding: 5px 20px;line-height: 34px}
.form_box .name span{color: #f10000; font-style: normal; padding-left: 5px}
.form_box .item_box{width: 100%; margin-bottom: 1.6%}
.form_box .item_box:not(.fill) {width: 49.2%}
.form_box .but_box{width: 100%; text-align: center;}
.form_box .but_box .btn{width: 1.6rem; height: .5rem;background-color: #ffffff;	border-radius: 6px; border: none; cursor: pointer;color: var(--colorgreen);transition: 0.5s}
.form_box .but_box .btn:hover{background-color: var(--colorgreen);color: #ffffff}
@media(max-width:1024px){
.message_main .txt_box,
.message_main .form_box{width:100%}
}

@media(max-width:1500px) and (min-width:1024px) {
    .form_box .text,
    .form_box select{min-height: 32px; font-size: 14px;}
    .form_box .name{line-height: 22px; font-size: 14px;}
}

.link_list {padding-bottom:7%}
.link_list li{width:23%;padding:1.778%;margin:1%;background-color: #fff}
.link_list li:after{content: ''; z-index: -1; position: absolute;width:0; height:30px;left: 0; bottom: -5px; border-radius: 10px; background-color:  rgba(0,156,124,0.2); transition: 0.5s}
.link_list li figure{padding-bottom: 30%}
.link_list li figure img{object-fit: contain;-o-object-fit: contain;}
.link_list li h5{font-size: var(--fs18); font-weight: normal; color: var(--colorgreen);padding-top: 3%; margin-top:5%; border-top: solid 1px #e0e0e0}
.link_list li:hover{box-shadow: 0px 0px 35px 0px rgba(78, 78, 78, 0.16); border-radius: 6px;}
.link_list li:hover:after{width: 100%;}
@media(max-width:768px){
.link_list li{width:48%;}
}

.search_list li{padding: 1.5%; border-bottom: solid 1px #e0e0e0}
.search_list li span{float: right; opacity: 0.7}
/**/

.jobs_info{padding-top: 5%; padding-bottom: 5%}
.jobs_info .column_name {line-height: 1.5}
.jobs_info .column_name .en{text-transform: uppercase;opacity: 0.1}
.jobs_info .box_left{width: 38%; padding-top:7%}
.jobs_info .box_right{width: 60%}
.job_idea {font-size: var(--fs22)}
.job_idea dl{padding: 4% 0}
.job_idea dl dt{font-size: var(--fs36);color: var(--colorgreen);font-weight: bold}
.job_idea dl:not(:last-child){border-bottom: solid 1px #dfdfdf; margin-bottom: 2%}
@media(max-width:1024px){
.jobs_info .box_left,
.jobs_info .box_right{width:100%}
.jobs_info .box_left{padding-top: 0}
}

.jobs_photo{position: relative; overflow: hidden}
.jobs_photo .item{background-color: #000}
.jobs_photo .item figure{position: absolute; width: 100%; height: 100%; top: 0;}
.jobs_photo .item figure img{width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; opacity: 0.5; transition: 0.5s}
.jobs_photo .item figure img.wap{display: none}
.jobs_photo .info{position: relative; z-index: 10; color: #fff; padding-top: 14%; padding-bottom: 10%;}
.jobs_photo .column_name{max-width:610px}
.jobs_photo .column_name p{font-size: var(--fs18); margin-top: 5%}
.jobs_photo .prev-next{position: absolute; width: 100%; bottom:20%; }
.jobs_photo .prev-next .box{position: relative; width: 145px;}
.jobs_photo .slick-track{display: flex}
@media(max-width:1024px){
.jobs_photo .info{ padding-top: 10%; padding-bottom: 100px;}
}
@media(max-width:768px){
.jobs_photo .item figure img.pc{display: none}
.jobs_photo .item figure img.wap{display:block}
}


.jobs_list {padding-bottom:7%}
.jobs_list .first{color: #fff; background-color: var(--colorgreen)}
.jobs_list .item{font-size: var(--fs18);padding: 1% 3%;}
.jobs_list .item span {width: 20%;padding: 0 2%;position: relative}
.jobs_list .item span:first-child{width: 40%}
.jobs_list .group{padding: 0.2% 0;border: solid 1px #f9f9f9;}
.jobs_list .group .item{/*cursor: pointer;*/border-bottom:solid 1px #e8e8e8;}
.jobs_list .group .item span:last-child:after{content: '';position: absolute; right: 0;top:0; bottom: 0; margin: auto; display: block; width: .35rem; height: .35rem;	border: solid 1px var(--colorgreen);border-radius: 100%;background: url(../images/more_jt.png) no-repeat center center; opacity: 0; transition: 0.5s}
.jobs_list .group .detail{display: none;padding:2% 5%;}
.jobs_list .group .detail .txt{display: none}
.jobs_list .group .sub{font-size: var(--fs18);color: var(--colorgreen);}
.jobs_list .group .article{padding:1% 0;margin-bottom:2%; border-bottom:solid 1px #e8e8e8;}
.jobs_list .group.on{border-color: #7ccaba}
.jobs_list .group.on .item span:first-child{color: var(--colorgreen) }
.jobs_list .group.on .item span:last-child:after{opacity:1}
.jobs_list .apply{text-align: center;display: none}
.jobs_list .apply a{display: inline-block; width: 1.6rem; line-height: .5rem; color: #ffffff; background-color: var(--colorgreen);	border-radius: 6px; border: none; cursor: pointer;transition: 0.5s}
.jobs_list .apply a:hover{opacity: 0.8}
@media(max-width:768px){
.jobs_list .item{padding-top: 2%; padding-bottom: 2%}
.jobs_list .item span:nth-child(2),
.jobs_list .item span:nth-child(3){display: none}
.jobs_list .item span:first-child{width:65%}
.jobs_list .item span:last-child{width:30%}
.jobs_list .group .item{font-size: var(--fs16)}
.jobs_list .group .detail .txt{display:block}
.jobs_list .group .detail .txt span{opacity: 0.7}
}


.ind_count,
.about_history,
.solution_advantages{ display: none;}



/* 20240710 */
.w1250{width:86%;max-width:1400px;margin:0 auto;}
@media(max-width:1024px){
.w1250{width:94%;}
}
.Job_xcfl .Job_xcfl_list ul{margin-left:-1.5%;display: flex;flex-wrap: wrap;}
.Job_xcfl .Job_xcfl_list ul li{width:23.5%;margin-left:1.5%;margin-bottom:3%;border-radius: 10px;position: relative;list-style: none;background: #e5f5f2;box-sizing: border-box;padding:0.45rem 0.1rem;text-align: center;box-shadow: 0px 5px 0px 0px #c6e6df;}
/* .Job_xcfl .Job_xcfl_list ul li::after{content: '';z-index: -1;position: absolute;width: 0;height: 30px;left: 0;bottom: -5px;border-radius: 10px;background-color: rgba(0,156,124,0.2);transition: 0.5s;}
.Job_xcfl .Job_xcfl_list ul li:hover::after{width:100%;} */
.Job_xcfl .Job_xcfl_list ul li .name{font-size: var(--fs26);;font-weight: bold;color:#009c7c;}
.Job_xcfl .Job_xcfl_list ul li .dec{margin-top:0.1rem;font-size: var(--fs18);}


@media(max-width:640px){
    .Job_xcfl .Job_xcfl_list ul li .name{font-size: 16px;}
    .Job_xcfl .Job_xcfl_list ul li{width:48.5%;padding:20px 10px;}
    .Job_xcfl .Job_xcfl_list ul li .dec{font-size: 14px;line-height: 22px;}
}

.Job_yggs .Job_yggs_list .slick-list{margin-left:-0.5rem;}
.Job_yggs .Job_yggs_list .item{margin-left:0.5rem;}
.Job_yggs .Job_yggs_list .item .img{border-radius: 0.3rem;overflow: hidden;padding-top:65%;}
.Job_yggs .Job_yggs_list .item:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);}

.Job_yggs .Job_yggs_list .item .imgbox{ overflow:hidden; position:relative;}
.Job_yggs .Job_yggs_list .item .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.Job_yggs .Job_yggs_list .item .imgbox img{ width:100%;height:100%;object-fit: cover;}
.Job_yggs .Job_yggs_list .item .name{text-align: center;margin-top:0.1rem;font-size: var(--fs18);}

@media(max-width:640px){
    .Job_yggs .Job_yggs_list .slick-list{margin-left:-10px;}
    .Job_yggs .Job_yggs_list .item{margin-left:10px;}
    .Job_yggs .Job_yggs_list .item .img{border-radius: 10px;}
}

.Hzys{padding-bottom:5%;}
.Hzys .column_name{padding-top:0;line-height: 1.4;}
.Hzys .Hzys_list{max-width:1100px;margin:0 auto;padding-left:0.3rem;position: relative;}
.Hzys .Hzys_list::before{content:'';display: block;width:1px;height:100%;background: #d9d9d9;position: absolute;top:0;left:0.15rem;}
.Hzys .Hzys_list ul li{padding:0.4rem 0.4rem;position: relative;list-style: none;margin-bottom:0.2rem;}
.Hzys .Hzys_list ul li::before{content:'';width:0.3rem;height:0.3rem;border-radius: 50%;background: #009c7c;position: absolute;left:-0.295rem;top:0.45rem;}
.Hzys .Hzys_list ul li .tit{font-size: var(--fs26);color:#009c7c;font-weight: bold;}
.Hzys .Hzys_list ul li .dec{font-size: var(--fs18);margin-top:0.1rem;}
.Hzys .Hzys_list ul li:last-child{margin-bottom:0;}




@media(max-width:640px){
    .column_name h3{font-size: 20px;}
    .Hzys .Hzys_list ul li .dec{font-size: 14px;}
    .Hzys .Hzys_list ul li{margin-bottom:0;}
    .Hzys .Hzys_list ul li::before{top:0.48rem;}
    .Hzys .Hzys_list ul li .tit{font-size: 16px;}
}

.add_Service_part2 .add_Service_list ul{margin-left:-3%;display: flex;flex-wrap: wrap;overflow: hidden;}
.add_Service_part2 .add_Service_list ul li{width:30.33%;margin-left:3%;margin-bottom:3%;box-sizing: border-box;padding:0.4rem 0.2rem;border-radius: 10px;list-style: none;background: #e5f5f2;box-sizing: border-box;padding:0.5rem 0.3rem;text-align: center;box-shadow: 0px 5px 0px 0px #c6e6df;}
.add_Service_part2 .add_Service_list ul li .name{text-align: center;font-size: var(--fs26);color:#009c7c;font-weight: bold;}
.add_Service_part2 .add_Service_list ul li .dec{font-size: var(--fs18);margin-top:0.15rem;line-height: 1.4;}



@media(max-width:640px){
    .add_Service_part2 .add_Service_list{padding:0;}
	.add_Service_part2 .add_Service_list ul{margin-left: 0}
    .add_Service_part2 .add_Service_list ul li{margin-left: 0; width:100%;padding:20px;margin-bottom:18px;}
    .add_Service_part2 .add_Service_list ul li .name{font-size: 16px;}
    .add_Service_part2 .add_Service_list ul li .dec{font-size: 14px;}
}

.add_Service_part3 .add_Service_list{position: relative;}
.add_Service_part3 .add_Service_list::before{content:'';display: block;width:100%;height:51%;border-radius: 2rem;border:0.1rem solid #d9d9d9;position: absolute;top:0.4rem;left:0;}
.add_Service_part3 .add_Service_list ul {display: flex;flex-wrap: wrap;box-sizing: border-box;padding: 0 8%;}
.add_Service_part3 .add_Service_list ul li{width: 33.3%;float:left;margin-bottom:5%;list-style: none;position: relative;z-index:9;text-align: center;}
.add_Service_part3 .add_Service_list ul li .name{font-size: var(--fs26);color:#009c7c;font-weight: bold;}
.add_Service_part3 .add_Service_list ul li .dec{font-size: var(--fs18);margin-top:0.12rem;line-height: 1.4;height:0.96rem;}
.add_Service_part3 .add_Service_list ul li::before{width:0.8rem;height:0.8rem;background-color: #009c7c;background-position: center;background-repeat: no-repeat;background-image: url(../images/addjt.png);background-size: 0.35rem;content:'';display: block;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,0.1);margin: 0 auto;margin-bottom:0.2rem;}

@media(min-width:641px){
    .add_Service_part3 .add_Service_list ul li:nth-child(4)::before{transform: rotateY(180deg);}
    .add_Service_part3 .add_Service_list ul li:nth-child(5)::before{transform: rotateY(180deg);}
    .add_Service_part3 .add_Service_list ul li:nth-child(6)::before{transform: rotateY(180deg);}
    .add_Service_part3 .add_Service_list ul li:nth-child(4){order:6;}
    .add_Service_part3 .add_Service_list ul li:nth-child(5){order:5;}
    .add_Service_part3 .add_Service_list ul li:nth-child(6){order:4;}
}

@media(max-width:768px){
    .add_Service_part3 .add_Service_list::before{top:25px;}
    .add_Service_part3 .add_Service_list ul li::before{width:50px;height:50px;background-size: 20px;}
    .add_Service_part3 .add_Service_list ul li .name{font-size: 16px;line-height: 1.4;}
    .add_Service_part3 .add_Service_list ul li .dec{font-size: 14px;line-height: 22px;height:66px;margin-top:10px;}
}


@media(max-width:640px){
    .add_Service_part3 .add_Service_list::before{display: none;}
    .add_Service_part3 .add_Service_list ul{margin-left:-2%;padding:0;}
    .add_Service_part3 .add_Service_list ul li{width:48%;margin-left:2%;margin-bottom:2%;box-sizing: border-box;padding:20px 15px;border-radius: 10px;background: #e5f5f2;}
    .add_Service_part3 .add_Service_list ul li::before{display: none;}
    .add_Service_part3 .add_Service_list ul li .dec{height:auto;}
}