@charset "utf-8";


/* nav */
#nav {width: 94%;min-height: 100px;height: auto;top: 40px;left:3%;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
#nav .logo a {display: block;width: 207px;height: 53px;}
#nav .logo {width: 20%;top: 25px;transform:none;}
#nav .logo img {display: block; height: 100%;}
#nav .verticalBox {top:40px;transform:none;}
.nav-content {left:auto;width:52%;position: relative;overflow: hidden;float: none;margin: auto;text-align: center;}
.nav-content ul {font-size: 0;overflow: hidden;}
.nav-content ul li {display: inline-block;vertical-align: top;float: none;position: relative;}
.nav-content ul li a {font-size: 16px;display: block;}
.nav-content ul li a:hover {color: #05a045;}
.nav-content ul li a::after {content:'';display: none;width:20px;height:4px;background: #05a045;position: absolute;left:0;top:88px;border-radius:100px;overflow: hidden;z-index: 33;}
.nav-content ul li:hover a::after {display: none;}
.nav-content ul li {padding:0 4%;margin: 0;}
.nav-content ul li:first-child {padding:0 3% 0 0;}
.nav-content ul li:last-child {padding:0 0 0 3%;}
.nav-content ul li:hover a {color: #8d8d8d;}
.nav-content ul li:hover a:hover {color: #05a045;}
.nav-show {display: none;height: 0px;padding: 3% 0;width:100%;font-size: 0;text-align: left;position: relative;}
.nav-show::after {content:'';display: none;width:20px;height:4px;background: #05a045;position: absolute;left:0;top:-12px;border-radius:100px;overflow: hidden;z-index: 33;}
.nav-content ul li:hover .nav-show::after{display: block;}
.nav-show a{color: #999;font-size: 14px!important;display: block;line-height: 32px;font-weight: normal;position: relative;}
.nav-show a::after {display: none!important;}
.nav-show a::before {content: '';display:block;width:0px;height: 1px;background: #05a045;position: absolute;left: 0;top: 50%;z-index: 3;opacity: 0;}
.nav-show a:hover {color: #05a045;padding-left:5px;}
.nav-show a:hover::before {width:5px;}
.nav-content.cur .nav-show {display: block;height:100%;}
.nav-content ul li a::before {content: '';display: none;width: 100%;height: 1px;background: #ccc;position: absolute;left: 0;top:90px;}
.nav-content.cur ul li a::before{display: block;}
.nav-content.cur ul{padding-bottom: 5%;}

.langhover {position: relative;}
.langshow {background: #fff;display: none;position: absolute;right: -35%;top:22px;padding:10px 20px;border-radius: 10px;}
.langshow a{ color: #000;display: block;padding:5px 0;font-size: 14px;float: none;}
.langshow a:hover {color: #05a045;}
.navRight a#searchBtn,.navRight a#lang {width: 23px;height: 23px;}


#nav.scroll-top {top: 0px;width:100%;position: fixed;left: 0;}
#nav.scroll-down {top: 0px;width:100%;position: fixed;left: 0;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}


 
#footer {width: 100%;height:auto;}
#footer .footer-top {padding-left:0px;padding-right:0;height:auto;width: 90%;margin: auto;}
.footer-box {height:auto;padding:2% 0 1.6% 0;border-bottom: 1px solid rgba(100%,100%,100%,.2);overflow: hidden;margin-bottom:2%;}
.footer-fLeft img {position: relative;top: auto;transform:none;}
.footer-fRight {line-height: normal;width: 80%;padding-top:10px;}
.footer-fRight ul {text-align: right;}
.footer-fRight ul li {float: none;margin-left:3%;height: auto;display: inline-block;vertical-align: middle;}
.footer-bottom {width: 90%; margin: 0 auto;height: auto;padding-bottom: 2%;}
.fbr ul {height:auto;margin-bottom: 48px;overflow: hidden;}
.fbr a {color:#5a5a5a;}
.fbr a:hover {color: #fff;}



/* index */
.index-banner {position: relative;}
.index-banner .img{position: relative;}
.index-banner .img img{display: block;width: 100%;height: auto;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 8%;right: 5%; left: auto;width:auto;}


.news-arrival .t1 { text-align:center; width:100%;}
.news-arrival .t1 h3 { font-size:38px; font-weight:400;}
.news-arrival .t1 img { margin-bottom:20px;}
.news-arrival .t1 p{ text-transform: uppercase; font-weight:400;  margin-bottom:40px; font-size:16px; line-height:29px;}
.news-arrival .new-top a {bottom: 10px;}

.news-arrival_kk { width:100%; padding:70px 0px 20px; margin-bottom:0px; background: url(../upload/probg.jpg) fixed no-repeat center top; background-size:100% auto; margin-top:40px;}

.news-arrival {width:90%;margin: auto;padding-bottom:6%;  }
.news-arrival .left{float: left;position: relative;width:46%; margin:2%;}
.news-arrival .left .item{position: relative;}
.news-arrival .left .item a{display: block;position: relative;background: rgba(255,255,255,.95);border-radius: 10px;overflow: hidden;}
.news-arrival .left .item .img{position: relative;}
.news-arrival .left .item .txt{position: absolute;left: 0;top:10%;width: 100%;text-align: center; z-index:1;}
.news-arrival .left .item .txt h3{font-size: 30px;color: #000; font-weight:400; margin-bottom:5px;}
.news-arrival .left .item .txt span{font-size:16px;color:#8d8d8d;;}
.news-arrival .left .item .more{position: absolute;left:50%;bottom:10%;margin-left: -74px; width: 148px;height: 52px;line-height: 52px; font-size: 14px;color: #acacac;text-align: center;font-weight: bold; z-index:1;}
.news-arrival .left .item a:hover{box-shadow: 0 0 20px 20px rgba(0,0,0,.1); background:#fff;}
.news-arrival .left .item a:hover .more{background: #05a045;color: #fff;}
.news-arrival .right {float: left;position: relative;width:59%;margin-left: 1%;}
.news-arrival .right .item {position: relative;float: left;width: 49%;}
.news-arrival .right .item a{display: block;position: relative;background: rgba(255,255,255,.7);border-radius: 10px;overflow: hidden;}
.news-arrival .right .item .img .img-rightbottom{position: absolute;right: 10%;bottom: 15%;width: auto !important;height: auto;}
.news-arrival .right .item .txt{position: absolute;left:10%;top:10%;text-align: left;}
.news-arrival .right .item .txt h3{font-size: 25px;color: #000; font-weight:400; margin-bottom:4px;}
.news-arrival .right .item .txt span{font-size:16px;color:#8d8d8d;;}
.news-arrival .right .item .more{position: absolute;left:12%;bottom:10%;height: 52px;line-height: 52px; font-size: 14px;color: #05a045;font-weight: bold; transition:all .4s;}
.news-arrival .right .item a:hover .more{color: #05a045; font-size:14px;}
.news-arrival .right .item a:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);background:#fff; }
.news-arrival .right .item a img { transition:all .4s;}
.news-arrival .right .item a:hover img { transform:scale(1.05,1.05);}
.news-arrival .right .item.ri1 {margin-right: 1.5%;margin-bottom: 1.5%;}
.news-arrival .right .item.ri2 {margin-bottom: 1.5%;}
.news-arrival .right .item.ri3 {margin-right: 1.5%;}

.news-arrival .left .item a img { transition:all .4s;}
.news-arrival .left .item a:hover img { transform:scale(1.05,1.05);}
.news-arrival .right .item a img { transition:all .4s;}
.news-arrival .right .item a:hover img { transform:scale(1.05,1.05);}


.brand-adva {position: relative;clear: both;overflow: hidden;margin-bottom: 0px;}
.brand-adva .bgtxt{color: #eee;text-transform: uppercase;font-size: 300px;line-height:240px; position: absolute;width:200%;left: 0;top: 0;font-weight: bold;}
.brand-adva-content {position: relative;overflow: hidden; margin-top:50px; padding:0 0px 0px; 
background:; color:#333;
/*background-image: linear-gradient(to right, #05a045,#05a045, #8cca0d); */


}
.brand-adva .left{position: relative;float:left;width: 50%; margin-top:0%; margin-left:0%;}
.brand-adva .left .img {position: relative;background: ;border-radius:0px;overflow: hidden;box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.31);}
.brand-adva .left .img:hover img { transform:scale(1.05,1.05);}
.brand-adva .left .img img { transition:all .4s;}
.brand-adva .right{position: absolute;width:40%;height:100%;top:0px;right: 5%; margin-top:2%;}
.brand-adva .right h3 { font-weight:400; font-size:35px;}
.brand-adva .right .text { font-size:15px; line-height:30px; padding:20px 0px;}
.brand-adva .right .item3{padding:7% 0;overflow: hidden;}
.brand-adva .right .item3 .item{overflow: hidden;clear: both;padding: 3% 0;}
.brand-adva .right .item3 .item i{display: block;width: 50px;height: 50px;position: relative;float: left;}
.brand-adva .right .item3 .item .txt{float: left;font-size: 18px;position: relative;padding-left: 5%;}
.brand-adva .right .item3 .item .txt::before {content: '';display: block;width: 1px;height: 100%;background: #ccc;position: absolute;left:4%;top: 0;}
.brand-adva .right .item3 .item .txt span{display: block;padding-bottom: 5px;}
.brand-adva .right .item3 .item .txt h4{}
.brandmore {display: block;color: #000000;width: 145px;height: 48px;border: 2px solid #000000;text-align: center;line-height: 48px;border-radius: 4px;font-weight: bold;font-size: 20px;}
.brandmore:hover {background: #000;color: #fff;}


.apply {margin-bottom: 100px;}
.apply-nav {text-align: right;float: right;width: 60%;margin-top: 20px;}
.apply-nav a{display: inline-block;vertical-align:middle;padding:1% 4% 2% 4%;font-size:20px;font-weight:bold;color:#b0b0b0;position:relative;}
.apply-nav a:hover {color: #000;}
.apply-nav a::after {content: '';display: block;width: 100%;height: 2px;position: absolute;bottom:0px;left: 0;}
.apply-nav a.cur{color: #000;}
.apply-nav a.cur::after {background: #000;}
.apply-nav a.more{padding-right: 30px;background: url("../upload/r4.svg") right 30% no-repeat;background-size: 20%;}
.apply-top {margin-bottom:0px;}
.apply-swiper {width: 100%;overflow: hidden;}
.apply-case-swiper.swiper-container {width: 91.5%;float: right;padding:3% 0;}
.apply-case-swiper a{display: block;overflow: hidden;width: 100%;}
.apply-case-swiper .item {position: relative;}
.apply-case-swiper .item .img{background: #ccc;position: relative;border-radius: 10px;overflow: hidden;}
.apply-case-swiper .item .mark-2 {position: absolute;z-index: 30;width: 100%;height: 100%;left: 0;bottom: 0;background: url("../upload/mark1.png") bottom repeat-x;}
.apply-case-swiper .item .txt{position: absolute;z-index:40;color: #fff;bottom:10%;left: 5%;}
.apply-case-swiper .item .txt h5{font-weight: normal;position: relative;display: inline-block;padding-right: 30px;font-size: 14px;}
.apply-case-swiper .item .txt h5::after {content: '';display: block;width: 20px;height:3px;background: #05a045;position: absolute;right: 0;top: 50%;}
.apply-case-swiper .item .txt h3{padding-top: 10px;font-size: 20px;}
.apply-case-swiper a:hover .img .img-center{transform:scale(1.1);} 
.apply-case-swiper a:hover {box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
 
 
 
 
.lastest-news_kk { width:100%; padding:70px 0px 20px; margin-bottom:0px; background:#fff;}

.lastest-news {width:90%;margin: auto;padding-bottom:3%;}
.lastest-news .left{float: left;width:100%; text-align:center;}
.lastest-news .left h3 { font-size:35px; font-weight:400;}
.lastest-news .left p { font-size:16px; font-weight:400; line-height:29px; color:#999;}
.lastest-news .lnews-nav{padding: 60px 0;overflow: hidden; width:100%;}
.lastest-news .lnews-nav a{display: inline-block;border: 2px solid #ccc;text-align: center;width: 140px;font-size: 16px;line-height: 50px; color: #b0b0b0;font-weight: bold;border-radius: 0px;margin-bottom:20px;}
.lastest-news .lnews-nav a.cur,.lastest-news .lnews-nav a:hover{color: #000;border:2px solid #000;}
.lastest-news .lnews-nav a.more{}
.lastest-news .right{float: left;width:100%;}
.lastest-news .right .inews-swiper {padding-bottom: 5%;overflow: hidden;}
.lastest-news .right .inews-item {float: left;width:44%;}
.lastest-news .right .inews-item a{display: block;border-radius: 10px;overflow: hidden;}
.lastest-news .right .inews-item a .img{position: relative;background: #ccc;}
.lastest-news .right .inews-item a .txt{position: relative;padding: 5%;overflow: hidden;color: #8d8d8d;}
.lastest-news .right .inews-item a .txt h2{font-size: 20px;color: #000;padding-bottom: 10px;}
.lastest-news .right .inews-item a .txt h4{font-size: 14px;font-weight: normal;padding-bottom: 30px;}
.lastest-news .right .inews-item a .txt h6{font-size: 16px;overflow: hidden;display: block;}
.lastest-news .right .inews-item a .txt h6 span{float: right;text-align: right;display: block;color: #cecece;}
.lastest-news .right .inews-item a .txt h6 span.more {float:left;color:#8d8d8d;text-align:left;background:url("../upload/r4.svg") right no-repeat;padding-right: 30px;}
.lastest-news .right .inews-item a {background: #fff;box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
.lastest-news .right .inews-item a:hover  h2{color: #05a045;}
.lastest-news .right .inews-item a:hover .txt h6 span.more {background: url("../upload/r3.svg") right no-repeat;}
.lastest-news .right .inews-item-list {float: left;width:47%;padding-left:5%;}		
.lastest-news .right .inews-item-list a {padding:4.5% 0;display: block;overflow: hidden;position: relative;border-bottom: 1px solid #dcdcdc;}
.lastest-news .right .inews-item-list a:first-child{border-top: 1px solid #dcdcdc;}
.lastest-news .right .inews-item-list a .txt{position: relative;padding:5% 0;overflow: hidden;color: #8d8d8d;width:70%;}
.lastest-news .right .inews-item-list a .txt h3 {font-size: 18px;padding-bottom: 10px; color:#333;}
.lastest-news .right .inews-item-list a .txt h4 {font-size: 14px;line-height: 24px;font-weight: normal;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 24px;
line-height: 24px;


}
.lastest-news .right .inews-item-list a .data {position: absolute;width:17%;height: 100%;right: 0;top: 0;z-index: 3; color: #c4c4c4;text-align: right;}
.lastest-news .right .inews-item-list a .data::before {content: '';display: block;width: 2px;height:80px;position: absolute;left: 0;top: 50%;margin-top: -40px;background: #e5e5e5; }
.lastest-news .right .inews-item-list a .data::after {content: '';display: block;width:26px;height:22px;position: absolute;right:0;top: 50%;margin-top: -11px;background: url("../img/iToRight.svg");opacity: 0;transition:all .4s ease;}
.lastest-news .right .inews-item-list a .data ul {display: table;width:100%;height: 100%;}
.lastest-news .right .inews-item-list a .data ul li{display: table-cell;vertical-align: middle;}
.lastest-news .right .inews-item-list a .data h2{font-size: 40px;}
.lastest-news .right .inews-item-list a .data h4{font-size: 14px;color: #c4c4c4; font-weight: normal;}
.lastest-news .right .inews-item-list a:hover {background: #fff;}
.lastest-news .right .inews-item-list a:hover .txt {padding:5%;}
.lastest-news .right .inews-item-list a:hover .txt h3 {color: #05a045;}
.lastest-news .right .inews-item-list a:hover .data h2,.lastest-news .right .inews-item-list a:hover .data h4 {opacity: 0;}
.lastest-news .right .inews-item-list a:hover .data::after {display: block;opacity: 1;right:40%;}

.moreStyle:hover span {letter-spacing: 5px;}




/* main */
.marginCenter {width: 90%;}
.nav-content ul li:last-child {margin-right: 0;}
#main {width: 100%;}
#content {width: 100%;height: auto;}
a,a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
.pcshow {display: block!important;}
.mbshow {display: none!important;}
.clear {clear: both;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.swiper-container {width: 100%;height: 100%;}
.img {position: relative;}
.img img {max-width: 100%;max-height: 100%;}
.img-center {display: block;width:auto;height: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 10;margin: auto;}
.img-block {display: block;width: 100%;height: auto;}
.text {font-size: 14px;line-height: 26px;color: #545454;overflow: hidden;}
 
.aside-top {position: fixed; width: 50px;bottom:10%;right: 1%; z-index:199;display: none}
.aside-top a {width: 38px;height: 38px;opacity: .5; display: block;overflow: hidden; background:url(../upload/aside-top2.svg) no-repeat center;background-size:70%;border:1px solid #a7a7a7;}
.aside-top a:hover {background: #05a045 url(../upload/aside-top.svg) no-repeat center;border:1px solid #05a045 ;background-size: 70%;opacity: 1;}
 
.hq-page-banner-top{position: relative;}
.hq-page-banner-top .column{width: 30%;position: absolute;left: 8.5%;bottom: 15%;z-index:11;color: #fff;}
.hq-page-banner-top .column h2{font-size: 40px;position: relative;}
.hq-page-banner-top .column h2::after {content: '';display: block;width:45px;height: 3px;background: #05a045;margin: 10px 0;}
.hq-page-banner-top .column h4{font-size: 22px;opacity: .2;text-transform: uppercase;}

.hq-page-nav {width: 90%;margin: auto;padding: 50px 0;overflow: hidden;}
.hq-page-nav a{display: block;float: left;width: 10%;margin-right:10px;margin-bottom:10px;border-radius: 5px;padding:15px 0; background: #fff;color: #8d8d8d;text-align: center;font-size: 20px;font-weight: bold;}
.hq-page-nav a.cur{background: #05a045;color: #fff;}
.hq-page-nav a:hover {background: #05a045;color: #fff;}

.titles{}
.titles h3{font-size: 34px;}
.titles h4{font-size: 20px;text-transform: uppercase; opacity: .2; padding-top: 5px;}




/* about */
.hq-about {background: #f5f5f5;}

.about-company-profile {position: relative;overflow: hidden;padding: 3% 0 6% 0;}
.about-company-profile .left{position: absolute;left: 15%;top:14%;width: 30%;height: 100%; }
.about-company-profile .left .text{padding: 5% 0 0 0;}
.about-company-profile .right {float: right;position: relative;width: 47%;padding-left: 7%;}
.about-company-profile .right .img {margin-bottom: 60px;border-radius: 20px;overflow: hidden;}
.about-company-profile .right .img-top{position: absolute;width: 36%;height: auto;left: 0; bottom: 0;z-index: 30;border-radius: 10px;overflow: hidden;}
.about-company-profile .right .img-top img {display: block;width: 100%;height: auto;}
 
.about-innovative {position: relative;padding-bottom:300px;overflow: hidden;}
.about-innovative .top {width: 90%;position: absolute;left:8.5%;top:90px;z-index: 20;text-align: center;color: #fff;}
.about-innovative .top .text{padding: 30px 0;opacity: .8;color: #fff;} 
.about-innovative .top .item3{text-align: center;} 
.about-innovative .top .item{position: relative;width: 32%;margin:.5%;border-radius: 10px;overflow:hidden;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);float: left;} 
.about-innovative .top .item:last-child {margin-right: 0;}
.about-innovative .top .item .txt{position: absolute;background: #fff;left: 0;bottom: 0;width:88%;z-index: 20;height:90px; padding:2% 8%;text-align: left;} 
.about-innovative .top .item .txt ul {display: table;width: 100%;height: 100%;margin: 0;padding: 0;}
.about-innovative .top .item .txt ul li{display: table-cell;vertical-align: middle;}
.about-innovative .top .item .txt h4{font-size: 18px;font-weight: bold;color: #000;position: relative;} 
.about-innovative .top .item .txt h4::after{content: '';display: inline-block;vertical-align: middle;margin-left:20px; width: 15px;height:3px;background: #05a045;}
.about-innovative .top .item .txt h5{font-size: 14px;color: #8b8b8b;padding-top: 10px;font-weight: normal;} 

.about-product-quality {position: relative;overflow: hidden;background: #fff;}
.about-product-quality .left{float: left;width: 50%;}
.about-product-quality .right{position: absolute;right: 12%;top: 0;height:90%;width:33%;padding:3% 0;}
.about-product-quality .right .text{padding: 5% 0;}
.about-product-quality .right .icon3 li{display: inline-block;vertical-align: middle;list-style: none;margin: 0 5% 0 0;}
.about-product-quality .right .icon3 li i{position: relative;display: inline-block;vertical-align: middle;width:35px;height:35px;}
.about-product-quality .right .icon3 li i img{}
.about-product-quality .right .icon3 li span{font-size: 16px;color: #585858;padding-left: 10px;}

		
.about-development-history {position: relative;padding:7% 0 1% 0;overflow: hidden; background: url(../../images/lc_bg.png) no-repeat center 25%; background-size:100% auto; }
.about-development-history .titles {text-align: center;}
.development-history {padding:3% 0;overflow: hidden; position:relative;}
.development-history:after {content: '';position: absolute;width: 100%;height: 1px;left: 0;top: 89px; background: #bfbfbf; opacity:.5;  }
.development-history .item{position: relative;}
.development-history .item::after {content: '';position: absolute;width: 100%;height: 1px;left: 0;bottom: 91px; background: #bfbfbf;  display:none;}
.development-history .item .img .img-center{opacity: .5;border-radius: 10px;display:block;width:60%;height: auto;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.development-history .item .text{text-align: center;padding-top: 10px;overflow: hidden;}
.development-history .item .text h4{font-size: 28px;color: #c4c4c4;}
.development-history .item .text h5{font-size: 16px;color: #c4c4c4;padding-top: 10px;}
.linedot {width: 30px;height:30px; background: #f5f5f5;margin:80px auto auto;position: relative;z-index: 33;}
.linedot::before {content: '';position: absolute;width:1px;height: 20px;left:50%;top: -25px;margin-left: -0.5px; background: #c4c4c4;display: block;}
.linedot li{width:18px;height: 18px;border: 1px solid #bfbfbf;border-radius:100px;margin: 2.5px auto;overflow: hidden;}
.linedot li i{display: block;width: 8px;height:8px;border-radius:10px;margin:5px;background: #bfbfbf;overflow: hidden;}
.development-history .swiper-slide-active .item .linedot li i{background: #05a045;}
.development-history .swiper-slide-active .item .linedot li {border: 1px solid #05a045;}
.development-history .swiper-slide-active .item .linedot::before { background:#05a045;}
.development-history .swiper-slide-active .linedot::before {background: #232323;}
.development-history .swiper-slide-active .item .text h4{color: #059f45;}
.development-history .swiper-slide-active .item .text h5 {color: #000;opacity: .8;}
.development-history .swiper-slide-active .item .img .img-center{opacity: 1;width: 100%;}

.about-social-obligation {padding: 5% 0 13% 0;overflow: hidden;}
.about-social-obligation .main-content {background: #fff;width:80%;padding:5% 5% 3% 5%;position: relative;float: left;border-radius: 20px;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);}
.about-social-obligation .left{float: left;width: 40%;margin-left: 10%;margin-top: 3%;}
.about-social-obligation .left .text{padding: 5% 0;}
.about-social-obligation .right{float:right;width:29%;position: absolute;right:0;top:0;padding-right:13%;padding-top:7%;}
.about-social-obligation .right .img{}
.horizontal-line {width: 200px;height: 4px;position: absolute;background: #05a045;left:-20%;top:25%;z-index:20;}
.title-en {font-size: 50px;color: #e4e4e4;text-transform: uppercase;font-weight: normal;transform:rotate(90deg);position:absolute;right:-7%;top:37%;}
.quotation-marks  {background: url("../upload/about-09.png");background-size: 100%;width: 116px;height: 83px;position: absolute;right:6%;top:-7%;}

 


 /* product */
.hq-product {position: relative;}
.hq-product-list {width: 90%;margin: auto;overflow: hidden;text-align: center;font-size: 0;padding:1% 0 5% 0;}
.product-item{position: relative;width:32.4%;margin:0 1.4% 1.4% 0;border-radius: 10px;overflow: hidden;text-align: center;float: left;}
.product-item.mr0 {margin:0 0 1.4% 0;}
.product-item a{display: block;overflow: hidden;background: #fff;padding: 5%;}
.product-item .item {overflow: hidden;background: #fff;padding: 5%;}
.product-item .img{position: relative}
.product-item .img .enname {font-size:80px;text-transform: uppercase;position: absolute;overflow: hidden;left: 0;top: 10%;width: 100%;z-index: 3;color: #000;font-weight: bold;opacity: 0;}
.product-item .txt{color: #b8b8b8;}
.product-item .txt h3{font-size: 20px;text-transform: uppercase;padding-bottom:3px;}
.product-item .txt h4{font-size: 16px;}
.product-item a:hover .img .enname{opacity: .1;}
.product-item a:hover .txt h3,.product-item a:hover .txt h4{color: #05a045;}
.product-item .item-hover {position: absolute;display:block;z-index:1;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;background: rgba(0,0,0,.5);text-align: center;transition:all .4s ease;}
.product-item .item-hover ul {display: table;width: 100%;height: 100%;}
.product-item .item-hover ul li{display: table-cell;vertical-align: middle;}
.product-item .item-hover a{color: #000;padding:7px 10px;display: inline-block;margin: 2%;}
.product-item .item-hover a.v1{}
.product-item .item-hover a span{font-size: 14px;display: inline-block;vertical-align: middle;margin-right: 10px;color: #05a045;}
.product-item .item-hover a i{background: url("../upload/vv1.png") no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;}
.product-item .item:hover .item-hover {display: block;z-index:30;opacity: 1;}

.path {font-size: 14px;padding:10px 0;position: absolute;left: 0;top: 4%;z-index: 33;color: #a9a9a9;}
.path a{color: #a9a9a9;font-size: 14px;}
.path a.cur{color: #000;}
.path a:hover {color: #000;}

.hq-product-detail {position: relative;overflow: hidden;}
.product-detail {overflow: hidden;background: url("../upload/product-04.jpg") left top no-repeat;background-size: 100%;}
.product-detail .detail-content {width: 90%;margin: auto;overflow: hidden;position: relative;}
.product-detail .left{float: left;width:40%;position: relative;z-index: 3;padding-left:7%;}
.product-detail .right{width: 45%;position: absolute;height:100%;right: 0;top: 0;z-index: 1;}
.product-detail .right .introduce {float: right;}
.product-detail .right .introduce h2 strong{font-size: 44px;display: inline-block;vertical-align: middle;margin-right: 20px;}
.product-detail .right .introduce h2 span{font-size: 34px;font-weight: normal;display: inline-block;vertical-align: middle;}
.product-detail .right .introduce .txt{padding:5% 0;font-size: 18px;line-height: 28px;color: #585858;}
.product-detail .right .introduce .item{font-size: 16px;line-height: 28px;color: #8d8d8d;margin-top:30px;}
.product-detail .right .introduce .bottom-txt{margin-top:70px;padding:40px 0 0px 20px;overflow: hidden;font-size: 16px;line-height: 28px;position: relative;}
.product-detail .right .introduce .bottom-txt img {display: inline-block;vertical-align: middle;margin-right: 10px;} 
.product-detail .right .introduce .bottom-txt h3{display: inline-block;vertical-align: middle;}
.product-detail .right .introduce .bottom-txt::after {content: '';display: block;width:60%;height: 2px;position: absolute;right: 0;bottom:15px;background: #ccc;}
.product-detail .right .introduce .bottom-txt .name-en {font-size: 60px;line-height: 60px;color: #05a045;text-transform: uppercase;letter-spacing:25px;height: 100%; opacity: .1;position: absolute;left: 0;top: 0;z-index: 1;font-weight: bold;}
.x-line {clear: both;height: 2px;background: #dcdcdc;margin: 90px auto;width: 90%;}

.product-feature {width: 90%;margin: auto;}
.product-feature .item3{padding: 2% 0 0 0;}
.product-feature .item3 .item{width:26%;float: left;border-radius: 10px;background: #fff;overflow: hidden;padding:2% 3% 6% 3%;;position: relative;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);margin:0 2% 2% 0;min-height: 60px;height:60px;}
.product-feature .item3 .item:last-child,.product-feature .item3 .item.mr0 {margin-right: 0;}
.product-feature .item3 .item .txt{font-size: 16px;line-height: 28px;color: #8d8d8d;}
.product-feature .item3 .item .num{font-size: 100px;color: #edb8bb;font-weight: bold;position: absolute;bottom:-45px;right:5%;}
.product-feature .item3 .item:hover .num{color: #05a045;}
.product-feature .item3 .item:hover .txt{color: #000;}

.product-introduction {width: 90%;margin: auto;padding-top: 4%;}
.product-introduction .introduction {width:90%;margin:2% 0; border-radius: 10px;background: #fff url("../upload/product-05.jpg") right bottom no-repeat;overflow: hidden;padding:5%;position: relative;box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);}
.product-introduction .introduction .txt {color: #8d8d8d;line-height: 28px;font-size: 16px;width: 70%;}

.product-other {width: 90%;margin:4% auto 5% auto;overflow: hidden;}
.product-other .list3 {padding:2% 0;overflow: hidden;}




 /* case */
.hq-case {position: relative;overflow: hidden;}
.hq-case-list {background: url("../upload/case-03.png") right top no-repeat;}
.hq-case-list .case-list-swiper{}
.hq-case-list .case-list-swiper .item{width: 90%;margin: auto;padding:1% 0;}
.hq-case-list .case-list-swiper .item .img{position: relative;width: 45%;float: left;border-radius: 10px;overflow: hidden;box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
.hq-case-list .case-list-swiper .item .right{width:50%;padding:5% 0;float: left;position: relative;margin-left: 5%;}
.hq-case-list .case-list-swiper .item .right .titles{}
.hq-case-list .case-list-swiper .item .right .text{padding-top: 40px;}
.hq-case-list .case-list-swiper .item .right .more {position: absolute;right: 0;bottom: 0;}
.hq-case-list .case-list-swiper .item .right .more a{display: block;font-size: 20px;padding-right: 30px;text-transform: uppercase; color: #000;background: url("../upload/r1.svg") right center no-repeat;background-size:30%; opacity: .4;}
.hq-case-list .case-list-swiper .item .right .more a:hover {opacity: 1;}
.hq-case-list .case-list-swiper .item .right .progress {background: #edc4c9;height:3px;width: 130px;position: absolute;left: 0;bottom:10px;}
.hq-case-list .case-list-swiper .item .right .progress::before {content: '';display: block;left: 0;top: 0;position: absolute;width: 0;height: 3px;z-index: 3; background: #05a045;}
.case-small-swiper {margin: 3% auto 5% 8.5%;width: 91.5%;}
.case-small-swiper .img{position: relative;width:100%;border-radius: 10px;overflow: hidden; cursor: pointer;}
.case-small-swiper .img {background: #000;} 
.case-small-swiper .img img {opacity: .6;}
.case-small-swiper .swiper-slide-thumb-active .img img{opacity: 1;}

.hq-case-list .case-list-swiper .swiper-slide-active .item .right .progress::before {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

.hq-case-detail {padding:1% 0;width: 90%;margin: auto;overflow: hidden;position: relative;}
.hq-case-detail .path {position: relative;left: auto;top: auto;}
.hq-case-detail .case-detail{padding:3% 0;overflow: hidden;}
.hq-case-detail .case-detail .left{float: left;width: 40%;}
.hq-case-detail .case-detail .left .titles h3{}
.hq-case-detail .case-detail .left .titles h4{}
.hq-case-detail .case-detail .left .line {background: #edc4c9;height:3px;width: 130px;position: relative;margin-top: 50px;}
.hq-case-detail .case-detail .left .line::before {content: '';display: block;left: 0;top: 0;position: absolute;width:30px;height: 3px;z-index: 3; background: #05a045;}
.hq-case-detail .case-detail .right{float: right;width:60%;}
.hq-case-detail .case-detail .right .item{overflow: hidden;padding-bottom: 20px;color: #000;font-weight: bold;}
.hq-case-detail .case-detail .right .item li{font-size: 14px;display: inline-block;vertical-align: middle;width: 32%;}
.hq-case-detail .case-detail .right .txt{font-size: 14px;line-height: 28px;color: #9d9d9d;}

.case-detail-swiper {border-radius: 20px;overflow: hidden;clear: both;}
.case-detail-swiper .img {background: #000;}
.case-detail-swiper .swiper-button-prev:after,.case-detail-swiper .swiper-button-next:after {display: none;}
.swiper-next,.swiper-prev {width: 40px;height: 40px;}
.swiper-next {background: url("../upload/r2.png") center no-repeat;right: 2%;}
.swiper-prev {background: url("../upload/l2.png") center no-repeat;left: 2%;}

.l-mark {display: block;width: 10%;height: 100%;position: absolute;left: 0;top: 0;background:url("../upload/bg1.png") right repeat-y;z-index: 3;}
.r-mark {display: block;width: 10%;height: 100%;position: absolute;right: 0;top: 0;background:url("../upload/bg2.png") left repeat-y;z-index: 3;}




 /* serve */
.hq-service {position: relative;}
.service-network {padding:2% 0;overflow: hidden;}
.service-network .left {float: left;width:57%;}
.service-network .left .map{height: auto; box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);background: #ccc;border-radius: 20px;overflow: hidden;}
.service-network .left .map img {display: block;width: 100%;height: auto;}
.service-network .right {float: left;width:30%;margin-left: 5%; padding-top: 1%;}
.city-choice {padding: 3% 0;overflow: hidden;}
.dealers-select {width:35%;border: 2px solid #ccc;height: 50px;font-size: 14px;color: #999999;padding:0 2%;font-weight: bold;margin: 2px;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url("../upload/sj.svg") 90% center no-repeat;background-size:7%; outline: none;border-radius:5px;}
.dealers-submit {width:25%;height: 50px;background: #939393;color: #fff;font-weight: bold;cursor: pointer;border-radius:5px;border: none;outline: none;}
.dealers-submit:hover {background: #05a045;}
.city-choice-list {margin-top: 3%;overflow: auto;height: 500px;}
.city-choice-list::-webkit-scrollbar{height:4px; width:3px;background-color:#ccc;}
.city-choice-list::-webkit-scrollbar-button{height:0; width:0;}
.city-choice-list::-webkit-scrollbar-thumb{background-color:#000;}
.list-h500 {width: 95%;border-top: 2px solid #ccc;}
.list-h500 a {display: block;overflow: hidden;padding:24px 0; border-bottom: 2px solid #ccc;position: relative;}
.list-h500 a i {width: 25px;height: 29px;position: absolute;left: 5%;top: 50%;margin-top:-14px; background: url("../upload/add.svg") center no-repeat;}
.list-h500 a span {margin-left:15%;width: 74%;padding-left:5%; display: block;position: relative;}
.list-h500 a span::before {content: '';display: block;width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #ccc;}
.list-h500 a span h5{display: block;font-size: 14px;padding-bottom:5px;color: #000;}
.list-h500 a span h6{font-size: 14px;line-height:24px; font-weight: normal;color: #999;}
.list-h500 a span h6 * {color: #999;}
.list-h500 a:hover {background: #f1f1f1;}
.list-h500 a:hover span h5{color: #05a045;}

.service-project {padding: 5% 0 10% 0;overflow: hidden;text-align: center;}
.service-project .top{text-align: center;position: absolute;width: 90%;left: 8.5%;z-index: 3;color: #fff;padding-top:5%;}
.service-project .top .item4{padding: 2% 0;overflow: hidden;}
.service-project .top .item4 .item {float: left;width: 24.1%;border-radius: 10px;overflow: hidden; margin-right: 1%;position: relative; box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);}
.service-project .top .item4 .item:last-child {margin-right: 0;}
.service-project .top .item4 .img{overflow: hidden;}
.service-project .top .item4 .txt{background: #fff;width: 90%;padding:5% 5%;overflow: hidden;font-size: 18px;color: #000;font-weight: bold;text-align: left;}
.service-project .top .item4 .txt::after {content: '';display: inline-block;vertical-align: middle;width:20px;height: 2px;background: #05a045;margin-left: 20px;}

.service-technical-file {padding: 5% 0 7% 0;overflow: hidden;position: relative;margin-bottom:7%;}
.service-technical-file .main-content {position: relative; float: right;width: 81.5%;padding:3% 5%; background: #fff;border-radius: 20px 0 0 20px ; box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.11);min-height:300px;}
.technical-nav {text-align: right;width: 50%;position: absolute;right:10%;top:20%;}
.technical-nav a{color: #b8b8b8;font-size: 20px;position: relative;font-weight: bold;display: inline-block;margin-left:50px;}
.technical-nav a::after {content: '';width: 100%;height: 2px;background: #000;display: none;margin-top: 10px;}
.technical-nav a.cur,.technical-nav a:hover{color: #000;}
.technical-nav a.cur::after {display: block;}

.technical-download {position: absolute;width: 86.5%;right: 0;bottom: 0;z-index: 40;}
.technical-swiper {position: relative;}
.technical-swiper .slidelist {text-align: center;}
.technical-swiper .slidelist .item{background: #ebebeb;width:80%;padding: 10%;overflow: hidden;position: relative;}
.technical-swiper .slidelist .item i{display: block;margin: 5% auto;}
.technical-swiper .slidelist .item h4{font-size: 16px;color: #818181;padding: 20px 0;}
.technical-swiper .slidelist .item .item-hover {position: absolute;display:block;z-index:1;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;background: rgba(0,0,0,.5);text-align: center;transition:all .4s ease;}
.technical-swiper .slidelist .item .item-hover ul {display: table;width: 100%;height: 100%;}
.technical-swiper .slidelist .item .item-hover ul li{display: table-cell;vertical-align: middle;}
.technical-swiper .slidelist .item .item-hover a{color: #000;padding:7px 10px;display: inline-block;margin: 2%;background: #fff;}
.technical-swiper .slidelist .item .item-hover a.v1{}
.technical-swiper .slidelist .item .item-hover a span{font-size: 14px;display: inline-block;vertical-align: middle;margin-right: 10px;color: #05a045;}
.technical-swiper .slidelist .item .item-hover a i{background: url("../upload/vv1.png") no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;}
.technical-swiper .slidelist .item:hover .item-hover {display: block;z-index:30;opacity: 1;}





 /* news */
.hq-news {position: relative;overflow: hidden;}
.hq-news-list {width: 90%;margin: auto;margin-bottom: 5%;}
.hq-news-list .item {overflow: hidden;border-radius: 10px;margin-bottom:2%;transition:all .4s ease;}
.hq-news-list .item a{display: block;overflow: hidden;background: #fff;position: relative;color: #000;}
.hq-news-list .item a .img{float: left;width:35%;background: #ccc;border-radius: 10px;overflow: hidden;}
.hq-news-list .item a .txt{position: absolute;right:5%;top: 0;width: 55%;height: 100%;}
.hq-news-list .item a .txt h2{position: relative;display: block;}
.hq-news-list .item a .txt h2 strong{font-size: 20px;}
.hq-news-list .item a .txt h2 span{position: absolute;right: 0;top:5px;color: #8d8d8d;font-size:20px;font-weight: normal;}
.hq-news-list .item a .txt h5{font-size: 14px;line-height: 26px;color: #8d8d8d;padding: 30px 0 30px 0;font-weight: normal;width: 80%;}
.hq-news-list .item a .txt h6{font-size: 16px;color: #8d8d8d;padding-right: 30px;background: url("../upload/r4.svg") right no-repeat;background-size:30%; display: inline-block;}
.hq-news-list .item a .txt .logobg {background: url("../upload/logo.png") no-repeat;width: 400px;height:106px;position: absolute;right:-2%;bottom:-12%;display: none;}
.hq-news-list .item a:hover .txt h2 strong{color: #05a045;}
.hq-news-list .item a:hover .txt h5,.hq-news-list .item a:hover .txt h2 span {color: #000;}
.hq-news-list .item a:hover .txt h6{background: url("../upload/r3.svg") right no-repeat;}
.hq-news-list .item a:hover .txt .logobg {display: block;}
.hq-news-list .item:hover {box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
 
.page-turn {text-align: center;margin-top: 3%;clear: both;}
.page-turn a{display: inline-block;vertical-align: middle;margin:0.3%;width:70px;height:70px;line-height:70px; border-radius: 100%;text-align: center;font-size: 20px;background-color: #fff;background-position: center;background-repeat: no-repeat;color: #666;}	
.page-turn a:hover {background-color: #ccc;}
.page-turn a.prev{background-image: url("../upload/l4.svg");background-size: 40%;opacity: .6;}
.page-turn a.next{background-image: url("../upload/r4.svg");background-size: 40%;}
.page-turn a.cur{background: #05a045;color: #fff;}

.hq-news-detail {padding:1% 0;width: 90%;margin: auto;position: relative;}
.hq-news-detail .path {position: relative;left: auto;top: auto;}
.hq-news-detail .news-detail{margin:3% 0 7% 0;}
.hq-news-detail .news-detail .left{float: left;width:60%;padding:5% 4%;overflow: hidden; background: #fff;border-radius: 20px;box-shadow: 0px 0px 25.65px 1.35px rgba(0, 0, 0, 0.11);}
.hq-news-detail .news-detail .left .news-title {text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.hq-news-detail .news-detail .left .news-title h1{font-size: 26px;}
.hq-news-detail .news-detail .left .news-title h5{font-size: 14px;font-weight: normal;color: #9e9e9e;padding: 10px 0;}
.hq-news-detail .news-detail .left .news-title h5 span {margin-right: 4%;}
.news-detail-content {padding: 3% 0;overflow: hidden;font-size: 14px;line-height: 28px; color: #8d8d8d;border-bottom: 1px solid #ccc;}
.page-fanye {position: relative;padding-top:5%;}
.page-fanye a{display: block;color: #666;font-size: 14px;padding:14px 0px;position: absolute;}
.page-fanye a.prev{left: 0;padding-left: 30px;background: url("../upload/l4.svg") left center no-repeat;background-size: 30%;}
.page-fanye a.next{right: 0;padding-right:30px;background: url("../upload/r4.svg") right center no-repeat;background-size: 33%;text-align: right;}
.page-fanye a.retu{padding-left: 30px;background: url("../img/back.svg") left center no-repeat;background-size: 30%;left: 50%;margin:0 0 0 -20px;}
.page-fanye a:hover {background: #05a045;padding:14px 40px;color: #fff;}
.page-fanye a.retu:hover {margin:0 0 0 -40px;}
.page-fanye a.prev:hover{background: url("../upload/l3.svg") 25% center no-repeat #05a045;background-size: 20%;color: #fff;text-indent: 20px;}
.page-fanye a.next:hover{background: url("../upload/r5.svg") 75% center no-repeat #05a045;background-size: 20%;color: #fff;padding-right:60px;}
.hq-news-detail .news-detail .right{float: right;width:27%;padding-top: 5%;overflow: hidden;}
.hq-news-detail .news-detail .right .titles {border-bottom: 1px solid #ccc;padding-bottom: 30px;}
.hq-news-detail .news-detail .right .right-list {padding:10% 0 0 0;overflow: hidden;}
.hq-news-detail .news-detail .right .right-list a{display: block;overflow: hidden;font-size: 16px;position: relative;}
.hq-news-detail .news-detail .right .right-list a::after {content: '';display: block;width:20%;height:1px;background: #ccc;margin:30px 0;transition:all .4s ease;}
.hq-news-detail .news-detail .right .right-list a h4{color: #000;font-weight: normal;display: block;}
.hq-news-detail .news-detail .right .right-list a h5{font-size: 16px;font-weight: normal;color: #bbbbbb;position: relative;display: block;padding-top:20px;}
.hq-news-detail .news-detail .right .right-list a h5::before {content: '';display: none;width:16px;height:13px;background: url("../upload/r3.png") right bottom no-repeat;position: absolute;right: 0;top:20px;}
.hq-news-detail .news-detail .right .right-list a:hover h4,.hq-news-detail .news-detail .right .right-list a:hover h5{padding-left: 5%;}
.hq-news-detail .news-detail .right .right-list a:hover h4{color: #05a045;}
.hq-news-detail .news-detail .right .right-list a:hover::after{width:100%;background: #05a045;}
.hq-news-detail .news-detail .right .right-list a:hover h5::before {display: block;}



 /* recruit */
.hq-recruit {position: relative;overflow: hidden;}
.recruitment-list {overflow: hidden;}
.recruitment {width: 100%;margin: auto;}
.recruitment .rcontact{ margin-bottom: 1%;border-radius: 10px;overflow: hidden;}
.recruitment .rcontact .rtitle{padding:2% 5%;position: relative;cursor: pointer;overflow: hidden;background: #fff;color: #1a1a1a;}
.recruitment .rcontact .rtitle * {display: inline-block;vertical-align: middle;font-size: 16px;}
.recruitment .rcontact .rtitle h3 {width: 20%;font-size: 18px;}
.recruitment .rcontact .rtitle li {width: 59%;}
.recruitment .rcontact .rtitle li h5{color: #999999;font-weight: normal;}
.recruitment .rcontact .rtitle li i {width: 1px;height:20px;background: #333;display: inline-block;vertical-align: middle;margin: 0 34px;opacity: .4;}
.recruitment .rcontact .rtitle h4{width: 16%;text-align: right;color: #999999;padding-right:3%; font-weight: normal;position: relative;}
.recruitment .rcontact .rtitle h4 i{width:15px;height: 30px;opacity: 0.5; background: url("../img/toTop.svg") center no-repeat;position: absolute;right:0;top: 50%;margin-top: -15px;}
.recruitment .rcontact .rtitle.cur {font-weight: bold;background: #05a045;color: #fff;}
.recruitment .rcontact .rtitle.cur h5,.recruitment .rcontact .rtitle.cur h4 {color: #fff;}
.recruitment .rcontact .rtitle.cur i {background: url("../img/toBottom.svg") center no-repeat ;}
.recruitment .rcontact .rtitle.cur li i {background: #fff;}
.recruitment .rcontact.cur ul.children{ display:block;}
.recruitment .rcontact ul{background: #fff;border-top: 1px solid #ededed; padding:3% 5%;font-size: 14px;line-height: 24px;color: #666666;}
.recruitment .rcontact ul.children{ display: none;}
.applyjobs {background: #05a045;color: #fff;width: 150px;height: 50px;font-size: 16px;font-weight: bold;border-radius: 5px;line-height: 50px;text-align: center;display: block;margin: 30px 0;}
.applyjobs:hover {background: #05a045;color: #fff;}




 /* contact */
.hq-contact {position: relative;overflow: hidden;}




.development-history .item .text h5,.hq-product-list .product-item .img .enname,.lastest-news .right .inews-item a .txt h4,.lastest-news .right .inews-item-list a .txt h3,.lastest-news .right .inews-item a .txt h2,.technical-swiper .slidelist .item h4,.hq-news-list .item a .txt h2 strong
{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}




.news-arrival .left .item .txt h3 ,.news-arrival .right .item .txt h3,.news-arrival .right .item .more,.news-arrival .left .item .more,.moreStyle span,.news-arrival .t1 p,.t1 p,.brandmore,.apply-nav a.more,.apply-case-swiper .item .txt h5,.lastest-news .right .inews-item-list a .data h2,.lastest-news .right .inews-item-list a .data h4,.lastest-news .right .inews-item a .txt h6 span,.lastest-news .lnews-nav a.more,.titles h4,.development-history .item .text h4,.product-item .txt h3,.product-item .img .enname,.product-detail .right .introduce h2 strong,.product-feature .item3 .item .num,.hq-case-list .case-list-swiper .item .right .more a,.hq-news-list .item a .txt h2 span,.page-turn a,.title h5,.recruitment .rcontact .rtitle h4,.hq-page-banner-top .column h4,.brand-adva .bgtxt
{font-family:Montserrat,"微软雅黑";}





/* 2022/01/01 */
.nav-content.cur {overflow: visible;}
.nav-content.cur ul {overflow: visible; padding-bottom: 0;}
.nav-content.cur .nav-show {position: absolute;background-color: #fff; z-index: 11;left: 50%;top: 100px;padding: 10% 0;display:none;height: auto;transform: translateX(-50%);box-sizing: border-box;transition:all .4s ease;}
.nav-content.cur ul li a::before {display: none;}
.nav-content.cur .nav-show  a {padding: 0 10%;}
.nav-show {text-align: center;}
.nav-show::after {left: 50%;margin-left: -10px;}
.nav-content.cur ul li.cur .nav-show  {display: block;}
.nav-content.cur ul li ol {position: relative;margin: 0;padding: 0;}
.nav-content.cur ul li ol.cur .nav-show-tow{display: block;}
.nav-content.cur ul li a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav-show-tow {display: none;position: absolute;left: 100%;top: 0;overflow:hidden;width: 100%;height: auto;z-index: 11;background-color: #fff;padding: 10% 0;box-sizing: border-box;transition:all .4s ease;border-left: 1px solid #ccc;}
.nav-content ul li {padding: 0 3%!important;}
.nav-content ul li:first-child {padding: 0 3%!important;}
.nav-content ul li:last-child{padding: 0 3%!important;}
.nav-content ul li:first-child .nav-show{left: 50%;}
.nav-content ul li:last-child .nav-show{left: 50%;right: auto;}
.nav-content.cur ul li ol.cur a.n1 {color: #05a045;}
.hq-page-nav a {font-size:16px;}
.hq-page-nav {padding: 30px 0;}
.en .nav-content ul li .nav-show {display: none!important;}
.en .nav-content ul li a { text-align: center!important;}
.en .nav-content.cur ul li.cur .nav-show {display: block!important;}
.en .nav-show-tow {width:auto!important;}
.en .nav-content ul li .nav-show {padding:10% 0;}
.en .nav-show-tow {left: 100%;right:auto;}
@media screen and (max-width: 1440px){
    .hq-page-nav a {font-size:13px!important;}
}
@media screen and (max-width: 840px){
    .hq-page-nav a {width: auto; padding: 10px 20px;margin:1%;}
    .hq-page-nav.num3 a,.hq-page-nav.num2 a,.hq-page-nav.num4 a,.hq-page-nav.num5 a,.hq-page-nav.num6 a {margin:1%!important;width: auto!important;}
}




/*2024.3.6 后加++++++ s*/

.i_title .bgtxt{color: #eee;text-transform: uppercase;font-size: 300px;line-height:240px; position: absolute;width:200%;left: 0;bottom:25%;font-weight: bold; z-index:-1; font-family:Arial, Helvetica, sans-serif; font-weight:900;}

.i_title {  text-align:center; padding:0% 0px; width:90%; margin:0px auto; position:relative;}
.i_title i { display:inline-block; padding-bottom:20px;}
.i_title h3 { line-height:60px; font-size:38px; color:#000; font-weight:400; margin-bottom:0%;}
.i_title p { line-height:30px; font-size:16px; color:#999;}
.i_title strong { font-size:22px; line-height:60px; font-weight:400;}

.imore { width:100%; clear:both; overflow:visible;}
.imore  a { width:120px; line-height:40px; height:40px; display: inline-block; text-align: center; color:#fff; background:#05a045; margin:2% auto; }











.right .box{width: 100%; float: left;padding-top: 40px; color:#333;}
	

	
	
   .right .box h2{
        display: block;
        line-height: 40px;
        font-size: 18px;
        text-transform: uppercase; 
        
        font-family: Barlow-Regular; font-weight:400; color:#05a045;
        padding-top: 0px;
        position: relative;
        margin-bottom: 10px; font-family: 'Montserrat';
		
		/*background-image: -webkit-linear-gradient(left,#0066b0,#036eb3,#26b7d7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    }
	.right .box i { width:120px; height:1px; background:#fff; opacity:.3; margin:15px 0px 10px; display:block;}
   .right .box h2:before{
        display: block;
        width: 125px;
        height: 0px;
        background-color: #005eb2;
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
    }

   .right .box h3{display: block;font-size: 47px;line-height: 55px;margin-bottom: 10px; font-weight:700; color:#333;
	
	
	}
	.right .box h3 span { }
   .right .box .cent{font-size: 16px;line-height: 30px;margin-bottom: 40px; margin-top:40px;}
   .right .box .cent p{ font-size: 15px;line-height: 28px;}
   .right .box .cent p a  { color:#333;}
   .right .box .btns{
        display: block;
        width: 210px;
        height: 48px;
        line-height: 48px;
        color: #fff;
        font-size: 18px;
        padding: 0 30px;
        border-radius: 3px;
        text-transform:capitalize;
        font-family: 'Montserrat';
        background:#1a1f3f url(../images/rddr.png) 80% center no-repeat;
        border:1px solid #1a1f3f;
        transition: all 0.5s;-webkit-transition: all 0.5s;
        margin-bottom: 0px;
    }
    .right .box .btns:hover{background:#1a1f3f url(../images/rddr.png) 87% center no-repeat;box-shadow: 0 1px 6px 0px rgba(26,31,63,1)}
    .right .box .details{width: 299px;height: 299px;overflow: hidden;float: right; margin-top:-30px;}
    .right .box .details img{transition: all 0.5s;-webkit-transition: all 0.5s}
    .right .box .details:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}




 .right .bot{padding-left:0px;height: auto; width:100%; float:left; padding-bottom:40px;}
    .right .bot ul li{float: left;margin-right: 40px; color:#666;}
    .right .bot ul li:last-child{margin-right: 0px;}
.right .bot li p{font-size: 42px;color: ; text-align: center;line-height: 70px;font-family: 'Montserrat'; margin-bottom: 5px; color:#05a045;}
	
	.right .bot li p span { font-size:15px; line-height:20px;  background:#ffc001; color:#fff; font-weight:900; border-radius:50%; width:25px; height:25px; padding:2.5px;  display: inline-block; margin-left:-10px; margin-top:-15px; }
	
    /*.right .bot li:nth-child(1) p{font-family: 'Times New Roman';}*/
    .right .bot li .intro{display: block; text-align: left;font-size: 15px;line-height: 20px; color:;}





.index_shiipin { width:100% !important; text-align:center;  left: 0px!important; top:45% !important;}












.about_sp { transition:all .4s; background-size: auto 100%; position: relative; }

.about_sp .init-4 { position:absolute; z-index:2; top:0%; left:47%;}
.about_sp:hover { background-size:auto 105%; }



.init-4 {

}
.init-4 .container { text-align:center; width:100%; margin:0px auto;}


.init-4 .container .play{display:inline-block;position:relative;margin-top:50px;z-index:6}


.init-4 .container .play:before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(255,255,255,.5);opacity:0;width:100%;height:100%;border-radius:100% !important;border-radius:inherit;-webkit-animation:ks 3s infinite;-o-animation:ks 3s infinite;animation:ks 3s infinite;display:block;z-index:-1}


.init-4 .container .play:after{content:'';position:absolute;top:50%;left:50%;border-radius:100% !important;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(255,255,255,.5);opacity:0;width:100%;height:100%;border-radius:inherit;-webkit-animation:ks 3s infinite;-o-animation:ks 3s infinite;animation:ks 3s infinite;display:block;z-index:-1;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}


.init-4 .container .play {
    display: inline-block;
    position: relative;
    margin-top: 50px; left:0%;
    z-index: 6; margin:0px auto 0px;
}

    
.init-4 .container .play:before {
    content: '';
    position: absolute; 
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(255,255,255,.5);
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: 100% !important;
    border-radius: inherit;
    -webkit-animation: ks 3s infinite;
    -o-animation: ks 3s infinite;
    animation: ks 3s infinite;
    display: block;
    z-index: -1;
}

.init-4 .container .play:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100% !important;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(255,255,255,.5);
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-animation: ks 3s infinite;
    -o-animation: ks 3s infinite;
    animation: ks 3s infinite;
    display: block;
    z-index: -1;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s;
}

@-webkit-keyframes ks {
0% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:1
}
70% {
-webkit-transform:translate(-50%, -50%) scale(2);
-moz-transform:translate(-50%, -50%) scale(2);
-ms-transform:translate(-50%, -50%) scale(2);
-o-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2);
opacity:0
}
100% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:0
}
}
@-o-keyframes ks {
0% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:1
}
70% {
-webkit-transform:translate(-50%, -50%) scale(2);
-moz-transform:translate(-50%, -50%) scale(2);
-ms-transform:translate(-50%, -50%) scale(2);
-o-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2);
opacity:0
}
100% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:0
}
}
@-moz-keyframes ks {
0% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:1
}
70% {
-webkit-transform:translate(-50%, -50%) scale(2);
-moz-transform:translate(-50%, -50%) scale(2);
-ms-transform:translate(-50%, -50%) scale(2);
-o-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2);
opacity:0
}
100% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:0
}
}
@keyframes ks {
0% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:1
}
70% {
-webkit-transform:translate(-50%, -50%) scale(2);
-moz-transform:translate(-50%, -50%) scale(2);
-ms-transform:translate(-50%, -50%) scale(2);
-o-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2);
opacity:0
}
100% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:0
}
}









.news_top { width:100%; font-weight:400; text-align:center; margin-bottom:50px; margin-top:20px;}
.news_top h3 { font-size:40px !important; color:#000; line-height:60px; font-weight:400;}
.news_top p { font-size:16px !important; color:#999; line-height:28px; font-weight:400;}

.index .pt2{ width:90%; margin:0px 5%; padding-bottom:100px; clear:both; overflow:visible; display: inline-block;}
.index .pt2 .t{font-size: 36px;font-weight: bold;text-align: center;color: #1d1d1d;line-height: 1;padding-top: 60px;margin-bottom: 20px;}
.index .pt2 .p{font-size: 16px;text-align: center;color: #515151;margin-bottom: 45px;}
.index .pt2_l{width: 49%;float: left;background-color: #05a045;color: #fff;   }
.index .pt2_r{width: 49%;float: right;}
.index .pt2 .inner_box{padding: 28px 35px;color: #fff;display: block;  float:left;}
.index .pt2 .inner_box .time{font-size: 14px;line-height: 1;margin-bottom: 25px;}
.index .pt2 .inner_box .tit{font-size: 21px;line-height: 1.2;height: 2.4em;overflow: hidden;margin-bottom: 15px;}
.index .pt2 .inner_box .p2{font-size: 14px;height: 
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
height: 84px;
line-height: 28px;}
.index .pt2_r .top_l{width: 48.5%;float: left; }
.index .pt2_r .top_r{width: 48.5%;float: right; }
.index .pt2_r .time2{font-size: 14px;margin-bottom: 16px;}
.index .pt2_r .top{margin-bottom: 27px; width:100%;  float:left;}
.index .pt2_r .top_box{padding: 30px 30px;background-color: #232324;color: #fff;transition: background .5s ease;-webkit-transition: background .5s ease; }
.index .pt2_r .top_box .t2{font-size: 20px;line-height: 1;}
.index .pt2_r .top a:hover .top_box{background-color: #05a045;}
.index .pt2_r .inner_box{background-color: #dedede;color: #1f1f1f; line-height:28px ; }
.index .pt2_r .inner_box:hover .tit{color: #05a045;}
.index .pt2_r .inner_box .p2 {font-size:16px;}

.index .pt2_l .inner_box .p2 {font-size:16px; line-height:28px; 

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 56px;
line-height: 28px;


}





.top_l .rect-5625 img { width:100%; height:267px; object-fit: cover;}
.top_r .rect-5625 img { width:100%; height:267px; object-fit: cover;}

.top_l .rect-5625 { overflow:hidden; height:267px;}
.top_r .rect-5625 { overflow:hidden; height:267px;}
.pt2_l .rect-50{ overflow:hidden;}

.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.index .pt2_l .inner_box .p2{}

.index .pt2 .inner_box .tit{height:1.2em;}
.index .pt2 .inner_box{padding:40px 35px; }
.index .pt2_l .inner_box{padding:40px 35px; height:152px;}
.index .pt2_r .inner_box{padding:40px 35px; height:219px;}



.index .pt2_l .inner_box .p2{}

.index .pt2_l .rect-50 img { width:100%; height:100%;}
.index .pt2 .inner_box .tit{height:1.2em;}
.index .pt2 .inner_box{padding:40px 35px;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index .pt2 .inner_box a { color:#333;}













.youshi {
	margin: 0px auto; padding-top:50px; padding-bottom:80px; background:url(../../images/bg-1.jpg) no-repeat center top;
}

.advan-list {
	margin-top: 80PX; width:90%; margin:0px auto; max-width:1620px;}
.advan-list li a {
	display: block;
	background: #fff;
	border-radius: 0px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .05);
	text-align: center;
	padding:22% 10%  10%;
	position: relative;
	height: 350px;
	cursor: pointer;
}
.advan-list li a .img { height:140px; width:140px; margin:0px auto;  border-radius:50%; overflow:hidden; box-shadow:0px 0px 10px 10px rgba(0,0,0,.05); transition: all 0.8s; top:0px;
	
}
.advan-list li a .img img { width:100%; height:100%;
	
}
.advan-list li a:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	content: "";
	background: url(../images/ysbg.png) bottom left no-repeat #05a045;
	border-radius: 5px;
	z-index: 1;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.advan-list li:hover a:after {
	left: 0;
	width: 100%
}
.advan-list li h3 {
	color: #333;
	font-size: 24px;
	font-weight: 600;
	line-height: 2;
	margin: 2.5vh 0 10px;
	position: relative;
	z-index: 9;
	top: 0;
	transition: all 0.8s;
}
.advan-list li:hover .text { overflow:visible;}
.advan-list li:hover .img { z-index:2; width:130px; height:130px;}
.advan-list li:hover h3 {
	top: -20px;
	color: #fff;
}
.advan-list li .intro {
	color: #999;
	font-size: 15px;
	line-height: 2;
	height: 90px;
	overflow: hidden;
	position: relative; line-height:24px;
	z-index: 9;
	top: 0;
	transition: all 0.8s;
}
.advan-list li:hover .img {
	top: -10px;
	
}

.advan-list li:hover .intro {
	top: -20px;
	color: #fff;
	height: 180px;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}
.clearfix {
    clear: both;
}
.col-md-3A {
    width: 23%;
    float: left;
    position: relative;
    min-height: 1px;
    margin: 0PX 1%;
}

/*后加++++++ e*/