@charset "utf-8";
/* CSS Document */
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {margin: 0;padding: 0;font-weight:normal;}
p{font-weight: initial;}
*{box-sizing: border-box; font-family: 'r', 'Arial';}
html, body {min-height: 100%;box-sizing: border-box;overflow-x: hidden}
body {color:#333;font-family:"bold", "Arial", 'Arial'}
ul,ol,li{list-style: none;list-style-type:none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #232323;font-size: 16px}
table {border-collapse: collapse;border: #c1c1c1;}
input, textarea {outline: none;border: none;}
input::-webkit-input-placeholder {color:#c1c1c1; }
input:-moz-placeholder{color:#c1c1c1;}
input::-moz-placeholder {color:#c1c1c1;}
input:-ms-input-placeholder{color:#c1c1c1;}
textarea {resize: none;overflow: auto;}
inline{display: inline-block;*display: inline;*zoom: 1;}
button{outline:none;}
img{width:auto;}
.clearfix {*zoom: 1;clear: both;width:0;}
.clearfix:after {content: ".";width: 0;height: 0;visibility: hidden;display: block;clear: both;overflow:hidden;}
@font-face {
font-family: 'r';
src: url('../fonts/AvenirNextLTPro-Regular.otf');
src: url('../fonts/AvenirNextLTPro-Regular.otf') format('embedded-opentype'),
url('../fonts/AvenirNextLTPro-Regular.otf') format('woff'),
url('../fonts/AvenirNextLTPro-Regular.otf') format('truetype'),
url('../fonts/AvenirNextLTPro-Regular.otf') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:"bold";
src: url('../fonts/AvenirNextLTPro-Bold.otf');
src: url('../fonts/AvenirNextLTPro-Bold.otf') format('embedded-opentype'),
url('../fonts/AvenirNextLTPro-Bold.otf') format('woff'),
url('../fonts/AvenirNextLTPro-Bold.otf') format('truetype'),
url('../fonts/AvenirNextLTPro-Bold.otf') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'light';
src: url('../fonts/AvenirNextLTPro-It.otf');
src: url('../fonts/AvenirNextLTPro-It.otf') format('embedded-opentype'),
url('../fonts/AvenirNextLTPro-It.otf') format('woff'),
url('../fonts/AvenirNextLTPro-It.otf') format('truetype'),
url('../fonts/AvenirNextLTPro-It.otf') format('svg');
font-weight: normal;
font-style: normal;
}
.nav{
height: 78px;
line-height: 78px;
transition: 0.5s;
top: -50px;
opacity: 1;
}
.nav::after{
content: "";
display: block;
clear: both;
}
.nav-logo{
width: 21%;
background: #fff;
display: inline-block;
text-align: center;
float: left;
height: 78px;
display: flex;
align-items: center;
justify-content: center
}
.nav-content{
display: inline-block;
width: 79%;
float: left;
background:#7db73e;
height: 78px;
}
.nav-content-all {
width: 77.76%;
float: left;
}
.nav-content-li{
width: auto;
display: flex;
justify-content: space-between;
margin: auto;
padding: 0 40px;
height: 78px;
align-items: center;
}
.nav-content-li li{
display: inline-block;
float: left;
}
.nav-content-li>li>a{
color: #fff;
font-size: 14px;
display: inline-block;
padding: 20px 13px;
box-sizing: border-box;
line-height: 1.5;
font-weight: bold
}
.nav-content-li>li>a:hover{
color:#7db73e;
background: #fff;
border-radius: 8px
}
.nav-right {
width: 22.24%;
float: left;
display: flex;
align-items: center;
height: 78px;
padding-left: 13px
}
form.nav-search {
background: #fff;
position: relative;
height: 27px;
line-height: 27px;
border-radius: 20px;
padding: 0 8px;
width: 175px;
overflow: hidden
}
span.nav-search-t {
width: 16px;
position: absolute;
z-index: 999;
left: 8px;
top: -2px;
}
input.nav-searcch-l {
position: absolute;
right: 0;
line-height: 27px;
width: 100%;
padding-left: 27px;
}
.nav-email a {
display: inline-block;
}
.nav-lag-all {
display: inline-block;
padding-left: 13px;
}
.nav-lag-all h2, .nav-lag a{
font-size: 14px;
color:#fff;
}
.nav-right-all {
display: flex;
align-items: center;
padding-left: 13px;
}
.nav-lag {
position: absolute;
background: #7db73e;
line-height: 40px;
text-align: center;
display: none;
z-index: 9999;
width: 50px;
left: auto;
}
.nav-lag-all span {
display: inline-block;
position: relative;
top: -2px;
right: -2px;
}
.nav-product {
position: absolute;
left: 0;
background: #f6f6f6;
width: 100%;
background: url(../images/nav3.png) no-repeat #00000098;
padding-bottom: 30px;
z-index: 9999999;
background-size:100%;
padding-top: 27px;
display: none;
}
.nav-product-left {
display: flex;
flex-flow: wrap;
max-width: 1340px;
margin: auto;
}
.nav-product-left>p{
display: block;
width: 100%;
font-size: 14px;
text-transform: uppercase;
font-weight: bold
}
.nav-product-left>p a{
font-size: 14px;
color:#787878
}
.nav-product-left>p span{
margin-left: 15px;
color:#ffb838
}
ul.nav-product-all {
display: inline-block;
width: auto;
width: 25%
}
.nav-product-all h2{
font-size: 14px;
line-height: 24px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
}
.nav-product-all li{
display: block;
width:100%;
float: none;
line-height: 24px;
font-size: 12px;
}
.nav-product-all li a{
font-size: 12px;
color:#fff;
}
.nav-product-all::after{
content: "";
display: block;
clear: both
}
.nav-company-content h2{
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color:#ffb838;
line-height: 24px;
margin-top: 55px;
margin-bottom: 22px;
}
.nav-company{
min-height: 380px;
}
.nav-company-content {
display: inline-block;
margin-right: 45px;
}
.nav-company-content::after{
content: "";
display: block;
clear: both
}
.nav-phone{
display: none
}
.nav-ph-search{
display: none
}
.nav-email p{
display: none
}
.banner-img2{
display: none
}
.nav-search{
font-size: 14px;
font-weight: bold;
color:#fff
}
.fusion-custom-menu-item-contents{
background-color: #f2efef;
border-color: #dcdadb;
width: 250px;
padding: 25px;
text-align: right;
border: 1px solid transparent;
font-family: 'Roboto';
font-weight: 300;
color: #444;
position: absolute;
left: auto;
right: 94px;
font-size: 14px;
line-height: 1.8;
display: none;
}
.fusion-search-form-content{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
width: 100%;
}
.screen-reader-text {
border: 0;
clip: rect(1px,1px,1px,1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute!important;
width: 1px;
word-wrap: normal!important;
}
input.s{
font-size: 13px;
background-color: #fff;
border: 1px solid #d2d2d2;
padding: 8px 15px;
height: 29px;
padding-top: 0;
padding-bottom: 0;
border-width: 1px;
border-color: #d2d2d2;
color: #aaa9a9;
width: 100%;
}
input.fusion-search-submit.searchsubmit.fa.fa-search{
height: 29px;
width: 29px;
line-height: 29px;
background: #000;
color:#fff
}
.fusion-search-field.search-field {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.bread{
max-width: 1340px;
margin: auto;
line-height: 50px;
}
.bread-all{
border-bottom: 1px solid #eeeeee
}
.bread-all a{
font-size: 14px;
color:#686868;
padding:0 5px;
}
.bread-all a:nth-child(1){
padding-left: 0
}
.page{
max-width: 1340px;
margin:36px auto
}
.left {
width: 260px;
float: left;
}
.product {
width: 1080px;
padding: 0 21px 0 42px;
float: left;
}
.page::after{
content: "";
display: block;
clear: both
}
.left-all-tittle>h2>a{
line-height: 46px;
font-size: 14px;
font-weight: bold;
color:#444;
font-family:"bold", "Arial";
cursor: pointer;
}
.left-all-ul li a{
font-size: 14px;
color:#686868;
line-height: 46px;
padding-left: 16px;
display: block
}
.left-all-tittle h2 span {
display: inline-block;
float: right;
margin-right: 26px;
font-size: 21px;
transition: 0.5s
}
.left-all-tittle h2 span .fa{
font-weight: bold;
line-height: 46px;
}
.left-all-ul li a.active, .left-all-ul li:hover a, .left-all-tittle>h2:hover{
color:#7db73e
}
.left-all-tittle .left-all-ul{
display: block
}
.left-show h2 span{
transform: rotate(180deg);
margin-right: 26px;
transition: 0.5s
}
.left-all-tittle.left-show .left-all-ul{
display: block
}
.left-all{
margin-bottom: 23px;
}
.left-form>h2{
font-size: 18px;
color:#686868;
font-family:"bold", "Arial";
font-weight: bold;
line-height: 1.2;
margin-bottom: 18px;
}
.left-form>p{
color:#686868;
line-height: 16px;
margin-bottom: 21px;
font-size: 14px;
}
.left-form{
padding: 44px 21px 107px 21px;
border: 2px solid #dddddd;
background: #fafafa
}
.left-form-em>input{
line-height: 50px;
border: 1px solid #dddddd;
background: #fff;
padding: 0 14px;
border-radius: 8px;
width: 100%;
margin-bottom: 20px;
}
.left-form-em input::placeholder{
font-size: 14px;
color:#686868
}
.index-about-all-ts .index-about-right{
background: #fafafa;
}
input.wzfx-khlb-wa {
width: 12px;
height: 14px;
background: #fff;
border: 1px solid #d1d1d1;
}
.left-form-em>p{
font-size: 14px;
color:#aaaaaa;
display: flex;
align-items: center;
}
.left-form-em>p a{
color:#aaaaaa;
border-bottom: 1px solid #aaaaaa;
font-size: 14px
}
.left-form-em{
margin-bottom: 21px
}
.left-form>a{
font-weight: bold;
font-family:"bold", "Arial";
font-size: 14px;
color:#fff;
background: #7db73e;
padding: 16px 15px;
display:inline-block;
border-radius: 8px
}
.product-al-ul li{
width:calc((100% - 117px) / 4);
float: left;
margin-right: 39px;
margin-bottom: 44px
}
.product-al-ul li:nth-child(4n){
margin-right: 0
}
.product-img{
position: relative;
overflow: hidden;
}
.product-img img{
width: 100%;
}
img.product-b{
position: absolute;
z-index: -1 ;
transition: 0.5s;
width: 1px;
height: 1px;
margin: auto;
top: 50%;
left: 50%;
opacity: 0
}
.product-al-ul li:hover img.product-b{
z-index: 9;
transition: 0.5s;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius:0px;
opacity: 1
}
.product-al-ul li:hover .product-img>a>span{
transition: 0.5s;
bottom: 10%;
background: #7db73e;
color:#fff;
z-index: 99
}
.product-img>a>span{
position: absolute;
bottom: 0%;
background: #7db73e00;
color:#ffffff00;
font-family:"bold", "Arial";
font-weight: bold;
left: 50%;
transform:translate(-50%);
line-height: 42px;
padding:0 26px;
width: 166px;
border-radius: 8px;
transition: 0.5s;
}
.product-al-ul li:hover .product-text>a>span{
opacity: 0;
transition: 0.5s
}
.product-text span{
font-size: 12px;
line-height: 24px;
color:#9a9a9a;
margin-bottom: 9px;
}
.product-text h2{
font-size: 14px;
font-weight: bold;
color:#444;
line-height: 1.2;
margin-bottom: 12px;
}
.product-text p{
font-size: 14px;
color:#686868;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 3;
-moz-box-orient: vertical;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
margin-bottom: 20px;
}
.product-text a{
font-size: 14px;
color:#686868;
font-weight: bold;
display: block;
margin-bottom: 14px;
transition: 0.5s
}
.product-text >h2>span{
font-size: 14px;
color: #686868;;
font-weight: bold;
display: block;
margin-bottom: 14px;
transition: 0.5s;
line-height: 1.2
}
.product-al-ul::after{
content: "";
display: block;
clear: both
}
.product-bottom h2{
font-size: 30px;
font-family:"bold", "Arial";
color:#282828;
margin-bottom: 20px;
margin-top: 18px;
}
.product-bottom p{
color:#686868;
font-size: 16px;
line-height: 30px;
margin-bottom: 40px;
}
.product-bottom p a{
font-weight: bold
}
.foot{
background: #f5f5f5;
}
.foot-all{
max-width: 1340px;
margin: auto;
padding: 55px 0
}
.foot-content{
width:18%;
float: left;
}
.foot-all::after{
content: "";
display: block;
clear: both
}
.foot-content h2{
font-size: 16px;
color:#2c2c2c;
font-weight: bold;
margin-bottom: 30px;
}
.foot-content ul li{
margin-bottom:0;
font-size: 14px;
color:#686868;
line-height: 36px
}
.foot-content ul li span{
margin-right: 10px;
}
.foot-content.foot-content-contact ul li{
margin-bottom: 12px;
display: flex;
line-height: 1.5
}
.foot-content.foot-content-contact ul{
width:80%
}
.foot-content.foot-content-contact a{
font-size: 18px;
font-weight: bold;
color:#7db73e;
line-height: 1
}
.foot-content li:hover{
color:#7db73e;
cursor: pointer
}
.foot-content li a:hover{
color:#7db73e
}
.foot-follow li{
display: inline-block;
float: left;
width: 40px;
height: 40px;
border-radius: 50px;
text-align: center;
line-height: 40px;
margin-right: 15px;
}
.foot-follow li a{
line-height:40px;
}
.foot-follow li a .fa{
font-size: 30px;
line-height:40px;
color:#fff
}
.foot-follow {
margin-top: 20px;
margin-bottom: 20px;
}
.foot-follow::after{
content: "";
display: block;
clear: both
}
.foot-content.foot-content-contact{
width: 25%
}
.foot-content ul li a{
font-size: 14px;
color:#686868
}
.foot-bottom{
border-top: 1px solid #e8e8e8;
line-height: 66px;
}
.foot-bottom p, .foot-bottom p a{
font-size: 14px;
color:#686868
}
.foot-bottom p a {
margin: 0 10px
}
.foot-bottom p{
max-width: 1340px;
margin: auto;
text-align: center;
}
.product-detail-left {
width: 526px;
float: left
}
.product-detail-left .swiper-container.gallery-top.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events{
margin-bottom: 40px
}
.product-detail-left .swiper-slide img{
width: 100%
}
.product-detail-right{
width: 759px;
float: right;
}
.product-detail::after{
content: "";
display: block;
clear: both;
}
.product-detail-right-text h2{
font-size: 30px;
font-weight: "bold";
font-weight: bold;
color:#282828;
margin-bottom: 20px;
line-height: 1.5
}
.product-detail-color{
margin-top: 30px;
}
.product-detail-right-text p{
font-size: 14px;
color:#686868;
margin-bottom:0px;
line-height: 1.75
}
.product-detail-color h2, .product-detail-size h2{
font-size: 16px;
font-weight: bold;
line-height: 1.75;
margin-bottom: 4px;
color:#686868
}
.product-detail-color-ul li{
display: inline-block;
float: left;
margin-right: 20px;
}
.product-detail-color-ul::after{
content: "";
display: block;
clear: both
}
.customer-select-radio-r i.fa.fa-star{
color: #fdcc2b;
}
.product-detail-color {
margin-bottom: 30px;
}
.foot-others{
width: 100%;
height: 36px;
line-height: 36px;
border: 1px solid #dddddd;
background: #fafafa;
color:#686868;
padding: 0 10px;
margin-bottom: 58px;
font-weight: bold;
}
.product-detail-right-a>a{
width: 208px;
height: 49px;
border-radius: 8px;
background: #7db73e;
color:#fff;
font-family:"bold", "Arial";
text-transform: uppercase;
display: inline-block;
line-height: 49px;
text-align: center;
}
.product-detail-right-a{
padding: 15px 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee
}
.product-detail-botton h2{
display: inline-block;
color:#686868;
font-size: 14px;
float: left;
padding: 12px 8px;
border-bottom: 2px solid #aaaaaa;
font-family: "Arial";
font-weight: bold;
cursor: pointer
}
.product-detail-botton::after{
display: block;
clear: both;
content: ""
}
.product-detail-botton{
border-bottom: 1px solid #f4f4f4;
margin-top: 84px;
}
.product-detail-botton h2.product-detail-w{
color:#7db73e;
border-bottom: 2px solid #7db73e
}
.product-detail-botton-an{
padding: 32px 26px;
border-bottom: 1px solid #eeeeee;
margin-bottom: 24px;
}
.product-detail-botton-an p {
font-size: 16px;
color: #686868;
margin-bottom: 0;
line-height: 1.75;
}
.product-detail-botton-an table{
width: 100%;
}
.product-detail-botton-an table td, .product-detail-botton-an table th{
border: 1px solid #e5e5e5;
line-height: 38px;
padding: 0 10px;
}
.customer-text span{
font-weight: bold;
}
.customer-text{
line-height: 1.75;
margin-bottom: 40px;
}
.customer-evalu span{
font-weight: bold;
font-family:"bold", "Arial";
color:#444444;
display: inline-block;
float: left
}
.customer-eva{
display: inline-block;
float: left;
margin-left: 5px;
}
.customer-evalu{
margin-bottom: 21px;
display: flex;
align-items: center
}
.customer-evalu::after{
content: "";
display: block;
clear: both
}
.customer-eva {
}
.customer-eva .fa{
font-size: 24px;
color:#fdcc2b
}
.customer_ing{
display: flex;
justify-content: space-between;
}
.customer{
padding: 0 15px;
padding-bottom: 30px;
border-bottom: 1px solid #eeeeee
}
.customer-comment{
padding: 50px 15px;
}
.customer-comment>span{
font-weight: bold;
font-size: 16px;
color:#686868;
display: block;
margin-bottom: 45px;
}
.customer-comment form::after{
content: "";
display: block;
clear: both
}
.customer-select{
display: inline-block;
float: left;
width: 48%;
}
textarea.wpcf7-form-control.wpcf7-textarea{
float: left;
}
.customer-comment form>input{
width: 48%;
margin-right: 4%;
float: left;
padding:0 30px;
line-height: 49px;
border-radius: 8px;
background: #fff;
margin-bottom: 13px;
border: 1px solid #c4c4c4;
}
.customer-comment form input::placeholder{
font-size: 14px;
color:#686868
}
.customer-comment form input:nth-child(3n){
margin-right: 0;
}
.customer-select-radio {
display: flex;
margin-right: 25px;
align-items: center;
}
.customer-select-radio input{
margin-right: 5px;
}
.customer-select{
display: flex;
}
.customer-select>span{
font-weight: bold;
font-size: 16px;
color: #686868;
display: inline-block;
float: left;
margin-right: 10px;
}
.customer-comment::after{
content: "";
display: block;
clear: both
}
.customer-comment>form{
display: flex;
flex-flow: wrap;
align-items: center;
}
textarea.wpcf7-form-control.wpcf7-textarea {
float: left;
width: 100%;
min-height: 150px;
background: #fff;
padding: 20px 30px;
margin-bottom: 18px;
border: 1px solid #c4c4c4
}
input#upload_pic {
margin-bottom: 45px;
border: 0px
}
.customer-comment-button {
text-align: center;
}
.customer-comment-button a{
display: inline-block;
margin-right: 20px;
line-height: 49px;
border-radius: 8px;
width: 130px;
background: #7db73e;
color:#fff;
font-weight: bold;
text-transform: uppercase;border: 1px solid #7db73e;
}
.customer-comment-button a.customer-comment-button-a, .customer-comment-button a:hover{
border: 1px solid #c4c4c4;
color:#686868;
background: #fff
}
.product-detail-botton-an>li{
display: none
}
.product-detail-botton-an>li.product-detail-botton-an-show{
display: block
}
.product-like h2{
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
}
.title08{
line-height: 50px;
background: #f9f9f9
}
td.button_rot_c {
background: #fff;
}
.bottom-div div{
display: inline-block;
float: left;
padding-right: 5%;
}
.bottom-div::after{
content: "";
display: block;
clear: both
}
.f11blue{
width: 166px
}
.f11blue img{
width: 100%
}
.button_rot_c {
padding: 43px 0 17px 0
}
.bottom-center {
width: 313px;
margin-left: 28px;
}
.button_rot_c{
width: 727px;
}
.right{
width: 343px;
float: right
}
.right-all{
border: 25px solid #f5f5f5;
margin-bottom: 29px;
padding: 30px 27px 12px;
background: #fff
}
.right-all h2{
font-size: 16px;
font-weight: bold;
font-family:"bold", "Arial";
color:#444444;
margin-bottom: 15px;
}
.right-ul li{
line-height: 36px;
margin:12px 0;
margin-bottom: 20px;
}
.right-ul li a{
display: flex;
line-height: 1.5;
font-size: 14px;
color:#666666;
}
.right-ul li a span{
margin-right: 5px
}
.page::after{
content: "";
display: block;
clear: both
}
.order{
width: 974px;
float: left
}
.bottom-size{
width: 222px;
}
.bottom-div {
display: flex;
}
.bottom-center p{
line-height: 24px;
color:#282828;
font-size: 14px;
}
.bottom-center>span{
font-size:14px;
color:#686868;
display: inline-block;
padding: 0 14px;
line-height: 23px;
background: #f0f0f0;
border-radius: 8px;
margin-bottom: 18px;
margin-top: 5px;
}
.bottom-div-s p{
color:#686868;
font-size: 14px;
line-height: 24px;
}
.bottom-div-s span{
font-size: 14px;
color:#7db73e;
font-weight: bold;
margin-top: 5px;
}
.bottom-size p{
font-size: 14px;
margin-bottom: 24px;
}
.bottom-size p span{
font-weight: bold;
}
.f11blue, .mistake{
background: #fff
}
.f11blue input{
line-height: 36px;
font-size: 14px;
display: inline-block;
width: 36px;
border: 1px solid #cccccc;
text-align: center;
border-radius: 4px;
margin-left: 13px;
}
.mistake{
padding-left: 13px;
}
.tittle-boto{
border-bottom: 1px solid #cccccc
}
.download-all a{
display: inline-block;
text-transform: uppercase;
font-weight: bold;
line-height: 49px;
padding: 0 45px;
background: #7db73e;
color:#fff;
border-radius: 8px;
margin-top: 24px;
}
.order-a{
text-align: center
}
.order-bottom{
margin-top: 87px;
}
.order-bottom::after{
content: "";
display: block;
clear: both
}
.order-bottom>p{
font-size: 14px;
color:#666666;
text-align: center;
margin-bottom: 20px;
line-height: 1.5
}
.order-bottom-form>input{
width: 48%;
float: left;
margin-right: 4%;
line-height: 47px;
border:1px solid #e8e8e8;
padding-left: 12px;
margin-bottom: 10px;
}
.order-bottom-form>input:nth-child(2n){
margin-right: 0;
}
.order-bottom-choice{
float: left;
width: 100%;
display: flex;
align-items: center;
}
.order-bottom-choice h2{
font-size: 16px;
display: inline-block;
font-weight: bold;
color:#555555;
margin-right: 15px;
}
.order-bottom-choice span{
color:#2d2d2d;
font-size: 14px;
display: inline-block;
margin: 24px 0;
margin-right: 15px
}
.order-bottom-form>input.subject{
width: 100%
}
.order .order-bottom-form input::placeholder{
color:#555555
}
.order textarea.wpcf7-form-control.wpcf7-textarea{
background: #fff;
border: 1px solid #e8e8e8;
padding-left: 12px
}
.about h2, .about-top h2 span{
font-size: 36px;
line-height: 48px;
color:#555555;
text-transform: uppercase;
font-family:"bold", "Arial"
}
.about p{
font-size: 16px;
color:#686868;
line-height: 30px;
}
.about-top p, .about-t-b p{
font-size: 16px;
color:#686868;
line-height: 30px;
margin-bottom: 30px;
}
.about-top h2 span{
color:#7db73e
}
.about-t-l h2{
margin-top: 50px;
}
.about-t-l{
width: 774px;
float: left;
}
.about-t-r{
float: right;
width: 514px;
margin-top: 40px
}
.about-t-b::after, .container::after, .about-bottom-all::after{
content: "";
display: block;
clear: both
}
.demo{
width: 25%;
float: left;
text-align: center
}
.demo-img{
margin-bottom: 17px;
}
.demo-text h2, .demo-text span{
font-size: 36px;
font-family:"bold", "Arial";
color:#1e5c43;
line-height: 48px;
font-weight: bold
}
.demo-text {
display: flex;
justify-content: center;
margin-bottom: 8px;
}
.container{
padding: 44px 10px;
background: url(../images/about4.png) no-repeat;
margin: 46px 0 60px 0;
}
.about-bottom-nr{
width:calc((100% - 40px ) / 3);
margin-right: 20px;
float: left
}
.about-bottom-nr:nth-child(3){
margin-right: 0
}
.about-bottom-all{
margin-top: 64px;
}
.about-bottom-top-img{
background: #7db73e;
height: 154px;
line-height: 154px;
display: flex;
justify-content: center;
font-size: 24px;
font-weight: bold;
font-family:"bold", "Arial";
color:#fff;
text-transform: uppercase;
margin-bottom: 10px;
align-items: center
}
.about-bottom-top-img span{
margin-right: 15px;
}
.about-bottom-bottom-img img{
width: 100%;
}
.about-bottom-bottom-img{
position: relative;
}
.about-bottom-bottom-img p{
position: absolute;
top: 79px;
left: 24px;
color:#fff
}
.about-bottom-nr .about-bottom-nr-ts{
background: #204796
}
.about-cer{
margin-top: 63px;
text-align: center
}
.about-cer p{
margin-bottom: 55px;
}
.about-cer-img li{
display: inline-block;
float: left;
width: calc((100% - 160px) / 5);
margin-right: 40px;
margin-bottom: 30px;
}
.about-cer-img::after{
content: "";
display: block;
clear: both
}
.about-cer-img li:nth-child(5n){
margin-right: 0;
}
.container{
margin: 30px 0 60px 0;
background-size: cover;
box-shadow: 0 0 18px 2px #00000020;
background: #fff;
}
.n-banner {
position: relative;
width: 100%;
}
.n-banner-tiitle{
position: absolute;
bottom: calc(50% - 10%);
left: 50%;
transform: translate(-50%);
color:#fff;
}
.n-banner-tiitle h2{
font-weight: bold;
font-family:"bold";
font-size: 36px;
line-height: 46px;
text-align: center
}
.n-banner-tiitle a{
color:#fff;
padding:0 10px;
margin-top: 10px;
display: inline-block
}
.contact-top>div{
display: inline-block;
float: left;
width: 50%;
}
.contact-top::after{
content: "";
display: block;
clear: both
}
.contact-t-l{
padding-right: 60px;
}
.contact h2{
font-size: 24px;
line-height: 30px;
font-weight: bold;
font-family:"bold", "Arial";
}
.contact-t-r{
padding-left: 29px;
}
.contact-t-l h2{
border-bottom: 3px solid #e8e8e8;
padding-bottom: 5px;
margin-bottom: 25px;
color:#7db73e
}
.contact-t-l p{
font-size: 14px;
margin-bottom: 30px;
color:#686868;
}
form.wpcf7-form input{
line-height: 47px;
background: #f5f5f5;
border: 1px solid #e8e8e8;
padding-left: 12px;
margin-bottom: 8px;
width: 100%;
}
.contact form.wpcf7-form input::placeholder{
font-size: 14px;
color:#555555;
}
.contact textarea.wpcf7-form-control.wpcf7-textarea{
border: 1px solid #e8e8e8;
padding: 20px 15px;
margin-bottom: 19px;
}
.contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
font-size: 14px;
color:#555555;
}
.col-button{
text-align: center;
display: flex;
justify-content: center
}
form.wpcf7-form .col-button input{
font-weight: bold;
color:#666666;
font-size: 16px;
font-family:"bold", "Arial"
}
form.wpcf7-form .col-button input{
width: 135px;
margin-right: 10px;
padding-left: 0
}
input.wpcf7-form-control.wpcf7-submit.inquirybtn {
background: #7db73e;
color: #fff;
}
.contact-top{
margin-bottom: 86px;
}
.contact-t-r>h2{
border-bottom: 3px solid #e8e8e8;
padding-bottom: 5px;
margin-bottom: 25px;
}
.contact-t-r p{
font-size: 14px;
color: #686868;
line-height: 1.75
}
.contact-t-r>p{
margin-bottom: 20px;
}
.contact-t-r-text h2{
font-size: 16px;
font-weight: bold;
font-family:"bold", "Arial";
text-transform: uppercase;
margin-bottom: 0px;
color:#404040;
}
.contact-t-r-text{
margin-bottom: 26px;
}
.contact-t-r-text.social h2{
margin-bottom: 5px;
}
.social-all li{
display: inline-block;
float: left;
margin-right: 15px;
}
.social-all li a{
color:#666
}
.social-all::after{
content: "";
display: block;
clear: both
}
.contact-bottom h2{
margin-bottom: 26px;
}
.contact-bottom-left{
width: 49%;
margin-right: 2%;
float: left;
}
.contact-bottom-left img{
width: 100%
}
.contact-bottom-left:nth-child(3){
margin-right: 0
}
.advantage h2{
font-size: 36px;
color:#7db73e;
text-transform: uppercase;
font-weight: bold;
font-family:"bold", "Arial";
text-align: center
}
.advantage>h2 span{
display: block;
font-size: 24px;
text-transform: capitalize;
font-weight: bold;
margin-bottom: 5px;
}
.advantage>h2 p{
margin-top: 30px;
font-size: 24px;
color:#686868;
text-transform: capitalize;
margin-bottom: 0px;
}
.advantage-top h2{
font-size: 14px;
font-family:"bold", "Arial";
font-weight: bold;
text-transform: uppercase;
color:#282828;
line-height: 20px;
margin-bottom: 20px;
}
.advatage-top-text p{
font-size: 14px;
color:#686868;
line-height: 20px;
text-align: center;
}
.advatage-top-text span{
font-weight: bold;
font-family:"bold", "Arial";
color:#cf7960;
font-size: 18px;
margin-bottom: 9px;
margin-top: 50px;
display: block;
text-align: center
}
.advatage-top-all-img{
text-align: center
}
.advantage-top-all{
width: calc(100% / 7);
float: left;
}
.advantage-top::after{
content: "";
display: block;
clear: both
}
.advatage-top-all-img{
display: inline-block;
padding: 30px;
border: 10px solid #7db73e;
border-radius: 100%;
margin-left: 50%;
transform: translate(-50%);
}
.advantage-top-all:nth-child(odd){
margin-top: 120px;
}
.advatage-top-text {
padding: 0 10px;
}
.advantage-top-all{
position: relative
}
.advatage-top-all-img::after{
content: "";
display: block;
background: url(../images/history9.jpg) no-repeat;
width: 65px;
height: 56px;
position: absolute;
right: -78px;
transform: rotate(77deg);
bottom: -12px;
}
.advantage-top-all:nth-child(odd) .advatage-top-all-img::after{
transform: rotate(0deg);
right: -77px;
bottom: 77px;
}
.advantage-top-all:nth-child(7) .advatage-top-all-img::after{
background: #ffffff
}
.advantage-bottom{
margin-top: 70px;
}
.advantage-bottom span{
display: block;
font-size: 24px;
color:#555555;
text-transform:capitalize;
margin-bottom: 15px;
}
.advantage-bottom h2{
width: 66%;
margin: auto;
margin-bottom: 55px;
}
.davantage-bottom-img {
text-align: center;
}
.left-a{
color:#7db73e
}
.left-hot h2{
padding-top: 15px;
border-top: 1px solid #e3e3e3;
font-size: 14px;
font-weight: bold;
font-family:"bold", "Arial";
color:#686868;
padding-bottom: 25px;
}
.left-all-tittle>h2>a{
font-size: 14px;
}
.left-hot li{
width: 33%;
float: left;
margin-bottom: 20px;
text-align: center
}
.left-hot li a img{
margin-bottom: 10px;
}
.left-hot li a span{
font-size: 14px;
color:#686868;
padding: 0 10%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 2;
-moz-box-orient: vertical;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
.left-hot::after{
content: "";
display: block;
clear: both
}
.n-banner-button:after{
content: "";
display: block;
clear: both
}
.n-banner-button {
max-width: 1200px;
margin: auto;
margin-top: -40px;
z-index: 999;
position: relative;
display: flex;
justify-content: flex-end;
}
.n-banner-button a{
line-height: 40px;
padding: 0 22px;
background: #efefef;
color:#666666;
font-size: 14px;
display: inline-block;
float: left;
margin-right: 2px;
}
.n-banner-button a:hover, .n-banner-button a.n-banner-button-color{
background: #7db73e;
color:#fff;
}
.new{
float: right;
width: 1036px;
}
.new>h2{
font-size: 30px;
color:#282828;font-family:"bold", "Arial";margin-bottom: 48px;
}
.new-all::after, .new-all-d::after{
content: "";
display: block;
clear: both;
}
.new-all-d{
margin-bottom: 36px;
}
.new-all-img{
float: left;
width: 311px;
}
.new-all-text{
float: right;
width: 696px;
}
.new-all-text h2{
font-size: 16px;
font-weight: bold;
font-family:"bold", "Arial";
color:#444444;
margin-bottom: 20px;
}
.new-all-text p{
font-size: 16px;
line-height: 26px;
color:#686868;
margin-bottom: 35px;
}
.new-all-text span{
display: block;
font-size: 12px;
color:#9a9a9a;
margin-bottom: 10px;
}
.new-all-text a{
display: inline-block;
border-bottom: 2px solid #b3b3b3;
color:#686868;
font-size: 14px;
line-height: 24px;
}
.news-detail {
width: 974px;
float: left;
}
.news-detail>h2{
color:#444444;
font-size: 16px;
font-weight: bold;
font-family:"bold", "Arial";
margin-bottom: 20px;
text-align: center
}
.news-detail>span{
font-size: 12px;
display: block;
text-align: center;
color:#9a9a9a;
margin-bottom: 35px;
}
.news-detail-all p{
font-size: 16px;
color:#686868;
line-height: 30px;
margin-bottom: 40px;
}
.news-detail-all p a{
color:#7db73e;
border-bottom: 1px solid #7db73e;
}
.news-detail-all p span{
font-family:"bold", "Arial"
}
.news-detail-img{
text-align: center;
margin-bottom: 40px;
}
.news-details>h2{
font-size: 16px;
color:#686868;
line-height: 34px;
margin-bottom: 55px;
}
.news-details>h2 span{
display: inline-block;
background: #f5f5f5;
margin-right: 3px;
padding: 0 20px;
}
.news-details>h2 span:nth-child(1){
margin-left: 10px;
}
.news-details-a a span::before{
content: "\f0d9";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
margin-right: 5px;
font-size: 18px;
}
.news-details-a a {
display:block;
margin-bottom: 20px;
font-size: 16px;
color:#686868;
padding-bottom: 2px;
}
.news-details-a a:hover{
border-bottom: 2px solid #686868
}
.news-details-a a span{
display: inline-block;
color:#ff3a00;
font-weight: bold;
margin-right: 5px
}
ul.related {
margin-top: 40px;
}
.related h2{
font-size: 16px;
font-weight: bold;
color:#686868;
margin-bottom: 30px;
}
.related li{
padding-left: 40px;
line-height: 40px;
}
.related li a{
line-height:30px;
font-size: 14px;
color:#686868
}
.right .left-form{
border: 25px solid #f5f5f5;
background: #ffffff
}
.supprot{
width: 1036px;
float: right;
}
.guied-left h2{
font-size: 18px;
color:#444444;
font-weight: bold;
margin-bottom: 25px;
}
.guied-left p{
font-size: 16px;
color:#686868;
line-height: 30px;
}
.guied-left{
width: 611px;
background: #fafafa;
padding-left: 77px;
padding-right: 102px;
}
.support-guied-all {
display: flex;
align-items: center;
background: #fafafa;
margin-bottom: 55px;
}
.support-guied-all.support-guied-all-two {
display: flex;
flex-flow: row-reverse;
}
.support-after>h2{
font-weight: bold;
font-family:"bold", "Arial";
font-size: 24px;
line-height: 40px;
color:#686868;
margin-bottom: 40px;
}.support-after{
padding: 60px 65px 68px 100px;;
}
.support-after>h2 span{
display: block;
color:#7db73e
}
.support-after>p{
font-size: 16px;
line-height: 30px;
color:#686868;
margin-bottom: 72px;
}
.support-after-img {
width: 80%;
margin: auto
}
.support-after-img::after{
content: "";
display: block;
clear: both
}
.support-after-img li{
width: 46%;
margin-right: 8%;
float: left;
position: relative;
margin-bottom: 23px
}
.support-after-img li>img{
width: 100%
}
.support-after-img li:nth-child(2n){
margin-right: 0
}
.suport-img-a{
position: absolute;
width: 100%;
top: 30%;
left: 0;
text-align: center
}
.suport-img-a h2{
font-size: 22px;
line-height: 40px;
color:#fff
}
.sipport-video-all li video{
width: 100%
}
.sipport-video-all h2{
font-size: 18px;
font-weight: bold;
font-family:"bold", "Arial";
color:#444444;
margin-bottom: 20px
}
.sipport-video-all ul::after{
content: "";
display: block;
clear: both
}
.sipport-video-all ul{
margin-bottom: 20px;
}
.sipport-video-all li{
width: 45%;
margin:0 2.5%;
float: left;
position: relative;
margin-bottom: 40px;
}
.support-video-img {
text-align: center;
position: absolute;
width: 100%;
bottom: 40%;
}
.sipport-video-all li h3{
font-size: 16px;
color:#686868;
line-height: 30px;
text-align: center;
}
.suppor-download-tittle {
width: 90%;
margin: auto;
display: flex;
justify-content: space-between;
}
.suppor-download-tittle h2{
width: 50%;
font-size: 16px;
color:#686868;
line-height: 48px;
background: #f9f9f9;
border: 1px solid #ebeaea;
text-align: center
}
.suppor-download-tittle h2.suppor-download-tittle-x{
background: #fcd779
}
.support-download-all li{
padding: 26px 5%;
display: flex;
border-bottom: 1px solid #dedede;
align-items: center;
justify-content: end
}
.support-download-text{
width: 340px;
padding: 0 10px;
margin-left: 24px;
}
.support-download-all-nr {
width: 50%;
display: flex;
align-items: center;
}
.support-download-all-right {
width: 50%;
display: flex;
justify-content: space-around;
align-items: center;
font-size: 12px;
color:#777
}
.support-download-all-right a{
display: flex;
align-items: center;
font-size: 12px;
color:#777
}
.support-download-all-right a::before{
display: inline-block;
content: "";
background: url(../images/support-pdf.png);
width: 40px;
height: 40px;
margin-right: 10px;
background-repeat: no-repeat
}
.support-download-all-right p{
display: flex;
align-items: center
}
.support-download-all-right p::before{
display: inline-block;
content: "";
background: url(../images/time.png);
width: 15px;
height: 15px;
margin-right: 10px;
}
.support-faq-all li>h2{
font-size: 18px;
color:#444444;
font-family:"bold", "Arial";
position: relative
}
.support-faq-all li>h2::before{
display: inline-block;
content: "";
background: url(../images/support-faq.png) no-repeat;
width: 15px;
height: 15px;
position: absolute;
right: 20px;
}
.support-faq-all li{
padding: 29px 20px;
border-bottom: 1px solid #efefef;
}
.support-faq-nr h2{
margin-top: 25px;
font-size: 16px;
font-weight: bold;
font-family:"bold", "Arial";
color:#686868;
margin-bottom: 14px;
}
.support-faq-nr p{
font-size: 16px;
line-height: 30px;
color:#686868
}
.support-faq-all li .support-faq-nr{
display: none
}
.support-faq-all li.support-faq-show .support-faq-nr{
display: block
}
.index-banner{
position: relative;
width: 100%
}
.index-banner .swiper-slide{
position:relative
}
.image-zz{
position: absolute;
width: 100%;
left: 0;
bottom: 0
}
.text{
position: absolute;
max-width: 1340px;
left:calc((100% - 1340px) / 2);
top: 104px;
transition: 0.5s;
opacity: 0
}
.swiper-slide.swiper-slide-active .text{
opacity: 1;
transition: 0.5s
}
.text h1{
font-size: 55px;
text-align:left;
line-height: 60px;
font-weight: bold;
text-transform: uppercase;
color:#fff;
margin-top: 10px;
margin-bottom: 20px;
}
.text p{
font-size: 21px;
line-height: 30px;
color:#fff;
margin-bottom: 20px;
}
.text-img-i{
display: inline-block;
float: left;
margin-right: 10px;
}
.text a{
text-align: center;
color:#fff;
font-weight: bold;
display: inline-block;
background: #374b9e;
border-radius: 8px;
font-size: 16px;
padding: 25px 65px;
text-transform: uppercase;
margin-top: 50px;
}
.text-img::after{
content: "";
display: block;
clear: both
}
.index-gd .container{
background: #ffffff;
box-shadow: 0 0 18px 2px #00000020
}
.index-gd {
max-width: 1340px;
margin: auto;
margin-top: -100px;
z-index: 9;
position: relative;
}
.index-gd .container {
background: #ffffff;
box-shadow: 0 0 18px 2px #00000020;
border-radius: 14px;
padding-left: 48px;
padding-right: 48px;
}
.index-poro{
max-width: 1340px;
margin: auto
}
.index-poro-tittle h2{
font-size: 30px;
line-height: 20px;
margin-bottom: 19px;
color:#222;
font-weight: bold;
text-align: center
}
.index-poro-tittle p{
font-size: 16px;
color:#686868;
text-align: center;
margin-bottom: 50px;
}
.index-poro .swiper-slide{
text-align: center
}
.index-poro .swiper-container-pointer-events{
width: 100%;
}
.index-poro-index.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.index-poro-index .swiper-button-prev:after, .index-poro-index .swiper-container-rtl .swiper-button-next:after, .index-poro-index .swiper-button-next:after, .index-poro-index .swiper-container-rtl .swiper-button-prev:after{
color:#2f2f2f
}
.index-poro .swiper-wrapper::after{
content: "";
display: block;
clear: both
}
.index-gd p{
color:#686868;
font-size: 14px;
line-height: 1.5;
}
.index-poro-img{
margin-bottom: 20px;
}
.index-poro-index p{
font-size: 16px;
line-height: 24px;
color:#686868;
padding: 0 4%;
}
.index-poro{
margin-bottom: 40px;
}
.index-poroduct-img{
display: inline-block;
width: 425px;
margin-right: 28px;
background: #fff;
position: relative;
overflow: hidden;
margin-top: 30px;
}
.index-poroduct-img img{
width: 100%;
transition: 0.5s;
opacity: 1
}
.index-poroduct-text{
position: relative;
bottom:0;
height: 25%;
width: 100%;
padding: 30px 20px;
text-align: center;
color:#fff;
z-index: 999
}
.index-poroduct-text h2{
font-size: 16px;
line-height: 20px;
font-family:"bold", "Arial";
text-transform: uppercase;
margin-bottom: 15px;
color: #00684d;
text-align: left
}
.index-poroduct-text-id .imageContainer.ne{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box!important;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.index-poroduct-text-id{
text-align: left;
color: #444444;
line-height: 1.5;
font-size: 14px;
min-height: 63px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.index-poroduct-text a{
/*font-size: 14px;*/
color:#fff;
/*line-height: 40px;
padding:0 20px;
border-radius: 8px;
border: 1px solid #fff;
display: inline-block;
text-transform: uppercase;
transition: 0.5s*/
}
.index-poroduct-img:nth-child(3n){
margin-right: 0
}
.index-poroduct {
max-width: 100%;
background: #f0f1f8;
border-bottom: 1px solid #f0f1f8;
}
.index-poroduct-all{
width: 1340px;
margin: auto;
}
/*.index-poroduct-text::after{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
background: #fff;
z-index: -1;
transition: 0.5s;
}
*/
.index-poroduct-text:hover a{
background: #1e5c43;
border:1px solid #fff;
transition: 0.5s
}
.index-about-left{
width: 50%;
float: left;
}
.index-about-left img{
width: 100%;
}
.index-about-right {
float: right;
width: 50%;
background: #fafef5;
padding: 72px 300px 0 26px;
}
.index-about-all{
display: flex;
}
.index-about-all::after{
content: "";
display: block;
clear: both
}
.index-aboutlogo{
text-align: center;
margin-bottom: 35px;
}
.index-about-right h3{
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color:#7db73e;
font-family:"bold", "Arial";
margin-bottom: 10px;
}
.index-about-right h2 {
color: #1e5c43;
font-size: 30px;
line-height: 1.2;
font-family:"bold", "Arial";
margin-bottom: 50px;
}
.index-about-all-ts .index-about-right h2 {
color:#686868
}
.index-about-all-ts .index-about-right a{
background: #7db73e
}
.index-about-right p{
line-height: 1.75;
color:#686868;
font-size: 16px;
margin-bottom: 70px;
}
.index-about-right a{
line-height: 49px;
color:#fff;
background: #1e5c43;
font-family:"bold", "Arial";
padding: 18px 33px;
display: inline-block;
line-height: 1.2;
border-radius: 8px;
}
.index-about-all-ts .index-about-right h2{
margin-bottom: 20px;
display: flex;
align-items: center;
}
.index-about-all-ts .index-about-right h2 span{
margin-right: 10px;
margin-top: -7px
}
.index-about-all-ts .index-about-right{
padding:72px 74px 0 290px
}
.about-all-text {
padding-bottom: 20px;
border-bottom: 1px solid #e4e4db;
margin-bottom: 35px;
}
.index-about-all-ts .index-about-right p{
margin-bottom: 0
}
.index-new{
max-width: 1340px;
margin: 100px auto 0px;
}
.index-new-tittle h3{
text-align: center;
text-transform: uppercase;
font-family:"bold", "Arial";
color: #686868;
margin-bottom: 20px;
}
.index-new-tittle h2{
text-align: center;
font-size: 30px;
margin-bottom: 40px;
font-weight: bold;
}
.index-new-ul li{
width: calc((100% - 56px) / 4);
margin-right: 14px;
float: left;
background: #f7f7f7;
border-radius: 8px;
}
.index-new-ul li::nth-child(4n){
margin-right: 0;
}
.index-new-text {
padding: 20px 19px 20px;
}
.index-new-text h2{
font-size: 16px;
color: #444444;
font-family:"bold", "Arial";
line-height: 24px;
margin-bottom: 10px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
}
.index-new-text span{
display: block;
color: #9a9a9a;
font-size: 12px;
margin-bottom: 15px;
}
.index-new-text p{
color: #686868;
line-height: 24px;
margin-bottom: 25px;
overflow: hidden ;
display: -webkit-box ;
-webkit-line-clamp: 2 ;
-webkit-box-orient: vertical ;
word-break: break-all ;
}
.index-new-text a{
display: inline-block;
color: #686868;
font-weight: bold;
}
.index-new-ul::after{
content: "";
display: block;
clear: both
}
.index-message{
max-width: 1340px;
margin: auto;
}
.index-message-all.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
width: 100%;
}
.index-message .swiper-button-prev:after, .index-message .swiper-container-rtl .swiper-button-next:after, .index-message .swiper-button-next:after, .index-message .swiper-container-rtl .swiper-button-prev:after{
color:#2d2d2d;
font-size: 34px;
}
.index-message-img {
display: flex;
width: 100%;
flex-flow: wrap;
justify-content: center;
}
.index-message-all .customer-eva{
width: 100%;
text-align: center;
margin-top: 10px;
}
.index-message-text{
margin-top: 24px;
padding: 0 73px;
}
.index-message-text p{
text-align: center;
color:#444444;
line-height: 1.5;
}
.index-message-text p span{
font-weight: bold;
}
.index-message-text h3{
margin-top: 35px;
font-family:"bold", "Arial";
text-align: center
}
.index-new-img img{
width: 100%;
}
.index-message-tittle h3{
text-align: center;
font-family: 'r';
margin-bottom: 15px;
color: #686868;
font-size: 14px;
}
.index-cooperate{
max-width: 1340px;
background: #ffffff;
border: 1px solid #fee793;
margin: auto;
padding: 40px 38px 62px;
}
.index-cooperate h2{
text-align: center;
font-size: 16px;
color:#686868;
text-transform: uppercase;
font-family:"bold", "Arial";
}
.index-cooperate-all{
display: flex;
justify-content: space-between;
margin-top: 32px;
align-items: center;
}
.index-xun>img{
width: 100%;
}
.index-xun{
position: relative;
min-height:400px;
background: #fcf8ec
}
.index-xun-all{
position: absolute;
left: 50%;
transform: translate(-50%);
bottom: 40px;
color:#fff;
width: 50%;
}
.index-new-text>h2>a{text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;}
.index-xun-all h2{
font-size: 30px;
font-family:"bold", "Arial";
text-align: center;
margin-bottom: 30px;
}
.index-xun-all p{
font-size: 16px;
text-align: center;
margin-bottom: 16px;
}
.index-xun-all >input{
line-height: 50px;
background: #fafafa;
width: 80%;
margin: auto 10%;
border-radius: 8px;
padding-left: 30px;
margin-bottom: 25px;
margin-top:0px;
}
.index-xun-bottom {
width: 80%;
margin: 0 10%;
display: flex;
justify-content: space-between;
align-items: center
}
.index-xun-bottom p{
font-size: 14px;
}
.index-xun-bottom p>a{
color:#fff;
border-bottom: 1px solid #fff;
font-size: 14px;
}
.index-xun-bottom input.wzfx-khlb-wa{
margin-right: 10px;
}
.index-xun-bottom>a {
display: inline-block;
line-height: 49px;
background: #00684d;
color: #fff;
text-transform: uppercase;
font-family: "bold", "Arial";
padding: 0 45px;
border-radius: 8px;
text-align: center;
margin-top: 0;
}
.index-background{
background:#fffff5
}
.index-banner .swiper-button-prev:after, .index-banner .swiper-container-rtl .swiper-button-next:after{
font-size: 20px;
color: #fff;
}
.index-banner .swiper-button-next:after, .index-banner .swiper-container-rtl .swiper-button-prev:after{
font-size: 20px;
color: #fff;
}
.index-banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 20px;
width: 45px;
height: 45px;
background: #7db73e50;
border-radius: 8px;
transition: 0.3s
}
.index-banner .swiper-button-prev:hover{
background: #7db73e;
transition: 0.3s
}
.index-banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
right: 20px;
width: 45px;
height: 45px;
background: #7db73e50;
border-radius: 8px;
transition: 0.3s
}
.index-banner .swiper-button-next:hover{
background: #7db73e;
transition: 0.3s
}
.index-banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
bottom: 180px;
}
.index-banner .swiper-pagination-bullet{
width: 20px;
height: 20px;
background: #e0e0e0;
opacity: 1
}
.index-banner .swiper-pagination-bullet:hover, .index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
background: #7db73e;
}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom: 180px;
}
.index-banner .swiper-button-prev:after, .index-banner .swiper-container-rtl .swiper-button-next:after{
font-size: 20px;
color: #fff;
}
.index-banner .swiper-button-next:after, .index-banner .swiper-container-rtl .swiper-button-prev:after{
font-size: 20px;
color: #fff;
}
.index-banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 20px;
width: 45px;
height: 45px;
background: #7db73e80;
border-radius: 8px;
transition: 0.3s
}
.index-banner .swiper-button-prev:hover{
background: #7db73e;
transition: 0.3s
}
.index-banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
right: 20px;
width: 45px;
height: 45px;
background: #7db73e80;
border-radius: 8px;
transition: 0.3s
}
.index-banner .swiper-button-next:hover{
background: #7db73e;
transition: 0.3s
}
.index-banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
bottom: 180px;
}
.index-banner .swiper-pagination-bullet{
width: 20px;
height: 20px;
background: #e0e0e0;
opacity: 1
}
.index-banner .swiper-pagination-bullet:hover, .index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
background: #7db73e;
}
.index-poro-index.swiper-container-initialized.swiper-container-horizontal{
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.index-message-all.swiper-container-initialized.swiper-container-horizontal{
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
width: 100%;
}
.sup_box .move-ul {
width: 1036px;
float: right;
}
.sup_box .move-ul .imageContainer.ne{
padding: 0!important;
margin: 0!important
}
.left-hot img{
width: 100%
}
.news_detail_box .move-ul {
width: 974px;
float: left;
}
.page .swiper-button-next:after, .page .swiper-container-rtl .swiper-button-prev:after{
color: #333;
}
.page .swiper-button-prev:after, .page .swiper-container-rtl .swiper-button-next:after{
color: #333;
}
.page .swiper-container{
margin-bottom: 20px;
width: 101%;
padding: 0 1px;
}
.product-detail-color-ul li{
width: 40px;
height: 40px;
}
.product-detail-color-ul li img{
width: 100%
}
.product-detail-left .swiper-slide.swiper-slide-visible.swiper-slide-thumb-active {
border: 2px solid #7db73e
}
.inquiry_now_box { margin: 2% auto; }
.inquiry_now_box .inner_inquiry_box { width: 60%; }
.inquiry_now_box .inner_inquiry_box p { font-size: 14px; line-height: 24px; text-align: center; }
.inquiry_now_box .inner_inquiry_box form { margin: 1rem 0; flex-wrap: wrap; }
.inquiry_now_box .inner_inquiry_box form input, .inquiry_now_box .inner_inquiry_box form select { background: #f9f9f9; border: 1px solid #e8e8e8; height: 40px; padding: 0 6px; margin-bottom: 12px; line-height: 40px; color: #555; }
.inquiry_now_box .inner_inquiry_box form input { width: 100%; }
.inquiry_now_box .inner_inquiry_box form .medium, .inquiry_now_box .inner_inquiry_box form select { width: 49%; }
.inquiry_now_box .inner_inquiry_box form input::placeholder, .inquiry_now_box .inner_inquiry_box form textarea::placeholder { color: #555; font-size: 14px; }
.inquiry_now_box .inner_inquiry_box form textarea { background: #f9f9f9; border: 1px solid #e8e8e8; padding: 6px; color: #555; width: 100%; margin-bottom: 12px;}
.inquiry_now_box .inner_inquiry_box form .code {width: 100%;}
.inquiry_now_box .inner_inquiry_box form .code input { width: 200px; }
.inquiry_now_box .inner_inquiry_box form .code img { width: 120px; }
.inquiry_now_box .inner_inquiry_box form .inq_btns { margin-top: 1rem; width: 100%; }
.inquiry_now_box .inner_inquiry_box form .inq_btns button { width: 140px; height: 40px; border: 1px solid #e8e8e8; background: #fff; text-transform: uppercase; color: #555; font-family: 'mont-bd'; margin: 0 4px; }
.inquiry_now_box .inner_inquiry_box form .inq_btns button.has_bg { background: #7db73e; color: #fff; border-color: #7db73e; }
.flex-sb { display: flex; justify-content: space-between; align-items: center; }
.wid {
width: 1412px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.bread>span{
font-size: 14px;
}
button#sub_inquiry {
width: 208px;
height: 49px;
border-radius: 8px;
background: #7db73e;
color: #fff;
font-family:"bold", "Arial";
text-transform: uppercase;
display: inline-block;
line-height: 49px;
text-align: center;
border: 0px;
}
.color_list.active{
border: 1px solid #7db73e
}
.page .swiper-button-prev:after, .page .swiper-container-rtl .swiper-button-next:after, .page .swiper-button-next:after, .page .swiper-container-rtl .swiper-button-prev:after{
font-size: 24px;
}
.product-detail-left .gallery-thumbs .swiper-slide{
border: 1px solid #c4c4c4;
}
.product-detail-right-text h2 {
font-size: 26px;
}
.product-detail-botton-an-show ul.move-ul, .product-detail-botton-an-show-a ul.move-ul {
width: 80%;
margin: 0 10%;
}
.product-detail-botton-an-show ul.move-ul table{
width: 100%!important
}
.product-detail-botton-an-show ul.move-ul img, .flex-layout-h.magic-0, .icbu-pc-images.magic-0, .magic-3{
width: auto!important;
height: auto!important;
}
.product-detail-botton-an-show .imageContainer{
height: auto!important;
}
.product-detail-botton-an-show .move-ul>li{
margin-bottom: 20px!important
}
.imageContainer.wd01 {
padding-left: 0!important;
}
.imageContainer.wd02 {
padding-right: 0!important;
}
.index-nav-all{
max-width: 1340px;
margin: auto;
}
.index-nav-bottom-all{
max-width: 1340px;
margin: auto
}
.index-nav-bottom{
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
/*background: url(../images/i-nav-back.jpg) no-repeat center;*/
height: 50px;
}
.i-nav-sin {
float: right;
padding-top: 10px;
}
.index-nav-bottom-all::after{
content: "";
display: block;
clear: both
}
.index-nav-bottom-all li{
width: calc((100% / 6) - 10px);
text-align: center;
float: left
}
.product-al-ul .product-text h2 li{
width: 100%
}
.index-nav-bottom-all li a{
line-height: 50px;
color:#fff;
text-transform: uppercase;
font-family:"bold", "Arial";
font-size: 14px;
}
.index-nav-bottom-all li a {
line-height: 50px;
color: #222;
text-transform: uppercase;
font-family: "bold", "Arial";
font-size: 14px;
position: relative;
display: block;
}
.index-nav-all{
height: 130px;
overflow: hidden
}
.index-nav-all::after, .index-nav-all-right-bottom::after, .index-nav-all-right-top::after, .index-nav-email::after{
content: "";
display: block;
clear: both
}
.index-nav-email {
display: inline-block;
float: left;
}
.index-nav-all-right-top{
height: 42px;
margin-top: 30px;
}
.index-nav-all-logo{
display: inline-block;
float: left;
}
.index-nav-all-right{
display: inline-block;
float: right
}
.index-nav-all-right-bottom li {
display: inline-block;
float: left;
margin-right: 0;
padding: 0px 16px;
margin-top: 8px
}
.index-nav-all-right-bottom li:last-child{
margin-right: 0
}
.index-nav-all-right-bottom li a{
line-height: 50px;
color: #686868;
font-family: "bold", "Arial";
font-size: 14px;
display: block;
margin-top:0px;
}
.index-nav-all-right-top form{
height: 40px;
line-height: 42px;
display: inline-block;
float: left;
width: 250px;
border: 1px solid #bfbfbf;
border-radius: 8px;
padding-left: 10px;
overflow: hidden;
margin-right: 13px;
}
.index-nav-all-right-top form span{
display: inline-block;
float: right;
width: 49px;
text-align: center;
background: #59af31;
line-height: 35px;
height: 100%;
}
.index-nav-email a{
display: inline-block;
float: left;
line-height: 37px;
font-size: 16px;
color:#666
}
.index-nav-email span{
display: inline-block;
float: left;
margin-right: 10px;
}
ul.index-nation {
display: inline-block;
float: left;
border: 1px solid #cbd6d6;
margin-left: 24px;
border-radius: 8px;
margin-top: 3px;
height: 40px;
overflow: hidden;
background: #fff;
transition: 0.5s;
position: relative;
z-index: 999
}
.index-nation li{
height: 40px;
line-height: 40px;
padding: 0 8px 0 10px;
}
.index-nav-all-right .index-nation span{
margin-right: 10px
}
ul.index-nation.index-nat-show{
height: auto;
transition: 0.5s;
}
.index-nation.index-nat-show li{
line-height: 30px;
height: 30px;
width: 79px;
}
.index-nation.index-nat-show .fa{
display: none
}
.index-nation.index-nat-show li:hover{
background: #59af31
}
.index-nation.index-nat-show li:hover a{
color: #fff
}
.index-nation span{
font-size: 12px;
margin-left: 8px;
margin-right: 3px;
}
.index-nav-all-right-top{
float: right
}
.index-nav-all-right-bottom{
float: right
}
.index-nav-all-right{
width: 780px;
}
.index-nav{
top: 0;
transition: 0.5s;
background: #fff;
position: relative;
z-index: 9999;
}
.index-nav-all-right-top form input{
line-height: 40px
}
.index-nav-all-logo img{
height: auto;
margin: 28px 0;
}
.index-nav-all-right-top form img{
height: 17px;
margin: 10px 0;
}
.index-poro-tittle p>a{
color:#1e5c43
}
.index-banner .bx-wrapper .bx-controls-direction a{
width: 45px;
height: 45px;
line-height: 45px;
color:#fff;
text-align: center;
background: #7db73e50;
border-radius: 8px
}
.index-banner .bx-wrapper .bx-controls-direction a:hover{
background: #7db73e;
}
.index-banner .bx-wrapper .bx-pager.bx-default-pager a{
width: 20px;
height: 20px;
border-radius: 100px;
background: #e0e0e0;
}
.index-banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
background: #7db73e
}
.index-banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
bottom: 50px
}
.bx-wrapper img{
width: 100%
}
.index-poro-index .bx-wrapper .bx-controls-direction a{
font-size: 60px;
width: 60px;
height: 60px;
}
.index-poro-index .bx-pager.bx-default-pager, .index-message-all .bx-pager.bx-default-pager{
display: none
}
.bx-wrapper .bx-next{
text-align: right
}
.index-message-img img{
width: auto
}
.bx-wrapper .bx-controls-direction a.disabled{
display: block
}
.index-message-all i.fa.fa-angle-left, .index-message-all i.fa.fa-angle-right {
font-size: 70px;
}
.bx-wrapper .bx-loading{
display: none
}
.product-detail-left .swiper-wrapper img, .swiper-wrapper-dy img{
width: 100%
}
.product-detail-left .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
display: none
}
.swiper-wrapper-ty .bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto {
display: none;
}
.index-about-all.index-about-all-ts .index-about-right{
float: left
}
.index-about-all.index-about-all-ts .index-about-left{
float: right
}
.index-nav-bottom-all>ul>li:hover{
background: #0e6f04
}
.index-nav-bottom .index-nav-bottom-all li.index-nav-bottom-all-boto-li>a{
color: #fff
}
.index-nav-bottom-all li:hover a{
color: #222;
}
.index-nav-bottom-all-content-all>li::after {
content: "";
display: inline-block;
position: absolute;
left: 15px;
top: 15px;
background: url(../images/i-nav-right.png) no-repeat;
width: 10px;
height: 10px;
background-size: 100%;
}
.index-nav-bottom-all-content-all>li:hover {
background: #0e6f04;
}
.index-nav-bottom-all>ul>li .index-nav-bottom-all-content .index-nav-bottom-all-content-all li:hover a {
color: #fff;
}
.index-nav-all-right-bottom li a:hover{
color:#0e6f04
}
.wd01, .wd02, .dw0{
width: 32.3333%!important;
}
.index-more-top, .more-text{
max-width: 1340px;
margin: auto;
display: flex;
align-items: center;
}
.index-more-one{
width: calc(100% / 6);
float: left;
text-align: center
}
.index-more-one span{
display: block;
width: 100%;
border-right: 1px solid #d2d2d2;
margin-bottom: 50px;
}
.index-more-top{
margin-bottom: 60px;
}
.index-more-top::after, .more-text::after, .more-center-all::after, .about-seller-all::after{
content: "";
display: block;
clear: both
}
.index-more-one p{
font-size: 20px;
font-family: "bold", "Arial";
}
.more-text-left{
width: 450px;
float: left;
text-align: center
}
.more-text-right{
width: 100%;
float: left
}
.more-text-right h2{
color:#686868;
font-size: 30px;
font-family: "bold", "Arial";
margin-bottom: 10px;
}
.more-text-right p{
font-size: 14px;
line-height: 1.75;
}
.more-center-all{
max-width: 1340px;
margin:40px auto;
padding: 50px 0 120px 0;
display: flex;
flex-flow: wrap;
}
.more-center-one{
margin-right: 25gpx;
margin-left: 25px;
width: calc((100% - 100px) / 2);
float: left;
padding: 15px 20px 27px 20px;
margin-bottom: 30px;
background: #fff
}
.more-center-one p{
text-align: center;
font-size: 16px;
line-height: 1.5;
color:#686868
}
.more-center-one span{
display: block;
width: 100%;
overflow: hidden
}
.more-center-one span img{
width: 100%;
transition: 0.5s;
}
.more-center-one:hover img{
transform: scale(1.1);
transition: 0.5s
}
.more-center{
background: url(../images/i14.jpg) no-repeat;
background-size: cover;
}
.more-center-one h2{
font-size: 20px;
text-align: center;
font-weight: bold;
color:#444;
margin: 20px 0 14px 0;
}
.about-tiitle h2{
font-size: 36px;
color:#59af31;
font-weight: bold;
margin-bottom: 10px;
text-align: center
}
.about-tiitle p{
font-size: 16px;
color:#686868;
margin-bottom: 5px;
text-align: center;
}
.about-seller-left{
width: 405px;
float: left;
}
.about-seller-right{
float: left;
width: 935px
}
.about-seller-all{
margin: 25px 0 70px 0
}
.about-seller-xz::after{
content: "";
display: block;
clear: both;
transition: 0.5s;
width: 0;
height: 0
}
.about-seller-xz::before{
content: "";
position: absolute;
top: 0;
transition: 0.5s;
width: 0;
height: 0;
left: 0
}
.about-seller-xz{
background: #dee6e8;
padding: 30px 0px 30px 30px;
display: flex;
align-items: center;
height: 140px;
transition: 0.5s;
position: relative
}
.about-seller-xz span{
width: 52px;
height: 52px;
float: left
}
.about-seller-left-text{
display: inline-block;
float: left;
width: 300px;
padding-left: 12px;
}
.about-seller-left-text h2{
font-size: 18px;
color:#09193a;
font-weight: bold;
margin-bottom: 10px;
}
.about-seller-left-text p{
font-size: 14px;
line-height: 1.75
}
.about-seller-all{
display: flex;
}
.abuut-seller-right-img{
display: none
}
.abuut-seller-right-img.abuut-seller-right-img-z{
display: block
}
.about-seller-xz.about-seller-xz-z {
background: #f7f8f9;
position: relative;
transition: 0.5s
}
.about-seller-xz.about-seller-xz-z::before{
content: "";
display: block;
width: 4px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #72bf00;
transition: 0.5s
}
.demo-text{
display: flex;
flex-flow: wrap;
align-items: center
}
.demo-text span{
display: inline-block;
width: auto;
font-size: 16px;
color: #1e5c43;
line-height: 1.75;
text-transform: uppercase;
}
.about-date-bottom-img{
display: none
}
.about-date-bottom-img.about-date-bottom-img-z{
display: block
}
.about-date{
background: #dee6e8
}
.about-date-top h2{
display: inline-block;
float: left;
height: 50px;
line-height: 50px;
font-size: 18px;
font-family: bold;
color:#09193a;
padding: 0 50px;
border-right: 1px solid #fff
}
.about-date-bottom{
background: #f9f9f9
}
.about-date-bottom-img img{
width: 100%;
padding: 40px 30px;
}
.about-date-top::after{
content: "";
display: block;
clear: both
}
.about-date-top h2.about-date-top-h{
background: #72bf00;
color:#fff
}
.about-what-img img{
width: 100%
}
.about-what h2{
font-size: 36px;
font-family: 'bold';
text-align: center;
color: #555555;
margin: 60px 0 100px 0;
}
.about_box .left{
display: none
}
.index-more-one:nth-child(6) span{
border-right: 0px
}
.page.inner_page_box {
max-width: 100%;
}
.contact{
max-width: 1340px;
margin:20px auto
}
.imageContainer.ne{
padding: 0!important
}
.index-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
display: none
}
.image .meadia-img{
display: none
}
.index-nav-all-right-top form button{
display: inline-block;
float: right;
width: 49px;
text-align: center;
background: #59af31;
line-height: 35px;
height: 100%;
border: 0px;
}
.more-center-one p{
min-height: 120px
}
ul.siteul li{
width: 100%
}
.advantage-top{
display: none
}
.advantage-bottom h2{
font-size: 36px;
color: #7db73e;
text-transform: uppercase;
width: 52%;
text-align: center;
font-family: 'bold';
}
.advantage-bottom h2 span{
font-size: 24px;
text-align: center
}
.image video{
width: 100%;
}
.page.news_detail_box .move-ul p{
font-size: 16px;
color: #686868;
margin-bottom: 0;
line-height: 1.75;
}
.page.news_detail_box .imageContainer{
height: auto!important;
}
.page.news_detail_box .move-ul>li{
margin-bottom: 10px!important
}
.index-message-text>p{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:7;
line-clamp: 7;
-webkit-box-orient: vertical}
.foot-follow li i.fa.fa-facebook-square{
color: #365999
}
.foot-follow li i.fa.fa-twitter-square{
color:#55acee
}
.foot-follow li i.fa.fa-youtube-play{
color:#ea2425
}
.foot-follow li i.fa.fa-linkedin-square{
color:#0b66c1
}
.index-nav-bottom-all>ul>li{
position: relative;
}
.index-nav-bottom-all-content{
position: absolute;
left: 0;
width: 100%;
z-index: 99
}
.index-nav-bottom-all-content::before{
content: '';
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 99;
background: #fff;
}
.index-nav-bottom-all-content-all::after, .index-nav-bottom-all-content-three::after{
content: "";
display: block;
clear: both
}
.index-nav-bottom-all-content-all {
width: 1340px;
margin: auto;
position: relative;
z-index: 9999;
}
.index-nav-bottom-all-boto-li .index-nav-bottom-all-content::before{
display: block
}
.index-nav-bottom-all-content{
display: none
}
.index-nav-bottom-all-boto-li .index-nav-bottom-all-content {
display: block;
width: auto;
flex-flow: wrap;
}
.index-nav-bottom-all-content-all li{
width: 25%;
text-align: left;
}
.index-nav-bottom-all-content-all>li {
margin-bottom: 10px;
width: 100%;
position: relative;
padding-left: 30px;
padding-right: 15px;
padding-top: 10px
}
ul.index-nav-bottom-all-content-all {
width: auto;
flex-flow: wrap;
}
.index-nav-bottom-all-content-all li a{
line-height: 1.7
}
.index-nav-bottom-all-content-all li .index-nav-bottom-all-content-three li{
width: 100%
}
.index-nav-bottom-all-content-all li .index-nav-bottom-all-content-three a{
font-weight: normal;
display: block;
width: 100%;
font-family: "r";
text-transform: capitalize;
}
.index-nav-bottom-all-content-all>li>a{
margin-bottom: 10px;
display: block
}
.index-nav-bottom-all-content{
padding: 0px 0
}
.demo-text>p{
display: inline-block;
width: auto;
font-size: 16px;
color: #1e5c43;
line-height: 1.75;
text-transform: uppercase;
font-family: "bold", "Arial";
font-weight: bold;
width: 100%;
}
.all-right{
position: fixed;
right: 30px;
top: 50%;
z-index: 50;
height: 374px;
margin-top: -150px;
z-index: 99;
}
.all-right-all-content>span{
width: 77px;
display: block;
}
.all-right-all-content{
position: relative;
height: 57px;
margin-bottom: 1px;
line-height: 27px;
color: #fff;
text-align: center;
overflow: hidden;
background:#a8cf64;
display: flex;
align-items: center;
right: -233px;
transition: 0.5s
}
.all-right-all .fa{
font-size: 24px;
}
.all-right-all-content a{
font-size:16px;
color:#fff;
padding-right: 10px;
}
.all-right-all-content p{
font-size: 16px;
color:#fff
}
.all-right-all-content.index-nav-bottom-all-boto-li-bt {
right: 0;
transition: 0.5s
}
.index-nav-all-quali{
display: inline-block;
float: left;
}
.index-nav-all-quali-all::after{
content: "";
display: block;
clear: both
}
.index-nav-all-quali span, .index-nav-all-quali p{
display: inline-block;
float: left;
margin-right: 10px;
}
.index-nav-all-quali::after{
content: "";
display: block;
clear: both
}
.index-nav-all-quali p{
line-height: 42px;
font-size: 12px;
color:#686868
}.index-nav-all-quali-all {
float: left;
border-right: 1px solid #c9c9c9;
margin-right: 20px;
}
.index-banner .bx-viewport{
height: auto!important;
}
.index-quial {
width: 80%;
margin: 0 10%;
}
.index-quial::after{
content: "";
display: block;
clear: both
}
.index-quial input{
height: 50px;
line-height: 50px;
font-size: 14px;
padding-left: 15px;
width: 49%;
margin-right: 2%;
background: #fafafa;
margin-bottom: 25px;
border-radius: 8px;
}
.index-quial input:nth-child(1){
float: left;
}
.index-quial #email{
margin-right: 0
}
.index-banner .bx-wrapper .bx-controls-direction a{
z-index: 999999999
}
.left-all-tittle .left-all-ul{
display: none
}
.inquiry_now_box.wid.flex.about_inquiry_now_box .inner_inquiry_box{
width: 100%
}
.post-prev-next{ padding: 10px 15px;
background: rgba(0,0,0,.015);
display: block;
float: left;
width: 100%;
margin-top: 20px;}.post-prev-next p{margin:4px 0}.post-prev-next strong{margin-right:8px}
h2.heading-title {
margin-bottom: 30px;
height: 36px;
line-height: 36px;
border-bottom: 2px solid rgba(0,0,0,.1);
}
.heading-title>span {
height: 36px;
line-height: inherit;
font-size: 20px;
border-bottom: 2px solid rgba(0,0,0,.4);
display: inline-block;
}
.newsdetail-bottom {
display: block;
float: left;
width: 100%;
margin-top: 20px;
padding: 10px 15px;
background: rgba(0,0,0,.015);
}
.newsdetail-bottom-all>p{
font-size: 16px;
color: #888;
line-height: 1.75;
margin-bottom: 10px;
border-bottom: 1px solid #88888850;
padding-bottom: 10px;
float: left;
margin-right: 40px;
}
.post-prev-next a{
line-height: 1.75;
padding-bottom: 2px
}
.post-prev-next a:hover, .newsdetail-bottom-all>p:hover{
border-bottom: 1px solid #000;
color: #000;
line-height: 1.75;
cursor: pointer
}
.all-right-all-content>a{
display: flex;
width: 100%;
line-height: 57px;
align-items: center;
}
.all-right-all-content>a>span {
width: 77px;
display: block;
}
.contact-bottom-left>h2 {
margin-bottom: 15px;
margin-top: 15px;
}
.contact-bottom-left>p {
font-size: 18px;
}
.index-nav-all-right-bottom li.top_meadia-product{
display: none
}
.new-all-text a.new-all-a-text{
border-bottom: 0px;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.index-nav-bottom-all ul{
display: flex;
justify-content: space-between;
}
ul.index-nav-bottom-all-content-all {
width: 230px;
}
.index-nav-bottom-all-green{
background: #0e6f04;
}
li.index-nav-bottom-all-green>a{
color: #fff
}
.index-nav-bottom-all-green a{
color: #fff
}
.index-nav-bottom-all li:hover .index-nav-bottom-all li:last-child{
background: #0e6f0400;
}
.newsdetail-bottom-all a p{
font-size: 16px;
color: #888;
line-height: 1.75;
margin-bottom: 10px;
border-bottom: 1px solid #88888850;
padding-bottom: 10px;
float: left;
margin-right: 40px;
}
.newsdetail-bottom-all a p:hover{
color: #000;border-bottom: 1px solid #000;
}
.contact-t-t-r-text_img {
margin-bottom: 10px;
}
.all-right-all-content-bt {
position: relative;
height: 57px;
margin-bottom: 1px;
line-height: 27px;
color: #fff;
text-align: center;
overflow: hidden;
background: #a8cf64;
display: flex;
align-items: center;
right: -233px;
transition: 0.5s;
}
.all-right-all-content-bt >a>span {
width: 77px;
display: block;
}
.all-right-all-content-bt p {
font-size: 16px;
color: #fff;
}
.all-right-all-content-bt .fa {
font-size: 24px;
color: #fff
}
.all-right-all-content-bt >a {
display: flex;
width: 100%;
line-height: 57px;
align-items: center;
}
.left-all-tittle-bt-all {
display: flex;
align-items: center;
}
.left-all-img{
width: 40%;
}
.left-all-img img{
width: 100%
}
.left-all-tittle-bt-all>h2{
width: 60%;
padding-left: 77px;
padding-right: 102px;
}
.left-all-tittle-bt-all{
background: #fafafa;
margin-bottom: 55px;
}
.left-all-tittle-bt-all:nth-child(2n){
flex-flow: row-reverse;
}
.left-all-tittle-bt-all>h2 {
font-size: 16px;
color: #686868;
line-height: 30px;
}
.left-all-tittle-bt-all>h2 a{
font-size: 18px;
color: #444444;
font-weight: bold;
margin-bottom: 25px;
}
.news-top a{
color: #74687e;
font-size: 14px;
background: #efefef;
padding: 14px 30px;
margin-right: 4px;
float: left
}
.news-top{
margin-bottom: 25px;
}
.news-top a.current{
background: #7db73e;
color: #fff
}
.news-top::after{
content: "";
display: block;
clear: both
}
.contact-t-t-r-text_img{
width: 40%;
float: left;
margin-right: 3%
}
.contact-t-t-r-text_img-all {
width: 57%;
float: left;
}
.contact-t-r-text::after{
content: "";
display: block;
clear: both
}
.contact-t-t-r-text_img img{
width: 100%
}
.current_btn .new-all-d>a{
display: none
}
.current_btn .new-all-text{
width: 100%;
float: left
}
.current_btn .new-all-text>p, .current_btn .new-all-text>a{
display: none
}
.current_btn a.new-all-a-text {
display: inline-block;
float: left;
width: 90%;
padding-left: 20px;
position: relative
}
.current_btn a.new-all-a-text::before{
content: ">";
display: block;
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px
}
.current_btn .new-all-text>span{
display: inline-block;
float: right;
width: 10%
}
.current_btn .new-all-text{
display: flex;
align-items: center;
justify-content: space-between
}
p.foot-logo-bbt {
margin-top: 10px;
font-weight: 600;
}
.foot-content_now{
padding-left: 0px
}
.foot-content_now a{
font-weight:bold
}
.index-more-all{
overflow: hidden
}
.index-more-all-div-video video{width: 100%}
.foot-content.foot_btttn ul li {
line-height: 1.8;
}
.index-about-left{
background: #000;
}
.index-about-left video{
width: 100%;
height: 100%;
}
.index-product-tittle{
text-align: center
}
.index-poroduct{
padding-top: 60px
}
.index-product-tittle>span{
display: inline-block;
line-height: 34px;
font-size: 16px;
background: #00684d;
color: #FFFFFF;
padding: 0 13px;
margin-bottom: 15px;
text-transform: uppercase
}
.index-product-tittle>h2{
font-size: 30px;
color: #222222;
font-weight: bold;
margin-bottom: 10px;
}
.index-product-tittle p{
font-size: 14px;
color: #686868;
}
.index-about-all{
background: url(../images/index-about-nr-all-bj.png) no-repeat;
background-size: contain;
width: 100%;
padding-bottom: 180px;
padding-top: 40px;
}
.index-about-nr{
max-width: 1340px;
margin: auto
}
.index-about-nr-b-l {
width: 580px;
float: left;
}
.index-about-nr-b-r{
width: 760px;
float: right;
text-align: right;
}
.index-about-nr-top {
margin-top: 55px;
}
.index-about-nr-bottom::after{
content: "";
display: block;
clear: both
}
.index-about-nr-b-l>span{
font-size: 14px;
line-height: 24px;
color: #00684d;
margin-bottom: 20px;
display: inline-block;
font-weight: bold
}
.index-about-nr-b-l h2{
font-size: 48px;
line-height: 60px;
color: #222222;
margin-bottom: 15px;
font-weight: bold
}
.index-about-nr-b-l p{
font-size: 18px;
line-height: 30px;
color: #444444;
}
.index-more-all {
max-width: 1340px;
margin: auto;
}
.index-more-all {
display: flex;
justify-content: center;
flex-flow: wrap;
}
.index-more-all-div{
width: 520px;
display: flex;
align-items: center;
}
.index-more-all-div-text{
margin-left: 10px;
}
.index-more-all-div-text h2{
font-size: 30px;
color: #686868;
margin-bottom: 10px;
font-weight: bold
}.index-more-all-div-text p{
font-size: 16px;
color: #686868;
line-height: 1.3
}
.index-more-all>.index-more-all{
padding-top: 70px;
padding-bottom: 90px;
}
.index-message-all .swiper-slide-by {
display: flex;
align-items: center;
background: #fff;
padding: 20px;
}
.index-message-img {
display: flex;
width: 30%;
flex-flow: wrap;
justify-content: center;
float: left;
}
.index-message-text {
margin-top: 0;
padding: 0 15px;
background: #fff;
width: 70%;
float: left;
}
.index-message-text h3 {
margin-top: 0;
font-family: "bold", "Arial";
text-align: left;
font-size: 16px;
margin-bottom: 10px;
}
.index-message-text p {
text-align: left;
color: #444444;
line-height: 1.5;
}
.index-message-text>p {
font-size: 14px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.customer-eva {
display: inline-block;
float: left;
margin-left: 5px;
}
.index-message-all .customer-eva {
width: 100%;
text-align: left;
margin-top: 10px;
}
.customer-eva .fa {
font-size: 22px;
color: #45c5f7;
}
.index-message-all .customer-eva .fa {
font-size: 12px;
}
.index-message-all .bx-wrapper{
max-width: 100%!important
}
.index-message-all .bx-wrapper .bx-prev{
left: -40px;
}
.index-message-all .bx-wrapper .bx-next{
right: -40px
}
.index-message-i {
background-size: 100%;
padding: 40px 0 50px 0;
background-position: bottom;
background: #fcf8ec;
margin-top: 70px;
}
.index-quial {
margin-top: 30px;
}
.foot-content.foot_btttn {
width: 30%;
}
.foot-content.foot_btttn ul li{
width: 50%;
float: left;
line-height: 36px;
}
.foot-content.foot_btttn ul::after{
content: "";
display: block;
clear: both
}
h2.new-title.current_btn_tittle {
margin-bottom: 10px;
font-size: 18px;
color: #686868;
font-weight: normal;
}
.new-all-d {
margin-bottom: 36px;
}
.current_btn .new-all-d>a {
display: none;
}
.current_btn .new-all-text {
width: 100%;
float: left;
}
.current_btn .new-all-text {
display: flex;
align-items: center;
justify-content: space-between;
}
.current_btn a.new-all-a-text {
display: inline-block;
float: left;
width: 90%;
padding-left: 20px;
position: relative;
}
.current_btn a.new-all-a-text {
font-size: 16px;
line-height: 26px;
color: #686868;
font-weight: normal;
}
.new-all-text p {
font-size: 16px;
line-height: 26px;
color: #686868;
margin-bottom: 35px;
}
.current_btn .new-all-text>span {
display: inline-block;
float: right;
width: 10%;
}
.product-detailaby img{
text-align: center
}
.product-detailaby-top, .product-detailaby-bottom {
text-align: center;
}
element.style {
}
.product-detailaby-top {
text-align: center;
}
element.style {
}
.product-detailaby-top {
text-align: center;
}.product-detailaby-top {
text-align: center;
}
element.style {
}
.product-detailaby-top {
text-align: center;
}
.product-banner{
position: relative;
}
.product-banner-text{
margin-bottom: 20px;
}
.product-banner-text .imageContainer.ne{
font-size: 18px!important;
font-weight: bold;
line-height: 1.5;
color: #444
}
.index-video{
max-width: 1340px;
margin: auto;
margin-top: 80px;
margin-bottom: 110px;
}
.index-more-all-div-video {
margin-top: 0px;
width:722px;
float: left;
}
.index-video-right{
width: 523px;
margin-left: 35px;
float: left;
margin-top: 25px;
}
.index-video::after{
content: "";
display: block;
clear: both
}
.index-video-text{
margin-top: 20px;
line-height: 1.75
}
.index-video-text>h2{
font-weight: bold
}
.index-video-text>h3{
margin-bottom: 30px;
}
.index-why{
max-width: 1340px;
margin:50px auto
}
.index-why-tittle>span{
font-size: 30px;
color: #222222;
font-weight: bold;
margin-bottom: 10px;
display: block;
text-align: center;
line-height: 1.5;
}
.index-why-tittle>h2{
font-size: 14px;
color: #686868;
text-align: center;
font-weight: normal;
margin-bottom: 30px;
}
.index-why-ul li{
display: inline-block;
float: left;
width: 32%;
margin-right: 1.5%;
margin-bottom: 25px;
line-height: 1.7
}
.index-why-ul::after{
content: "";
display: block;
clear: both
}
.index-why-ul li:nth-child(3n){
margin-right: 0
}
ul.index-why-ul {
display: flex;
flex-flow: wrap;
}
.index-why-left {
display: inline-block;
float: left;
width: 60px;
margin-right: 20px;
}
.index-why-right {
display: inline-block;
float: left;
width: calc(100% - 80px)
}
.index-why-right h2{
font-size: 21px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
}
.index-why-right>p{
font-size: 14px;
}
.index-about-nr-top{
max-width: 1340px;
margin: auto
}
.index-about-nr-tittle h2{
font-size: 30px;
line-height: 60px;
font-weight: bold;
display: block;
text-align: center;
margin-bottom: 40px;
}
.index-about-nr-top img{
width: 100%
}
.index-message-tittle span{
font-size: 14px;
font-weight: bold;
color: #00684d;
margin-bottom: 0px;
text-align: center;
display: block;
}
.index-message-tittle h2{
font-size: 30px;
line-height: 60px;
font-weight: bold;
display: block;
text-align: center;
}
.index-message-tittle p{
font-size: 14px;
text-align: center;
margin-bottom: 30px;
color: #444
}
.index-mewssage-video video{
width: 100%;
height: 100%;
}
.index-message-all-ul li{
display: inline-block;
float: left;
width: 31%;
margin-right:3%;
padding: 15px;
background: #fff;
}
.index-message-all-ul::after{
content: "";
display: block;
clear: both
}
.index-mewssage-bottom h2{
font-size: 18px;
margin-top: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.index-mewssage-bottom p{
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.75
}
.index-message-all-ul li:nth-child(3n){
margin-right: 0;
}
.partner-left, .partner-right{
width: 50%;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
.partner-left h2{
text-align: center;
font-family: 'Roboto Slab', serif;
color: #008C99;
font-style: normal;
font-weight: normal;
font-size: 1.35rem;
line-height: 1.85;
margin: 1.85rem 0rem;
padding: 0rem;
text-rendering: optimizeLegibility;
margin: 1.85rem 0rem;
padding: 0rem 0rem 1.85rem 0rem;
border-bottom: 1px solid #E8D6BC;
}
.partner{
width: 66.66667%;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
margin: 0 auto;
display: flex;
margin-top: 60px;
margin-bottom: 60px;
}
.partner-right label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #0a0a0a;
}
.partner-right input{ display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
-webkit-box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%);
box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%);
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
.partner-right{ border: 1px solid #E8D6BC;
margin: 0px;
padding: 1.15rem;
position: relative;
}
.partner-right>span{
color: #CB8101;
background: #F7F0E6;
font-family: 'Roboto Slab', serif;
font-weight: 400;
margin: 0px;
padding: 0px 0.65rem;
position: absolute;
top: -10px;
}
.partner-right select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
background-image: url(../images/otf.png);
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
width: 100%
}
.partner-logo {
text-align: center;
}
.foot-logo {
display: block;
text-align: center;
margin-bottom: 50px;
}
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufA5qW54A.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufJ5qW54A.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufB5qW54A.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufO5qW54A.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufC5qW54A.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufD5qW54A.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v16/BngMUXZYTXPIvIBgJJSb6ufN5qU.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.index-mewssage-video{
height: 250px;
}
.index-message-all>a{
display: inline-block;
margin-left: 50%;
transform: translate(-50%);
margin-top: 30px;
line-height: 49px;
background: #00684d;
color: #fff;
text-transform: uppercase;
font-family: "bold", "Arial";
padding: 0 45px;
border-radius: 8px;
text-align: center;
}
.index-xun-all input::placeholder{
color: #666
}
.product-all-right-cp-img video{
width: 100%
}
.product-all-right-cp-img {
height: 225px;
display: flex;
align-items: center;
}
.swiper-wrapper-dy video{
width: 100%
}
.partner-banner-text h1 {
margin: 0;
text-align: center;
color: #FFFFFF;
z-index: 1;
width: 100%;
}
.partner-banner{
position: relative
}
.partner-banner-text {
position: absolute;
bottom: 20px;
width: 100%;
font-family: 'Roboto Slab', serif;
}
.partner-banner-text h1{
font-family: 'Roboto Slab', serif;
font-size: 3rem;
}
.partner-banner-text h1 span{
font-family: 'Playfair Display', serif;
font-style: italic;
font-size: 135%;
/* color: #444950; */
}
.form_download form.wpcf7-form {
display: block;
width: 50%;
position: fixed;
left: 50%;
transform: translate(-50%);
top: 200px;
z-index: 9999;
background: #fff;
padding: 20px;
box-shadow: 0 0 13px 3px #88888850;
}
.form_download{
display: none
}
.form_download .col-sm-12.in-in {
width: 49%;
float: left;
margin-right: 2%;
}
.form_download .col-sm-12.in-in:nth-child(2n){
margin-right: 0;
}
.form_download>.wpcf7-form p{
color: #fff;
text-align: center;
margin-bottom: 20px;
}
.col-sm-12.in-in:nth-child(7){
width: 100%
}
.form_download::before{
content: "";
display: block;
width: 40px;
height: 40px;
position: fixed;
top: 145px;
right: 23%;
z-index: 99999;
background: url(../images/form_download_cw.png);
background-size: contain;
}
.partner-logo{
margin-bottom: 20px;
}
.partner-logoa img{
width: auto
}
.partner-logo img{
width: 100%
}
.partner-logoa {
text-align: center;
margin-bottom: 20px;
}
input.wpcf7-form-control.wpcf7-submit.pdfbtn {
background: #7db73e;
color: #fff;
}
.about-tiitle-movel_ul .about-tiitle h2, .about-tiitle-movel_ul .about-tiitle p{
text-align: left
}
.new_contact-all {
max-width: 1340px;
margin: auto;
}
.new_contact-all-left, .new_contact-all-right{
width: 50%;
float: left;
}
.new_contact-all::after, .new_contact-a-l-t::after{
content: "";
display: block;
clear: both
}
.new_contact-a-l-t{
background: #f6f6f6;
padding-top: 35px;
padding-left: 55px;
padding-bottom: 30px
}
.new_contact-a-l-t h3{
font-size: 16px;
font-weight: 100;
color: #a8cf64;
margin-bottom: 20px;
}
.new_contact-a-l-t h2{
font-size: 24px;
margin-bottom: 15px;
font-weight: bold;
}
.new_contact-a-l-t-l p{
line-height: 1.5;
color: #6a6c77;
margin-bottom: 10px;
}
.new_contact-a-l-t-l p a{
color: #6a6c77
}
.new_contact-a-l-t-l{
width: 55%;
float: left;
margin-right: 5%;
}
.new_contact-a-l-t-r{
display: inline-block;
float: left
}
.new_contact-a-l-b iframe{
width: 100%;
min-height: 400px;
}
.new_contact-all-right {
padding-top: 35px;
padding-left: 55px;
padding-bottom: 30px;
}
.new_contact-all-right>p{
font-size: 16px;
color: #737373;
line-height: 1.5
}
.contact-input{
margin-top: 20px
}
.contact-input span{
display: block;
width: 100%;
color: #6a6a6a;
}
.contact-input input{
border: 1px solid #cccccc;
width: 100%;
line-height: 40px;
padding: 4px 10px;
margin-top: 8px;
border-radius: 5px
}
button.inq_btn.has_bg {
border: 1px solid #cccccc;
width: 100%;
line-height: 40px;
padding: 4px 10px;
margin-top: 8px;
border-radius: 5px;
background: #7db73e;
color: #fff;
}
.contact-ewm img{
width: 100px
}
.index-banner-text {
position: absolute;
right: 5%;
bottom: 8%;
transition: 0.5s;
opacity: 0
}
.index-banner-text.active-slide.wow.animated.bounceInUp{
opacity: 1;
transition: 0.5s;
}
.index-banner-text p{
font-size: 36px;
color: #fff;
line-height: 1.5;
text-align: center
}
.index-banner-text h2, .index-banner-text h1{
font-size: 50px;
color: #fff;
line-height: 1.5;
text-transform: uppercase;
font-weight: bold
}
.index-banner-text span{
font-size: 30px;
line-height: 1.75;
color: #fff;
display: block;
text-align: center;
}
.index-banner-text-two {
position: absolute;
padding: 50px;
background: #8ec21f63;
right: 5%;
bottom: 8%;
text-align: center;
width: 649px;
line-height: 1.5;
transition: 0.5s;
opacity: 0
}
.index-banner-text-two.active-slide.wow.animated.bounceInUp{
opacity: 1;
transition: 0.5s;
}
.index-banner-text-two p{
font-size: 30px;
color: #fff
}
.index-banner-text-two p span{
font-weight: bold;
color: #fff
}
.index-banner-text-two h2{
font-size: 60px;
font-weight: bold;
color: #fff;
line-height: 1
}
.index-banner-text-two h2 span{
font-size: 30px;
color: #fff
}
.index-banner-text-two p{
font-size: 30px;
color: #fff
}
.index-banner-text-three{
position: absolute;
top: 100px;
left: 275px;
transition: 0.5s;
opacity: 0;
}
.index-banner-text-three.active-slide.wow.animated.bounceInUp{
opacity: 1;
transition: 0.5s;
}
.index-banner-text-three h2{
color: #fff;
font-weight: bold;
font-size: 60px;
text-transform: uppercase;
line-height: 1.2;
text-align: right
}
.index-banner-text-three p{
text-align: right;
color: #fff;
width: 390px;
font-size: 36px;
}
.index-banner-text-four{
position: absolute;
bottom: 130px;
left: 295px;
width: 690px;
color: #fff;
transition: 0.5s;
opacity: 0
}
.index-banner-text-four.active-slide.wow.animated.bounceInUp{
opacity: 1;
transition: 0.5s;
}
.index-banner-text-four p{
color: #fff;
font-size: 30px;
line-height: 1.2
}
.index-banner-text-four h2{
font-size: 50px;
color: #fff;
line-height: 1.2;
font-weight: bold;
text-align: center;
width: 68%;
margin: 0 auto;
text-transform: uppercase;
margin-top: 5px;
}
.index-banner-five {
position: absolute;
top: 100px;
right: 300px;
transition: 0.5s;
opacity: 0
}
.index-banner-five.active-slide.wow.animated.bounceInUp{
opacity: 1;
transition: 0.5s;
}
.index-banner-five h2{
font-size: 60px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
}.index-banner-five p{
text-align: center;
font-size: 60px;
color: #fff;
}
.new_contact-a-l-t-l a:hover{
color: #a8cf64
}a.support-download-text.toform {
cursor: pointer;
}