img{max-width: 100%;}
body{color: #090909;overflow-x: hidden;}
span, p{line-height: 28px;}
.cms-container{padding: 60px 15px;}
.white-bg{background-color: #ffffff !important;}
.gray-bg{background-color: #fafafa;}
.green{color: #a4da73;}
.green-simple-bg{background-color: #DEF1CE;}
.black{color: #333333;}
.white{color: #ffffff;}
.gray{color: #666666;}
.gray-simple{color: #999999;}
.color333{color: #333333;}
.color999{color: #999999;}
.color666{color: #666666;}
.font-color{ color: #090909; }
.active-color{ color: #D1B788; }
/*5列*/
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-5 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-5 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-5 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-5 {
width: 20%;
float: left;
}
}
/*翻页按钮*/
.swiper-btn-wrapper{
text-align: center;
padding-top: 30px;
font-size: 0;
}
.swiper-btn{
display: inline-block;
background-size: 25px 16px;
background-color: #D1B788;
background-repeat: no-repeat;
background-position: center;
width: 44px;
height: 44px;
cursor: pointer;
outline: none;
}
.swiper-btn-prev{
background-image: url("/images/arrow-prev.png");
/*background-image: url("../images/arrow-left.png");*/
margin-right: 5px;
}
.swiper-btn-next{
background-image: url("/images/arrow-next.png");
/*background-image: url("../images/arrow-right.png");*/
margin-left: 5px;
}
.swiper-button-disabled{
opacity: 0.6;
background-color: #373737;
}
/*end*/
@media (max-width: 1900px) {
.leaf-bg{
width: 200px;
}
}
@media (max-width: 1600px) {
.leaf-bg{
width: 160px;
}
}
@media (max-width: 1400px) {
.leaf-bg{
width: 140px;
}
}
@media (max-width: 1200px) {
.leaf-bg{
width: 120px;
}
}
@media (max-width: 1000px) {
.leaf-bg{
width: 100px;
}
}
@media (max-width: 800px) {
.leaf-bg{
display: none;
}
}
/*.container{max-width: 1200px;}*/
@media (min-width: 1400px){
.container {
width: 1200px;
}
}
@media (min-width: 1600px){
.container {
width: 1300px;
}
}
/*@media (min-width: 1400px){*/
/* .container {*/
/* width: 1100px;*/
/* }*/
/*}*/
/*@media (min-width: 1200px){*/
/* .container {*/
/* width: 1000px;*/
/* }*/
/*}*/
.title-png{ margin-bottom: 60px;text-align: center; }
.relative{ position: relative; }
.absolute{ position: absolute; }
.margin-auto{ margin: 0 auto !important; }
/*间距*/
.mb10{margin-bottom: 10px !important;}
.mt10{margin-top: 10px !important;}
.mb14{margin-bottom: 14px !important;}
.mb20{margin-bottom: 20px !important;}
.mb24{margin-bottom: 24px !important;}
.mt20{margin-top: 20px !important;}
.mt24{margin-top: 24px !important;}
.mt100{margin-top: 100px !important;}
.mtb20{margin-bottom: 20px !important; margin-top: 20px !important;}
.mt40{margin-top: 40px !important;}
.pt40{padding-top: 40px !important;}
.pr4{padding-right: 4px !important;}
.ptb14{ padding-top: 14px !important; padding-bottom: 14px !important; }
.ptb12{ padding-top: 12px !important; padding-bottom: 12px !important; }
.pt12{ padding-top: 12px !important; }
.pl20{ padding-left: 20px !important; }
.pb3{padding-bottom: 3px !important;}
.pb4{padding-bottom: 4px !important;}
.pb6{padding-bottom: 6px !important;}
.pb46{padding-bottom: 46px !important;}
.pb40{padding-bottom: 40px !important;}
.pl40{padding-left: 40px !important;}
.p10{padding: 10px !important;}
.p100{padding: 100px !important;}
.plr20{padding-left: 20px !important; padding-right: 20px !important;}
.plr10{padding-left: 10px !important; padding-right: 10px !important;}
.plr30{padding-left: 30px !important; padding-right: 30px !important;}
.plr120{padding-left: 120px !important; padding-right: 120px !important;}
.ptb6{padding-top: 6px !important; padding-bottom: 6px !important;}
.ptb20{padding-top: 20px !important; padding-bottom: 20px !important;}
.ptb24{padding-top: 24px !important; padding-bottom: 24px !important;}
.pb60{padding-bottom: 60px !important;}
.pb80{padding-bottom: 80px !important;}
.pb8{padding-bottom: 8px !important;}
.pb10{padding-bottom: 10px !important;}
.pt14{padding-top: 14px !important;}
.mb30{margin-bottom: 30px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb80{margin-bottom: 80px !important;}
.mt80{margin-top: 80px !important;}
.mt8{margin-top: 8px !important;}
.mt40{margin-top: 40px !important;}
.mt60{margin-top: 60px !important;}
.mb40{margin-bottom: 40px !important;}
.mb80{margin-bottom: 80px !important;}
.ptb30{padding-top: 30px !important; padding-bottom: 30px !important;}
.ptb60{padding-top: 60px !important; padding-bottom: 60px !important;}
.ptb90{padding-top: 90px !important; padding-bottom: 90px !important;}
.pb20{padding-bottom: 20px !important;}
.pb14{padding-bottom: 14px !important;}
.pb24{padding-bottom: 24px !important;}
.pb30{padding-bottom: 30px !important;}
.p20{padding: 20px !important;}
.p30{padding: 30px !important;}
.pt20{padding-top: 20px !important;}
.pt24{padding-top: 24px !important;}
.pt30{padding-top: 30px !important;}
.mt30{margin-top: 30px !important;}
.mr14{margin-right: 14px !important;}
.mt14{margin-top: 14px !important;}
.mr20{margin-right: 20px !important;}
.mr60{margin-right: 60px !important;}
.mr6{margin-right: 6px !important;}
.mtb40{margin-top: 40px !important; margin-bottom: 40px !important;}
.mtb60{margin-top: 60px !important; margin-bottom: 60px !important;}
.pt60{padding-top: 60px !important;}
.mtb80{margin-top: 80px !important; margin-bottom: 80px !important;}
.mtb120{margin-top: 120px !important; margin-bottom: 120px !important;}
.mb120{margin-bottom: 120px !important;}
.mtb6per{margin-bottom: 6% !important; margin-top: 6% !important;}
.mtb3per{margin-bottom: 3% !important; margin-top: 3% !important;}
.mb6per{margin-bottom: 6% !important;}
.mb3per{margin-bottom: 3% !important;}
.mt6per{margin-top: 6% !important;}
.mt3per{margin-top: 3% !important;}
.mt120{margin-top: 120px !important;}
.ml20{margin-left: 20px !important;}
.ptb8{padding-top:8px !important; padding-bottom:8px !important;}
.plr14{padding-left: 14px !important; padding-right: 14px !important;}
.plr18{padding-left: 18px !important; padding-right: 18px !important;}
.mtb14{margin-top: 14px !important; margin-bottom: 14px !important;}
.mtb6{margin-top: 6px !important; margin-bottom: 6px !important;}
.mtb10{margin-top: 10px !important; margin-bottom:10px !important;}
.mtb30{margin-top: 30px !important; margin-bottom: 30px !important;}
.pt80{padding-top: 80px !important;}
.plr40{padding-left: 40px !important; padding-right: 40px !important;}
.plr24{padding-left: 24px !important; padding-right: 24px !important;}
.plr60{padding-left: 60px !important; padding-right: 60px !important;}
.plr6{padding-left: 6px !important; padding-right: 6px !important;}
.plr0{padding-left: 0 !important; padding-right: 0 !important;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.pr20{padding-right: 20px !important;}
.pr14{padding-right: 14px !important;}
.pr10{padding-right: 10px !important;}
.pt50{ padding-top: 50px !important; }
.mb0{margin-bottom: 0 !important;}
.mlr0{margin-left: 0 !important; margin-right: 0 !important;}
.mr0{margin-right: 0 !important;}
/*字体大小*/
.fs0{font-size: 0 !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}
.fs15{font-size: 15px !important;}
.fs16{font-size: 16px !important;}
.fs18{font-size: 18px !important;}
.fs20{font-size: 20px !important;}
.fs22{font-size: 22px !important;}
.fs24{font-size: 24px !important;}
.fs26{font-size: 26px !important;}
.fs28{font-size: 28px !important;}
.fs30{font-size: 30px !important;}
.h-full{height: 100% !important;}
.w-full{width: 100% !important;}
.full{width: 100% !important; height: 100% !important;}
.h-auto{height: auto !important;}
.w-auto{width: auto !important;}
.radius8{border-radius: 8px !important;}
.radius6{border-radius: 6px !important;}
.radius4{border-radius: 4px !important;}
.bottom0{bottom: 0 !important;}
.left10{left: 10px !important;}
.right10{right: 10px !important}
.z-index-1{ z-index: 1 !important; }
.z-index-2{ z-index: 2 !important; }
/*加粗*/
.bold{font-weight: 600 !important;}
.pointer{cursor: pointer;}
.inline-block{display: inline-block !important;}
.vertical-top{vertical-align: top !important;}
.black{display: block;}
.none{display: none;}
.float-l{float: left !important;}
.float-r{float: right !important;}
.overhidden{overflow: hidden !important;}
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipsis2 {overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis; /*! autoprefixer: ignore next */-webkit-box-orient: vertical;}
.ellipsis3 {overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 3;text-overflow: ellipsis; /*! autoprefixer: ignore next */-webkit-box-orient: vertical;}
.flex{display: flex !important;}
.flex-col{display: flex !important; flex-direction: column;}
.space-around{justify-content: space-around !important;}
.space-between{justify-content: space-between !important;}
.flex-end{
justify-content: flex-end;
}
.flex-1{flex: 1 !important;}
.flex-2{flex: 2 !important;}
.flex-3{flex: 3 !important;}
.flex-4{flex: 4 !important;}
.flex-5{flex: 5 !important;}
.flex-6{flex: 6 !important;}
.flex-7{flex: 7 !important;}
.flex-8{flex: 8 !important;}
.flex-9{flex: 9 !important;}
.flex-10{flex: 10 !important;}
img.fit-cover{ object-fit: cover; }
/*列等高*/
.row-eq-height{display: flex; justify-content: space-between;align-items: stretch;}
@media (max-width: 1000px) {
.row-eq-height{ display: unset !important; }
}
@media (max-width: 750px) {
.row-eq-height{flex-direction: column !important;}
.row-eq-height>div{width: 100% !important;}
.learn-more-btn{bottom: -42px !important; right: 14px !important;left: unset !important;}
.contact-us-icon{width: 60px !important;}
}
.zs-input{background-color: #ffffff;padding: 8px 14px;border: 1px solid #a4da73;border-radius: 4px;}
.zs-input .required{color: #f44 !important;}
.zs-input span{color: #333333;}
@media (max-width: 750px) {.zs-input span{float: left;}}
.zs-input input{padding-left: 10px;color: #666666;}
/*轮播圆点*/
.swiper-pagination-bullet-active{background-color: white !important;}
.input-search{background-color: #ffffff;border: 1px solid #eeeeee;color: #666666;position: relative;}
.input-search input{padding: 8px 36px 8px 10px;}
.input-search .icon{position: absolute;right: 10px;top: 8px;width: 20px;}
.border-gray{border: 1px solid #eeeeee;}
.carousel-button-next{position: absolute; right: 10px;left: auto; top: 50%;z-index: 1;}
.carousel-button-prev{position: absolute; left: 10px;right: auto; top: 50%;z-index: 1;}
.select{display: inline-block; height: 32px; line-height: 32px;cursor: pointer;}
.select ul{display: none;background-color: #ffffff; color: #a4da73;box-shadow: 0 0 38px rgba(0, 0, 0, 0.05);padding: 10px 0;border-radius: 8px;}
.select .current{background-color: #a4da73; color: #ffffff;padding-left: 12px;border-radius: 30px;}
.select ul li:hover{color: #ffffff; background-color: #a4da73;}
div[id^='carousel'] .swiper-slide img{width: 100vw !important;}
@media (max-width: 750px) {#back-to-top img{width: 46px !important;}}
.l-h-1{ line-height: 1 !important;}
.l-h-16{ line-height: 16px !important; }
.h-28{ height: 28px !important; }
.fullpage-img{
width: 100%;
height: 100%;
object-fit: cover;
}
.fullpage-bg-img{
width: 100%;
height: 100%;
background-repeat: no-repeat;
}
.flex-row{ display: flex !important; }
.flex-col{ display: flex; flex-direction: column !important; }
.center-y{ align-items: center !important; }
.center-x{ justify-content: center !important; }
.center{ align-items: center !important; justify-content: center !important; }
.flex-wrap{flex-wrap: wrap !important;}
.pos-center{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.company-story-text{
position: absolute;
right: 90px;
width: 38%;
text-align: left;
font-size: 15px;
top: 280px;
}
@media ( max-width: 1200px) {
.company-story-text{
font-size: 13px !important;
top: 360px !important;
}
}
@media (min-width:1200px) and ( max-width: 1366px) {
.company-story-text{
font-size: 14px !important;
top: 360px !important;
}
}
@media (min-width:1366px) and ( max-width: 1600px) {
.company-story-text{
font-size: 16px !important;
top: 330px !important;
}
}
@media (min-width:1600px) {
.company-story-text{
font-size: 16px !important;
}
}
.index_about_us_icon{
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
cursor: pointer;
}
#about .prev-button,
#about .next-button{
background-color: #D1B788;
width: 60px;
height: 240px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
#about .prev-button{
background-image: url("/images/arrow_left.png");
left: 0;
}
#about .next-button{
background-image: url("/images/arrow_right.png");
right: 0;
}
#about .prev-button.disable,
#about .next-button.disable {
background-color: #CCCCCC;
}
.long-image-box::-webkit-scrollbar { width: 0 !important }
.long-image-box { -ms-overflow-style: none; }
.long-image-box { overflow: -moz-scrollbars-none; }
/*hover图片放大*/
.ani-image{
cursor: pointer;
transition: all 0.6s ease-in-out;
}
.ani-image:hover{
transform: scale(1.4);
}
.ani-image-min{
cursor: pointer;
transition: all 0.6s ease-in-out;
}
.ani-image-min:hover{
transform: scale(1.2);
}
[v-cloak] {
display: none;
}
.ptb120{
padding: 120px 0;
}
.pt120{
padding-top: 120px;
}
.pb120{
padding-bottom: 120px;
}
.linkBtn{
color:#090909;
display: inline-block;
text-align: center;
width:152px;
height:50px;
line-height:50px;
border:2px solid rgba(9,9,9,1);
margin-top: 50px;
font-weight: 400;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.text-align-center{ text-align: center !important; }
.text-align-right{ text-align: right !important; }
.text-align-left{ text-align: left !important; }
.mobiles-bg-gray{ background-color: #F7F9FA !important; }
.word-break {
word-break: break-all;
}
.a-link-external {
display: inline-block;
padding: 4px 14px;
border: 1px solid #090909;
color: #090909;
font-size: 18px;
}
.a-link-external img {
width: 8px;
height: 12px;
margin-left: 5px;
}
.a-link-external-mobiles {
display: inline-block;
padding: 3px 10px;
border: 1px solid #090909;
color: #090909;
font-size: 14px;
}
.a-link-external-mobiles img {
width: 6px;
height: 10px;
margin-left: 2px;
}
.coop-bg-img {
position: absolute;
left: 0;
top: 0;
width:100%;
height: 100%;
z-index: -1;
}
@media screen and (min-width: 1000px) and (max-width: 1300px) {
body {
min-width: 1300px;
overflow-x: auto;
}
}
.no-grid-padding .van-grid-item__content { padding: 0; }