@charset "utf-8";


@font-face{font-family:'Pathway Gothic One';src:url('https://static.dior.cn/fonts/pathwaygothicone-regular-webfont.eot');src:url('https://static.dior.cn/fonts/pathwaygothicone-regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://static.dior.cn/fonts/pathwaygothicone-regular-webfont.woff2') format('woff2'),url('https://static.dior.cn/fonts/pathwaygothicone-regular-webfont.woff') format('woff'),url('https://static.dior.cn/fonts/pathwaygothicone-regular-webfont.ttf') format('truetype'),url('https://static.dior.cn/fonts/pathwaygothicone-regular-webfont.svg#pathway_gothic_oneregular') format('svg');font-weight:normal;font-style:normal;}

@font-face{font-family:'Century Gothic Std';src:url('https://static.dior.cn/fonts/CenturyGothicRegular/CenturyGothicW05-Regular.woff') format('woff'),url('https://static.dior.cn/fonts/CenturyGothicRegular/CenturyGothicW05-Regular.woff2') format('woff2'),url('https://static.dior.cn/fonts/CenturyGothicRegular/CenturyGothicW05-Regular.ttf') format('truetype'),url('https://static.dior.cn/fonts/CenturyGothicRegular/CenturyGothicW05-Regular.eot') format('eot');font-weight:normal;font-style:normal;}

@font-face{font-family:'Century Gothic Std Bold';src:url('https://static.dior.cn/fonts/CenturyGothicBold/CenturyGothicW05-Bold.woff') format('woff'),url('https://static.dior.cn/fonts/CenturyGothicBold/CenturyGothicW05-Bold.woff2') format('woff2'),url('https://static.dior.cn/fonts/CenturyGothicBold/CenturyGothicW05-Bold.ttf') format('truetype'),url('https://static.dior.cn/fonts/CenturyGothicBold/CenturyGothicW05-Bold.eot') format('eot');font-weight:bold;font-style:normal;}

@font-face{font-family:'DinCondensedBold';src:url('https://static.dior.cn/fonts/DINCondensed-Bold.woff') format('woff'),url('https://static.dior.cn/fonts/DINCondensed-Bold.ttf') format('truetype'),url('https://static.dior.cn/fonts/DINCondensed-Bold.eot') format('eot');font-weight:bold;font-style:normal;}

@font-face {
    font-family: DisneyEnglish-Bold;
    font-weight: 400;
    font-style: normal;
    src: url(./fonts/DisneyEnglish-Bold.otf);
}
@font-face {
    font-family: DisneyEnglish-Medium;
    font-weight: 400;
    font-style: normal;
    src: url(./fonts/DisneyEnglish-Medium.otf);
}
@font-face {
    font-family: GothamRounded-Medium;
    font-weight: 400;
    font-style: normal;
    src: url(./fonts/GothamRounded-Medium.otf);
}
@font-face {
    font-family: POPPINS-SEMIBOLD;
    font-weight: 400;
    font-style: normal;
    src: url(./fonts/POPPINS-SEMIBOLD.otf);
}


@keyframes hovScale {
	0% {
        transform: scale(1);
        opacity: 1;
	}

	100% {
        transform: scale(2);
        opacity: 0;
    }
    
}



@font-face{
	font-family:icomoon;
	src:url(../font/icomoon.eot?k56uju);
	src:url(../font/icomoon.eot?k56uju#iefix) format("embedded-opentype"),url(../font/icomoon.ttf?k56uju) format("truetype"),url(../font/icomoon.woff?k56uju) format("woff"),url(../font/icomoon.svg?k56uju#icomoon) format("svg");
	font-weight:400;
	font-style:normal;
	font-display:fallback}
	
	
	


*{ margin:0; padding:0; list-style:none; font-style: normal; text-transform: none; text-decoration:none; outline:none; font-family: Century Gothic Std,Arial,sans-serif; }
body { font-size:12px;   }
img { border:none; }
a{ color:#000; }
a:hover{ color:#266ceb; }
input, textarea, button, select, radio {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
}
 
.top_b{ float: right; }
.top_b a{ display: inline-block; line-height: 20px; padding: 15px; }
.top_b a .fa-lg{  font-size: 15px; }


.top-bar{ background: #266ceb;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 3vh; }
.top-bar a{ color:#fff; }

.topcen{ width:90%; margin:0 auto; min-width:1200px; position:relative; }


.top.toptwo{ height:0px; }

.xj-facebook:before {
    content: "\e65c";
}


.header{
	padding:30px 0px;
	position:absolute;  width:100%;
	z-index:10;
	top:0;
	padding-top:0;
	transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s; 
}

.header.headertwo{ top:0px; }


.header.on,.header.twoon,.header.nron{ background:#fff; }

.header .logo{width: 12%; margin: 0 auto; float: left;}
.header .logo a{ display:block;} 
.header .logo img{  width:220px; opacity:1; }
.header.twoon .logo img,.header.on .logo img,.header.nron .logo img{  }
.header.twoon .logo a,.header.on .logo a,.header.nron .logo a{  }


.header.on .erj::after,.header.twoon .erj::after,.header.nron .erj::after{ border-bottom:1px solid #000000; border-right:1px solid #000000; }


.header.nron{background:#fff;  }

.header .search{ float:right;  width:1000px; height:70px; margin-bottom:10px; overflow: hidden; }
.header .search .search_1{float:left; font-size:18px; font-family: 'D Din'!important; margin-top: 30px; line-height: 1.5; }
.search_1 span {
	font-family: 'D Din'!important;
    border-bottom: 2px solid #26A301;
    display: inline-block;
	position: relative;
}
.search_1 span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,-120%);
    transform: translate(-50%,-120%);
    background: url(../images/green-drop.png) center center no-repeat;
    background-size: contain;
    width: 18px;
    height: 27px;
}


.header-search{ float: right; overflow: hidden; margin-top: 12px; }
.header-search .search-input {
    background: #f5f5f5;
    border: none;
    color: #222;
    font-size: 14px;
    width:400px;
    height:45px;
    padding-left:15px; float:left;
	border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}
.header-search .search-submit {
    border: none;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    width: 65px;
    text-align: center;
    text-transform: uppercase;
    background-color: #7fa373;
    background-image: url(../images/search.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}


.header .nav{ text-align: center;
    width: calc(86% - 190px);
    margin: 0 auto; float: left; }
	
.header .nav li{ position: relative;
    line-height: 20px;
    width: auto;
    display: inline-block;
    margin-left: 80px; }
    
.nav li .jd-icon-more{ display:none; }
    
.header .nav li a{ font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    width: 100%;
    line-height: 45px;
    height: 45px;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    font-family: Century Gothic Std,Arial,sans-serif; }

.header.on .nav li a,.header.twoon .nav li a,.header.nron .nav li a{ color:#1D1D1D }


.header.twoon,.header.nron{    }




.header .nav li a:hover{ color:#266ceb; }
.header .nav li.nav_chr a{  background:url(../images/navjt.png) no-repeat right center; padding-right:15px; }
.header .nav li.nav_chr a:hover{  background:url(../images/navjthover.png) no-repeat right center; }
.header .nav li .nav_two {
    position: absolute;
    top:40px;
    left:-19px;
    width: 100%;
	background:#fff;
    display: none;
	padding:20px; 
	-moz-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.04);
}



.header .nav li:hover .nav_two {
    display: block;
    min-width: 220px;
   
}

.header .nav li .nav_two.nav_two1{ min-width:1040px }

.header .nav .nav_two li {
    float: none;
    margin-left: 0px;
	width:100%;

}

.header .nav .nav_two1{ overflow:hidden}
.header .nav .nav_two1 li{ float:left; width:33.3%; }
.header .nav .nav_two1 li div{ text-align:left}

.header .nav li .nav_two a{  text-align:left; }

.banner{ margin-top:0px; overflow:hidden; height:auto; position: relative; }

.banner .swiper01 img{ margin-top:0px; }
.banner .swiper01 img.pc{ display:block; }
.banner .swiper01 img.app{ display:none; }

.banner .swiper01 .txt{ position: absolute;
    top:25%;
    color: #000;
    text-align: center;
    width: 60%;
    left: 20%;
    margin-left: 0;}
.banner .swiper01 .txt h2{ font-size: 2.5vw;
    font-weight: 600;
    line-height: 1.2; } 
.banner .swiper01 .txt p{     font-size: 1.3vw; } 

.banner .swiper01 .txt span{     width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 36px;
    min-width: 200px;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    border-radius: 18px;
    border: 1px solid #000;
    font-weight: 400;
    display: block;
    margin: 0 auto;
    margin-top: 32px; }

.banner .pagedown {
    position: absolute;
    z-index: 15;
    color: #fff;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    bottom:30px;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
	font-size:16px;
    letter-spacing: 1px; display:none;
    cursor: pointer;
	font-family: 'D Din'!important;
}


.banner .pagedown p {
    position: relative;
}
.banner .pagedown p::before {
    content: "";
    width: 2px;
    height: 6px;
    border-radius: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 8px;
    background: #fff;
    animation: move .5s infinite;
}
.banner .pagedown p span {
    border: 2px solid #fff;
    display: inline-block;
    width: 18px;
    height: 32px;
    border-radius: 10px;
}
@keyframes move{
    0%{top: 8px;}
    50%{top: 15px;}
    100%{top: 8px;}
}




.erj{ position:relative; }
.erj::after{content: ' ';
    height:5px;
    width:5px;
    display: inline-block;
    transform: rotate(45deg);
    border-bottom:1px solid #000000;
    border-right:1px solid #000000;
    margin-left: 7px;
    margin-top: 0px;
    position: absolute;
    top: 16px;}

.header .nav li a:hover.erj::after{  border-bottom:1px solid #000000;
    border-right:1px solid #000000; }

.header .nav .nav_two li div a{    font-weight: 100; font-size: 16px; font-family: 'D Din'!important; text-transform:none; overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%; }
.header .nav .nav_two  a{ text-transform: uppercase;  }

.banner .swiper-pagination {
  left: 50%;
    margin-left: -75px;
    bottom: 20px;
    width: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 150px;
    text-align: center;
}


.banner .swiper-pagination-bullets .swiper-pagination-bullet {
   display: inline-block;
    width: 40px;
    height: 5px;
    opacity: 1;
    transition: all .5s;
    background: transparent;
    background: #c5c5c5;
    position: relative;
    margin: 10px 14px;
}

.banner .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #fff;
}
 

  
.service{ width: 100%;
    overflow: hidden;
    margin: 0 auto; }
    
    
.service .swiper-slide .txt{
    width: 830px;
    float: left;
    color: #fff; 
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    text-align: center;
    top:15%;
    margin-left: -415px;  z-index:10;
}


.service .swiper-slide .txt h3{ font-size: 2.5vw;
    font-weight: 600;
    line-height: 1.2;
    color: #fff; }

.service .swiper-slide .txt p{ font-size: 1.3vw; }

.service .swiper-slide .txt span{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 36pxpx;
    min-width: 200px;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    border-radius: 18px;
    border: 1px solid #fff;
    font-weight: 400;
    display: block;
    margin: 0 auto;
    margin-top: 32px;
    color: #fff;}

.service .swiper-slide img{ display:block; }


.service h2{ width:100%;     font-weight: 500; text-align: center; text-transform:Uppercase; font-size:50px; color:#7fa373; }
.service h2 i{ text-transform:Uppercase; color:#900; }
.textmiao{ width:100%;  text-align:center; line-height:20px; font-size:16px; font-weight:100; color:#656565; margin-top:20px; }


.service h2::after{ content:' '; display:block; margin:0 auto; height:1px; width:100px; background:#f1f1f1; margin-top:30px;   }

.service ul{ overflow:hidden; width:80%; margin:0 auto; margin-top:30px; }
.service ul li{ float: left; width: 23.5%; margin-right: 2%;}
.service ul li:nth-child(4){ margin-right:0px;}
.service ul li img{ display:block; width:100%;}
.service ul li p{word-break:break-all;} 
.service ul li span{ font-size:18px; color: #000000; line-height:50px; }
.service ul li:hover span{ color:#900;  }
.service ul li p{color:#525252}



.service .swiper02 { margin: 0 auto;
    width:80%;
    margin-top: 30px;
    max-width: 1400px;
    overflow: hidden; }
.service .swiper02 img {width: 45%;
    height: auto;
    margin-left: 0; width:100%; }


.service .swiper02 h3{ 
    color: #3d3d3d;
    line-height: 29px;
    font-family: 'D Din'!important;
    left: 40px;
    font-size: 2vw;}
.service .swiper02 p{ font-size: 16px;
    line-height: 1.5;
    color: #7d7d7d; 
    margin: 3vh 0;}
.service .swiper02 span{ background: #fff;
    padding: 10px 10px;
    margin-top: 10px;
    display: block;
    text-align: center;
    width: 110px; }
.service .swiper02 a{ display:block; position:relative; }
.service .swiper02 a::after{ 
	display: block;
    content: '';
    margin-top: 10px;
    height: 21px;
    width: 40px;
    background: url(../images/jtjt.png) no-repeat;
    position: absolute;
    left: 30px;
    top: 120px;
    background-size: 87%; display:none;}  

.service .swiper-slide{ transition: .4s;

    box-sizing: border-box;
    background: #f1f1f1; float:left; width:100%; overflow: hidden; }
.service .swiper-slide .txt span{  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; overflow:hidden; }
 
.service .swiper-slide:nth-child(2){ width:50%; }
.service .swiper-slide:nth-child(3){ width:50%; }

.service .swiper-slide:nth-child(2) .txt{   margin-left: auto;  left: auto;   right: 6%;  width: 420px;  top: 28%; }
.service .swiper-slide:nth-child(2) .txt h3{ font-size: 2vw; color:#000}
.service .swiper-slide:nth-child(2) .txt p{ font-size: 1vw; color:#000; margin-top:1vh;}
.service .swiper-slide:nth-child(2) .txt span{  color:#000;border: 1px solid #000; }

.service .swiper-slide:nth-child(3) .txt{ margin-left: auto; left:  6%;   right:auto;  width: 420px;  top: 28%; }
.service .swiper-slide:nth-child(3) .txt h3{ font-size: 2vw; color:#000}
.service .swiper-slide:nth-child(3) .txt p{ font-size: 1vw; color:#000;margin-top:1vh;}
.service .swiper-slide:nth-child(3) .txt span{  color:#000;border: 1px solid #000; }

.service .swiper-slide a  img{  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in; }
.service .swiper-slide a:hover .txt span{ background:#000; color:#fff; }
.service .swiper-slide a:hover img{ transform: scale(1.1); }

.swiper02 .swiper-button-prev, .swiper02 .swiper-button-next{     background: #ffffff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #d4d4d4;
    bottom: 0px;
    top: initial; left: 0px; }
.swiper02 .swiper-button-next::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-top: 4px;
}

.swiper02 .swiper-button-next::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    margin-top: 8px;
}

.swiper02  .swiper-button-prev::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    margin-top: 4px; display:block;
}


.swiper02 .swiper-button-prev::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    display: block;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    margin-top: 8px; display:block;
}

.swiper02 .swiper-button-prev::before,.swiper02 .swiper-button-prev::after,.swiper02 .swiper-button-next::before,.swiper02 .swiper-button-next::after{  content: ""; background: #d4d4d4; width:20px; }


.swiper02 .swiper-button-prev::before{margin-top: 10px;  margin-left: 5px; content: "";  }
.swiper02 .swiper-button-prev::after{ margin-top: 12px;  margin-left: 5px; content: "";}
.swiper02 .swiper-button-next::before{margin-top: 10px;  margin-left: 8px;  content: "";}
.swiper02 .swiper-button-next::after{ margin-top: 12px;  margin-left: 8px; content: "";} 




.swiper02 .swiper-button-prev:hover, .swiper02 .swiper-button-next:hover{ background:#ffe300;  border: 1px solid #ffe300; }


.swiper02 .swiper-button-prev:hover::before,.swiper02 .swiper-button-prev:hover::after,.swiper02 .swiper-button-next:hover::before,.swiper02 .swiper-button-next:hover::after{background:#ea563b;}


.swiper02 .swiper-button-next{ left:100%; margin-left:-45px; }







.swiper02  .swiper-pagination-bullet { width:50px; height:2px; border-radius:0px;}
.swiper02  .swiper-pagination-bullet-active{ background:#7fa373 }

.swiper01  .swiper-pagination-bullet { width:50px; height:2px; border-radius:0px;}
.swiper01  .swiper-pagination-bullet-active{ background:#7fa373 }


.categories{ padding: 70px 0px; }
.categories .Categories_col{ margin-left: auto;   margin-right: auto;  display: flex;  max-width: 1208px; }
.categories .Categories_col li{ flex: 1; }
.categories .Categories_col li svg{ display: block; margin: 0 auto;}
.categories .Categories_col li span{ padding-top: 20px;   font-weight: 400;   display: block; }
.categories .Categories_col a{ display: block;  text-align: center; font-size: 16px;  }
.categories .Categories_col a img{ width: 50px; display: block;  margin: 0 auto; }



.page{ text-align:center; margin-bottom:100px; margin-top:100px; font-size: 16px;  font-family: 'simsun';}
.page a,.page b{ display:inline-block; margin:10px;  }
 


.index_ad{position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10; display:none}
.index_ad.showdiv{ display:block; } 

.index_ad .index_ad_a{width: 500px;
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -250px;
    background: #95702d;
    z-index: 10;
    padding: 0;
    border-radius: 5px;
    box-sizing: border-box;}

.index_ad .index_ad_b{ position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    opacity: 0.5; }
.index_ad .index_ad_a h2{ color: #fff;
    margin-bottom: 0;
    background: #0000007a;
    padding: 22px; }
.index_ad .ad_text{ color: #fff;
    line-height: 200%;
    font-size: 14px;
    padding: 30px 40px;}
.index_ad .ad_text ul {}
.index_ad .ad_text ul li{ line-height: 140%;
    margin-bottom: 12px; }
.index_ad .close{
    
    position: absolute;
    top: -6vh;
    height: 5vh;
    width: 5vh;
    margin: 0 auto;
    left: 50%;
    margin-left: -2.5vh;
    border-radius: 50%;
    cursor: pointer;
    
}
.index_ad .close::before {
    height: 1px;
    width: 50%;
    background: #fff;
    content: '';
    display: inline-block;
    position: absolute;
    transform: rotate(45deg);
    top: 2.5vh;
    left: 1.4vh;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;
}
.index_ad .close::after {
    height: 1px;
    width: 50%;
    background: #fff;
    content: '';
    display: inline-block;
    transform: rotate( -45deg);
    top: 2.5vh;
    left: 1.4vh;
    position: absolute;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;
}


.index_ad .close:hover::before{  transform: rotate(-45deg); }
.index_ad .close:hover::after{  transform: rotate(45deg); }

.index_ad .img{ width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: -1;
    opacity: 0.1;
    left: 0;}
.index_ad .img img{ display:block; }

.index_ad a{ color: #ffd400; }



.products{ width:80%; margin:0 auto; margin-top:50px; min-width:1200px; margin-bottom:30px;  }

.products h2{ width:100%; text-align: center;     font-weight: 500; text-transform:Uppercase; font-size:50px; color:#7fa373 }

.products h2::after {
    content: ' ';
    display: block;
    margin: 0 auto;
    height:1px;

    width:100px;
    background: #f1f1f1;
    margin-top: 30px;
}


 

.pro1{ background:#f1f1f1; padding:50px 0px;}


.pro1 h2{ width:80%; margin:0 auto; font-size:30px;  }
.pro1 h2 a{ color:#000; text-transform: Uppercase; }
.pro1 h2 a:hover{ color:#7fa373; }
.pro1 h2 a.learnmore{ float: right;
    font-size: 12px;
    color: #929292;
    font-weight: 500; }

.pro1 .textmiao{ text-align:left; width:80%; margin:0 auto; line-height:30px; margin-bottom:20px; margin-top:20px;  }
.pro1 .textmiao::before{ content: ''; display:inline-block; height:3px; width:50px; background:#000; margin-right:30px;}
.pro1 .swiper-slide img{ width:85%; height:auto; transition: all 0.2s ease-in-out 0s; }
.pro1 .swiper-slide:hover img{ transform:scale(1.05); }
.pro1 .swiper-slide { text-align:center}
.pro1 .swiper-slide a{ display:block}
.pro1 .swiper03,.pro1 .swiper04{ width:80%; padding-left:5%; padding-right:5%; }
.pro1 .swiper-slide span{ display: block;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500; }

.pro1  .swiper-button-prev,.customerssays  .swiper-button-prev{ height:100%; top:0px; background-color:#f1f1f1; left: 0px;     width: 65px; margin-top:0px; }
.pro1  .swiper-button-next,.customerssays  .swiper-button-next{ height:100%; top:0px; background-color:#f1f1f1; right: 0px;     width: 65px; margin-top:0px; }

.pro1  .swiper-button-next,.customerssays  .swiper-button-next{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTgyNzk3ODgzNTY5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEzMDU2IiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTQ0NS4zNDMzOTYgMjkyLjQzODk0M2MtMy43Njc1NDctMy43Njc1NDctOS44OTIyMjYtMy43Njc1NDctMTMuNjU5Nzc0IDBsLTEzLjY1OTc3NCAxMy42NTk3NzRjLTMuNzY3NTQ3IDMuNzY3NTQ3LTMuNzY3NTQ3IDkuODkyMjI2IDAgMTMuNjU5Nzc0bDE5Ny4xODc2MjMgMTk3LjE4NzYyM0w0MDkuNDg0MDc1IDcyMi42OTI4M2MtMy43Mjg5MDYgMy43NDgyMjYtMy43Mjg5MDYgOS43OTU2MjMgMCAxMy41NDM4NDlsMTMuNTQzODQ5IDEzLjU0Mzg0OWMzLjcyODkwNiAzLjc0ODIyNiA5Ljc5NTYyMyAzLjc0ODIyNiAxMy41NDM4NDkgMGwyMDkuMDExOTI1LTIwOC45OTI2MDRjMS43MTk1NDctMC4zODY0MTUgMy4zODExMzItMS4wODE5NjIgNC43MTQyNjQtMi40MTUwOTRsMTMuNjU5Nzc0LTEzLjY1OTc3NGMzLjc2NzU0Ny0zLjc2NzU0NyAzLjc2NzU0Ny05Ljg5MjIyNiAwLTEzLjY1OTc3NEw0NDUuMzQzMzk2IDI5Mi40Mzg5NDN6TTUxMiAwQzIyOS4yNDA3NTUgMCAwIDIyOS4yMjE0MzQgMCA1MTIgMCA3OTQuNzU5MjQ1IDIyOS4yNDA3NTUgMTAyNCA1MTIgMTAyNCA3OTQuNzc4NTY2IDEwMjQgMTAyNCA3OTQuNzU5MjQ1IDEwMjQgNTEyIDEwMjQgMjI5LjIyMTQzNCA3OTQuNzc4NTY2IDAgNTEyIDB6TTUxMiA5ODUuMzU4NDkxQzI1MC41NzA4NjggOTg1LjM1ODQ5MSAzOC42NDE1MDkgNzczLjQyOTEzMiAzOC42NDE1MDkgNTEyIDM4LjY0MTUwOSAyNTAuNTcwODY4IDI1MC41NzA4NjggMzguNjQxNTA5IDUxMiAzOC42NDE1MDkgNzczLjQyOTEzMiAzOC42NDE1MDkgOTg1LjM1ODQ5MSAyNTAuNTcwODY4IDk4NS4zNTg0OTEgNTEyIDk4NS4zNTg0OTEgNzczLjQyOTEzMiA3NzMuNDI5MTMyIDk4NS4zNTg0OTEgNTEyIDk4NS4zNTg0OTF6IiBwLWlkPSIxMzA1NyIgZmlsbD0iIzcwNzA3MCI+PC9wYXRoPjwvc3ZnPg==');

background-size: 40px;

 }

.pro1  .swiper-button-prev,.customerssays  .swiper-button-prev{
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTgyNzk4Mjg2OTIyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIyNDY1IiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjEyOCIgaGVpZ2h0PSIxMjgiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiAwQzIyOS4yMjE0MzQgMCAwIDIyOS4yMjE0MzQgMCA1MTJTMjI5LjIyMTQzNCAxMDI0IDUxMiAxMDI0IDEwMjQgNzk0Ljc3ODU2NiAxMDI0IDUxMiA3OTQuNzc4NTY2IDAgNTEyIDB6TTUxMiA5ODUuMzU4NDkxQzI1MC41NzA4NjggOTg1LjM1ODQ5MSAzOC42NDE1MDkgNzczLjQyOTEzMiAzOC42NDE1MDkgNTEyIDM4LjY0MTUwOSAyNTAuNTcwODY4IDI1MC41NzA4NjggMzguNjQxNTA5IDUxMiAzOC42NDE1MDkgNzczLjQyOTEzMiAzOC42NDE1MDkgOTg1LjM1ODQ5MSAyNTAuNTcwODY4IDk4NS4zNTg0OTEgNTEyIDk4NS4zNTg0OTEgNzczLjQyOTEzMiA3NzMuNDI5MTMyIDk4NS4zNTg0OTEgNTEyIDk4NS4zNTg0OTF6TTQwOC43ODg1MjggNTE2Ljk0NjExMyA2MDUuOTc2MTUxIDMxOS43NTg0OTFjMy43Njc1NDctMy43Njc1NDcgMy43Njc1NDctOS44OTIyMjYgMC0xMy42NTk3NzRsLTEzLjY1OTc3NC0xMy42NTk3NzRjLTMuNzY3NTQ3LTMuNzY3NTQ3LTkuODkyMjI2LTMuNzY3NTQ3LTEzLjY1OTc3NCAwTDM2MC4wNjE1ODUgNTExLjAzMzk2MmMtMy43Njc1NDcgMy43Njc1NDctMy43Njc1NDcgOS44OTIyMjYgMCAxMy42NTk3NzRsMTMuNjU5Nzc0IDEzLjY1OTc3NGMxLjMzMzEzMiAxLjMzMzEzMiAyLjk5NDcxNyAyLjAyODY3OSA0LjcxNDI2NCAyLjQxNTA5NGwyMDkuMDExOTI1IDIwOC45OTI2MDRjMy43Mjg5MDYgMy43NDgyMjYgOS43OTU2MjMgMy43NDgyMjYgMTMuNTQzODQ5IDBsMTMuNTQzODQ5LTEzLjU0Mzg0OWMzLjcyODkwNi0zLjcyODkwNiAzLjcyODkwNi05Ljc5NTYyMyAwLTEzLjU0Mzg0OUw0MDguNzg4NTI4IDUxNi45NDYxMTN6IiBwLWlkPSIyMjQ2NiI+PC9wYXRoPjwvc3ZnPg==');

	
	background-size: 40px;
}

.customerssays  .swiper-button-prev{background-color:#fff;}
.customerssays  .swiper-button-next{background-color:#fff;  }

.customerssays .swiper-pagination-bullet-active { background: #7fa373; }

.proson .pro1:nth-child(2n){ background:#fff; }
.proson .pro1:nth-child(2n)  .swiper-button-prev{ background-color:#fff;}
.proson .pro1:nth-child(2n)  .swiper-button-next{ background-color:#fff;}




.about{ width:80%; margin:0 auto; overflow: hidden; min-width: 1300px; }
.about video{ width:50%; float:left; margin-right: 5%; } 
.about h2{ font-size:30px; margin-bottom:20px;     text-transform: Uppercase; }
.about p{ font-size:16px; line-height:30px; color:#505050 }
.about ul{ padding-left: 1%; float: left; width: 44%; margin-top: 20px; margin-bottom: 20px; }
.about li{line-height:25px; font-size:16px; margin-bottom:10px; color: #1a1a1a; list-style:disc; font-style: italic;}


.about a{
    color: #7fa373;
    line-height: 20px;
    font-size: 14px; 
	margin-top:30px; 
	font-weight: bold; 
}


.aboutbig{ background:#f1f1f1; padding:80px 0px; margin-top:50px; background:url(../images/banner3.jpg) no-repeat center}
.about  .video_a_1 {
    float: right;
        width: 45%;
    position: relative;
    margin-top:0px;
}
.about .video_a_1 span {
    display: block;
    color: #a3a3a3;
    font-size: 18px;
    position: relative;
    padding-bottom: 30px;
    margin-top: 20px;
}

.video_a_1 p {
    color: #656565;
    margin:60px 0px 66px;
    font-weight: 100;
}

.video_a_1 span::before {
    content: '';
    position: absolute;
    width: 60px;
    bottom: 0px;
    background: #ffc30c;
    height: 2px;
}

.video_a_1 span::after {
    content: '';
    position: absolute;
    width: 60px;
    bottom: 0px;
    left: 60px;
    background: #900;
    height: 2px;
}



.news {
    background: url(../images/news-bg_17.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top:1px;
}
.w-mid {
    width:80%;
    margin: 0 auto;
    position: relative;
}

.mt-big {
    margin-top: 65px;
}
.clearfix {
    zoom: 1;
}

.news-header-wrap .title-style1 {
    text-align: left;
}
.title-style1 .title {
    font-weight: bold;
    font: 600 48px 'BarlowSemiCondensed';
    text-transform: uppercase;
}
.title-style1 .info {
    color: #808080;
    position: relative;
    padding: 7px 0 18px 0;
    display: block;
    font: 16px/1.875 'BarlowSemiCondensed';
    letter-spacing: 1px;
    text-transform: uppercase;
}

.title-style1 .info::after {
    content: "";
    background: #990000;
    width: 30px;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-15px);
}
.news-header-wrap .title-style1 .info::after {
    left: 0;
    transform: none;
}
.box-pb {
    padding-bottom: 60px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}

.mt-big {
    margin-top: 65px;
}

.more-style1 {
    text-align: center;
}


.more-style1>a {
    background: #27c940;
    border-radius: 54px;
    color: #fff;
    font: 18px 'BarlowSemiCondensed';
    display: inline-block;
    width: 192px;
    height: 54px;
    line-height: 54px;
    text-transform: uppercase;
}

.news-header-wrap .more-style1>a {
    color: #000;
    background-color: transparent;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.relative {
    position: relative;
}
.mt-sml {
    margin-top: 30px;
}

.row {
   
}
.mt-sml {
    margin-top: 30px;
}

.news .news-left {
    padding: 25px 20px;
    background: #f5f7f5;
}
.news .content .date {
    font-size: 28px;
}
.news .content .news-left .date {
    width: 80px;
    position: absolute;
    left: 25px;
    top: 25px;
    color: #666;
    line-height: 60px;
}

.news .content .news-left .info {
    padding-left: 95px;
    background: #f5f7f5;
}
.transition-t5 {
    transition: all .5s;
}

.news .content .info .title {
    font-size: 18px;
    line-height: 30px;
    color: #1a1a1a;
    font: 18px/1.667 'BarlowSemiCondensed';
}
.news .news-left .info .title {
    max-height: 60px;
}
.ovfMore {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.news .content .info .des {
    font-size: 16px;
    color: #666;
    height: 76px;
    -webkit-line-clamp: 2;
    font: 16px 'BarlowSemiCondensed';
    line-height: 24px;
    padding-top: 23px;
}
.news .col-md-5 {
    width: 43.541%;
}

.news .col-md-5 img {
    width: 100%;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}



@media (min-width: 992px){
	
	.video_a_1 p {
		
   		margin: 36px 0px 42px;
		
	}

}


@media (min-width: 992px){.news .col-md-offset-1 {
    margin-left: 6.333333%;
}}

@media (min-width: 992px){.col-md-offset-1 {
    margin-left: 8.33333333%;
}}

@media (min-width: 992px){.col-md-6 {
    width: 50%;
}}


.news .news-list>li {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 36px 25px;
}

.news .news-list .info {
    padding-right: 115px;
}

.ovf {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news .content .info .title {
    font-size: 18px;
    line-height: 30px;
    color: #1a1a1a;
    font: 18px/1.667 'BarlowSemiCondensed';
}
.news .content .info .title.ovf {
    -webkit-line-clamp: 2;
}

.news .content .info .des {
    font-size: 16px;
    color: #666;
    height: 76px;
    -webkit-line-clamp: 2;
    font: 16px 'BarlowSemiCondensed';
    line-height: 24px;
    padding-top: 23px;
}

.ovfMore {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


.news .news-list .date {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 95px;
    height: 90px;
    position: absolute;
    top: 40px;
    right: 25px;
}

.news .content .date {
    font-size: 28px;
}
.news .news-list .date span {
    color: #666;
    font: 28px 'BarlowSemiCondensed';
    letter-spacing: 1px;
}

.news .news-list .more {
    font-size: 14px;
    padding: 0 23px 0 0px;
    background: url(../images/arrow-gray.png) no-repeat;
    background-position: right 48%;
    margin-bottom: 10px;
}
.news .news-list .date span {
    color: #666;
    font: 28px 'BarlowSemiCondensed';
    letter-spacing: 1px;
}

.news .news-list .date .more {
    color: #999;
    font: 600 14px/1.857 'BarlowSemiCondensed';
    letter-spacing: 1px;
}

.news .news-list>li {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 36px 25px;
}



.news .news-list>li:hover {
    background: #fff;
    box-shadow: 0 0 10px #eee;
}
.news .news-list>li:hover .title {
    color: #900;
}
 

.news .content .news-list  .info .des{height:70px;}


.pronrnr{ font-size: 14px; line-height: 22px; } 
.pronrnr ul{ padding-left:20px; margin:10px 0px; }
.pronrnr ul li{ list-style: disc; }

.page_ms{ width:100%; background:#fff; padding:20px; padding-top:0px; }
.page_ms h2{ font-size:100%; font-size:25px; border-bottom:1px solid #f1f1f1; line-height:50px; margin-bottom:20px; }
.page_ms .page_ms_text img{ max-width:100%; height:auto; }
.page_ms .page_ms_text{ font-size:16px; line-height:170%; }

.page_ms .page_ms_text ul{ margin-left:20px; margin-top:20px; margin-bottom:20px; }
.page_ms .page_ms_text ul li{    list-style-type: disc;}








.probox .pr_nr{ float:right; width:76%;      margin-top:0px; background:#fff; padding:0; margin-bottom:40px; }
.probox .pr_nr h1{ margin-bottom:20px; font-weight: bold; color: #333;  font-size:28px; }
.probox .pr_nr .time{     color: #999;font-size:16px; padding-bottom:20px; }

.probox .pr_nr .time span {  display: inline-block; color: #999;}
.probox .pr_nr .pr_nr_text{ font-size:14px; line-height:170% }


.probox .pr_nr .pr_nr_text ul{margin:15px 0px; margin-left: 30px; }
.probox .pr_nr .pr_nr_text ul li{ list-style: disc;}

.probox .pr_nr .pr_nr_text img{ max-width:100%; min-height:auto; }
.probox .pr_nr .pr_nr_text *,.custom *{ margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;}

.custom h1{ margin-top: 0px; }

.pr_nr .pro_img{ float:left; margin-bottom:20px;     width: 40%; }
.pr_nr .pr_nr_img{ float: left;
    width: 57%;
    height: 250px;
        margin-left: 3%; } 
.pr_nr hr{ margin-bottom:20px;}

.pr_nr .pr_nr_img p{    color: #616161;
    font-weight: normal;
    width: 100%; margin-bottom:30px; }
.pro_contact { overflow: hidden;}
.pro_contact .more a {
    color: #990000;
    font-size: 16px;
    display: block;
    padding: 6px 10px;
}

.pro_contact .more {
    background: #fff;
    border: 2px solid #990000;
    width:auto;
    border-radius: 25px;
    text-align: center;
    bottom: 0px;
    padding: 0px;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
    overflow: hidden;
}
.pro_contact .more:hover {
    background: #990000;
}
.pro_contact .more {
    float: left;
}

.pro_contact .more a:hover {
    color: #fff;
    background: #990000;
}


.pro_contact a {
    font-size: 12px;
    color: #4e4e4e;
}
.pro_contact .more1 {
    margin-top:9px;
    display: block;
    float: left;
    margin-left: 20px;
}



.pro_contact a img {
    vertical-align: middle;
    width: 19px;
    opacity: 0.7;
}

.pro_contact  .moretwo{ margin-left: 20px; }


.pr_nr .pr_nr_img.pr_nr_imgtwo{margin-left:0px; width:100%; height:auto;}


.contact{ width:80%; margin:0 auto; margin-top:50px; margin-bottom:50px; }

.contact .contact_left{ float:left; width:40%; margin-right:10%; }

.contact .contact_left h4 {
    font-size: 45px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    line-height: 60px;
}

.contact .contact_left h4::after{content:""; display:block; width:50px; height:4px; background:#7fa373; margin-top:30px; margin-bottom:30px; }

.contact .contact_left p {
    margin-top: 20px;
    line-height: 25px;
    color: #666;
    width: 100%;
    font-size: 16px;
}

.contact .contact_right{ float:right; width:50%; }
.lead-form-wrapper {
    background: #ffffff;
    box-shadow: 0 9px 21px 3px rgba(0, 0, 0, 0.18);
    padding: 48px;
}
.lead-form-wrapper__title {
    color: #7fa373;
    font-size: 16px;
    line-height:30px;
    margin-bottom: 16px;
    text-transform: uppercase;
	font-weight: 700;
}
.lead-form-wrapper__text {
    color: #666666;
    font-size: 16px;
    line-height:25px;
}
.lead-form .form__field {
    margin: 16px 0;
}
.lead-form label.form__label {
    width: 100%;
}
.lead-form textarea.form__text-input, .lead-form input[type='number'].form__text-input, .lead-form input[type='text'].form__text-input {
    background: #f5f4f2;
    border: 2px solid #e5e3dd;
    border-radius: 3px;
    padding: 8px;
    width: 100%;
	margin-top: 5px;
}
label {
    display: inline-block;
	margin-bottom: 0.5rem;
}
span.sub-text {
    color: #7b7b7b;
}
.sub-text {
    font-size: 0.75em;
    font-weight: 100;
    margin-left: 4px;
}
.lead-form textarea.form__text-input {
    height: 80px;
}

.lead-form .pbtn {
    border-radius: 36px;
    box-sizing: border-box;
    display: block;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 4.25px;
    margin: 0 auto;
    padding: 22px 40px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    text-align: center;
    white-space: nowrap;
	color: #f6f6f6;
	background: #7fa373;
	font-weight: bold;
}
.lead-form .pbtn:hover{ background:#658725; }


.lyly{ width:100%; margin:0 auto; margin-bottom:50px; background:#fff; border-top:4px solid #f1f1f1; margin-top:40px; padding-top:40px; }
.lyly{ width:100%; margin:0 auto; margin-bottom:50px; background:#fff; border-top:4px solid #f1f1f1; margin-top:40px; padding-top:40px; }
.lyly h3{ border-bottom:1px solid #f1f1f1; line-height:50px; }
.message{ margin-top:15px;  }
.message .messagetwo{ font-size:14px; color: #848484; }
.message .messagetwo span{     color: #ea563b;  padding-right: 5px; }

.message  textarea{ box-sizing: border-box; padding: 20px; border: 1px solid #f1f1f1; width:100%;  font-weight: 400; font-size:14px;   background-color: #fff; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); margin-top:10px; font-family: tonjay; }

.messagethree { margin-top:10px; }
.messagethree input[type=text]{ width:20%; margin-right:5%; border-radius:0; border: 1px solid #f1f1f1;  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); height:30px; text-align:left; }
.lyly input[type=text]{  padding:5px;    border-radius: 5px; }

.lyly .xptj { font-size:18px; border:none; width: 250px;  text-align: center; background: #7fa373; color: #FFF; margin: 0 auto; margin-top:20px; cursor: pointer; line-height: 50px;}
.lyly .xptj:hover { background: #78a02f;}









.about{ overflow:hidden; margin-top:50px; margin-bottom:50px; }
.about .about_1{ float:left; width:50%; }
.about .about_2{ float:right; width:45%; }
.about .about_1 h3{    font-size: 24px;
    margin-bottom: 30px;
    padding-top: 75px;}
.about .about_1 h2{font-size: 32px;
    color: #333;
    font-weight: bold;
    }

.about .about_1 h4{ margin-bottom: 20px;
    font-size: 19px;
    color: #333;
    font-weight: normal; }
.about  .profile{    color: #666;
    font-size: 14px;
    line-height: 150%;}



.about .about_1 h2::after {
    content: ' ';
    display: block;
    height: 2px;
    width: 50px;
    background: #900;
    margin-top: 30px;
}


.more_pro{ 
    padding-top: 30px;
    margin-top: 30px;
    background: url(../images/111.jpg) no-repeat left #f1f1f3;
    padding: 30px;
    padding-left:55.2%; line-height:170% }

.about .more_pro h2{     font-size: 22px; }



.news_list {
    width:80%;
    margin: 0 auto;
    margin-top:40px; margin-bottom:60px;
}

.news_list li {
   overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    padding: 2%;
    margin-bottom: 20px;
	padding-left: 0;
    padding-right: 0;
    width: 49%;
    float: left;
    margin-right: 2%;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
}

.news_list li img {
    width: auto;
    height: 150px;
    float: left;
    margin-right: 20px;
}
.news_list li h3 {
    font-size: 18px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news_list li p {
    color:#999; line-height:25px;
}
.news_list li:nth-child(2n){ margin-right:0px; }

.news_list li:hover{  }


.more-style1>a img {
    vertical-align: middle;
    margin-left: 20px;
}






.about{ width:100%;  }
.about .about_a{ width: 90%;  margin: 0 auto; overflow: hidden; }


.about .about_a .video{  width:60%; height:auto; float:left; position: relative; cursor:pointer;}
.about .about_a .video img{ width:100%; display:block;
    -webkit-transition: all .3s .1s;
    transition: all .3s .1s; }
.about .about_a .video::after{ content:''; display:block; position:absolute; background:url(../images/playok.png) no-repeat center; width:140px; height:140px;     top: 50%; left: 50%; margin-left:-70px; margin-top:-70px;
    -webkit-transition: all .3s .1s;
    transition: all .3s .1s; }


.about .about_a .video:hover img{ transform: scale(0.95); }
.about .about_a .video:hover::after{ transform: scale(1.05);}

.about .about_a .video_a_1{ float:right; width:35%; position:relative; margin-top:70px; color:#fff;  }

.about .about_a .video_a_1 .more{ position:relative; left:0; margin-left:0px; }

.about .about_a .video_a_1 .more::before{ background: #f9f9f9; }
.about .about_a .video_a_1 h2{  text-transform: Uppercase;  font-size:50px; font-weight: 500; color: #7fa373; }
.about .about_a .video_a_1 span{ display:block; color:#7fa373; font-size:18px; position: relative; padding-bottom:30px; margin-top:20px;  }

.video_a_1 span::before{ content:''; position: absolute; width:60px; bottom:0px; background:#ffe300; height:2px; }
.video_a_1 span::after{ content:''; position: absolute; width:60px; bottom:0px; left:60px; background:#7fa373; height:2px;}

.video_a_1 p{ color:#737373; margin: 60px 0px 50px; font-weight: 100; }



.video_fd{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; font-size:12px;display:none;}

.video_fd .video_bg{background:#000; opacity:0.8; top:0; left:0; width:100%; height:100%;}
.video_fd .video_nr{ width:900px;   z-index: 6; position:absolute;  height: auto; left: 50%; margin-left: -450px;   top: 100px;}
.video_fd .video_nr video{width:100%; background: #fff;  padding:10px;}
.video_fd .video_nr .close{cursor:pointer; padding: 10px;
    background: #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-bottom: 20px;
    margin: 0 auto;
    margin-bottom: 20px; 
	margin-top: 20px; }
.video_fd .video_nr .close::before{content:" "; display:block; height: 1px; width: 30px; background:#7fa373; margin-top:15px;

	transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* IE 9 */
    -webkit-transform:rotate(45deg); /* Safari and Chrome */

}
.video_fd .video_nr .close::after{content:" "; display:block; height: 1px; width: 30px; background:#7fa373; margin-top:0px;

	transform:rotate(135deg);
    -ms-transform:rotate(135deg); /* IE 9 */
    -webkit-transform:rotate(135deg); /* Safari and Chrome */

}

.findapp{ display:none }
.inspired{ width:90%; margin:0 auto; margin-bottom:40px; }
.inspired .textmiao{}

.inspired h2{ width:100%; text-align: center;  text-transform:Uppercase; font-size:50px; }

.inspired h2::after { content: ' '; display: block; margin: 0 auto; height:3px; width:100px; background: #7fa373; margin-top: 30px;}


.designsGrid{width:80%; margin:0 auto; }

.designsGrid--six .designsGrid__col--left {
    padding-right: 20px;
}

.designsGrid--six .designsGrid__col--left div:nth-child(1){  }
.designsGrid--six .designsGrid__col--left div:nth-child(2){ }

.designsGrid--six .designsGrid__col--right div:nth-child(2){  }
.designsGrid--six .designsGrid__col--right div:nth-child(3){ padding-left: 20px; }


.designsGrid--six .designsGrid__col--left .designsGrid__item--small .designsGrid__square{padding-bottom:50%; }
.designsGrid--six .designsGrid__col--right .designsGrid__item--small .designsGrid__square{padding-bottom:50%; }

.designsGrid--six .designsGrid__col {
    width: 50%;
    float: left;
	box-sizing: border-box;
}

.designsGrid__item {
    float: left;
    box-sizing: border-box;
}
.designsGrid__item--left {
    padding-right: 20px;
}
.designsGrid__item--top {
    padding-bottom: 20px;
}
.designsGrid__item--small {
    width:100%;
}

.designsGrid__square {
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    position: relative;
}
.designsGrid__square picture {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
}
.designsGrid__square img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}

.designsGrid__overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 152, 153, 0.85);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.designsGrid__overlay h2 {
  
    font-size: 32px;
    letter-spacing: 0;
    line-height: 40px;
}
.designsGrid__overlay h2 {
    margin-bottom: 20px;
}
.smallCTA, .smallCTA--blue, .smallCTA--white {
   
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}
.smallCTA--white {
    color: #ffffff;
}
.smallCTA:after, .smallCTA--blue:after, .smallCTA--white:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    -webkit-transform: translateX(3px) translateY(-1px) rotate(45deg);
    transform: translateX(3px) translateY(-1px) rotate(45deg);
    transition: border 0.3s ease-in-out;
}
.smallCTA--white:after {
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}
.designsGrid__item {
    float: left;
    box-sizing: border-box;
}
.designsGrid__item--bottom {
    padding-top: 20px;
}
.designsGrid__item--large {
    width: 100%;
}
*,*::before,*::after {
    box-sizing: inherit;
}
.designsGrid:before, .designsGrid:after {
    content: ' ';
    display: table;
}

.designsGrid--six .designsGrid__col:before, .designsGrid--six .designsGrid__col:after {
    content: ' ';
    display: table;
}

.designsGrid--six .designsGrid__col:after {
    clear: both;
}

.designsGrid:before, .designsGrid:after {
    content: ' ';
    display: table;
}

.designsGrid__item--right {
    padding-left: 20px;
}
.designsGrid--six .designsGrid__col--right {
    padding-left: 20px;
}

.designsGrid__square:hover .designsGrid__overlay {
    opacity: 1;
}

.designsGrid:after {
    clear: both;
}
.header .nav li.nav_chr a{ background:none; padding-right:0px; }

.app_more,.app_pro{ display:none; }


.button--primary, .button--secondary, .button.button--default {
    display: inline-block;
    transition: .3s;
}
.bottom{ height: 115px;
    text-align: center;
    padding: 60px 0px;  display:none; }
.bottom p{ font-size:25px; }

.button {
    font-weight: 700;
    line-height: 1rem;
    border: 0;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.button--primary, .button--primary:focus, .button--primary:hover {
    box-shadow: 0 4px 0 #196d01;
    border: 0;
}

.button--primary {
    background: #26a301;
    border-radius: 30px;
    text-shadow: 0 -1px 1px #1a7001;
    position: relative;
	margin-top:20px;
}

.button--primary, .button--primary:active, .button--primary:focus, .button--primary:hover {
    color: #fff;
}


.button--primary:active, .button--primary:focus, .button--primary:hover {
    background-color: #2ab501;
}
.button--primary, .button--primary:focus, .button--primary:hover {
    box-shadow: 0 4px 0 #196d01;
    border: 0;
}
.button--primary:active {
    box-shadow: 0 2px 0 #196d01;
    -webkit-transform: translate(0,2px);
    transform: translate(0,2px);
}
.button--primary, .button--primary:active, .button--primary:focus, .button--primary:hover {
    color: #fff;
}
.button--arrow:active {
    background-position: 89% 50%;
}
.button--arrow {
    padding: 20px 61px 20px 41px;
    background-image: url(../images/right-arrow-white.svg);
    background-size: 12px;
    background-attachment: scroll;
    background-position: 86% 50%;
    background-repeat: no-repeat;
}





.footer {
    position: relative;
	display: block;
}

.registerPart{ display:none; } 

.footer__btm {
    background-color: #16130b;
    padding:0;
	width:100%;
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding: 50px 0;
    position: relative;
	width:90%; margin:0 auto;
}
.container-fluid:after, .container-fluid:before, .container:after, .container:before {
    content: " ";
    display: table;
}

.footer-info {
    font-size: 13px;
    padding:15px 0;
}
.footer-info .row {
    margin: 0;
    max-width: none;
    width: auto;
}
.row:after, .row:before {
    content: " ";
    display: table;
}


.large-3 {
    width: 25%;
}
.column{position: relative;}
.column, .columns {
    float: left;
}
.footer-info .column {
    margin-top: 2em;
}

.footer-info .column {
    margin-top: 0;
}
.footer-info .column:nth-child(-n+2) {
    margin-top: 0;
}


.footer-info .column video{  width:80%;}

.footer-info-heading {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: .5rem;
	text-transform: uppercase;
}
.footer-info-list {
    list-style: none;
    margin: 0;
	font-size: 17px;
}

.footer-info p {
    color: #8b8b8b;
    font-size: 17px;
    margin-bottom:15px;
	font-family: 'D Din'!important;
	line-height: 1.5;
}

.footer-info-list li {
    position: relative;
    margin-right: 20px;
    margin-bottom: 0;
    padding: 5px 0;
	line-height: 1.5;
}
.footer-info-list a {
    color: #8b8b8b;
    text-decoration: none;
	font-size: 17px; font-family: 'D Din'!important;
}
.footer-info-list a:hover {
    color: #4f4f4f;
}
.column+.column:last-child, .column+.columns:last-child, .columns+.column:last-child, .columns+.columns:last-child {
    float: right;
}
.row:after {
    clear: both;
}

.footer-info-list li span {
    color: #fff;
}


.footer-copyright {
    background: #291e0c;
    color: #8b8b8b;
    padding:10px 0;
    font-size: 15px;
	text-align: center;
	
}
.footer-copyright p{ font-family: 'D Din'!important; }






.nr_banner {
    width: 100%;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
	margin-top:110px;
}

.nr_banner.nr_bannertwo{  }

.nr_banner h2 {
    right: 10%;
    color: #fff;
    position: absolute;
    top: 40%;
    margin-top: -30px;
    z-index: 5;
    text-transform: uppercase;
    padding-left: 30px;
	color:#7fa373;
	font-size: 58px;
    font-weight: 900;
    line-height: 52px;
	width:40%;
}

.nr_banner h3 {
    left:50%;
    color: #fff;
	width:550px;
	text-align:center;
    position: absolute;
    top: 40%;
	margin-left:-275px;
    margin-top: -30px;
    z-index: 5;
    text-transform: uppercase;
	font-size: 58px;
    font-weight: 900;
    line-height: 52px;
}


.nr_banner p{
    right: 10%;
    color: #fff;
    position: absolute;
    top:50%;
    z-index: 5;
    padding-left: 30px;
	color:#7fa373;
	font-size: 20px;
    font-weight: 400;
    line-height: 28px;
	width:40%;
	font-family: 'D Din'!important;
}

.nr_banner.nr_bannertwo p{ color:#fff; width:800px;left:50%; margin-left:-400px; text-align:center}


.nr_banner img {
    position: inherit;
    left: 50%;
    margin-left: -960px;
    display: block;
}
  


.porduct{ width:90%; min-width: 1200px; margin: 0 auto; display:flex; min-height: 600px; margin-top:30px; }

.porduct .product_left{ float:left;  width:23%; min-width:280px; border: 1px solid #f1f1f1; margin-bottom:20px; display:none }

.porduct .product_left.product_left_nr{ display:block; min-height: 500px;}

.porduct .product_left h2, .porduct .product_left .title{ font-size:20px; padding: 15px; padding-bottom: 0px; font-weight:700; } 

.porduct .product_left .one{ padding:15px; }
.porduct .product_left .one li{ line-height:40px; overflow: hidden}
.porduct .product_left .one li a{ font-size: 16px;
    color: #414141;
    font-weight:500;
    letter-spacing:0px; display: block; float: left; margin-left:5px;
}

.porduct .product_left .one li.hover a{ color:#7fa373; }


.porduct .product_left .one li:hover a{ color:#7fa373; text-decoration: underline }
.porduct .product_left .one li:hover:before
{ 

    background: url(../images/navbg.png) 0px 0px no-repeat;
  
}


.porduct .product_left .two { padding:15px; }
.porduct .product_left .two li{ line-height:30px;     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
.porduct .product_left .two li a{ font-size:14px;  }

 


.porduct .product_right{ float:right; width:100%; min-height: 600px; position: relative; }

.porduct .product_right .title{ font-size:20px;
    border-bottom:1px dotted #b9b9b9;
    padding-bottom:5vh;  text-align: center;
}
.porduct .product_right .title .textmiao{ text-align:left; line-height:180%; }


.porduct .product_right .product_list {margin-top: 30px; }
.porduct .product_right .product_list li{ width: 23%;
    padding: 0;
    padding-bottom: 1%;
    margin-bottom: 20px;
    float: left;
    text-align: center;
    margin-right: 2.6%;}
.porduct .product_right .product_list li img{ width: 100%; }

.porduct .product_right .product_list li:nth-child(4n){ margin-right: 0px; } 

.porduct .product_right .product_list li span{ font-size: 18px;
    line-height: 30px;
    background-position: 0px center;
    background-repeat: no-repeat;
    background-size: 16px;
    color: #000000;
    display: inline-block;
    font-weight: bold;
    line-height: 60px;
 }


.porduct .product_right .product_list li p{font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 15px; }

 
.navdh {
    padding: 10px 0px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width:90%;
    margin: 0 auto;
    margin-top:40px;
}
.postion {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #7c7c7c;
	font-size: 16px;
}
.postion a {
    color: #7c7c7c;
	font-size: 16px;
}
.navdh .right img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.navdh .right span {
    color: rgb(102, 102, 102);
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
    font-size:16px;
}






.navdh.navdhtwo{ margin-top:150px; }


.products_nr{
    width:100%;
    min-height: 600px;
    position: relative; display: flex;

}
.products_nr .pic{ float: left;  width: 800px;  max-width: 60%; }
.products_nr .pic img.pic_big{ width:100%; border:1px solid #f1f1f1; margin-bottom:15px;}

.products_nr .text_pro{ float: left; margin-left: 5%; width: calc(94% - 800px); }
.products_nr .pic .xin{ text-align:center; color: #878787;}

.products_nr .text_pro .top_txt{ position: sticky;
    top: 60px !important; }

.xgpro{ margin-top: 50px;
    border-top: 3px solid #f1f1f1;
    padding-top:50px;}
.xgpro h2{text-transform: uppercase;}
.xgpro ul{ overflow:hidden; margin-top:15px;}
.xgpro li{ width:17.4%; float:left; margin-right:3%; }
.xgpro li span{overflow: hidden;     font-weight: 600;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px;
    line-height: 16px;
    font-size: 14px}

.xgpro li i{bottom: 10px;
    right: 0px;
    font-size: 16px;
    color: #7fa373;
    line-height: 40px;
    display: inline-block;}
.xgpro li:nth-child(4n){ margin-right:0px; }
.xgpro li img{width:100%; }
.xgpro li a{ display:block}
.text_pro h1{    font-size: 3vh;  
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: Century Gothic Std,Arial,sans-serif; }
.text_pro dt{ font-weight:bold; line-height:30px; font-size:14px;  text-transform: uppercase;}
.text_pro dd{ line-height:23px; font-size:14px;  }
.text_pro .share{      margin: 20px 0; }

.products_nr .button {
    margin-top: 30px;
}
.products_nr .button a {
    width: 40%;
    max-width: 200px;
    height: 45px;
    line-height: 45px;
    display: block;
    color: #fff;
    text-align: center;
    background: #3A3A3A;
    font-size: 16px;
    text-decoration: none;
    float: left;
    margin-right: 10px;
    border-radius: 3px;
}

.products_nr .button a:hover{ background:#7fa373; }

.tags a{color: #4F4F4F;
    margin-right: 10px;
    background: #f5f5f5;
    display: inline-block;
    padding: 4px 7px; font-size:14px; }





.product_right.product_righttwo{ width:100%;float:none; margin:0 auto;  }

.free{ margin-top:50px; }
.product_righttwo .freelist{position:relative; margin-bottom:50px; position: relative; border:5px solid #fff; overflow:hidden; position: relative; padding:2%; float:left; width:44%;     margin-right:2.8%;}
.product_righttwo .freelist::before{content:''; display:block; height:99.5%;  width:99.5%; top:0; left:0; border:1px solid #f1f1f1; position: absolute; }

.product_righttwo .freelist:hover{ border:5px solid #7fa373; }
.product_righttwo .freelist:hover::before{ display:none; }
.product_righttwo .freelist img{ width:20%; height:auto;}
.text_nr{ height:180px;overflow:hidden;line-height: 21px;}

#imgbox{float:left; width:23%; height:100%; height:180px; }
#imgbox img{width: 180px;
    position: absolute;
    top: 50%;
    margin-top: -90px;}

.product_righttwo .freelist:nth-child(2n){ margin-right:0px }
.text_mo{ float:left; margin-left:10%; width: 67%; }
.text_mo h2{ margin-bottom:15px; }
.text_mo  .text_nr{ font-size:14px; line-height:23px; }

.gotu{display: block;
    width:160px;
    background: #f1f1f1;
    text-align: center;
	margin-top:20px;
    padding: 10px;
    font-size: 16px;
    color: #acacac; }

.freelist:hover .gotu{ background:#7fa373; color:#fff; }





.PPT{ width:90%; margin:0 auto; margin-top:50px; margin-bottom:50px; min-height:500px; }
.PPT .h2,.step .h2{ text-align:left; width:100%; margin:0 auto; }
.PPT .miaoshu{ width: 60%;
    margin: 0 auto;
    text-align: center;
    line-height: 20px;
    font-family: 'D Din'!important;}
.PPT .pptlist{ overflow:hidden; margin-top:30px }
.PPT .pptlist li{ float:left; width:32.1%;  border:5px solid #fff;  margin-right: 1.8%;     background: url(../images/ppt.png) no-repeat 18px center;
    background-size: 41px; margin-bottom:20px; }

.PPT .pptlist li:nth-child(3n){ margin-right:0px; }

.PPT .pptlist li:last-child{ margin-right:0px; }
.PPT .pptlist li span{     display: block;
    padding-left: 55px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 18px;
    color: #606060; }

.PPT .pptlist li:hover { border:5px solid #7fa373; }
.PPT .pptlist li:hover a{ border:1px solid #7fa373; }
.PPT .pptlist li:hover span{  color:#7fa373; }
.PPT .pptlist li a{ display:block;overflow:hidden; border:1px solid #f1f1f1; padding:4%;}
.PPT .pptlist li span.down2,.PPT .pptlist li span.down3{ color: #666;
    font-size: 12px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    font-weight: 500;
    margin-bottom: 0px; }

.PPT .pptlist li span.down3{ float:right; }


.PPT .h2 {
    font-size: 36px;
    line-height: 62px;
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 10px; text-align: center
}
.PPT .h2::before {
    content: "Data download";
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    font-weight: 400;
    text-transform: uppercase; text-align: center
}


.PPT.PPTthree .h2::before{  content: "Newsletter"; }

.PPT .lm{ width: 1200px;
    bottom: 0px;
    display: flex;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:50px;
     }
.PPT .lm li {
    flex:10;
    background:url(../images/bg1.jpg) no-repeat center;
    margin-right: 7px;
	margin-left:7px;
    transition: all 0.2s ease-in-out 0s;
    margin-top: 9px;
    position: relative;
	width:100px;
	text-align: center;
	background-size:100%;
	


}

.PPT .lm li:hover,.PPT .lm li.hover{  background:url(../images/bg1hover.jpg) no-repeat center; background-size:100%; }

.PPT .lm li a{ font-size:25px; display: block; padding:100px 0px; color:#fff;font-weight:bold;}


.Newsletter{ width:450px; margin:0 auto; margin-top:50px; font-size:16px; }
.Newsletter .newsletter_int{ background: #f5f5f5;
    border: none;
    color: #222;
    font-size: 14px;
    width:300px;
    height: 45px;
    padding-left: 15px;
    border-radius: 20px; margin-right:10px; }

.Newsletter .submit{ background:#7fa373; color:#fff; font-size:18px; border-radius:20px; padding:10px 25px; margin:0 auto; display: block; margin-top:20px; cursor:pointer}
.Newsletter .submit:hover{ background:#7eaa2c; }
.custom{float: right;
    width: 75%;
    min-height: 600px;
    position: relative; line-height:23px; font-family: 'D Din'!important; font-size:18px; padding-bottom:50px; }

.custom *{font-family: 'D Din'!important;}
.custom h1,.custom h2,.custom h3,.custom h4{ font-family: Montserrat,Arial,Helvetica,sans-serif; line-height:180%; }
.custom h3 {
    font-size: 20px;
}

.custom h2 {
    font-size:25px;
}

.custom h1 {
    font-size:30px;
}

.custom ol, .custom ul{ margin-left:30px; margin-top:10px; margin-bottom:10px; }
.custom  li{list-style-type: disc; line-height:180%; }

.custom img{ max-width:100%; height:auto !important;  margin:20px 0px; }


.custom .xptj{    font-family: Montserrat,Arial,Helvetica,sans-serif;}



.faq_list{ width:90%;  margin: 0 auto; margin-top:50px; margin-bottom:50px;

	


}
.faq_list ul{ -moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari 和 Chrome */
column-count:2;
-moz-column-gap: 2em;
-webkit-column-gap: 2em;
column-gap: 2em; }
.faq_list ul li{ 

	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	
	width:96%; float:left; text-align: left; margin-right:4%;  border: 1px solid #f1f1f1; padding: 2%; margin-bottom:20px; transition: all 0.2s ease-in-out 0s; 

}
.faq_list ul li h2 span{    display: inline-block;  background: #f5f5f5; width: 40px; text-align: center; height: 40px; border-radius: 50%;line-height: 40px;font-weight: 400; margin-right: 10px; position: absolute;
    margin-left: -50px;
    font-family: 'D Din'!important;
    font-size: 28px; }
.faq_list ul li:hover{-moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);  box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);  }
.faq_list ul li:hover h2 span{ color: #fff;
    background: #7fa373;
    font-family: 'D Din'!important;
    font-size: 28px; }
.faq_list li p{ margin-left:50px; font-family: 'D Din'!important; line-height:22px; font-size:16px; }

.PPT.pptfaq{ min-height:auto; }
.PPT.pptfaq .h2::before{ content:'Questions and answers'; }
.faq_list h2{ font-size: 18px;
    padding-left: 50px;
    position: relative;
    font-weight: 700;
    margin-bottom: 15px; }


.product_left.product_leftdis{display:none }

.allproducts{ display:none; }
.header .nav li.app_nav{display:none; }





.enquiry_list{ width:1200px; margin:0 auto; margin-top:250px; margin-bottom:100px; }

.enquiry_list h1{ text-align: center;
    text-transform: Uppercase;
    font-size: 30px;
    }

.enquiry_list ul{ border:1px solid #f1f1f1;  }
.enquiry_list ul li{ width:96%; overflow: hidden; margin:0 auto; border-bottom:1px solid #f1f1f1; margin-bottom:20px; padding-bottom:15px; }
.products_0:nth-child(n+2){ display:none; }

.enquiry_list .shuming{ width:96%; font-size:16px; border-bottom:1px solid #f1f1f1; margin:0 auto; line-height:50px; margin-bottom:30px; padding-bottom:0px;}

.enquiry_list li span{ display:block; float:left; width:60%; margin-right:5%;  }
.enquiry_list li span:nth-child(2){ width:20%; }
.enquiry_list li span:nth-child(3){ width:10%; margin-right:0;}
.enquiry_list li span:nth-child(3) a{ border: 1px solid #f1f1f1; font-size: 14px; color: #757575;  padding: 0px 10px; border-radius: 20px; }

.enquiry_list li span.title:nth-child(3) { margin-top:0px; }

.enquiry_list li img{ width:40px; height:auto; float:left; margin-right:15px; }
.enquiry_list li .title{ font-size:14px; }
.enquiry_list li span a{ color:#363636; }
.enquiry_list li span a:hover{ color:#ea563b; }


.enquiry_list input[type=text]{     border: 1px solid #d2d2d2;  padding:5px;     width: 70px; text-align: center; outline: none; border-radius: 5px; }


.message{ margin-top:15px;  }
.message .messagetwo{font-size: 14px;
    color: #7fa373;
    font-weight: bold; }
.message .messagetwo span{     color: #7fa373;  padding-right: 5px; }

.message  textarea{ box-sizing: border-box; padding: 20px; border: 1px solid #f1f1f1; width:100%;  font-weight: 400; font-size:14px;   background-color: #fff; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); margin-top:10px; font-family: tonjay; }

.xptj{ width:250px; text-align:center; background: #7fa373; color: #FFF;     margin: 0 auto; margin-top:40px; cursor:pointer; line-height:50px; }
.xptj:hover{ background: #d04128; }

.enquiry_list .textmiao {
    width: 100%;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    font-weight: 100;
    color: #656565;
    margin-top: 20px;
    font-family: tonjay;
}

.enquiry_list .textmiao::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #7fa373;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;
}
.messagethree { margin-top:10px; }
.messagethree input[type=text]{ width:20%; margin-right:5%; border-radius:0; border: 1px solid #f1f1f1;  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); height:30px; text-align:left; }

.enquiry_list .tjadd{ text-align:center; }
.enquiry_list .tjadd a{display: block;
    width: 100px;
    margin: 0 auto;
    padding: 10px 8px;
    background: #eaeaea;
    border-radius: 21px;
    color: #949494;
    font-size: 15px; }

.enquiry_list .tjadd a:hover{ color:#fff; background:#6c9421; }



.customerssays{ width:800px; margin:0 auto; text-align:center; margin-bottom:50px; margin-top:50px; }
.customerssays h2{  width: 100%;
    text-align: center;
    font-weight: 500;
    text-transform: Uppercase;
    font-size:30px;
    color: #7fa373; }

.customerssays h2::after {
    content: ' ';
    display: block;
    margin: 0 auto;
    height: 1px;
    width: 100px;
    background: #f1f1f1;
    margin-top: 30px;
}
.customerssays .textmiao{ margin-bottom:20px; }
.customerssays .swiper-slide{  padding:0px 10%; width: 80% !important; }
.customerssays .swiper-slide img{ width:20%; height:auto; float:left; border-radius:10px; }
.customerssays .swiper-slide div{float:right;width:73%; font-size:15px; text-align:left; line-height:22px;  padding-bottom:20px; }
.customerssays .swiper-slide span{ display: block;
    color: #bdbdbd;
    font-weight: 500;
    font-size: 14px; width:100%; text-align:right;}

.rk{background: #16130b; text-align: center; padding-bottom:15px; }
	.rk a{ margin:0px 10px; }
.rk a img{ width:25px; height: auto; }



@media screen and (max-width:1680px){
	
	.header .nav li{margin-left:57px;}
	
}

@media screen and (max-width:1470px){
	
	.header .nav li{margin-left:42px;}
	
}

@media screen and (max-width:1680px){
	
	.header .logo{ width: 15%; }
	
}


@media screen and (max-width:1860px){

	.about .about_a .video{ width: 55%; }
	.about .about_a .video_a_1{ width: 40%;  margin-top: 30px;}
	.video_a_1 p{     margin: 40px 0px 30px;  line-height: 22px; }
}






.products_pic{ width:50%; overflow:hidden; margin-top:30px; margin-bottom:30px; }
 
.products_pic  .gallery-top video{ outline:none;
	
	height: auto;
    max-height:685px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;

}
.products_pic  .gallery-top img{ height:500px; width:auto; margin:0 auto; display:block; }
.products_pic  .gallery-top{ margin-bottom:20px;  }
.products_pic  .gallery-top,.products_pic  .gallery-thumbs{ border:1px solid #f1f1f1;}


.products_pic  .gallery-thumbs{  
    width: 100%;
    height: auto; margin-right:2% }
.products_pic  .gallery-top {  
    width: 100%; }
.products_pic  .gallery-thumbs .swiper-slide{  opacity:0.5;  }
.products_pic  .gallery-thumbs .swiper-slide{ height:150px;}
.products_pic  .gallery-thumbs img{ height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;margin:0 auto; display:block; }

.products_pic  .gallery-thumbs .swiper-wrapper{    display: block;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}
 
.products_pic .gallery-thumbs{   }

.products_pic .gallery-thumbs .swiper-wrapper{ display: flex; }

.products_pic .gallery-top img{ height: auto;
    max-height:700px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block; }

.products_pic .gallery-thumbs .swiper-slide{height: 80px !important; border: 1px solid #f1f1f1; width:80px !important; }
.products_pic .gallery-thumbs{ border:none; }

 .products_pic{ overflow:visible; margin-top:0px; }


.products_pic .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTg0NDM2Njk1NTc4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE5MzgiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMzIxLjExODA5IDY1LjYxMjM0NyAyNTcuMDg1NzI4IDEyOS4wMDkyMzYgNjM4LjA3ODk5OCA1MTIuNjE1MDA3IDI1My44ODI3NzkgODkyLjk5MjI0NyAzMTcuMzcyNzg5IDk1Ni45MTcxNjIgNzY1LjU5NDIwNyA1MTMuMTM3OTE2WiIgcC1pZD0iMTkzOSIgZmlsbD0iIzkyYmU0MCI+PC9wYXRoPjwvc3ZnPg==');
 }


.products_pic .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTg0NDM2ODQ5Mjg1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMzNzAiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNzA3LjMyMyA5NjAuNTU2bDU2LjA5My01NC41MDMtNDAzLjkxNy0zOTIuNDY5IDQwMy45MTctMzkyLjQ3NS01Ni4wOTMtNTQuNTAyTDI0Ny4zMiA1MTMuNTg0bDQ2MC4wMDQgNDQ2Ljk3MnogbTAgMHoiIHAtaWQ9IjMzNzEiIGZpbGw9IiM5MmJlNDAiPjwvcGF0aD48L3N2Zz4=');
}




.ourys{ width:100%; margin:40px 0px;  background: #fff; padding:80px 0px; }
.ourys h2{ text-align:center; font-size: 50px;  font-weight: 500; color:#7fa373; text-transform: Uppercase;}
.ourys h2::after {
    content: ' ';
    display: block;
    margin: 0 auto;
    height: 1px;
    width: 100px;
    background: #f1f1f1;
    margin-top: 30px;
}
.ourys ul{ text-align: center; overflow:hidden}
.ourys ul li{ width:21%;float:left; padding:2%; color:#787878; font-size:18px; line-height:23px; padding-bottom:0px; }
.ourys ul li img{ width:80px; margin-bottom:20px; }




.page_about{ margin-top:116px; }

.page_about.page_aboutpc{ display:block }
.page_about.page_aboutapp{ display:none; }
.page_about .page_about_nr{ width:100%; overflow: hidden; width: 100%;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;  -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important;
    vertical-align: middle!important;}
.page_about .page_about_nr .page_about_nr_pic{ background: #7fa373; width:50%; max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%; }
.page_about .page_about_nr .page_about_nr_pic img{ width:100%; }
.page_about .page_about_nr .page_about_nr_txt{
    width: 30%;
    padding-left: 5%;
    padding-right: 15%;
    max-width: 30%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;}

.page_about .page_about_nr .page_about_nr_txt h2{    color: #555;
    width: 100%;
    margin-top: 0;
    margin-bottom: .5em;
    text-rendering: optimizeSpeed;
    font-size:25px;
    line-height:25px;}

.page_about .page_about_nr .page_about_nr_txt .miao{ font-size:16px; color: #777; line-height: 22px; }



.page_about .page_about_nr:nth-child(2n) .page_about_nr_txt{ text-align:right; padding-right: 5%;  padding-left: 15%;}




.gotop{ position: fixed; left: 100%; margin-left: -60px; width: 50px; height:auto; bottom:50px;     z-index: 50;  }
.gotop a{ display: block; padding:3px; background: #a6a6a6; border-radius: 50%; margin-bottom: 15px; width: 30px;}
.gotop a:hover{ background:#7fa373; }
.gotop a img{ display:block; width:100%;}




.compart {
    min-width: 1200px;
}
.registerPart {
    height: 160px;
    background-color: #f6f3f7;
}
.partCon {
    width:80%;
    margin: 0 auto; 
    max-width: 1400px;
}
.registerPart .partCon {
    height: 100%;
    perspective: 2000px;
}
.flipInX {
    -webkit-animation: flipInX 1s cubic-bezier(.65,0,.35,1);
    -moz-animation: flipInX 1s cubic-bezier(.65,0,.35,1);
    animation: flipInX 1s cubic-bezier(.65,0,.35,1);
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
}

.registerCon {
    height: 360px;
    position: relative;
    top: -180px;
    background-image: linear-gradient(125deg,#6b8962,#7fa373);
    border-radius: 15px 120px 15px 120px;
    display: flex;
    box-shadow: 0px 20px 40px rgba(136, 6, 4, 0.1);
}

.registerCon .registerHead {
    margin-right: 10%;
    margin-top: 100px;
    margin-left: 130px;
    width: 520px;
}

.registerHead .registerHeadCon {
    position: relative;
    padding-right: 14%;
}
.titBox {
    overflow: hidden;
}

.titBox.contactAdder{     margin-bottom: 10px;  color: #868686; }
.registerTitBox {
    margin-bottom: 40px;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.registerHead .registerTit {
    font-size: 40px;
    line-height: 46px;
    font-family: DisneyEnglish-Bold;
    font-weight: bold;
    color: #fff;
}
.registerHead .registerFt {
    font-size: 16px;
    color: #fff;
    font-family: DisneyEnglish-Bold;
}

.registerLine {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background: rgba(255,255,255,.3);
    height: 100%;
}

.subscribe{     margin-top: 104px; }
.subscribe .newsletter_int{border-radius: 20px;
    padding: 15px;
    width: 240px;
    font-size: 16px; font-family: DisneyEnglish-Medium; 
    border: 1px solid #f1f1f1; color:#fff; background:none }


.subscribe input::-webkit-input-placeholder{
           color: #e8e8e8;
        }
.subscribe input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color: #e8e8e8;
        }
.subscribe input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color: #e8e8e8;
        }
.subscribe input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
           color: #e8e8e8;
        }



.registerBtn {
    margin-top:25px;
    width: 240px;
    padding: 15px;
    border-radius: 56px;
    background-color: #fff;
    font-size: 18px;
    color: #7fa373;
    font-family: DisneyEnglish-Medium;
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.RegisterImg {
    width: 260px;
    height: 70px;
    position: absolute;
    bottom: 50px;
    right: 70px; 
}

.footerPart {
   padding-top: 80px;
    overflow: hidden;
    background: #f1f1f1;
}

.footerTop {
    display: flex;
    justify-content: space-between;
    margin-bottom: 106px;
}

.footerL {
    width:350px;
    display: flex;
    justify-content: space-between;
    line-height: 1;
}
.footerL dt {
    font-size: 16px;
    margin-bottom: 40px;
    color: #333;
}
.footerL dd {
    font-size: 14px;
    margin-bottom: 20px;
}
.footerL dd a {
    color: #aeacaf;
    transition: all .3s ease;
}

.footerContact {
    text-align: right;
    line-height: 1;
}
.contactNumBox {
    margin-bottom: 14px;
}
.footerContact .contactNum {
    color: #666;
    font-weight: bold;
    font-family: DisneyEnglish-Bold;
    font-size: 30px;
}
.footerContact .contactFt {
    font-family: DisneyEnglish-Bold;
    color: #999;
    font-size: 18px;
}

.footerBot {
    padding: 26px 0;
  
    display: flex;
    justify-content: space-between;
}

.copyRight {
    font-size: 13px;
    color: #a7a5a7;
    line-height: 1;
}
.copyRight a {
    color: #a7a5a7;
    transition: all .3s ease;
}
.footerIconBox {
    display: flex;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.footerIconBox a {
    margin-right: 20px;
    color: #7a787a;
    transition: all .3s ease;
}











.newsPart {
    padding-top:90px;
}


.partCon {
    width:80%;
    margin: 0 auto; 
    max-width: 1400px;
}
.newsHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: DisneyEnglish-Bold;
    line-height: 1;
}
.newsHead .newsTit {
    font-size: 46px;
    color: #333;
    margin-bottom: 30px;
    font-weight: bold;
}
.newsHead .newsSubTit {
    font-size: 18px;
    color: #6b6b6b;
    font-family: DisneyEnglish-Medium;
}
.newsBtnBox {
    height: 50px;
    display: flex;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.newsBtnBox>div {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    outline: 0;
    transition: all .3s ease;
    color: #acacac;
}
.icon-arrow-l:before {
    content: "\e62d";
}
.newsBtnBox>div::before {
    font-size: 22px;
    position: relative;
    z-index: 10;
}
.newsBtnBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-image: linear-gradient(125deg,#fd826e,#f6515f);
    opacity: 0;
    transition: all .3s ease;
}

.newsBtnBox>div:last-of-type {
    margin-right: 0;
}

#newsSwiper {
    height: 240px;
    margin-left: -20px;
    padding: 90px 20px 60px;
}
.newBoxImgBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 240px;
    opacity: 0;
    transition: all .3s ease;
    border-radius: 0 15px 0 15px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}
.newBoxImgMask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));
}
#newsSwiper .swiper-slide .newsBox {
    height: 100%;
    padding: 60px 50px 40px;
    box-sizing: border-box;
    box-shadow: 0 8px 20px rgba(0,0,0,.1);
    cursor: pointer;
    border-radius: 15px;
    overflow: hidden;
}
.newsFtBox {
    position: relative;
    height: 100%;
}
.newsFt {
    font-size: 15px;
    color: #646464;
    line-height: 26px;
    font-family: DisneyEnglish-Bold;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    position: absolute;
    top: 0;
    left: 0;
}
.newsTimeBox {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #999;
    line-height: 1;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    font-family: DisneyEnglish-Medium;
}
.icon-riqi:before {
    content: "\e613";
}
.newsBtnBox>div:hover {
    color: #fff;
    box-shadow: 0px 10px 25px rgba(136, 6, 4, 0.15);
}
.newsBtnBox>div:hover {
    color: #fff;
    box-shadow: 0px 10px 25px rgba(136, 6, 4, 0.15);
}
.newsBtnBox>div:hover .newsBtnBg {
    opacity: 1;
}
#newsSwiper .swiper-slide:hover .newsFt {
    margin-top: auto;
    top: 100%;
    transform: translateY(-100%);
    color: #fff;
}
#newsSwiper .swiper-slide:hover .newsTimeBox{
    bottom:-60px;
    opacity: 0;
}
#newsSwiper .swiper-slide:hover .newBoxImgBox {
    opacity: 1;
}



.quantity{     margin: 20px 0px; font-size: 20px;  }
.quantity span{ font-size:14px; display:block; text-transform: uppercase; line-height: 30px;  } 
.quantity div{    display: inline-block;}
.quantity input{background: #f1f1f1;
    text-align: center;
    padding: 10px 0px;
    font-size: 16px;
    width: 70px;}

.quantity i{ display: inline-block; text-align: center;  width: 20px; font-size: 18px; cursor:pointer}





.price { margin-top: 20px;}
.price span:nth-child(1){ font-size: 30px;
    line-height: 30px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;}
.price span:nth-child(2){ text-decoration: line-through;
    font-size: 15px;
    color: #8b8b8b;
    line-height: 30px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    margin-left:20px;}


.addcar .submit{display: block;
    padding: 15px 0px;
    background: #ffffff;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 20px;
    width: 270px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #000000;
    color: #000;}

.go_btn{ display:flex; }

.product-social{ text-transform: uppercase; }
.product-social .xt_skin_text{ font-size: 14px;
    display: block;
    text-transform: uppercase;
    line-height: 30px; }
.product-social a { 
    font-size: 17px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #f7f7f7;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
}
 
.product-social i {
    font-size: 20px;
    color: #333;
}

.fa-pinterest:before,.fa-twitter:before,.fa-youtube:before,.fa-facebook:before{ line-height:30px !important; }

.addcar .submit:hover{     background: #266ceb;
    color: #fff; border: 1px solid #266ceb;} 

.addcar .buynow{  display: block;
    padding: 15px 0px;
    margin-left: 40px;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 20px;
    width: 270px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #266ceb;
    color: #fff;
    background: #266ceb;}


.addcar.addcartwo-{position: fixed;
    top: 0;
    background: #fff;
    width: 60%;
    z-index: 10;
    left: 30%;     display: flex; top: 17px;
    overflow: hidden;
    height: 40px;}
    
    
.addcar.addcartwo- form{ display:flex}

.addcar.addcartwo- .price{     margin-right: 20px;     margin-top: 6px; }
.addcar.addcartwo- .color{margin-top: 0px;  margin-right: 20px;}
.addcar.addcartwo- .color li img { width: 30px; height: 30px;}
.addcar.addcartwo- .quantity{ margin: 0px;  font-size: 16px; margin-right: 20px;  margin-top: 5px; font-size:16px; margin-right: 20px;}
.addcar.addcartwo- .quantity input { background: #f1f1f1;text-align: center; padding: 8px 0px; font-size: 14px; width: 50px;}
.addcar.addcartwo- .submit{display: block;padding: 0px 0px; background: #7fa373;color: #fff; font-size: 15px;  margin-bottom:0px; width: 150px; text-align: center; cursor: pointer; margin-right: 20px; }
.addcar.addcartwo- .yamx{ padding:0; width: 190px; font-size:16px; line-height:40px; }


.yamx {display: inline-block;
    padding: 15px 0px;
    background: #7fa373;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    background: -webkit-gradient(linear,left top,left bottom,from(#f7dfa5),to(#f0c14b));
    background: linear-gradient(180deg,#f7dfa5,#f0c14b);
    border-color: #a88734 #9c7e31 #846a29; width:250px; text-align:center}



 
.color ul{ display:flex;}
.color li{    border: 1px solid #f1f1f1; padding: 2px; margin-right:10px; }
.color li.hover{ border:3px solid #7fa373;}

.color li img{ width:40px; height:40px;display:block }
.color li.hover img{ opacity:1; width:37px; height:37px;}


.fbfb ul li:nth-child(2) ul{ display:none; }
.country{position: absolute;
    background: #fff;
    width: 96%;
    height: 300px;
    border: 1px solid #f1f1f1;
    z-index: 100;
    overflow-y: scroll;
    /* border-top: 0; */
    margin-top: -1px;
    padding: 2%;}

.country li{ cursor:pointer;}
.fbfb .country li{     line-height: 40px; margin-bottom: 0;  font-size: 16px; }

.prodis{margin-top: 30px; border-top: 3px solid #f1f1f1; padding-top: 30px;}
.prodis h2{ text-transform: uppercase; font-size: 25px; margin-bottom: 30px; }
.pronrnr2{     font-size: 16px;  line-height: 180%; }
.pronrnr2 ul{ margin:15px 0px; margin-left: 20px;}
.pronrnr2 li{    list-style: disc;}

@media screen and (max-width:1400px){
	
	.banner .swiper01 img{ width:100%; }
	
}



.stars{background: #dbdbdb;
    width: 70px;
    height: 12px;
    position: relative; margin-bottom:15px;}
.stars .fraction{display: block;
    position: absolute;
    z-index: 4;
    background: #266ceb; 
    height: 100%;
    width: 70%;}


.stars i{position: absolute;
    left: 100%;
    line-height: 12px;
    margin-left: 10px;
    font-size: 12px;}

.stars .stars-img{     display: block;
    position: absolute;
    z-index: 5; }
.stars .stars-img img{ width: 100%; }






.PPT .search {
    border: 3px solid #d4d4d4;
    border-radius: 35px;
    overflow: hidden;
	width:540px; margin:0 auto;
}
.PPT .search .searchtwo {
    height: 62px;
    border: none;
    padding-left: 10px;
    background: #fff;
    width: 0px;
    float: left;
    width: 320px;
    background: #fff;
    font-size: 20px;
}
.PPT .search .submit {
    height: 62px;
    border: none;
    padding-right: 0px;
    background: url(../images/sousuo.png) 17px 17px no-repeat #fff;
    width: 60px;
    float: right;
    cursor: pointer;
    background-size: 30px;
}

.PPT.PPTthree{     min-height:auto; padding:150px 0px; }

.sj_nav{ display:none; }
 



	.hot h2{ text-align: center;
    font-weight: 400;
    font-size: 50px;
    margin: 20px 0px;
    font-family: DinCondensedBold,Century Gothic Std,Arial,sans-serif; text-transform: uppercase; }
	.hot_list{ width: 80%;
    margin: 0 auto; margin-top:8vh; }
	.hot_list.hot_list_nr{ width:100%; } 
	.hot_list.hot_list_nr.products_1_1{ max-width: none; } 
	.hot_list .title { overflow:hidden; padding: 6vh 0; }
	.hot_list .title h3{ font-size: 2rem; width:100%; display:block; text-align:center;
    line-height: 2.375rem;
    text-transform: uppercase;
    font-weight: 400;
    margin: 5px 0px; display:inline-block; font-family: DinCondensedBold,Century Gothic Std,Arial,sans-serif; }
	
	.hot_list .title a{ float: right;
    font-size: 1rem;
    line-height: 2.375rem;
    font-family: Century Gothic Std,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    margin: 5px 0px; }
	
	.hot_list ul li{ width: 23.5%;
    margin-right: 2%;
    float: left; }
	.hot_list ul li:nth-child(4n){ margin-right:0; }
	.hot_list ul li img{ width: 90%;
    display: block;
    margin: 0 auto;}
	.hot_list ul li:hover{ box-shadow: none; }
 
 
	.hot_list ul li i img{     display: inline-block;    vertical-align: bottom;  width: 18px;  margin-right: 0; }
	
	.hot_list ul li a:hover i{ background:#7fa373; }
	
	



.products_1{ margin-top:12vh; padding-bottom: 10vh; } 
.products_1.products_1_two{ margin-top:0; }

.products_1 h2 {
    text-align: center;
    font-size: 50px;
    margin: 20px 0px;
    margin-bottom: 0px;
	font-size: 46px;
	    color: #333;
	    margin-bottom: 30px;
	    font-weight: bold; font-family: DinCondensedBold,Century Gothic Std,Arial,sans-serif;
    text-transform: uppercase;
}
.products_1 .multiline-text {
    text-align: center; word-break: normal;
}
.products_1 .classimg {  margin-top: 30px; width: 100%;}
.products_1_1{ width:80%;  margin: 0 auto; max-width: 1400px; }

.search_ok.products_1_1{ width:100%; max-width: 100%; }
.search_ok.products_1_1 ul li{ width: 100%; margin-right:0;}
.search_ok.products_1_1 ul li:nth-child(4n){ margin-right:0; }
.search_ok.products_1_1 ul li:nth-child(3n){ margin-right:0; }
.search_ok.products_1_1 ul li img{width: 15%; float: left; }
.search_ok.products_1_1 ul li span{ line-height: 28px;
    width: 75%;
    margin-left: 5%;font-size: 16px; }
.search_ok.products_1_1 ul li p{width: 75%;
    margin-left: 5%;
    display: inline-block;}
.search_ok.products_1_1 ul li i{    padding: 6px 6px;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
    margin-left: 5%;width: 90px;}
.search_ok.products_1_1 ul li a i span {
    display: inline-block;
    width: auto;
}
 
.products_1 h3 {
    font-size:20px;
    text-transform: uppercase;
    font-weight: 400;
    margin:30px 0px;     margin-bottom: 15px;
}
.products_1 p{ margin-bottom: 30px;  font-size: 14px;   color: #909090; }
.products_1 ul {
    overflow: hidden;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.products_1 ul li {
    flex-basis: 22.91667%;  
}
.products_1 ul li img {
    width: 100%; display:block;
}
.products_1 ul li span {
    font-size:15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; color: #6b6b6b;
}

.product_right .products_1_1{ width:100%;max-width: none; margin-top: 5vh; }

.products_1_1 ul li{ width: 45%;
    margin-right: 8%;
    float: left;
    box-sizing: border-box;

    margin-bottom: 3vh;}
    

    
	.products_1_1 ul li:nth-child(2n){ margin-right:0; }
	.products_1_1 ul li .img{     background: #f1f1f1; border-radius: 10px;}
	.products_1_1 ul li img{ width:100%;
    display: block;
    margin: 0 auto;}
	.products_1_1 ul li:hover{ box-shadow: none; }
	.products_1_1 ul li span{ font-weight: 100; font-size: 12px;   background-position: 0px center;  background-repeat: no-repeat;   background-size: 16px;    color: #606060;   display: inline-block; color:#000; font-weight: bold; line-height: 50px;   width: 100%; text-transform: capitalize;  font-size: 18px;
    font-family: Century Gothic Std Bold; }
	
	
	.products_1_1 ul li p { font-weight: 500;
    font-size: 1.5vh;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 auto; }
	.products_1_1 ul li i{display: block;
    width: 120px;
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    font-size: 18px;
    margin: 0 auto;
    margin-top: 0;}
	.products_1_1 ul li i img{     display: inline-block;    vertical-align: bottom;  width: 18px;  margin-right: 0; }
	
	.products_1_1 ul li a:hover i{   }
	.products_1_1 ul li a:hover i span{   }
	.products_1_1 ul li a i span{ display:inline-block; width:auto; vertical-align: sub;}
	
	
	
	
	
	.products_1_1.products_1_two ul li{ width: 22%;  margin-right: 4%; margin-bottom:5vh; }
	.products_1_1.products_1_two ul li:nth-child(2n){ margin-right: 4%; }
	.products_1_1.products_1_two ul li:nth-child(4n){ margin-right:0; }
	
	
	
	.js-drawer-open{ overflow: hidden; }
	
	.load.fa-circle-o-notch{ text-align: center; font-size: 14px;  width: 20px;  margin: 0 auto;  margin-top: 8vh; animation: zhuang .5s infinite; }
	
	@keyframes zhuang{
	    0%{transform: rotate(0deg);}
	    100%{transform: rotate(360deg);}
	}
	
	
.enter{ position: fixed; 
    top: 0;
    width: 100%;
    left: 0;
    height: 100vh;
    padding-top: 0; display:flex;
    box-sizing: border-box;  opacity:0;   -webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;transition:all 0.5s ease-in; z-index:-10; }

.enter_hide{ 
	background-color: rgb(0 0 0 / 29%);
    height: 100%;
    flex: 1;
    width: 40%; }
	
.enter.hover{ opacity:1; z-index:100; }

.enter form{ overflow-y: auto;
    overflow-x: hidden; width:40%; flex:1;
    height: 100vh;
    background: #fff;
    padding: 30px; position: relative;
    padding-top: 100px; }


.enter form button{ float: left;  background: none;  font-size: 16px;  height: 30px;}

.enter form .txt{ float: right;  width: calc(100% - 30px);  height: 30px; }

.enter form  .line{    clear: both;  border-bottom: 1px solid #000;   margin-top: 20px; }

.enter i.close{ display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 30px;
    left: calc(50% - 13px); }
.enter i.close::after {
	height: 1px;
	    width: 100%;
	    animation: none;
	    content: "";
	    width: 100%;
	    transform: rotate(45deg);
	    margin-top: -1px;
	    background: #000;
	    display: block;
	    position: absolute; cursor: pointer; -webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;transition:all 0.5s ease-in;
	    top: 50%;
}


.enter i.close::before {
	height: 1px;
	    width: 100%;
	    animation: none;
	    content: "";
	    transform: rotate(-45deg);
	    margin-top: 0;
	    background: #000;
	    display: block;
	    position: absolute; cursor: pointer; -webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;transition:all 0.5s ease-in;
	    top: 50%;
}

.enter i.close:hover::before{transform: rotate(45deg); }
.enter i.close:hover::after{transform: rotate(-45deg); }

.enter .test{ float: left;  padding-top: 9px;  padding-bottom: 9px; }







.hot_pro{ overflow: hidden; }
.hot_pro .left{ float: left;   width: 48%;  display: block; }
.hot_pro .right{ display: block;  float: right;  width: 48%; }

.products_1_1 ul.left li{ width:100%; margin-bottom:0; }

.products_1_1 ul li img{ width: 100%;
    display: block;
    margin: 0 auto;
    mix-blend-mode: darken;}

.products_1_1 ul.left li img{ width:100%; }
.products_1_1 ul li .txt{ text-align: center; }
.products_1_1 ul.right li{ margin-bottom:5vh; }

.products_1_1 ul li:hover{  }

.products_1_1 ul.right li:nth-child(3),.products_1_1 ul.right li:nth-child(4){ margin-bottom:0;}

.products_1_1 ul.new_list_pro{ display:block; }
.products_1_1 ul.new_list_pro li{ width: 22%;  margin-right: 4%; }
.products_1_1 ul.new_list_pro li:nth-child(2n){ margin-right:none; }
.products_1_1 ul.new_list_pro li:nth-child(4n){ margin-right:0; }


@media screen and (max-width: 640px){
	
	.header .nav{ width:100%; }
	.nav {
    position: fixed;
    background: rgba(0,0,0,0.39);
    width: 100%;
    height: 2000px;
    margin-top: 0px;
    display: none;
    top: 0;
    left: 0;
	top: 66px;
}
	.header .nav li.app_nav{display:block; }
	.header{  padding:10px 0;  }
	
	.header  .nav li {
    width:100%;
    float: none;
    margin-right: 50%;
    background: #fff;
    text-align: center;
    margin-left: 0;
}
	.header .nav li:nth-child(9){ height:540px; }
	.header .nav li a {
    text-transform: uppercase;     font-weight: 500;
}
	
	.header .logo{ box-shadow:none; width:25%; top:6px; padding-bottom:0px; position:relative; text-align:left; margin-left: 27%;}
	
	.header .logo img	{ height:17px; width:auto; }
	.header.twoon .logo a, .header.on .logo a, .header.nron .logo a{ background-size: 100%; }
.header .sj_nav {
    display: block;
        width: 23px;
        padding-top: 8px;
        padding-bottom: 10px;
        float: left;
        margin-top: 9px;
        position: relative;
        margin-bottom: 5px;
		position:relative;
}
    

.header .sj_nav::before, .header .sj_nav::after { content: ""; display: block;  height:1px; width: 100%; background: #000;}
	
	.header .sj_nav.closea::before {
	    animation: none;
	    transform: rotate(-45deg);
	    margin-top: 7px;
	}
	.header .sj_nav.closea::after {
	    animation: none;
	    width:100%;
	    transform: rotate(45deg);
	    margin-top: -6px;
	}
	.service{ margin-top:3px;     overflow: hidden; }
	
	.header .sj_nav::before {
    margin-bottom: 5px;
}

.header .sj_nav.closea span{ opacity:0; }


.header .sj_nav.closea:hover::before{ transform: rotate(45deg); } 
.header .sj_nav.closea:hover::after{ transform: rotate(-45deg); } 

.enter form{ width:60%; margin-left: 60%; }

.header .sj_nav::before{ margin-bottom:5px; -moz-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
				-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
				-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
				transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
				
				-webkit-animation: line1Before 1.5s infinite alternate; 
				animation: line1Before 1.5s infinite alternate; }
		
			.header .sj_nav::after{
				
				-o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
				-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
				transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
				
				-webkit-animation: line1after 2s infinite alternate; 
				animation: line1after 2s infinite alternate;
				
			}
			
			
			@keyframes line1Before
				{
					from {width:50%;}
					to {width:85%;}
				}
			@keyframes line1after
				{
					from {width:10%;}
					to {width:80%;}
				}
		
			
			
			.header .sj_nav::after{ width:75%; background: #000; margin-top: 4px; }
			.header .sj_nav span{ display:block; position:absolute; width:100%; height:1px; background:#000; bottom:5px; -o-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
				-webkit-transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
				transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); 
				
				-webkit-animation: line1span 1.8s infinite alternate; 
				animation: line1span 1.8s infinite alternate; }
			
			@keyframes line1span
				{
					from {width:30%;}
					to {width:100%;}
				}
				
				
				
				
	
	.header.twoon .top_b{   }
	.header .top_b a img{ width: 20px; }
	.header .top_b a span{display: block; line-height: 20px;    color: #7fa373; font-weight: bold; }
	.header .top_b a { margin-left:10px;font-family: Montserrat,Arial,Helvetica,sans-serif;display: block;float: left; padding: 15px 5px;}
	.header .top_b a:nth-child(1){ margin-left:0px; }
	
	.header .sj_nav::before, .header .sj_nav::after { content: ""; display: block;  height:1px; width: 100%; background: #000;}
	
	.service{ margin-top:3px;     overflow: hidden; }
	
	.header .sj_nav::before {
    margin-bottom: 5px;
}
	.topcen{min-width:auto; overflow: hidden; width: 90%; }
	.top { height: 38px;line-height: 38px;}
	.top .top_a{width:38%; }
	.top .top_b{ width: 162px;}
	.top .top_b img {height:21px; margin-left: 5px; margin-top: 8px;}
	.top .top_a img {width: 20px; margin-top: 6px; }
	.top .top_a a{ margin-right: 10px; }

	.top a{ margin-left:10px; }
	.banner  .swiper01 img {
   position: relative;
    left: 0;
    margin-left: 0;
    width:100%; 
}
	.banner .swiper01 .txt{ z-index: 5; top: 38%; z-index: 5;
    top:29%;
    width: 80%;
    margin-left: 10%;
    left: auto; }
	.banner .swiper01 .txt h2{ font-size:18px; }
	.banner .swiper01 .txt p{ font-size: 14px;   margin-top: 4px; }

	
	
	
	
	
	.inspired{     margin-bottom: 20px; }
	.banner {  margin-top: 0;
    padding-top: 66px;
    overflow: initial;}
	
	
	
	
	
	
	.service .swiper03{ min-width:auto; width:96%; padding-bottom: 50px; }
	
	
	.pr_nav{ display:none;}
	.app_pro .pr_nav{ display:block; float:none; width: 1640px; }
	 
	
	.products{ width:100%; min-width:100%; margin-bottom: 15px; margin-top: 30px; }
	
	.enquiry_list{ width:96%;     margin-bottom: 50px;     margin-top: 100px; }
	
	.enquiry_list h1{ font-size:17px; }
	 
	.w-mid{ width:96%; }
	.news .col-md-5,.news .col-md-6{     width: 100%; }
	.title-style1 .title{ font-size:25px; }
	.mt-big{ margin-top:30px; }
	.news-header-wrap .mt-big{ text-align:right}
	.news .news-list>li{     padding:10px 10px; }
	
	.news .news-list .date{ top: 11px; right:0px; width: 75px; }
	.news .content .info .des{     padding-top:10px; font-size:14px;     height: 48px;
    overflow: hidden; }
	
	.news .news-list .info{ padding-right: 85px; }
	.footer .wrap{ margin-top:0px; }
	.footer .bottom-nav{ display:none; }
	.footer .message{ float:none; display:block}
	
	img.fl{ float:none }
	.footer{ padding-top:15px; padding-bottom:15px; }
	
	.swiper03 .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px; }
	
	
	.about{ width:96%;     margin-top: 0px; margin-bottom:30px; }
	.aboutbig{  padding:30px 0px; }
	.about video{ width:100%;float:none; margin-bottom:15px; }
	.about .video_a_1{ width:100%; float:none;     text-align: center; }
	.about h2{     margin-bottom: 0px;  }
	.video_a_1 p{     margin:20px 0px 20px; font-family: 'D Din';     line-height: 20px; }
	
	
	.video_a_1 span::after{ margin-left: -60px; left: 50%; }
	.video_a_1 span::before{  left: 50%; }
	.about .video_a_1 span{ padding-bottom: 15px;  margin-top: 7px; }
	.about a{  display: block; width: 50px; margin: 0 auto; }
	
	.service h2,.inspired h2,.products h2{ font-size:20px; font-weight: bold; }
	
	
	.app_pro {
		display: block;
		width: 96%;
		margin-left: 2%;
		overflow-x: scroll;
		margin-bottom: 20px;
		position: relative; margin-top:20px;
	}
	.service h2::after,.products h2::after { margin-top: 20px; }
	
	 
	.products{ position:relative; }
	 
	.textmiao{ width:96%; font-size: 14px; margin:0 auto; margin-top:10px;     font-family: 'D Din'; }
	 
	.nav li:last-child { height: 100%;}
	
	.service .swiper02{ min-width:auto; padding-bottom: 30px; }
	.service .swiper-slide{ width:75%; }
	.swiper01  .swiper-slide{ overflow:hidden}
	.service .swiper02 p{ display:none; }
	.banner .pagedown{ display:none; }
	
	.about{ min-width:auto;padding: 30px 0px;
    background-position: top right; width:100%; }
	.about .about_1{ width:100% }
	.about .about_1 h3{ padding-top: 0px; font-size:18px;     margin-bottom:15px; }
	.about .about_1 h2{ font-size:22px; }
	.about .about_1 h2::after{ margin-top:15px; margin-bottom:15px; }
	.about .about_1 h4{ font-size:18px; margin-bottom: 15px; }
	.about .about_a .video::after {
    width: 90px;
    height: 90px;
    margin-left: -45px;
    margin-top: -45px;
    background-size: 100%;
}

	.about .about_a .video_a_1 span{ font-size:12px;     padding-bottom:20px;
    margin-top:10px; }
	.about .about_a .video_a_1 h2{ font-size: 20px;
    font-weight: bold; }
	.about .about_2{ width:100%; }
	.about .about_2 img{ width:100%; margin-top:10px; margin-bottom:10px; } 
	.about .more a{ width:100%; }
	.inspired h2::after{ margin-top: 15px; }
	.about .about_a .video {
    width: 100%;
    height: auto;}
	.about .about_a .video_a_1 {
    width: 100%;
    margin-top: 30px;
}
	.designsGrid{width:96%; }
	.designsGrid--six .designsGrid__col--left{ padding-right:0px; }
	.designsGrid__item--left{ padding-right:5px; padding-bottom:5px; }
	.designsGrid__item--right{ padding-left:5px; padding-bottom:5px; }
	.designsGrid__item--bottom{     padding-top:5px; }
	
	.designsGrid--six .designsGrid__col--right{ padding-left:0px; margin-top:10px; }
	.designsGrid__item--top{ padding-bottom:5px; }
	.more_pro {padding:10px;margin-top: 0px; background: url(../images/111.jpg) no-repeat -6px -160px #f1f1f3; background-size: 650px; padding-top: 230px;}
	.news_list{ width:96%;     margin-top:0px; margin-bottom:20px; min-height:300px; }
	
	.newBody{ margin-top: 30px; }
	.news_list li{ width:100%;     padding:10px 0px; margin-bottom: 0;  }
	.news_list li img{ width:100px; height:100px; }
	.news_list li h3{ line-height:30px; font-size:16px; }
	.news_list li p{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 23px;}
	
	.pr_nav_list{ display:none }
	.app_pro .pr_nav_list{ display:block; width: 1490px; }
	.app_pro .pr_nav_list dd{ float:left; font-size: 14px; }
	
	.container-wrap{ min-width:96%; }
	
	.probox .app_pro {width:100%; margin-left:0px; margin-top:0px; }
	.probox .app_pro .pr_nav_list{     margin-top:0px; }
	.probox dl dd {line-height: 40px;}
	
	
	.page_ms .page_ms_text{ height:300px; overflow:hidden; position:relative }
	.page_ms .page_ms_text .app_more{ display:block;
    position: absolute;
    bottom: 0px;
    height: 34px;
    text-align: center;
    display: block;
    line-height: 50px;
    width: 100%;
    font-size:20px;
    color: #990000;
	
	
		background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.36),rgba(255, 255, 255,1));
	
	}
	
	.page_ms .page_ms_text .app_more img{    vertical-align: middle; width: 10px;  margin-left: 10px;}
	
	
	
	.probox .pr_nr{ width:100%; margin-top:10px; padding:0px; } 
	.probox .pr_nr .pr_nr_text img{ max-width:100%; } 
	.probox .pr_nr .pr_nr_text li {list-style-type:disc;     margin-left: 20px;}
	.probox .pr_nr h1{     margin-bottom:15px; font-size:20px; }
	.probox .pr_nr .time { font-size:18px; padding-bottom:15px; margin-bottom:0px;}
	
	.probox .pr_nr table td{ font-size:12px; border: #ccc solid 1px !important;  }
	

	.header .search .search_1{ display:none; }
	
	.swiper02 .swiper-pagination-bullet{ width: 5px;
    height: 5px;
    border-radius: 50%; }
	.designsGrid--six .designsGrid__col{ width:100%; float:none }
	.designsGrid--six .designsGrid__col--right{ float:none; width:100%; }
	.bottom p{ font-size:16px; width:80%; margin:0 auto; line-height:22px; font-family: 'D Din'; }
	.bottom{    padding:30px 0px;     height: 89px; margin-top:20px; }
	.button--arrow {
		padding: 10px 25px 10px 20px;
		background-image: url(../images/right-arrow-white.svg);
		background-size: 12px;
		background-attachment: scroll;
		background-position:93% 50%;
		background-repeat: no-repeat;
		margin-top:10px;
	}
	.footer{ padding:0px; }
	
	
	.pro1 .swiper03, .pro1 .swiper04{ width:100%; padding-left:0; padding-right:0; }
	
	.pro1 .swiper-slide {
    width:40%;
}
	.pro1{     padding: 30px 0px; }
	.pro1 .swiper-button-prev {
    height: 40px;
    top:45%;
    background-color: #f1f1f1;
    left: 0px;
    width: 40px;
    margin-top: 0px;
    border-radius: 50%;
}
	.pro1 .swiper-button-next {
    height: 40px;
    top:45%;
    background-color: #f1f1f1;
    right: 0px;
     width: 40px;
    margin-top: 0px;
		 border-radius: 50%;
}
	.pro1 .swiper-slide span {
    display: block;
    font-size: 14px;
    line-height: 18px;
		font-family: 'D Din';
}
	.pro1 h2{ width:96%;     font-size: 16px;}
	.pro1 .textmiao{ width:96%;     margin-bottom:10px;
    margin-top:10px;     line-height: 20px; }
	
	.pro1 .textmiao::before {
    content: '';
    display: inline-block;
    height: 3px;
    width: 30px;
    background: #000;
    margin-right: 15px;
}
	
	.header-search .search-input{ width:150px;     font-size: 12px;     height: 35px; }
	.header .search{ float:left; width:60%; margin-left:10px;  height: auto;}
	.header-search{ float:none; }
	.header-search .search-submit{ height: 35px;line-height: 35px; width: 35px;     background-size: 15px; }
	
	.video_fd .video_nr {
    width: 90%;
    margin-left: 5%;
    left: 0;
    top: 30%;
}
	.video_fd .video_nr video {
    width: 100%;
    padding: 3px;
}
	.footer-info .column video{ width:95% }
	.footer__btm{ overflow-x: scroll; }
	.container { width: 96%; padding: 4% 2%;}
	.footer-info{ padding:0px; }
	.large-3 {width:50%; margin-bottom:15px;}
	.footer-info-list a{ font-size:14px; }
	.footer-info-list li{ padding:0px; }
	.footer-info-list li span{ font-size:14px; }
	.column+.column:last-child, .column+.columns:last-child, .columns+.column:last-child, .columns+.columns:last-child { float: left;}
	.footer-info .column.find .footer-info-list,.footer-info .column.find .footer-info-heading.findtitle{ display:none; }
	.nr_banner { margin-top:66px; margin-bottom:10px;     background: #7fa373 }
	.postion a,.postion{ font-size:12px; }
	.navdh{     margin-top: 60px; width: 90%; opacity: 0.5; }
	.navdh .right span{ font-size:12px; }
	.navdh .right img {	width:14px;}
	
	.porduct{min-width:auto;     width:100%; margin-top:0px; display:block; } 
	
	.porduct .product_left{ width:100%;     overflow-x: scroll; border:none; border-bottom: 1px solid #f1f1f1; height: auto;
    min-height: auto !important; }
	.porduct .product_left .one{ overflow:hidden; width:900px; padding:0px; }
	.porduct .product_left h2{ display:none; }
	.porduct .product_left .one li{ float:left; margin-right:15px; position:relative; padding-left:20px; }
	.porduct .product_left .one li::before{ content:''; display:block; position: absolute; left: 0px; height:10px; width:1px;  background: #bcbcbc;
    top: 14px;}
	
	.porduct .product_left .one li:first-child{ padding-left:0px; }
	.porduct .product_left .one li:first-child::before{ display:none; }
	
	.custom{ width:96%; }
	.custom h1{ font-size:22px; }
	
	.erj::after{ display:none;  }
	
	.PPT{ width:96%;    margin-top:30px; margin-bottom:30px; }
	.PPT .h2{ font-size:20px;line-height: 22px; }
	.PPT .h2::before{ font-size:12px; }
	
	.PPT .miaoshu {font-family: 'D Din'!important;}
	
	
	.dhdh{ overflow-x:scroll; margin:20px 0px;}
	.PPT .lm {width: 130%;margin-top:0px;  margin-bottom:0px; }
	.PPT .lm li{ margin-top:0px; }
	.PPT .lm li a{    padding:30px 0px; font-size:16px; }
	.PPT .pptlist{ margin-top:0px; }
	.PPT .pptlist li{width:100%;     margin-bottom:0px; }
	
	.nr_banner h3{ font-size:20px; }
	.nr_banner.nr_bannertwo p{ font-size:14px; width:90%; margin-left:5%; left:0px;     line-height: 20px; }
	
	.nr_banner img{width: 230%; margin-left:-360px; left: 0;  margin-top: 20px;}
	
	
	.navdh.navdhtwo{ margin-top: 0px; }
	
	.contact{ width:96%;margin-top:20px; margin-bottom:20px; }
	
	.contact .contact_left{ float:none;width:100%; margin-bottom:20px; }
	.contact .contact_left h4{ font-size:20px; line-height: 26px; } 
	.contact .contact_right{ float:none;width:100%; }
	.contact .contact_left h4::after { margin-top:10px;  margin-bottom:10px;}
	.contact .contact_left p { margin-top:20px; line-height: 20px; color: #666; width: 100%; font-size: 14px;}
	
	.lead-form-wrapper__text{font-family: 'D Din'!important;}
	.lead-form-wrapper{ padding:30px; }
	.porduct .product_left.product_lefttwo h2{ display:block; display: block;
    padding: 0px;
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;}
	.porduct .product_left.product_lefttwo .one{width:90%; margin:0 auto; margin-top:15px; }
	.porduct .product_left.product_lefttwo .one li{ float:none; padding-left: 0px;  margin-right: 0px;}

	.porduct .product_left.product_lefttwo .one li::before{display:block}
	.porduct .product_left.product_lefttwo {
		display: block;
		position: fixed;
		z-index: 24;
		top: 0;
		background: #fff;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		left:-100%;
	}
	
	
	.porduct .close {
		display: block;
		background: url(../images/close.png) center center no-repeat;
		background-size: 70%;
		width: 30px;
		height: 30px;
		margin: 0 auto;
		position: fixed;
		z-index: 24;
		top: 12px;
		left: 90%;
		display: none;
	}
	
	.allproducts {
    display: block;
    position: fixed;
    bottom: -70px;
    background: #fff;
    text-align: center;
    padding: 10px;
    height: 100px;
    font-size: 12px;
    width: 100px;
    border-radius: 50%;
    line-height: 50px;
    -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    left: 50%;
    margin-left: -60px;
    background: url(../images/jts.png) no-repeat center 10px #7fa373;
	z-index: 5; 
	color:#fff;
}
	
	
	
	.faq_list ul li{ width:96%;float:none; }
	.faq_list ul{ column-count: 1;
    -moz-column-count:1;
    -webkit-column-count: 1;
    column-count: 1; }
	.faq_list h2{ font-size:16px; margin-bottom: 10px; }
	.faq_list { width: 96%;  margin-top:20px; margin-bottom: 20px;}
	
	.nr_banner.nr_bannerfree{ display:none; }
	
	.porduct .product_right.product_righttwo{ margin-top:80px; }
	.porduct .product_right .title{ font-size:20px; }
	
	.free{ margin-top:30px; }
	.product_righttwo .freelist{ width:94%; margin-right:0px; margin-bottom:10px; }
	#imgbox{ float:none; width:100%; text-align:center}
	#imgbox img {
    width: 180px;
    position:static;
    top:50%;
    margin-top:0px;
}
	.text_mo{ float:none;width:100%; margin-left:0; }
	.text_mo h2{ font-size:16px;}
	.gotu { margin-top: 10px; }
	.text_mo .text_nr{height:auto; }
	
	.product_left.product_leftnews{display:none; }
	
	
	.nr_banner h2 { padding-left: 0; width: 80%;font-size: 25px; left: 10%; text-align: center;}
	.nr_banner p{ width:80%; left:10%; padding-left:0px; text-align: center; font-size:15px; line-height:23px;}
	
	.porduct .product_right{ width:90%; margin-top:10px; margin: 0 auto; float: none;}
	.porduct .product_right .textmiao{ width:100%;}

	.porduct .product_right .product_list{ margin-top:20px; }
	.porduct .product_right .product_list li{width: 49%; margin-right: 2%; margin-bottom:10px;}
	.porduct .product_right .product_list li:nth-child(2n){ margin-right:0px; }
	.porduct .product_right .product_list li span{     background-size: 14px; font-size: 12px; padding-left: 15px;}
	
	

	.navdh.navdhthe{ margin-top:18px; }
	.navdh.navdhfour{ margin-top:0px; }
	.products_nr .pic{ width:100%; max-width:100% }
	.products_nr .text_pro{ width:90%; margin-top:3vh; }
	.products_pic .gallery-thumbs{ display:none; } 
	.products_pic .gallery-top{ width:100%; }
	
	.xgpro{ border-bottom:4px solid #f1f1f1; border-top:4px solid #f1f1f1; padding:10px 0px; }
	.xgpro h2{ font-size:16px; }
	.app_protwo{overflow-x:scroll; }
	.xgpro ul{ width:130%; }
	.xgpro li img{ margin-bottom:5px; }
	.xgpro li a span{text-align:center; display: block; }
	.text_pro h1{ line-height: 170%; }
	
	.products_nr .button{ position: fixed;
    bottom: 0px;
    background: #f1f1f1;
    width: 100%; left: 0; padding:10px 10px; z-index: 5; }
	
	.products_nr .button a{ width: 30%; font-weight: 500;  height: 35px;     font-size: 13px;   line-height: 35px; }
	
	.allproducts.allproductstwo{width: 30%;
    color: #7fa373;
    left: 70%;
    margin-left: 0px;
    background: url(../images/jtstwo.png) no-repeat center 10px #fff;
    padding: 10px 0px;
    -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0);
    box-shadow: 7px 9px 44px 13px rgba(0, 0, 0, 0);
    bottom: -66px;
    -webkit-box-shadow: 0 4px 30px rgba(0,0,0,.15);
    box-shadow: 0 4px 30px rgba(0,0,0,.15);}
	
	.lyly{ margin-top:20px; padding-top: 20px; margin-bottom: 20px; }
	.PPT .miaoshu{ width:90%; }
	.Newsletter{width:90%; text-align: center}
	.Newsletter .newsletter_int{ margin-top:10px; width:80% }
	
	
	.footer-info p{ font-size:16px; }
	.customerssays { width:96%; margin-bottom:30px; margin-top:30px; }
	.customerssays h2{ font-size:20px;     font-weight: bold; }
	.customerssays .swiper-slide { padding: 0px; width:100% !important;}
	.customerssays .swiper-button-next,.customerssays .swiper-button-prev{ display:none; }
	.customerssays h2::after{  margin-top:15px; }
	.customerssays .textmiao{ margin-bottom: 10px; }
	
	
	.service .swiper02 h3 {font-size: 14px;
    left: 10px;
    letter-spacing: 1px;
    top: 29%;
    line-height: 17px;
    width: 60%;}
	
	.service .swiper02 a::after{ display:none; }
	
	.findapp{ display:block}
	
	.ourys{ margin:20px 0px;     padding:40px 0px; }
	.ourys h2{ font-size: 20px;  font-weight: bold; margin-bottom:20px; }
	.ourys ul li{ width:46%;     font-size:12px; line-height: 17px; margin-bottom:20px; }
	.ourys h2::after{ margin-top: 15px; }
	.ourys ul li img{ width:60px; height:60px; margin-bottom: 10px; }
	
	
	.page_about .page_about_nr .page_about_nr_pic{ width: 100%; max-width: 100%; flex-basis: 100%; }
	.page_about .page_about_nr .page_about_nr_txt,.page_about .page_about_nr:nth-child(2n) .page_about_nr_txt{ width: 100%; max-width: 100%; flex-basis: 100%; padding: 10px 2%;     text-align: center; }
	.page_about { margin-top:83px; }
	.page_about.page_aboutpc{ display:none; }
	.page_about.page_aboutapp{ display:block;}
	.page_about .page_about_nr .page_about_nr_txt .miao{ font-size:14px; }
	.page_about .page_about_nr .page_about_nr_txt h2{ font-size:20px; }
	
	
	.banner .swiper-pagination{ }
	.pronrnr img{ max-width:100%; height:auto !important; }
	
	.gotop a{ width:25px;     padding:4px; }
	.products_pic .gallery-thumbs .swiper-slide{ height:auto; }
	.tags a{ font-size:12px; }
	
	
	.pronrnr table{ width:100% !important; }
	
}

















.globalPart {
    padding: 100px 0;
}

.partCon {
    
}
.partHead {
    margin-bottom: 90px;
    text-align: center;
}
.partTit {
    line-height: 1;
    font-size: 50px;
    color: #333;
    font-weight: bold;
    line-height: 60px;
}
.globakImgBox {
    width: 80%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.globakImgBox img {
    width: 100%;
}
.mapCircleBox {
    position: absolute;
    cursor: pointer;
    opacity: 0;
}
.russiaCircle {
    top: 21%;
    left: 71%;
}
.mapCircleBox.active {
    -webkit-animation: fadeInUp .3s cubic-bezier(0, 0.76, 0.35, 1.17) forwards .3s;
    -moz-animation: fadeInUp .3s cubic-bezier(0, 0.76, 0.35, 1.17) forwards .3s;
    animation: fadeInUp .3s cubic-bezier(0, 0.76, 0.35, 1.17) forwards .3s;
}
.mapCircleBox.rightCircle {
    display: flex;
    align-items: center;
}
.mapCircleLarge {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    margin-bottom: 6px;
    position: relative;
}
.mapCircleBox.rightCircle .mapCircleLarge {
    margin: 0 6px 0 0;
}
.mapCircleLarge::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff4d4a;
    border-radius: 50%;
}
.mapCircleBox:hover .mapCircleLarge::before {
    animation: hovScale 1s infinite;
}
@keyframes hovScale {
	0% {
        transform: scale(1);
        opacity: 1;
	}

	100% {
        transform: scale(2);
        opacity: 0;
    }
    
}
.mapCircle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #ff4d4a;
    border-radius: 50%;
}
.mapCircleInner {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
}
.mapCircleFt {
    line-height: 1;
    font-size: 12px;
    color: #666;
    text-align: center;
}

.canadaCircle {
    top: 32%;
    left: 18%;
}
.ukCircle {
    top: 30.4%;
    left: 46%;
}
.franceCircle {
    top: 34.8%;
    left: 46.6%;
}
.uaeCircle {
    top: 49%;
    left: 58%;
}
.thailandCircle {
    top: 52%;
    left: 71%;
}
.chinaCircle {
    top: 41%;
    left: 73%;
}
.malaysiaCircle {
    top: 58%;
    left: 72%;
}
.japanCircle {
    top: 40%;
    left: 81%;
}
.singaporeCircle {
    top: 61%;
    left: 67%;
}
.indonesiaCircle {
    top: 62%;
    left: 74.4%;
}

.pagemiao{    width: 1060px; margin: 0 auto;}


.bossBannerPart {
    height: 540px;
    background-color: #7fa373;
    background-image: url(../images/shadow.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

html {
    overflow-x: hidden;
}
.partCon {
   
}
.bossBannerCon {
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
}
.bossBannerL {
    margin-right: -8%;
    margin-bottom: 240px;
}
.bossBannerTitBox {
    margin-bottom: 10px;
}
.bossBannerTit {
    font-size: 30px;
    line-height: 1;
    font-family: DisneyEnglish-Medium;
    color: #fff;
}
.bossBannerMainTitBox {
    margin-bottom: 90px;
}
.bossBannerMainTit {
    font-size: 66px;
    line-height: 1;
    font-family: DisneyEnglish-Bold;
    color: #fff;
	font-weight: bold;
}
.radioBtn {
    position: absolute;
    top: 270px;
    left: 50%;
    width: 68px;
    height: 68px;
    background-image: linear-gradient(135deg,#fc7761,#f6515f);
    box-shadow: 0px 20px 40px rgba(136, 6, 4, 0.1);
    border-radius: 50%;
    cursor: pointer;
    color: #fff;
    line-height: 68px;
    text-align: center;
    font-size: 22px;
    text-indent: 2px;
}
.icon-bofang:before {
    content: "\e900";
}
.radioBtnInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.6);
    animation: spread3 1.6s linear infinite;
}
@keyframes spread3 {
	0% {
        transform: scale(1);
        opacity: 0.6;
	}
	100% {
        transform: scale(2);
        opacity: 0;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
 

 
.color ul{ display:flex;}
.color li{    border: 1px solid #f1f1f1; padding: 2px; margin-right:10px; }
.color li.hover{ border:3px solid #7fa373;}

.color li img{ width:40px; height:40px;display:block }
.color li.hover img{ opacity:1; width:37px; height:37px;}


.color dl{ overflow: hidden;}
.color dl dt{ font-weight: 500; }
.color dl dd.hover{ opacity:1; background:#266ceb; border: 1px solid #266ceb;}  
.color dl dd{ position: relative;
    float: left;
    width: auto;
    margin-right: 2%;
 
    border: 1px solid #d6d6d6;
    text-align: center;
    line-height: inherit;
    vertical-align: middle;
    min-height: 35px;
    display: grid;
    align-items: center;
    padding: 0 2vw;
    border-radius: 50%;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box; background:#f1f1f1; }

.color dl:nth-child(1) dd{  width:8%;   }
	
.color dl dd img{ width: 100%;
    height: auto;
    border-radius: 50%; }
    
.color dl dd.hover::after{ display: block;
     
    position: absolute;
    height: 10px;
    width: 5px;
    border-bottom: 2px solid #266ceb;
    border-right: 2px solid #266ceb;
    right: 18px;
    top: 16px;
    transform: rotate(45deg);
    background: #fff;
    z-index: 0; }
.color dl dd.hover::before{ display: block;
    
    position: absolute;
    border: 1px solid #7fa373;
    width: 100%;
    height: 100%;
    box-sizing: border-box; }
    
    

.porduct.newporduct { margin-top:200px; }
.porduct.newporduct .product_right{ width:100%; min-height:auto;  }

.porduct.newporduct .product_right .product_list{     float: right; width: 70%; margin-top:0px; }

.porduct.newporduct .product_right .title{ border:none; float: left; width: 20%; color: #7fa373; }



.porduct.newporduct .product_right .title span{ content:"01"; font-family: DisneyEnglish-Bold; font-size: 60px; display:block; color: #cceaeb; line-height: 1; }

.porduct.newporduct .product_right.product_right2 .title{ color:#000 }
.porduct.newporduct .product_right.product_right2 .title span{ color:#eeeeee }


@media screen and (max-width:416px){
	
	.products ul li{ margin-right: 2.5%; }

	
}



	.mei{ width:1000px; margin:auto; margin-top:50px; }
	.mei_nav{ display:flex; border-bottom:3px solid #7fa373; padding-bottom:20px; }
	.mei_nav li{ height:43px; width:42px; background:url(../images/meit.jpg) no-repeat; margin:0px 62px; position:relative; }
	.mei_nav li:nth-child(2){ background-position:-42px 0;}
	.mei_nav li:nth-child(3){ background-position:-84px 0;}
	.mei_nav li:nth-child(4){ background-position:-126px 0;}
	.mei_nav li:nth-child(5){ background-position:-168px 0;}
	.mei_nav li:nth-child(6){ background-position:-210px 0;}
	
	.mei_nav li.hover::after{content: " "; width: 0;  height: 0; border-left: 10px solid transparent;  border-right: 10px solid transparent; border-bottom: 10px solid #7fa373; position: absolute;  bottom: -20px; left: 10px;}
	
	.fbfb{ margin-top:30px; display:none; }
	.fbfb.youtobe{ display:block}
	.fbfb input[type='text'],.fbfb input[type='number'],.fbfb input[type='email']{ width:96%; padding:15px 2%; border-radius:8px; border:1px solid #f1f1f1; font-size:14px;}
	.fbfb li{ margin-bottom:20px; position: relative; }
	.fbfb li span{font-size: 12px; color: #7d7d7d;  display: block; line-height: 16px;  margin-bottom: 5px; }
	.fbfb .submit{ border-radius: 36px; box-sizing: border-box;  display: block; cursor: pointer; font-size: 14px; letter-spacing: 4.25px;  margin: 0 auto; padding: 22px 40px; text-transform: uppercase; transition: all 0.3s ease-in-out; text-align: center;  white-space: nowrap;  color: #f6f6f6;  background: #7fa373; font-weight: bold; border:none; }
	
	

.bdbd{ text-align: center; width: 200px; margin: 0 auto; height: 110px; margin-top: 50px;}
.bdbd span{     display: block;font-size: 20px; color: #7fa373; font-weight: bold; line-height: 24px;}

.bdbd span img{  width: 38px;  margin-top: 5px;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
.bdbd a:hover img{  margin-top:10px; }


.gcinfo{ position: absolute;
    top: 0;
    z-index: 9;
    right: 0;
    color: #fff; width:40%; height:100%; }

.gcinfo img{ display: block; }


.gcinfo h2{     position: absolute;
    top:42%;
    left: 15%;
    font-size: 1.8vw;
    font-weight: 500;  font-family: Century Gothic Std,Arial,sans-serif;}
    
    
.gcinfo h3{ position: absolute;
    top:48%;
    left: 15%;
    font-weight: 500;
    font-size: 1vw;  font-family: Century Gothic Std,Arial,sans-serif;}
    
    
.gcinfo .info{position: absolute;
    top:53%;
    left: 15%;
    width: 70%;
    font-size: 0.6vw;
    line-height: 160%;  font-family: Montserrat,Arial,Helvetica,sans-serif;}





.whatsapp {
    z-index: 2000000000;
    position: fixed;
    right:20px;
    bottom: 12px; text-align: center;
}

.whatsapp span{ 
    display: block;
    border-radius: 50%;
    padding: 8px;}

.whatsapp svg {
    cursor: pointer;
    width: 40px;
    height: 40px;
}

.whatsapp:hover ul{ display:block; }

.whatsapp ul{ display:none; }

.whatsapp li{ display:block; margin-bottom: 10px; }

.whatsapp a { display:block; }

.whatsapp img{ width: 55px;
    height: 55px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    border: 3px solid #ffffff; }






@media screen and (max-width:540px){
	
	.mei{ width:90%; margin:auto }
	.mei_nav li{     margin: 0px 10px; }
	.newsPart{ padding-top: 40px; }
	.newsHead .newsTit{ font-size:20px; margin-bottom: 10px; }
	.newsHead .newsSubTit{ font-size:14px; color: #b5b5b5; }
	.compart { min-width: auto;}
	.partCon{width:100%; min-width:auto;}
	.newsHead{ width: 96%; margin: 0 auto; }
	.newBody .swiper-slide{ width:75%; }
	#newsSwiper .swiper-slide .newsBox{  padding: 32px 20px 32px; }
	#newsSwiper { height: 140px;margin-left:0; padding: 20px 10px 40px;}
	.newBoxImgBox{height:140px;}
	.newsFt{ font-family: DisneyEnglish-Medium;  font-size: 12px;}
	
	.registerCon{ border-radius: 6px 24px 6px 24px;  width: 96%; margin: 0 auto; }
	.registerCon .registerHead {
     margin-right:0; 
     margin-top: 0; 
     margin-left:0; 
    width: 80%;
    margin: 0 auto;
    padding-top: 40px;}
	.registerTitBox {
    margin-bottom: 20px;
}
	.registerHead .registerTit {
    font-size: 20px;
    line-height: 26px;
    font-family: DisneyEnglish-Bold;
    font-weight: bold;
    color: #fff;
}
	.registerCon{ display:block; top: -140px;}
	.registerHead .registerFt {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-family: DisneyEnglish-Medium;
}
	.registerLine{ display:none}
	
	.registerBtn{ width: 150px;
    margin-left: 10%;
    margin-top: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 42px;
    text-align: center;
    line-height: 40px;
    font-size: 13px;
    font-family: DisneyEnglish-Medium; }
		
	.RegisterImg {
    width: 170px;
    height: 50px;
    position: absolute;
    bottom: 20px;
    right: 0px;
}
	.gotop{ display:none;}	
	.RegisterImg img{ width:100%; height:auto; }
	.footerContact .contactNum{ text-align:center; font-size:20px;}
	.footerContact .contactFt{text-align:center; font-size:13px;}
	.newsTimeBox{ font-size:12px; }
	.newsTimeBox .iconfont{ margin-right:5px; }
	.partCon.footerCon{ width:96%; margin:0 auto }
	.footerPart{ padding-top:30px; width:100%; }
	.footerTop { display:block; margin-bottom: 26px;}
	.footerL{ width:100%;     display: block; overflow:hidden; }
	.footerL dl{ width: 48%;
    float: left;
    margin-bottom: 16px;}
	.footerL dt{ font-size:14px; margin-bottom: 20px; }
	.footerL dd { font-size: 14px; margin-bottom: 13px;}
	.footerContact{ display:none; }
	.footerBot{ display: block;  text-align: center; }
	.copyRight{ margin-bottom: 15px; }
	.globalPart {padding: 50px 0;}
	.pagemiao{ width:90%; }
	
	.partTit{ font-size: 30px; }
	.globakImgBox{ width:100%; }
	.mapCircleInner{ width:4px; height:4px; }
	.mapCircleLarge { width: 8px;height: 8px;}
	.chinaCircle { top: 42%; left: 69%;}
	.chinaCircle .mapCircleLarge{  margin-bottom: 0px; }
	.thailandCircle {top: 51%; left: 72%;}
	.malaysiaCircle {top: 56%; left: 74%;}
	.singaporeCircle {top: 62%; left: 62%;}
	.singaporeCircle .mapCircleLarge{ float: right; }
	.singaporeCircle .mapCircleFt{     float: left; margin-right: 5px; }
	.indonesiaCircle { top: 64%; left: 71.4%;}
	
	.stars{  }
	.subscribe { width: 80%; margin: 0 auto;  margin-top: 20px;}
	.subscribe .newsletter_int { border-radius: 20px; padding: 10px 10%; width: 80%;}
	.registerBtn { width: 80%; padding: 4px 10%;     margin-left: 0; margin-top:20px;}
	.addcar .submit{ margin-bottom:10px;     width: 100%; font-size: 14px; }
	.yamx{ width: 100%; font-size: 14px; }
	.quantity div{display: inline-block;  background: #f1f1f1; border-radius: 7px;}
	.quantity i{ width:35px; }
	.quantity input{ width: 30px; }
	.prodis h2{ font-size:20px; }
	.pronrnr2 img{ max-width: 100%; height:auto !important }
	.messagethree input[type=text] {width: 27%;     margin-right: 3%;}
	.messagethree input[type=text]:nth-child(3){ margin-right:0; }
	.message textarea{ height:100px;}
	.lyly .xptj{width:100%;}
	
	
	.PPT .search{ width:85%; }
	.PPT .search .searchtwo{ width: 77%; }
	.PPT .search .submit{ height: 62px;
    border: none;
    padding-right: 0px;
    background: url(../images/sousuo.png) left center no-repeat #fff;
    width: 16%;
    float: right;
    cursor: pointer;
    background-size: 30px; }
	
	.bossBannerPart{ height:240px; }
	.bossBannerCon{ height: 300px; overflow:hidden}
	.bossBannerL{margin-bottom: 170px; position: relative; }
	.bossBannerL .bossBannerMainTitBox{ position: absolute; width: 300px; left: 20px;     top: 40px; }
	.bossBannerImgBox img{width: 70%;  margin-left: 29%;}
	.bossBannerMainTit {font-size:20px;}
	.bossBannerL  .bossBannerTitBox{position: absolute;  width: 300px;  left: 20px;}
	
	
	.porduct.newporduct{ margin-top: 60px; }
	.porduct.newporduct .product_right .title{ float:none; width: 100%;overflow:hidden;}
	.porduct.newporduct .product_right .title span{ font-size:50px;     display: inline-block; }
	.porduct.newporduct .product_right .title p{    visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp; display: inline-block;}
	.porduct.newporduct .product_right .product_list{ width:100%; }
	
	.hot h2{ font-size: 25px; }
	.hot_list{     margin-top: 5vh; width: 96%; }
	.hot_list .title h3{ font-size: 1.5rem; }
	.hot_list .title a{ font-size: 0.8rem; }
	
	.hot_list ul li{     width: 49%;  margin-right: 2%; margin-bottom: 20px; }
	.hot_list ul li:nth-child(2n){ margin-right:0; }
	.hot_list ul li img{ width:100%; }
	.hot_list ul li i img{ width: 12px; }
	.hot_list ul li span{ font-size: 12px; line-height: 25px; }
	.hot_list ul li p{ font-size:14px; width: 90%; }
	.hot_list ul li i{ margin-top: 10px;padding: 10px 5px; width: 70px; font-size: 12px;  }
	
	
	.products_1{ margin-top: 5vh; }
	.products_1 h2{ font-size: 3vh; margin-bottom: 2vh; margin-top: 0; }
	.products_1 p{ margin-bottom: 2vh; }
	
	.products_1 .classimg{ margin-top: 0; }
	.products_1 h3{ margin: 2vh 0; font-size: 1.5vh;}
	.products_1 h3{ font-size: 1.5vh; }
	.products_1_1 ul li{ width:48%;  margin-right: 0;  flex-basis: unset; margin-bottom: 2vh; padding: 5px; }
		.products_1_1 ul li{ margin-right: 4%; text-align:center; }
	.products_1_1 ul li:nth-child(2n){ margin-right:0; }
	
	.products_1_1 ul li span{ font-size:16px; font-weight: 500; line-height: 26px; } 
	.products_1_1 ul li p{ font-size: 12px; }
	.products_1_1 ul li i {
    display: block;
    width: 90px;     
    color: #000;
    text-align: center;
    padding: 5px 5px;
    font-size: 12px;
    margin-top: 5px;
}
	.gcinfo{ position: static;
    width: 100%;
    height: 250px;
    overflow: hidden; }
	.gcinfo img{ width:100%; }
	
	.gcinfo h2{ top:70%;
    left: 5%;
    font-size: 18px; }
	.gcinfo h3{ 
    left: 5%;  font-size: 14px; top:74%; }
	.gcinfo .info{ top:78%;
    left: 5%;
    width: 90%; }
    
    
    
    .index_ad .index_ad_a{  width: 80%;  position: absolute;  top: 20%;  left: 10%;  margin-left: 0; }
    .index_ad .index_ad_a h2{ color: #fff;
    margin-bottom: 0;
    background: #0000007a;
    padding:15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%; }
	
	.index_ad .ad_text{     color: #fff;
    line-height: 200%;
    font-size: 12px;
    padding: 20px 20px; }
	
	
	.whatsapp{ right: 3px;  bottom: 1px; }
	
	.jd-icon-more {
    font-family: icomoon;
    font-size: 28px;
    position: absolute;
    right: 0;
}
	
	.nav li .jd-icon-more {
    position: absolute;
    text-align: left;
    color: #fff;
    z-index: 5;
    top: 11px;
    width: 100px;
    left: 58%; display:block; color: #1D1D1D; padding-left: 5px; }

    .jd-icon-more:before {
    content: "\e91c";
     }

    .header .nav li.hover{ background: #f1f1f1; }
	.header .nav li .nav_two a{ text-align: center; }
	.header .nav li.hover .nav_two {display: block; position:static;  padding:0;}
    .header .nav li.hover .nav_two li{  background: #f1f1f1;  }
    
     
    .banner .swiper01 img.pc{ display:none; }
    .banner .swiper01 img.app{ display:block; }
    .header .logo{     top: 12px; }
    .banner{ padding-top: 79px; }
	.page{     margin-bottom:30px;  margin-top:30px; }
	.header{ padding:0; }
	.top-bar{ margin-bottom:0; }
	
	.banner .swiper01 .txt{     top: 15%; }
	.banner .swiper01 .txt h2{ font-size:14px; }
	.banner .swiper01 .txt p{ font-size:12px}
	.banner .swiper01 .txt span{ height: 26px;  min-width: 100px;     margin-top: 12px; line-height: 26px; }
	.categories {  padding:30px 0px;}
.service .swiper-slide{ width:100%; }
.categories .Categories_col a img{ width:35px; }
.categories .Categories_col li span{ padding-top: 10px; }

.service .swiper-slide:nth-child(2){ width:100%; }
.service .swiper-slide:nth-child(3){ width:100%; }
.categories .Categories_col a{ font-size:14px; }
.service .swiper-slide:nth-child(2) .txt{ right: 25%;   width: 50%; }
.service .swiper-slide:nth-child(3) .txt{ right: 25%;   width: 50%; }

.service .swiper-slide a img{ margin-left: -50%;   width: 160%; }

.products_1_1.products_1_two ul li{ width:100%; margin-right:0; } 
.color dl:nth-child(1) dd{ width: 17%; }

.products_pic{ width:100%;     margin-bottom: 0; } 
.products_nr .text_pro{  margin-top: 0; }
.products_nr{ display:block; } 
.text_pro h1{ font-size:2vh; } 
.addcar .buynow {     margin-bottom: 10px; }
.hot_list .title{ padding:0; }

}