@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}
	


/* 初始定义 */
@font-face {
  font-family: 'en';
  src: url("../fonts/SANGBLEUSANS-REGULAR.TTF");
}
.enfont {
  font-family: en;
}



@font-face {
  font-family: 'iconfonttwo';  /* Project id 2738956 */
  src: url('https://at.alicdn.com/t/font_2738956_9wuckbbkcvp.woff2?t=1639452885582') format('woff2'),
       url('https://at.alicdn.com/t/font_2738956_9wuckbbkcvp.woff?t=1639452885582') format('woff'),
       url('https://at.alicdn.com/t/font_2738956_9wuckbbkcvp.ttf?t=1639452885582') format('truetype');
}

.iconfonttwo{ font-family:iconfonttwo; }



	


*{ 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:#747474; }
a:hover{ color:#000; }
input, textarea, button, select, radio {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
}
 
.top_b{ position: absolute;
    right: 0; cursor:pointer;
    top: calc(50% - 38px); 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;  }
    
.top_b.top_bTOP{ top: calc(50% - 22px); }


.top_b a{ display: inline-block; line-height: 20px; padding: 15px; }
.top_b a .fa-lg{  font-size: 15px; }


.top-bar{     background: #000; overflow:hidden;
    color: #fff;
    text-align: center; height:40px;line-height:40px;  
    -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-bar a{ color:#fff; } 

.topcen{ width: 90%;
    margin: 0 auto;
    position: relative;
    padding: 3vh 0px; }


.top.toptwo{ height:0px; }

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

.main{ width: 100%;
    box-sizing: border-box;
    position: relative;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    margin-left: 0; }
    
    
.header.headertwo .top-bar{ overflow:hidden; height:0px; }

.header{
 background: #fff;
	position:fixed;  width:100%;
	z-index:10;
	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{margin: 0 auto;
    margin-bottom: 20px;
    text-align: center; height: 90px;
    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 .logo{ overflow:hidden; height:0px; margin-bottom:0px; }

.header .logo a{ display: block;
    width: 70px;
    height: 110px;
    overflow: hidden;
    margin: 0 auto; }
.header .logo img{width: 100%;
    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:100%;
    margin: 0 auto; }
	
.header .nav li{ position: relative;
    line-height: 20px;
    width: auto;
    display: inline-block;
    margin-left:40px; margin-right:40px; }
    
.nav li .jd-icon-more{ display:none; }
.nav li a{ padding:0; }
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background: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:#ff710d; }
.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;
    border: 1px solid #f1f1f1;
    width:600px;
    top: 45px;
    left: -220px;
	background:#fff;
    display: none;
	padding:20px; 
	text-align: left;
	-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;
}

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

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

.header .nav .nav_two li:nth-child(2n){ margin-left:3%; }

.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; line-height: 35px;
    height: 35px; }


table > tbody > tr:hover{ background:none; }


.banner{  overflow:hidden; height:auto; position: relative; padding-top: 252px; 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;  }
.banner.bannerTOP{ padding-top: 163px; }
.banner .swiper01 img{ margin-top:0px; }
.banner .swiper01 img.pc{ display:block; }
.banner .swiper01 img.app{ display:none; }

.banner .swiper01 .txt{ position: absolute;
    top:35%;
    color: #fff;
    text-align: center;
    width: 60%;
    left: 20%;
    margin-left: 0; z-index:10; }
.banner .swiper01 .txt h2{ font-size: 2.5vw;
    font-weight: 600;
    line-height: 1.2;  
    text-transform: capitalize;  } 
.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:#fff;
    border-radius: 18px;
    border: 1px solid #fff;
    font-weight: 400;
    display: block;
    margin: 0 auto;
    margin-top: 32px; -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; }

.banner .swiper01 a:hover .txt span {
    background: #fff;
    color: #000;
}

.banner .swiper01 a{ position:relative; }
.banner .swiper01 a:before{     position: absolute; content:""; display:block; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.3; }

.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;}
}



.banner .lmbanner{ position:relative; }
.banner .lmbanner img{ display:block; }
.banner .lmbanner h1{ position: absolute;
    z-index: 6;
    top:26%;
    width: 50vw;
    left: 25vw;
    text-align: center;
    font-size: 2.5vw;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    text-transform: capitalize;
    margin-top: 0; }
.banner .lmbanner h1 span{ color: #ff710d; }



.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: capitalize;  }

.banner .swiper-pagination {
 
    bottom: 20px;
    width: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    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;
}
 

.hedleft{ cursor: pointer;
    width: 60px;
    border-right: 1px solid rgba(209, 209, 209, 0.25);
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    height: 100vh; }



.makeleft {
    display: none;
}

.lhide {
    display: none;
    letter-spacing: 1px;
}

.zkleft .makeleft {
    display: block;
    width: 60px;
    text-align: center;
    padding-top: 15px;
    float: left;
}

.makexx {
    cursor: pointer;
}
 

.lmainboxa {
     
}
.lmainbox {
    padding-top: 50px;
    width:80%;
    min-width:550px;
    min-height: 750px;
    margin: 0 auto;
    height: 100%;
    box-sizing: border-box;
}

.lhed {
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 16px;
    color: #000000;
}

.lwmian {
    padding-top: 50px;
    border-top: 1px solid #f2f2f2;
    width:100%;
    padding-top: 50px;
    margin-top: 50px;
}


.lwmian>p:nth-child(1) {
    padding-top: 20px;
}

.wdr p:nth-child(1) {
    color: #666666;
    font-size: 14px;
}

.wdr p:nth-child(2) {
    color: #999999;
    font-size: 14px;
    margin-top: 25px;
}
.wdr p:nth-child(3) {
    font-size: 14px;
    color: rgb(77, 77, 77);
    text-decoration: underline;
    text-transform: uppercase;
    margin-top: 60px;
}

.lbtn {
    cursor: pointer;
    width: 170px;
    padding: 0 20px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #4c4c4c;
    border: 1px solid #d9d9d9;
    margin: 30px auto;
} 
 
 .zkxzico {
    width: 60px;
    height: 100%;
    float: right;
    border-left: 1px solid #f2f2f2;
}


.hedright { cursor: pointer;
    width: 60px;
    border-left: 1px solid rgba(209, 209, 209, 0.25);
    /* float: right; */
    text-align: center;
    position: fixed;
    cursor: pointer;
    top: 0;
    right: 0;
    z-index: 99;
    /* cursor: default; */
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    height: 100vh;
    
}

.hedright .lhed { 
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 50px;
}
 
.hedleft .member i{ line-height: 252px;  display: list-item; 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;  }

.hedright .member i{ line-height: 252px;  display: list-item; 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;  }


.hedleft.hedleftTOP .member i{ line-height: 103px;   }

.hedright.hedrightTOP .member i{ line-height: 103px;  }




.rzkxzico {
    width: 60px;
    height: 100%;
    position: absolute;
    left: 0;
    border-right: 1px solid #f2f2f2;
}




.make {
    width: 100%;
    height: 100%;
    background-color: rgba(242, 242, 242, 0.929);
    position: fixed;
    top: 0;
    z-index: 90;
    display: none;
}

.ad,a.ad:hover{ color: #000;
    margin-top: 12vh;
    display: block; }

#box2 {
    width: 90%;
    margin: 0 5%;
    background-color: #E9EFFB;
    box-sizing: border-box;
    position: unset;
    float: none;
    padding: 60px 0px;
}
#box2 .index3b-title{ text-align:center; margin: 0 0 20px 0; font-size:18px;font-weight: bold; }
#box2 .index3b-content{ line-height: 2; text-align: center;    font-size: 14px;  margin-bottom: 14px;}
#box2 .index3b-btn{ width: 150px;
    height: 30px;
    border: 1px solid rgba(26,26,26,1);
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    font-size: 14px;}
    
.service{ width: 100%;
    overflow: hidden;
    margin: 0 auto; margin-top:12vh; }


    
.service .swiper-slide .txt{
  width: 430px;
    float: left;
    color: #000;
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    text-align: center;
    top: 35%;
    margin-left: -215px;
    z-index: 10;
    display: none;
}

.service .swiper-slide.swiper-slide-active .txt{ display:block; }

.service .swiper-slide .txt h3{font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #000000; }

.service .swiper-slide .txt p{ font-size: 12px;
    text-transform: uppercase; }

.service .swiper-slide .txt span{
       width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 36pxpx;
    min-width: 140px;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 25px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    border-radius: 18px;
    font-weight: 400;
    display: block;
    margin: 0 auto;
    margin-top: 1.5vh;
    color: #707070;
    background: #dddddd;
    padding: 10px 10px;}

.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:100%;
 
    overflow: hidden; padding-bottom:30px; }
.service .swiper02 img {width: 45%;
    height: auto;
    margin-left: 0; width:100%; transform: scale(0.95); -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 .swiper02 .swiper-slide.swiper-slide-active img { transform: scale(1); }
 

.service .swiper02 h3{ 
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #000000;
    text-transform: uppercase;}
.service .swiper02 p{ font-size: 16px;
    line-height: 1.5;
    color: #7d7d7d; 
    margin:1.5vh 0;}
    
    
.service .swiper02 span{ background: #fff;
    padding: 10px 10px;
    margin-top: 10px;
    display: block;
    text-align: center;
    width: 110px; }
    
.service .swiper02  .swiper-pagination  span{ background: none;
    padding: 5px;
    margin-top: 10px;
    display: inline-block;
    text-align: center;
    width: 0px;
    height: 0;
    border: 1px solid #000;
    border-radius: 50%;  }
    
.service .swiper02  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#000; }
    
.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{ 
    
     width: 60%;
    height: 100%;
    text-align: center;
    padding: 0 30px 30px 30px; opacity:0.5;
    
}
    .service .swiper-slide.swiper-slide-active{ opacity:1; }
    
    
.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: #000000; color: #fff; }
 
 
.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:10vh 0px; }
.categories .Categories_col{ margin-left: auto;   margin-right: auto;   padding:0px; margin-bottom:0;     display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap:30px;
    row-gap:30px;  }
.categories .Categories_col:before { display:none; }    
.categories .Categories_col li{ border: 1px solid #f1f1f1; }
.categories .Categories_col li svg{ display: block; margin: 0 auto;}
.categories .Categories_col li span{ padding-top: 20px;   font-weight: 400;   display: block; color:#000; }
.categories .Categories_col li span.ftitle{ display:none; }
.categories .Categories_col a{ display: block;  text-align: center; font-size: 18px; padding-bottom: 30px;  }
.categories .Categories_col a img{ width:100%;  display: block;  margin: 0 auto; }
.categories .Categories_col a:hover img { opacity:1; }


.page{ text-align:center; margin-bottom:100px; margin-top:60px; 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{
        line-height: 20px;
    margin-top: 30px;
    text-decoration: underline;
}


.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;
}


.about .about_con{ width: 80%;  margin: 0 auto;  max-width: 1400px; }
.about .about_left{   }
.about .about_right{ margin-top: 10vh; }

.enfont *{ font-family: en; }


.lmtitle { font-size: 2.5vw; font-weight: 600; }
.lmtitle span{ display:block; }

 
.companypic  img{  width: 100%;  display: block;   border-radius: 10px; }



.companyprofile{ line-height: 2;  font-size: 18px;  margin-top: 5vh; } 

.companyprofile tr td:nth-child(1),.companyprofile tr td,.companyprofile tr td:nth-child(2),.companyprofile table tr:nth-child(2) td:nth-child(2){ text-align:left; border:none; }
.companyprofile table{ border: none; font-size: 0.5em; color: #646464; }

.companyprofile  table > tbody > tr:hover{ background:none; }

.companyprofile table strong{ margin-top: 1vh;
    display: inline-block;
    font-weight: 100;
    color: #000;
    font-size: 0.36rem; }
    
    
    
    
    
.about_right .box {
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.about_right .box .list {
    width: 45%;
    position: relative;
    margin-bottom: 0.2rem;
}
.about_right .box .list:nth-of-type(2n) {
    margin-top: 1.3rem;
}
.about_right .box .list .num {
    font-size: 1rem;
    line-height: 1rem;
    position: absolute;
    top: -0.35rem;
    left: 0;
    z-index:5;
}

.about_right  .box .list .photo {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    border-radius: 0.8rem 0 0.8rem 0;
    overflow: hidden;
}

.about_right .box .list .photo .ph {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ph .pic {
    position: absolute;
    width: calc(100% + 60px);
    height: calc(100% + 60px);
    left: -30px;
    top: -30px;
    backface-visibility: hidden; background-size: cover;
}


.about_right .box .list .msg {
    margin-top: 0.4rem;
    position: absolute;
    bottom: 10%;
    color: #fff;
    left: 10%;
    width: 70%;
}
.about_right .box .list .msg small {
    color: #5D5D5D;
}
.about_right .box .list .msg h3 {
    margin: 0.1rem 0;
        font-size: 0.44rem;
    font-weight: 400;
}






.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: 16px;
    line-height:2;
    padding:5vh 0;
    padding-bottom:2vh; } 
.pronrnr ul{ padding-left:20px; margin:5vh  0px;  }
.pronrnr ul li{ list-style: disc; }

.pronrnr .canshu ul{ display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1px;
    row-gap: 1px; padding: 0px;}
.pronrnr .canshu ul li{ list-style: none; display: flex; }
.pronrnr .canshu ul li span{ display: block;
    flex: 1;
    background: #f1f1f1;
    padding: 6px 20px;
    font-size: 14px; }
.pronrnr .canshu ul li span:last-child{ background: #f8f8f8; }

.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;}







.porduct.probox{   }
.probox .pr_nr{ width: 70%;
    margin: 0 auto;
    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:150%; 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{ margin:0 auto; margin-top:5vh; margin-bottom:5vh; }

.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;   }
.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:70%;
    margin: 0 auto;
    margin-top:60px; 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:100%;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
}
.news_list li a{ color:#000; }

.news_list li img {
    width:35%;
    height:auto;
    float: left;
    margin-right: 5%;
}
.news_list li span{font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;}
.news_list li h3 {
    font-size: 18px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;     margin: 4vh 0px;
}
.news_list li a:hover h3{ color:#ff710d; }
.news_list li p {
    color: #999;
    line-height: 1.5;
    font-size: 150%;
    margin-bottom: 5vh;
}

.news_list li .more{ font-size: 16px;  font-weight: 400;  text-transform: uppercase; text-decoration: underline; }

.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 {
   
}
.container-fluid:after, .container-fluid:before, .container:after, .container:before {
    
    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%;
    position: relative;
    overflow: hidden;
	margin-top: 252px;
}

.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{  }
.porduct.allporduct{ overflow:hidden; }

.porduct.pageporduct{ overflow: hidden; width: 70%; margin: 0 auto;  margin-top: 2%; }

.porduct.porductNR{ width:80%; padding:0; }
.porduct.porductNR.porductNR_page{     margin-top: 39px; }
.porductNR_page .products_pic .gallery-top,.porductNR_page .products_pic .gallery-thumbs{ border:none; }
.porduct .product_left{ float:left;  width:23%; min-width:280px; border: 1px solid #f1f1f1; margin-bottom:20px; }

.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{  }
.porduct .product_left .one li{ line-height:50px; position: relative; }
.porduct .product_left .one li a{ font-size: 16px;
    color: #414141;
    font-weight: 500;
    letter-spacing: 0px;
    display: block; padding:0px 20px; border-bottom: 1px solid #f1f1f1;
}

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

.porduct .product_left .one li .threenav{ display:none; position: absolute;
    left: 100%;
    top: 0px;
    width: 100%;
    background: #f1f1f1;
    border: 1px solid #f1f1f1;
    padding: 10px;
    z-index: 2;
    box-sizing: border-box; }
.porduct .product_left .one li.erj:hover .threenav{ display:block; }
.porduct .product_left .one li.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:22px;
    right: 20px;
}
.porduct .product_left .one li:hover a{   background:#f1f1f1; }
.porduct .product_left .one li a:hover{ color:#ff710d; text-decoration: underline; background:#f1f1f1; }

.porduct .product_left .one li .threenav a{     line-height: 2.5; }
.porduct .product_left .one li:hover .threenav a{ background:none; }


.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:75%; min-height: 600px; position: relative; }

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


.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 {
       position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 30px auto;
}

.navdh.w70{ width:70%; }

.postion {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #7c7c7c;
	font-size: 12px;
}
.postion a {
    color: #7c7c7c;
	font-size: 12px;
}
.navdh .right img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width:150x;
}
.navdh .right span {
    color: rgb(102, 102, 102);
    display: inline-block;
    vertical-align: middle;
    transition: all .3s;
    font-size:12px;
}






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


.products_nr{
    
    min-height: 600px;
    position: relative; display: flex; margin:0 auto;

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

.products_nr .text_pro{ float: left; width:44%;
    margin-left: 6%;
    z-index: 1; }
.products_nr .pic .xin{ text-align:center; color: #878787;}

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

.products_nr .text_pro .top_txt .zhek span{ color: #464646;
    background: #fdf3d2;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 20px;
    font-size: 14px; }

.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:30px; 
    font-family: Century Gothic Std,Arial,sans-serif; margin-top:0px; }
.text_pro dt{ font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
    float: left;
    line-height: 52px;
    margin-right: 20px;
    width: 120px;}
.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:#ff710d; }

.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:200px; margin-bottom:200px; }

.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;   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: #f7d5bd;  color: #666; font-size: 16px;
    font-weight: 700;    margin: 0 auto; margin-top:40px; cursor:pointer; line-height:50px; }
.xptj:hover{ background: #ff710d; color: #FFF;  }

.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: #ff710d;
    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:23px; margin-right:23px;}
	
	.top_b{ right:5%; }
	
}


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


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


@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:100%; 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; }


 


.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;
}

.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:70%;
    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;
    overflow: hidden; user-select: none; }
.quantity span{ font-size: 14px;
    display: block;
    text-transform: uppercase;
    line-height: 42px;
    float: left;
    margin-right: 20px;
    font-weight: bold; width:120px; } 
.quantity div{ display: inline-block;
    border: 1px solid #000;
    border-radius: 60px;  }
.quantity input{text-align: center;
    padding: 10px 0px;
    font-size: 16px;
    width: 70px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;}

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





.price { margin-top: 20px; line-height: 52px;}
.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; display:none; }


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

.go_btn{ display:flex; }

.oem{ overflow: hidden;  margin-top: 20px; }
.oem span{ display: block; width: 100px; float: left;  padding: 10px 0px;  vertical-align: middle; }

.oem span img{     display: inline-block;  width: 39px; }
.oem a{ display: block;  float: left;  line-height: 30px;     text-decoration: underline; }

.lmjs{  margin-top: 20px; color: #6e6e6e;}

.wuliu{ overflow: hidden;  margin-top: 20px; }
.wuliu span{ display: block;  width: 100px;  float: left;  vertical-align: middle; margin-top: -5px; }
.wuliu img{ display: block; height:20px; }
.wuliu svg{ width: 28px;  display: block; }

.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{   border: 1px solid #fdf3d2;
    color: #464646;
    background: #fdf3d2;} 

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


.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;  }
.stars .fraction{display: block;
    position: absolute;
    z-index: 4;
    background: #000; 
    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;  }
	.hot_list.hot_list_nr{   } 
	.hot_list.hot_list_nr.products_1_1{ max-width: none; } 
	.hot_list .title { overflow:hidden; padding: 6vh 0; padding-top:0; }
	.hot_list .title h3{width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0px;
    display: inline-block;
    border-top: 1px solid #f1f1f1;
    font-size: 2vh;
    line-height: 4;}
	
	.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:29%;
    margin-right: 2%;
    float: left;     text-align: center; }
	.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; }
	
 
	
	



.products_1{  } 
.products_1.products_1_two{ margin-top:0; }

.products_1 h2 {
       text-align: center;
    margin: 20px 0px;
    margin-bottom: 12px;
    text-transform: uppercase;
    border-top: 1px solid #f1f1f1;
    padding-top: 6vh;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #000000;
}
.products_1 .multiline-text {
    text-align: center; word-break: normal;
}
.products_1 .classimg {  margin-top: 30px; width: 100%;}
.products_1_1{ padding:0; }

.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: 14px; }
.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 {}
.products_1 ul li {
    
}
.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;
}


.products_1 .leimu { padding: 0;     margin-top: 30px; margin-bottom: 30px; }
.products_1 .leimu  ul{ display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    row-gap: 15px;
    padding: 0px; }
.products_1 .leimu  ul li{}
.products_1 .leimu  ul li a{ font-size: 16px;
    color: #414141;
    font-weight: 500;
    letter-spacing: 0px;
    display: block;
    background: #f1f1f1;
    padding: 15px;
    border-radius: 10px; }
.products_1 .leimu ul li a:hover{ color:#fff; background:#ff710d;  }
.product_right .products_1_1{ width:100%;max-width: none; margin:0; margin-top: 5vh; }

.product_right .products_1_1.products_1_two ul{ overflow: hidden;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;  }

.products_1_1 ul li{ 
    width: 22%;
    margin-right: 4%;
    margin-bottom: 5vh;
    border: 1px solid #f1f1f1;
    padding: 10px;}
    

    
	.products_1_1 ul li:nth-child(4n){ 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{   }
	.products_1_1.products_1_two ul li:nth-child(2n){   }
	.products_1_1.products_1_two ul li:nth-child(4n){   }
	
	
	
	.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); cursor:pointer; }
.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; cursor:pointer; }







.hot_pro{ overflow: hidden; padding-bottom:5vh; }
.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; }


.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}





.about_content{position: relative; z-index: 2;}
.about_content .about_bg{position: absolute;left: 0;top:0;width: 100%;bottom:0;display: block;background-repeat: no-repeat;background-size: cover;background-position: center center;background-attachment: fixed;}
.about_content .about_bg .ovrly{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block; backdrop-filter: blur(2px);}
.about_content .container{position: relative;z-index: 5;}
.about_content .about_column{padding-right: 0.2rem;padding-left: 0;}
.about_content .about_column .image{position: relative;z-index: 2;}
.about_content .about_column .image:before{ border-radius: 5px;display: block;z-index: -1;position: absolute;right: 10px;top: -10px;bottom: 10px;left: -10px;background: #fff;opacity: 0.1;}
.about_content .about_column .image img{border-radius: 5px; width:100%}

.number{padding-top: 65px;}
.number li{padding: 0;list-style: none;}
.number li .wrap{display: flex;align-items: center;margin-bottom: 20px;}
.number li .icon{min-width: 0.48rem;max-width: 0.48rem;display: inline-block;}
.number li .icon img{transition:all .5s;}
.number li:hover .icon img{
	-moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    filter:FlipH; transform: rotateY(180deg);
}
.number li .num{margin-left: 10px;overflow: hidden;display: inline-flex;align-items: center;font-weight: 700;line-height: 110%;color: #ff710d;font-size: 0.46rem;}
.number li .text{font-size: 16px;line-height: 28px; max-width: 90%;}
.number li .odometer-formatting-mark{display: none;}

.about_content .about_wrap{padding-left: 0.5rem;padding-top: 0.2rem; padding-right:0;}
.about_content .about_wrap .main_title{text-align: left;margin-bottom:20px;}
.about_content .about_wrap .main_title em{ }
.about_content .about_wrap .main_title em span{color: #ff710d;}
.about_content .about_text{font-size: 18px;line-height: 32px;font-weight: 300; max-height: 160px;overflow: hidden;}
.about_content .main_more{background: rgba(255,255,255,0.2);}
.about_content .main_more:hover{background: #ff710d; color:#fff; }

.about_content .about_wrap .image02{position: relative;z-index: 2;margin-top: 40px;}
.about_content .about_wrap .image02:before{ border-radius: 5px;display: block;z-index: -1;position: absolute;right: 10px;top: 10px;bottom: -10px;left: 10px;background: #fff;opacity: 0.1;}
.about_content .about_wrap .image02 img{border-radius: 5px; width:100%}

@media only screen and (max-width:1680px) {
	.number{padding-top: 30px;}
	.number li .wrap{display: block;}
	.number li .num{margin-left: 0;margin-top: 5px;display: flex;}
}
@media only screen and (max-width:1480px) {
	.about_content .since{display: none;}
}
@media only screen and (max-width:1300px) {
	.about_content{padding-top: 40px;padding-bottom: 40px;}
	.about_content .about_column{padding: 0;width: 100%;}
	.about_content .about_wrap{padding: 0;margin-top: 20px;border-top: 1px solid rgba(255,255,255,0.2);padding-top: 20px;width: 100%;}
	.about_content .about_wrap .image02:before{display: none;}
	.about_content .about_column .image:before{display: none;}
}
@media only screen and (max-width:768px) {
	.number li:nth-child(2n+1){clear: both;}
	.number li .text{margin-top: 10px;margin-bottom: 10px;font-size: 14px;line-height: 22px;}
	.about_content .about_text{font-size: 14px;font-weight: 400;line-height: 28px;max-height: 140px;overflow-y: auto;}
	.about_content .about_wrap .image02{margin-top: 30px;}
	.about_content .about_wrap{ margin-top: 10px; }
	.number li .num{font-size: 0.32rem;}
	.number li .wrap{margin-bottom: 10px;}
}



.main_title{margin-bottom:40px;text-align:center;position: relative;z-index: 5;}
.main_title .s_title{margin: 0;margin-bottom:0;font-size: 0.14rem;color: #fff;line-height: 100%;text-transform: uppercase;letter-spacing: 4px;display: block;}
.main_title em{ font-size:0.4rem;text-transform:uppercase;line-height:120%;margin:0;position:relative;z-index: 2;display: block;margin-bottom: 0;font-weight:700;}
.main_title em span{color: #ff710d;}
.main_title .text{color:#c5c5c5;line-height:24px;max-width:60%;margin: auto;margin-top: 0.2rem;font-size: 16px;}
.main_title .line{display: inline-block;position: relative;width:40px;height:3px;margin-top: 0.1rem;background:#ee2422;}
.main_title .bg{display: block;position: absolute;left: 0;top: 0;text-align: center;width: 100%;font-size: 160px;line-height: 0.75;font-weight:700;opacity: 0.06;text-transform: uppercase;
	word-break: break-word;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #28303e;
    -webkit-text-fill-color: transparent;
    transition: all .3s ease-in-out;
}

@media (min-width: 1200px){
	.main_title .bg {-webkit-text-stroke-width: 1.5px;}
}

.main_title .title-icon-circle{display: inline-block;position: absolute;width: 50px;height: 50px;top:-10px;left:50%;border-radius: 50%;z-index: -2;background:#333333;animation:title-icon-circle 3s infinite;-webkit-animation:title-icon-circle 3s infinite;opacity: 0.05;}

.main_title_small{display: block;text-transform: uppercase;font-size: 0.28rem;line-height: 110%;color: #333333;font-weight: 700;margin-bottom: 0.3rem;}

@-webkit-keyframes title-icon-circle {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
30% {
-webkit-transform:translate3d(5px, 15px, 0);
transform:translate3d(5px, 15px, 0)
}
50% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
}
@keyframes title-icon-circle {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
30% {
-webkit-transform:translate3d(5px, 15px, 0);
transform:translate3d(5px, 15px, 0)
}
50% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
}



.main_more {
    position: relative;
    display: inline-block;
    margin-top: 25px;
    transition: all .5s;
    z-index: 3;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    line-height: 48px;
    height: 48px;
    border-radius: 2px;
    padding-left: 0.2rem;
    background: #ee2422;
    padding-right: 0.2rem;
    overflow: hidden;
    font-weight: 700;
}

.main_more:before {
    content: '+';
    display: inline-block;
    margin-right: 10px;
    margin-top: -2px;
    transition: all .5s;
}
.about_content .main_more {
    background:#f7d5bd;
    color:#666;
}



.lmbanner .items {
    overflow: hidden;
    position: absolute;
    bottom: 1rem;
    left: 0;
    height: 2.4rem;
    width: 100%;
    padding: 0.5rem 22vw 0 22vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.lmbanner .items  > svg {
    position: absolute;
    bottom: 0.4rem;
    left: -1vw;
    width: 102vw;
}
.lmbanner  .items > svg path {
    stroke-width: 1px;
    stroke: rgba(255, 255, 255, 0.3);
    fill: none;
}

.lmbanner .items .list {
    width: 0.8rem;
    height: 0.8rem;
    position: relative;
    display: inline-block;
}


.lmbanner .items .list:nth-of-type(1) {
margin-top: 0.65rem;
}
.lmbanner .items .list:nth-of-type(2) {
  margin-top: 0.74rem;
}
.lmbanner .items .list:nth-of-type(3) {
  margin-top: 1.06rem;
}
.lmbanner .items .list:nth-of-type(4) {
  margin-top: 0.78rem;
}
.lmbanner .items .list:nth-of-type(5) {
  margin-top: 1.08rem;
}
.lmbanner .items .list:nth-of-type(6) {
  margin-top: 0.97rem;
}
.lmbanner .items .list:nth-of-type(7) {
  margin-top: 0.5rem;
}


.lmbanner .items .list > h4 {
  position: absolute;
  width: 100%;
  white-space: nowrap;
  text-align: center;
  left: 0;
  bottom: calc(100% + 0.2rem);
  color: #fff;
  font-weight: 600;

  transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  -o-transform: translate3d(0, 10px, 0);
  -ms-transform: translate3d(0, 10px, 0);
  backface-visibility: hidden;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.lmbanner .items .list:hover > h4 {
    opacity: 1 !important;
    transform: translate3d(0, 15px, 0) !important;
    -webkit-transform: translate3d(0, 15px, 0) !important;
    -moz-transform: translate3d(0, 15px, 0) !important;
    -o-transform: translate3d(0, 15px, 0) !important;
    -ms-transform: translate3d(0, 15px, 0) !important;
    backface-visibility: hidden !important;
}
.lmbanner .items .list:hover > span {
    transform: scale(0.5) !important;
    -webkit-transform: scale(0.5) !important;
    -moz-transform: scale(0.5) !important;
    -o-transform: scale(0.5) !important;
    -ms-transform: scale(0.5) !important;
    backface-visibility: hidden !important;
}




.lmbanner .items .list > span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #fff;
  transform: scale(0.35);
  -webkit-transform: scale(0.35);
  -moz-transform: scale(0.35);
  -o-transform: scale(0.35);
  -ms-transform: scale(0.35);
  transition: transform 0.3s ease-out;
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  -ms-transition: transform 0.3s ease-out;
  backface-visibility: hidden;
}
.lmbanner .items .list > em {
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 13px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  backface-visibility: hidden;
}
.lmbanner .items .list.on > h4 {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  backface-visibility: hidden;
}
.lmbanner .items .list.on > span {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  backface-visibility: hidden;
}

.lmbanner .items .list.on > em {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  backface-visibility: hidden;
}

.lmbanner .bm{ position: absolute;
    width: 100%;
    pointer-events: none;
    left: 0;
    bottom: 0;
    overflow: hidden; }





.showvideo{     padding: 15vh  0px; padding-bottom:0; }
.videolist{ padding:0; position:relative; }
.videolist video{ width:100%; }

.videolist .video_txt{ 
     position: absolute;
    top: 42%;
    left: 25%;
    text-align: center;
    width: 50%; z-index: 8;
}

.playbtn{
	    margin: 0 auto;
        position: relative;
	    width: 50px;
	    height: 50px;
	    line-height: 50px;
	    text-align: center;
	    border-radius: 100%;
	    background: #fff;
	    color: #9a9998;
	    font-size: 20px;
	    cursor: pointer;
	    transition: all 0.1s ease-out;
	    -webkit-transition: all 0.1s ease-out;
	    -o-transition: all 0.1s ease-out;
	    -moz-transition: all 0.1s ease-out;
}
.playbtn:before {
    content: '';
    display: block;
    width: 180px;
    height: 180px;
    position: absolute;
    top: 50%;
	z-index:10;
    left: 50%;
    margin: -90px;
    background: url(../images/playcircle.png) no-repeat top center;
    -webkit-animation: infinteRotate 10s infinite linear;
    -o-animation: infinteRotate 10s infinite linear;
    -moz-animation: infinteRotate 10s infinite linear;
    animation: infinteRotate 10s infinite linear;
}
.playbtn .iconfont{
    transform: translateX(3px);
    -webkit-transform: translateX(3px);
    display: inline-block;
}

.video_txt:hover .playbtn{
     transform:scale(1.1);
}


.video_txt h3{ color: #fff;
    margin-top: 8vh;
    font-size: 28px; }

.video_txt .more{     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: #fff;
    border-radius: 18px;
    border: 1px solid #fff;
    font-weight: 400;
    display: block;
    margin: 0 auto;
    margin-top: 32px;
    -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; }

.video_txt .more:hover {
    background: #fff;
    color: #000;
}

@keyframes 'infinteRotate' {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes 'infinteRotate' {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}




 
.pictxt{  display: flex; align-items: center;  justify-content: center; padding: 0;  } 
.pictxt .txt{ width:55%; margin-right: 5%; }
.pictxt .txt h3{margin-bottom: 15px; font-size: 2.5vw;  font-weight: 600;  line-height: 1.2; text-transform: capitalize; }
.pictxt .txt p{      font-size: 20px;  line-height: 1.8;  letter-spacing: 1px;  color: #000; }
.pictxt .txt .more{ margin-top:25px; }
.pictxt .img{ overflow: hidden;
    width:40%;
     
    display: flex;
    align-items: center;
    justify-content: center; }
	
.pictxt .img::after,.pictxt::after{ content:''; display:block; clear:both; }

.pictxt .img img{ width:100%; display:block;  }
.pictxt .more a{display: inline-block;  background: #fdf3d2;  border-radius: 20px;  padding: 10px 50px;  font-size: 16px;   font-weight: 700; -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;}
.pictxt .more a:hover{ background: #ff710d; }

.container.productdetails{ width:80%; padding:0; margin-top: 6vh; }
.container.productdetails .title{ text-align: center;
    font-size: 2vh;
    text-transform: uppercase;
    border-bottom: 1px solid #f1f1f1; }
.container.productdetails .title::after{ content: '';
    display: block;
    width: 150px;
    background: #000;
    height: 2px;
    margin: 0 auto;
    margin-top: 20px; }





.advantage-list{font-size:18px;background-color: #f7d5bd;
    color: #2e2e2e;text-align:center;padding: 10vh 0;}
.advantage-list-content{ padding: 0; }
.advantage-list-content>.title-with-level{ margin: 5vh 0;  text-align: center; margin-top: 0;  }
.advantage-list-content .advantage-item{box-sizing:border-box;padding:0 30px; width: 300px; margin:0 auto}
.advantage-list-content .advantage-item .multiline-text{font-size: 18px; }

.advantage-list-content .advantage-image{box-sizing:border-box;padding:1.5625rem;width:16.625rem;margin:0 auto}
.advantage-item{line-height:1.5; list-style:none;text-align:center}
.advantage-item-link{text-decoration:underline}
.advantage-item-icon{margin:0 auto;padding:.75rem 0 .5rem;width:2.25rem;height:2.25rem}
.advantage-item .icon svg{width:35px;height:35px;margin:0}
.advantage-item>.title-with-level{ margin: 10px 0;}
.advantage-item-text {
    margin: 0;
    line-height: 1.6;
    font-size: 14px;
}

@media screen and (max-width:640px){
    
    .advantage-item{width:100%;margin-bottom:1.25rem;padding-bottom:1.25rem}
    .advantage-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
    
}

@media screen and (min-width:640px){
    .advantage-list-items{display:flex;flex-wrap:wrap;justify-content:center;margin:0-1.5625rem}
    .advantage-list-items .advantage-item{margin:0}
    .advantage-list-items .advantage-image{align-self:center;margin:0}
    .advantage-list-items .advantage-list-last-two{display:flex}
    
}




.footer-blocks{display:flex;justify-content:space-evenly;height:100%; padding:0;margin:0 auto}

.footer-blocks-block{width:33%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.footer-blocks-subblock{display:flex;justify-content:center;width:100%}
.footer-blocks-subblock>*{padding:1.25rem 0}
 
.footer-bottom-legal-notice{max-width:75rem;text-align:center;margin:auto;padding:0 2.5rem 1.25rem;font-size:.8125rem}
.footer-bottom-legal-notice a{text-decoration:underline}
.footer-bottom-legal-notice a:hover{font-weight:700}

@media screen and (max-width:640px){
    .footer-blocks{display:flex;flex-direction:column;width:100%;align-items:center;padding:0}
    .footer-blocks-block{width:100%; padding:1.25rem;box-sizing:border-box; padding: 0.5rem;}
    .footer-blocks-block:last-of-type{padding:0;margin:0 1.25rem}
    .footer-blocks-subblock{border-bottom:.0625rem solid #e5e5e5;padding:0 1.25rem;box-sizing:border-box}
    .footer-blocks-subblock>.social-media-link-list{border-bottom:none; padding: 0.5rem 0;}
    .footer-bottom-legal-notice{font-size:.8125rem;padding:1.25rem}
    
}
.footer-light{border-top:.0625rem solid #e5e5e5;display:flex;justify-content:center;padding:2.5rem 0;width:100%;margin:0 auto;max-width:90rem}
.footer-light__link{text-decoration:underline;margin:0 3.125rem;font-size:.9375rem}
.footer-light__link:hover{font-weight:700}

@media screen and (max-width:640px){
    .footer-light{margin-top:3.125rem;flex-direction:column;padding:1.5625rem 0;align-items:center}
    .footer-light__link{line-height:2.375rem;margin:0}
    
}



.newsletter-field{display:inline-flex;flex-direction:column;align-items:center;width:100%;    max-width: 350px;
    min-width: 250px; }
.newsletter-field-title{text-align:center;margin:0 0 15px}
.newsletter-field-subtitle{margin:0 .9375rem .9375rem;font-size:.75rem;text-align:center;color:#757575;width:100%}
.newsletter-field .content{ display: inline-flex;
    width: 100%;
    border: 1px solid #000000;
    border-radius: 50px;}
.newsletter-field .content>.text-field{width:100%;height: 50px;}
.newsletter-field .content>.text-field>.input{height:100%;background-color:transparent;border:none;border-radius:50%;overflow:hidden;border-radius:3.75rem 0 0 3.75rem}
.newsletter-field .content>.text-field input{ padding: 15px;
    font-size: 18px;
    background-color: transparent;
    margin: 0;
    color: #000;
    width: 100%;
    box-sizing: border-box;}
.newsletter-field .content>.submit{    height: 50px;
    font-size: 18px;
    flex-shrink: 0;
    border-radius: 0 20px 20px 0;
    padding: 0 10px;}
.newsletter-field .content .input.error{border:none}


.link-list{display:inline-flex;flex-direction:column;justify-content:space-evenly;font-size:18px;line-height:2;text-align:center;
text-decoration:underline}


.link-list-item:hover{font-weight:700}


.social-media-link {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.social-media-link-list .icons>* {
    margin: 0 10px;
}
.title-with-level {
  
    font-weight: 400;
    margin: 0;
    width: 100%;
}
.size-s.title-with-level {
    font-size:18px;
    line-height:2;
}
.title-with-level.uppercase {
    text-transform: uppercase;
    display: block;
    text-align: center;
}
.social-media-link-list .icons {
    display: flex;
    justify-content: space-evenly;
}
.visually-hidden {
    width: 0.0625rem;
    height: 0.0625rem;
    position: absolute;
    opacity: 0;
    overflow: hidden;
}
.social-media-link>.icon {
    width: 100%;
    height: 100%;
}
.social-media-link circle {
    stroke: #757575;
}
.social-media-link:hover circle {
    stroke: #000;
}




 .shop_gn {
      
     margin: 0 auto; margin-bottom:5vh; margin-top:5vh;
 }

.map {
    box-shadow: 0 3px 26px -3px rgb(0 0 0 / 15%);
}

.contact .tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact  .tab > a {
    width: 100%;
    padding: 0 7%;
    text-align: left;
    display: inline-block;
    position: relative;
    height:120px;
    line-height:120px;
    color: #000;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.contact  .tab > a.on {
    background-color: #fff;
}
.contact .tab > a > small {
    opacity: 0.2;
    display: inline-block;
    margin-left: 30px;
}


.contact_a{   }
.contact  .btm-row {
    padding:20px 0;
	overflow:hidden; 
}
.contact  .btm-row h3{   font-size: 20px;  margin-bottom: 40px;   color: #000; }



 
 .contact .btm-row > span {
 	display:block;margin-bottom:20px; float: left;  width:33%;
 }
	
   .contact .btm-row > span {  width:24%; }
 
    
.contact .btm-row > span:nth-child(4) {
     width: 44%;
 }
 .contact .btm-row > span:nth-child(2), .contact .btm-row > span:nth-child(5) {
     width: 32%;
 }
 .contact .btm-row > span:nth-child(1){ width:100%; }
 
 #products_list ul{ display:block; overflow: hidden; }
 #products_list ul li{ float:left; }



.erlm{ margin: 0px; }
.erlm li{ display: inline-block;
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    margin: 30px 20px;
    margin-left:0px;
    margin-bottom: 0px; }
.erlm li a{ display:block;  padding: 10px; font-size: 14px;  }






@media (max-width: 1440px) {
  .contact .btm-row > span {  width:50%; }
  .contact .btm-row > span:nth-child(1),.contact .btm-row > span:nth-child(4){ width: 50%; }
  .contact .btm-row > span:nth-child(2),.contact .btm-row > span:nth-child(5){ width:50%; }
}



.contact .btm-row > span > i {
    background: #fdf3d2;
    color: #666;
    width:35px;
    height:35px;
    border-radius: 50%;
    line-height:35px;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
	font-style: inherit;
}



.f-14 {
    font-size: 18px;
}
.f-bold {
    font-weight:400;
}



.contact .map{ margin-top: 50px;  border-radius: 10px; overflow: hidden; }
#map{ width:100%; height:500px; }
.contact .map ul{ background: #fff; padding:100px 55px; font-size:25px;  float: left;} 

.contact .weixinkf{ color: #007548;
    background: #fff;
    padding: 100px 55px;
    float: right;
    font-size: 18px; }
.contact .weixinkf h2{ font-size: 18px; }
.contact .weixinkf img{  display:inline-block; margin-top:15px;     width: 250px;}

.contact .map strong{  display: block;
    margin-bottom: 10px;     color: #007548; }
.contact .map ul li{ font-size: 18px;     margin-bottom:30px;  }
.contact .map ul li img{  display: inline-block;
    vertical-align: middle;
    width: 28px; }
.contact .map ul li:last-child{ margin-bottom:0; }


.contact .map .amap-layer{ -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%); }


.map .amap-logo{ opacity:0; }





 .about_left .idx-tags { margin: 0 auto;  margin-top: 7vh; }
 .about_left .idx-tags ul{ overflow: hidden;  float: none;  width: 100%; }
  .about_left .idx-tags ul li{ float: left; width: 25%; font-size: 22px; list-style: none; }
  .about_left .idx-tags .tags_left{ margin-right: 10px;
    color: #ffb100;
    display: block;
    margin-bottom: 10px;
    font-size: 0.46rem;
    line-height: initial;}
  .about_left .idx-tags  .col2{ display: inline-block; text-align: left;  font-size: 18px;  color: #000; }
  .about_left .idx-tags .tags_left img{width: 67px; height: auto; display: inline-block; vertical-align: middle;}
 
 
.oempic img{ width:100%; display:block; border-radius: 20px; }
.oempic span{ display: block;
    text-align: center;
    padding: 2vh 0;
    font-size: 18px;
    color: #000; }
    
.oempic .swiper-slide{ transform: scale(0.7);
    transition: 300ms;
    z-index: 4;
    filter: blur(5px);
    opacity: 0.6;}
.swiper-container.oempic{ padding:15vh 0; padding-bottom:7vh; }
.oempic .swiper-slide-active, .oempic .swiper-slide-duplicate-active {
   transform: scale(1.5);
    z-index: 5;
    filter: blur(0px);
    opacity: 1;
}


.oempic::before {
    content: '';
    display: block;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100px;
    z-index: 10;
}
.oempic::after {
    content: '';
    display: block;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100px;
    z-index: 10;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background: #f7f7f7;   width: 50px;  height: 50px;  border-radius: 50%; z-index: 11;}

.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover,.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover{ background:#f7d5bd; }

.swiper-button-prev svg{ width: 70%;
    height: 70%;
    display: block;
    margin: 0 auto;
    transform: rotate(90deg);
    margin-top: 7px; }
    
.swiper-button-next svg{ width: 70%;
    height: 70%;
    display: block;
    margin: 0 auto;
    transform: rotate(-90deg);
    margin-top: 7px; }





.honor_body .swiper-pagination {
  top: 100%;
  bottom: auto;
  margin-top: .35rem;
  display: none;
}
.honor_body .swiper-pagination div {
  line-height: 1;
  color: #000000;
}
.honor_body .swiper-pagination div.on {
  color: #d6031a;
}
.honor_body .swiper-pagination div:nth-child(2) {
  margin: 0 .2rem;
}
.honor_body .con_block {
  background-color: #fff;
  padding-bottom: 1.35rem;
}
.honor_body .hon_box_case .hon_box {
  display: none;
}
.honor_body .hon_box_case .hon_box.on {
  display: block;
}
.honor_body .hon_con_box {
  overflow: hidden;
  position: relative;
  padding-top: 10vh;
}
.honor_body .hon_con_box .swiper-container {
  width: 37.666%;
  margin: 0 auto;
  overflow: visible;
}
.honor_body .hon_con_box .swiper-container .swiper-slide {
  overflow: visible;
}
.honor_body .hon_con_box .swiper-container .swiper-wrapper {
  align-items: center;
}
.honor_body .hon_con_box .swiper-container .honor_con_me {
  transform: scale(0.8);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.honor_body .hon_con_box .swiper-container .honor_con_me .pub_img_box {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  display: none;
}
.honor_body .hon_con_box .swiper-container .honor_con_me .pub_img_box::before {
  margin-top: 64.8208%;
}
.honor_body .hon_con_box .swiper-container .honor_con_me .pub_img_box .pub_img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.honor_body .hon_con_box .swiper-container .honor_con_me .honor_img_ {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 3.5rem;
}
.honor_body .hon_con_box .swiper-container .honor_con_me .honor_t {
  text-align: center;
  margin-top: .38rem;
  color: #666666;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 3em;
  opacity: 0;
}
.honor_body .hon_con_box .swiper-container .active .honor_con_me {
  transform: none;
}
.honor_body .hon_con_box .swiper-container .active .honor_con_me .honor_img_ {
  box-shadow: 0 0.3rem 1rem -0.1rem rgba(0, 0, 0, 0.15);
}
.honor_body .hon_con_box .swiper-container .active .honor_con_me .pub_img_box {
  box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.15);
}
.honor_body .hon_con_box .swiper-container .active .honor_con_me .honor_t {
  opacity: 1;
  color: #ff710d; font-weight: bold;
}
.honor_body .hon_nav_box {
  margin: 0 auto;
    margin-top:8vh;
    margin-bottom:8vh;
    position: relative;
    width: 80%;
}
.honor_body .hon_nav_box .swiper-slide {
  width: auto;
  cursor: pointer;
  pointer-events: auto;
}
.honor_body .hon_nav_box .swiper-slide.active-nav .hon_n {
  color: #ff710d; font-weight: bold;
}
@media screen and (orientation: landscape) {
  .honor_body .hon_nav_box .swiper-slide:hover .hon_n {
    color: #ff710d;  font-weight: bold;
  }
}
.honor_body .hon_nav_box .hon_n {
  color: #666666;
  line-height:3.5;
  text-align: center;
  padding: 0 .3rem;
}



.sha_tra {
  position: absolute;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #ffffff 100%);
  background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #ffffff 100%);
  background: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ffffff), color-stop(0.25, rgba(255, 255, 255, 0)), color-stop(0.75, rgba(255, 255, 255, 0)), color-stop(1, #ffffff));
  background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #ffffff 100%);
  z-index: 3;
  top: 0;
  left: 0;
  pointer-events: none;
}
.f-18 {
    font-size: 18px;
}
.f-24 {
    font-size: 24px;
}

.hon_nav_box .swiper-button-next {
    right: 0;
    transform: translate(150%, 0);
    top:27px;
}

.hon_nav_box .swiper-button-prev {
    left: 0;
    transform: translate(-150%, 0);
    top:27px;
}



.start{ margin-bottom: 15px; }
.rating-container .caption{ margin-top:0px !important; }

@media screen and (max-width:700px){
	
	.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:47px;}
	.header .nav li.app_nav{display:block; }
	.header{  padding: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){  }
	.header .nav li a {
    text-transform: uppercase;     font-weight: 500;
}
	
	.header .logo{ box-shadow: none;
    width: 50%;
    position: relative;
    margin-left: 25%;
    text-align: center;
    margin-bottom: 0;
    height: auto;
    padding: 10px 0px; min-width:auto; }
	.header .logo a {
    display: block;
    width: 110px;
    height: 40px;
    overflow: hidden;
    margin: 0 auto; 
}
	.header .logo img	{         height: 40px; 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: 12px;
    padding-bottom: 11px;
    float: left;
    margin-top: 15px;
    position: relative;
    margin-bottom: 15px;
    position: relative;
    margin-left: 15px;
}
    

.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:100%; margin-left:0; }
.enter_hide{ display:none; }
.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:23px 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: calc(100% - 0px);
    padding: 0;}
	.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:20%;
    width: 80%;
    margin-left: 10%;
    left: auto; }
	.banner .swiper01 .txt h2{ font-size:18px; margin: 0; }
	.banner .swiper01 .txt p{ font-size: 14px;   margin-top: 4px; display:none; }
    .banner .swiper01 .txt span{ height: 30px; line-height: 30px; min-width: 90px;  margin-top: 15px;}
	.banner .swiper-pagination{ transform: translateY(0);     bottom: 0; }
	.banner .swiper-pagination-bullets .swiper-pagination-bullet{ width: 20px;  height: 3px; }
	.top_b{ right: 10px;  top: 0px; }
	.header.headertwo .logo{ height:auto; }
	
	.hedleft .member i{ line-height: 39px;  }
	.hedright .member i{ line-height: 39px; }
	
	.hedleft.hedleftTOP .member i,.hedright.hedrightTOP .member i{ line-height: 61px; }
 
	.inspired{     margin-bottom: 20px; }
	.banner {  margin-top: 0;
    padding-top: 100px;
    overflow: initial;}
	
	.top_b.top_bTOP{ top: 0; }
	
	
	
	
	.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; }
	.service .swiper-slide{ padding:0; } 
	.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%;
}

.ad, a.ad:hover{ margin-top: 0; }   
.hedleft{ border-right:none;  height: 40px;      -webkit-transition: all 0s; }
.hedleft.zkleft,.hedleft.hlhover.zkleft{ height:100vh; }
.hedleft.hedleftTOP{height:60px;}
.hedleft.zkleft,.hedright.zkleft{ z-index:110; }
.make{ z-index:109; }
 
.hedright{ border-left:none; height: 40px; -webkit-transition: all 0s; } 
.hedright.zkleft,.hedright.hrhover.zkleft{ height:100vh; }
.hedright.hedrightTOP{height:60px;}


.categories {
    padding: 5vh 0px; width: 90%;
    margin: 0 auto; padding-top:0px;
}
.categories.categoriesindex{ padding: 10px 0px; }
.categories .Categories_col a img{ width:100%; }
.categories .Categories_col a{ font-size:14px; padding-bottom: 10px; }
.categories .Categories_col li span{ padding-top: 5px; }
.categories .Categories_col li span.ftitle{ }

.index_container{     width: 90%;  margin: 0 auto; }

.about_content{ padding-top:0px;  padding-bottom:0px; }
.about_content .about_column .image img{ width:100%; height:auto; }
.about_content .about_wrap{border-top: 1px solid rgb(0 0 0 / 10%);}

.about_content .about_text{ overflow:none; line-height:1.5; }

.main_title em{ font-size: 0.32rem; }

.main_more{ font-size: 12px; }
 
 
 .row {
    margin-right:0;
    margin-left:0;
}

.showvideo{ width:100%;  margin: 0 auto; padding:5vh 0px; }
 
.playbtn{ font-size: 15px; width:30px;  height: 30px;  line-height: 30px; }
 
.playbtn:before{ width: 70px; height: 70px; margin: -36px; background-size: cover; }
.videolist .video_txt{ top:24%; left: 15%;   width: 70%; }
.video_txt .more{ height: 30px; line-height: 30px; font-size: 14px; min-width: 150px; margin-top: 12px; }
.video_txt h3 {  color: #fff; margin-top: 4vh;  font-size: 14px;}
 
.products_1{ margin: 0 auto; margin-top: 0;  width: 90%; padding-bottom:5vh; }
.pictxt{   }

.pictxt .txt{ width: 50%;  margin-right: 5%; }
.pictxt .img{ width: 45%; }
.pictxt .txt h3{ margin-top: 0;  font-size: 0.2rem;  margin-bottom: 0;}
.pictxt .txt p{ font-size: 14px; line-height: 1.5; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; display:none; }
    .pictxt .txt .more {
    margin-top: 15px;
}
.pictxt .more a{     padding: 5px 35px;  font-size: 12px; }
.number{ padding-top: 20px; margin-bottom:0px; }
.number li{ }
.number li .num{ display: inline-flex; margin-left: 10px; margin-top:0px; vertical-align: middle; }
.number li .text{ line-height: 1.5;  max-width: unset; font-size:12px; }  
.number li .icon img{ display:block; max-width:100%; }
.number li .icon{ vertical-align: middle;         min-width: 0.4rem;  max-width: 0.4rem; }
	.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:100%; padding:0;}
	.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:86px; 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:0px;  }
	
	.porduct .product_left{ width:100%;     overflow-x: scroll; border:none; border-bottom: 1px solid #f1f1f1; }
	.porduct .product_left .one{ overflow:hidden; width:500px; 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:100%; }
	.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;
}
	
	.container.porduct.allporduct{ margin-top:30px; }
	
	.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:80px; }
	.navdh.navdhfour{ margin-top:0px; display:none; }
	.products_nr .pic{ width:100%; max-width:100% }
	.products_pic{ margin-bottom: 0px; }
	.products_nr .text_pro{ width:90%; margin-top:3vh; }
	.products_pic .gallery-thumbs{   } 
	.products_pic .gallery-top{ width:100%; margin-bottom: 10px; }
	
	.price{ margin-top: 10px; }
	.price span:nth-child(1){font-size:20px; }
	.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%; margin-top: 0; font-size: 16px; margin-bottom: 10px;}
	
	.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:100%;}
	
	.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;
}
 

.addcar .sales{ margin: 20px 0px; overflow:hidden; }
.addcar .sales span:nth-child(1){font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
    float: left;
    line-height: 52px;
    margin-right: 20px;
    width: 120px;}
.addcar .sales span:nth-child(2){ 
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
    float: left;
    line-height: 52px;
    margin-right: 20px;
    width: 120px;}
    
.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{   }
.color dl dd.hover{ opacity:1; background:#fdf3d2;  }  
.color dl dd{ position: relative;
    float: left;
    width: auto;
    margin-right: 2%;
 
    text-align: center;
    line-height: inherit;
    vertical-align: middle;
    min-height: 52px;
        min-width: 52px;
    display: grid;
    align-items: center;
    padding: 0 2vw;
    border-radius: 50%;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box; background:#f1f1f1; user-select: none;}

.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; }



/*num*/
.odometer.odometer-auto-theme, .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car, .odometer.odometer-theme-car .odometer-digit {	-moz-box-orient: vertical;	display: inline-block;	vertical-align: middle;	position: relative}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {
-moz-box-orient: vertical;	display: inline-block;	vertical-align: middle;	visibility: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
text-align: center;display: block;position: absolute;top: 0;right: 0;bottom: 0;left:0}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon {	display: block}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon-inner {
display: block;	-webkit-backface-visibility: hidden}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value {
display: block;	-webkit-transform: translateZ(0)}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value {	position: absolute}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {padding:0px}




.about_left .pictxt{ margin-top: 10vh; }
.about_left .pictxt .img{ border-radius: 10px; }
.about_left .pictxt .txt{  margin-left: 10%; margin-right: 0;  width: 50%; }

.about_left .pictxt:nth-child(2n) .txt{ margin-left:0; margin-right:10%;}










.container.sale_li.w70{ width: 70%; }
.sale_li li{ box-sizing: border-box; float:left; width:48%; margin-right:4%; margin-bottom:5vh;  }
.sale_li li:nth-child(2n){ margin-right:0; }
.sale_li li a{ display: flex;
    position: relative;
    padding:3vh 1vw; display: flex;
    position: relative;
    box-sizing: border-box;
    box-shadow: 0 0px 10px 0px rgb(145 145 145 / 10%);
    border-radius: 9px;
    background: #fff; }

.sale_li li .img{ flex: 1; }
.sale_li li .img img{ width:100%; display:block; }
.sale_li li .txt{ flex: 2; margin-left: 20px; }
.sale_li li .txt h2{ text-align: left;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;
    color: #000; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;     margin-bottom: 0;}
.sale_li li .txt .price{font-size: 30px;
    line-height: 30px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    color: #000;}
.sale_li li .txt .price span{ font-size: 14px;
    color: #7e7e7e;
    text-decoration: line-through; }
.sale_li li .txt .btn{ display:block;
    background: #fdf3d2;
    border-radius: 20px;
    padding: 10px 50px;
    font-size: 16px;
    width: 170px;
    text-align: center;
    font-weight: 700;
    margin-top:2vh;
    -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;}

.youhui{ position: absolute;
    top: 0;
    left: 0;
    background: #fdf3d2;
    padding: 10px;
    border-bottom-right-radius: 9px;
    border-top-left-radius: 9px;
    font-size: 16px; }

.sale{ margin-top:40px }



.stars a {
    display: block;
    width: auto;
    position: absolute;
    left: 110px;
    white-space: pre;
    text-decoration: revert; height: 12px;
    line-height: 12px;
}

.yhpl{ width:100%;margin:0 auto; background:#FFF; overflow: hidden; color:#929292; }
.yhpl .yhpl_form{ padding:20px 0; float:left; padding-top:0px; padding-bottom:10px; width: calc(100% - 50px);}
#plnume{ padding:20px 0;}
#plnume a{ color:#1F8902;}
#plpic{ float:left; width:50px; width:50px; }
#plpic img{ width:50px; height:50px;}
.plshow{ width:100%; margin:0 auto; background:#FFF; padding:20px 0; color:#929292; position: relative;}
.yhpl .yhpl_form textarea{ height:95px;
    padding: 4px;
    float: left;
    border: 1px solid #D8D8D8;
    width: calc(100% - 120px);}
.yhpl .yhpl_form .subimg{width:110px; text-align:center; padding-top:30px; padding-bottom:39px; border:none;float: left; font-size:20px; cursor:pointer; font: 20px Arial,"微软雅黑"; color:#FFF; background:#aeaeae; transition: all 0.3s ease-in;}
.yhpl .yhpl_form .subimg:hover{ background:#6bc30d;}


.plbj{ float:left;     margin-left: 90px;     width:16px;  height:16px; display:none; }
.plbj .plbj_1{  width:16px;
    height:16px; background:url(../images/bj.png) no-repeat; cursor:pointer;}
	
	
.plbj ul{ position:absolute; margin-top: 10px;
    background: #fff;
    padding: 20px;
    width: 210px;
    height: auto;
    box-shadow: 0 4px 16px rgba(0,0,0,.13); display:none; z-index:100;
	}
.plbj ul li{ float:left; width: 30px;
    height: 30px;cursor:pointer;}

.plbj ul li span{ display:block; width: 29px;
    height: 29px;
    border: #e1e1e1 1px solid;
    display: block;
    transition: border-color ease .3s;}
	
	
.plbj ul li span:hover{border:#6bc30d 1px solid;}


.plbj .bjb1{ background:url(../images/1.gif) no-repeat}
.plbj .bjb2{ background:url(../images/2.gif) no-repeat}
.plbj .bjb3{ background:url(../images/3.gif) no-repeat}
.plbj .bjb4{ background:url(../images/4.gif) no-repeat}
.plbj .bjb5{ background:url(../images/5.gif) no-repeat}
.plbj .bjb6{ background:url(../images/6.gif) no-repeat}
.plbj .bjb7{ background:url(../images/7.gif) no-repeat}
.plbj .bjb8{ background:url(../images/8.gif) no-repeat}
.plbj .bjb9{ background:url(../images/9.gif) no-repeat}
.plbj .bjb10{ background:url(../images/10.gif) no-repeat}
.plbj .bjb11{ background:url(../images/11.gif) no-repeat}
.plbj .bjb12{ background:url(../images/12.gif) no-repeat}
.plbj .bjb13{ background:url(../images/13.gif) no-repeat}
.plbj .bjb14{ background:url(../images/14.gif) no-repeat}
.plbj .bjb15{ background:url(../images/15.gif) no-repeat}
.plbj .bjb16{ background:url(../images/16.gif) no-repeat}
.plbj .bjb17{ background:url(../images/17.gif) no-repeat}
.plbj .bjb18{ background:url(../images/18.gif) no-repeat}
.plbj .bjb19{ background:url(../images/19.gif) no-repeat}
.plbj .bjb20{ background:url(../images/20.gif) no-repeat}
.plbj .bjb21{ background:url(../images/21.gif) no-repeat}


.yhpl .qlogin{text-align:center; width:1140px; margin:0 auto; height:100px; line-height:100px; font-size:14px;}



.plshownum{ display:none; }
.pllist{ border-bottom:1px solid #E8E6E6; padding-top:30px; padding-bottom:30px; overflow:hidden}
#infocommentarea .pllist:last-child{ border-bottom:none; }

.pllist .pllist_pic{ float:left; width:50px; height:50px; border-radius: 50%;
    overflow: hidden;}
.pllist .pllist_pic img{ width:50px;height:50px;}
.pllist .pllist_txt{ float:left; margin-left:20px;     width: calc(100% - 70px);}
.pllist .pllist_txt .pllist_txt_1 span,.pllist .pllist_txt .pllist_txt_1 a{ margin-right:5px;}
.pllist .pllist_txt .pllist_txt_1 span{ margin-right:0; }

.pllist .pllist_txt .pllist_txt_1 a{ color: #1F8902;}
    
.pllist .pllist_txt .pllist_txt_1 p{ display:inline; color: #1F8902;}
.pllist .pllist_txt .pllist_txt_2{ padding-top:10px; padding-bottom:10px;}
.pllist .pllist_txt .pllist_txt_2 img{ vertical-align:bottom}

.pllist_txt_1 .rating-container{ display: inline-block; }

.pllist .ecomment{ margin-top: 20px;
    padding: 15px;
    border: 1px solid #F2F2F2;
    width: 100%;
    position: relative;
    box-sizing: border-box;}
.pllist .ecomment .ecommentauthor{ margin-bottom:5px; display:block;     font-weight: bold;
    color: #6ecd07;}
.pllist .ecomment .ecommentauthor a{color:#1F8902; }
.pllist .ecomment .ecommenttext{ display:block; padding-top:5px; padding-bottom:5px;}
.pllist .pljt{ background:url(../images/pljt.png) no-repeat top center; width:27px; height:10px; position:absolute; top:-10px; left:10px;}

.pllist .pllist_txt .pllist_txt_1 .tosaypl{ color:#F90; cursor:pointer}
.pllist .tosaypl{ display:none; -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;}
.pllist:hover .tosaypl{ display:inline}

#ajaxpl{ position:absolute; background:#fff; width:1140px; height:90px; opacity:0; display:none; top:49px;}


.delpl{ display:none; }

.dqpl { overflow:hidden; height:0px;}
.dqpl textarea{ width:940px; height:55px; padding:4px; float: left;
    border: 1px solid #6bc30d;}
.dqpl .subimg{width:110px; text-align:center; padding-top:19px; padding-bottom:20px; border:none;float: left; font-size:20px; cursor:pointer; font: 20px Arial,"微软雅黑"; color:#FFF; background:#6bc30d; transition: all 0.3s ease-in;}
.dqpl .subimg:hover{ background:#8aa700;}

.dqpl .plbj{ margin-left:0px; margin-top:10px;}

.rating-container .rating-stars{ vertical-align: inherit !important; }


div.zoomDiv{z-index:999;position:absolute;top:auto;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden; margin-top:200px; }
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

@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; }
	.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:130px; }
	.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: 90%; }
	.hot_list .title h3{ font-size: 16px; line-height: 1;  padding: 15px 0; }
	.hot_list .title{ padding: 0; }
	.hot_list .title a{ font-size: 0.8rem; }
	.products_1_1 ul li:nth-child(3n){  }
	.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{         padding-bottom: 0;  }
	.products_1 h2{ font-size: 3vh; margin-bottom: 2vh; margin-top: 0; padding-top:30px; }
	.products_1 p{ margin-bottom:0; }
	
	.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:100%;  margin-right: 0;  flex-basis: unset; margin-bottom: 2vh; padding: 5px; box-sizing: border-box; }
		.products_1_1 ul li{   }
	.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;
    background: #ebe1d2;
    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:61%; 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; font-size:14px; }
	.header .nav li.hover .nav_two {display: block; position:static;  padding:0; max-height: 300px;
        overflow-y: scroll; width:100%; }
    .header .nav li.hover .nav_two li{  width: 100%;  margin-left: 0px; }
    
     
    .banner .swiper01 img.pc{ display:none; }
    .banner .swiper01 img.app{ display:block; }


	.page{     margin-bottom:30px;  margin-top:30px; }
	
	
	.service .swiper-slide .txt,.service .swiper-slide:nth-child(1) .txt,.service .swiper-slide:nth-child(2) .txt,.service .swiper-slide:nth-child(3) .txt{ left: 10%;
    right: auto;
    width: 80%;
    top: auto;
    bottom: 8%; margin: auto; }
	.service .swiper-slide .txt span{ line-height:1; }
	.service .swiper-slide:nth-child(3) .txt span,.service .swiper-slide:nth-child(2) .txt span,.service .swiper-slide:nth-child(1) .txt span{ border:none; }
	
	.lwmian,.lmainbox{     width: calc(100% - 60px); min-width: unset; } 
	
	html,body{ overflow-x:hidden; }
	
	.hedright  .lmainbox{ margin-left: 70px; width: calc(100% - 90px); padding-top: 15px; min-width:unset; }
	.hedright .lhed{  padding-bottom: 15px; }
	.lmainbox .buycar_list .tonj a{ padding: 0px 7px; }
 
	
	.lmainbox .buycar_list .buycar ul li:nth-child(1){ width: 30%;
    height: 64px;}
	.lmainbox .buycar_list .buycar ul li:nth-child(2){ margin: 0;
    margin-left: 5%;
    width: 64%;
    font-size: 12px; }
	.lmainbox .buycar_list .buycar ul li:nth-child(3){ text-align: left;
    width: 30%; }
    .buycar_list .buycar ul li input {
    font-size: 12px;
    margin-left: 10px;
    line-height: 12px; width: 50px;
}
	.lmainbox .buycar_list .buycar ul li:nth-child(4){ width: 62%; }
	.lmainbox .buycar_list .buycar { margin-top:15px;  margin-bottom: 0;}
	
	.products_nr{ display:block; overflow: hidden;     min-height: auto;}
	.products_pic img{ width:100%; }
	.products_nr .text_pro{ width: 100%;  margin: 0; }
 
	.products_1_1.products_1_two ul{ display:block; }
	.products_1_1.products_1_two ul li{ width:48%; float:left; border: 1px solid #f1f1f1; padding: 10px; }
	.products_1_1.products_1_two ul li:nth-child(2n){ margin-left:4%; }
	.product_right .products_1_1.products_1_two ul{ margin-top:0; }
	.porduct .product_right .title{padding-bottom: 2vh;}
	
	.product_right .products_1_1.products_1_two{ margin-top:2vh; }
	.products_1_1.products_1_two ul li p{   }
	
	.container.productdetails{ width:90%; margin-top: 0px; }
	.porduct.porductNR{ width:90%; margin:0 auto; }
	.addcar .buynow{ line-height: 1; height: auto;  margin-bottom: 10px;   font-size: 14px; margin-left:20px; } 
	
	.banner .lmbanner img{ width: 150%; margin-left: -25%; }
	.lmbanner .items{ padding: 1rem 5vw 0 5vw; bottom: 0; height:auto; }
	
	.lmbanner .items > svg{ left: 50%; width: 1500px;  margin-left: -750px; }
	
	.banner .lmbanner{ overflow:hidden; width:100%; }
	
	.lmbanner .items .list > h4{ bottom: calc(70% + 0.2rem); font-size:12px; }
	.lmbanner .items .list:nth-of-type(2) {  margin-top: 0.85rem;}
	.lmbanner .items .list.on > span{ -webkit-transform: scale(0.55); }
	.lmbanner .items .list:nth-of-type(3) {
    margin-top: 0.7rem;
}

 
.lmbanner .items .list:nth-of-type(1) {
 
    margin-top: 0.42rem;
}

.lmbanner .items .list:nth-of-type(2) {
 
    margin-top: 0.56rem;
}

.lmbanner .items .list:nth-of-type(4) {
    margin-top: 0.78rem;
}

.lmtitle{ font-size: 0.25rem; }
.about .about_con{ width:90%; }

.about_left .idx-tags{ margin-top: 4vh; } 
.about_left .idx-tags .tags_left{ font-size: 0.3rem; }
.about_left .idx-tags ul{ margin-bottom:0; }
.about_left .idx-tags ul li{ width: 50%; }
.about_left .idx-tags .col2{ font-size:16px; }
.about_left .idx-tags .tags_left{ margin-bottom: 0;}

 .oempic .swiper-slide{ transform: scale(0.5); }
.oempic .swiper-slide-active, .oempic .swiper-slide-duplicate-active{ transform: scale(1); }

.oempic::before,.oempic::after{ display:none; }

.swiper-container.oempic{ padding: 3vh 0; }
.companyprofile{ margin-top: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #606060;}
.companyprofile h1{ font-size: 0.25rem; margin-bottom: 0; color:#000; }


.about_left .pictxt { margin-top: 3vh;}


.about_left .pictxt{ display: block; border-bottom: 1px solid #f1f1f1; padding-bottom: 3vh; }
.about_left .pictxt .img{ width:100%; }
.about_left .pictxt .txt{ margin-left:0; width:100%; }
.about h2{ font-size:16px; }
.about_left .pictxt .txt p{ -webkit-line-clamp: unset;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #707070;
    margin-top: 1vh; }

.about_left .pictxt.mtop0 .txt{ margin-bottom: 3vh; }

.companyprofile tr{ table-layout: auto; display: grid; width: 50%; overflow: hidden;  float: left; }
.companyprofile table strong{ font-size: 0.2rem; }

.about_right .box .list{ width:100%; }
.about_right .box .list .msg h3{ font-size: 0.3rem; }
.about_right .box .list:nth-of-type(n+1) {
    margin-top: 0.5rem;
}
.about .about_right{     margin-top: 0vh; }
.about_right .box .list .num{ font-size: 0.6rem; }


.text_pro dt{ width:80px; font-size:12px; margin-right: 0px; }
.oem,.wuliu{.oem,margin-top: 10px; } 
.wuliu span{ width:50px; font-size:12px; margin-right: 0px; width: 25px;}
.oem{ display:none; }
.oem span{ width:50px; font-size:12px; margin-right: 0px;}
.quantity span{ width:80px; font-size:12px; margin-right: 0px;}
.wuliu img{ height:10px; }
.wuliu svg{ width:20px; height: 20px; }
.banner .lmbanner h1{ width: 70vw;  left: 15vw;  font-size: 16px; }
.link-list{ font-size:14px; }

.newsletter-field .content>.submit{ height: 40px; }
.newsletter-field .content>.text-field input{ padding: 12px;  font-size: 14px; }
.newsletter-field .content>.text-field{ height: 40px; }

.advantage-list-content .advantage-item .multiline-text{ font-size:14px; }
.advantage-list{ padding: 6vh 0; }

.denglu .biaodan .sublogin .su{font-size:14px; }

.navdh.w70{ width:90%; margin-top:30px; }
.sale { margin-top: 20px;}
.container.sale_li.w70 { width: 90%;}
.sale_li li{ width:100%; margin-right:0; }

.sale_li li a{ display:block; padding: 20px; }
.sale_li li .txt{ margin-left:0px; text-align: center; }
.sale_li li .txt h2{ font-size:16px; margin-top: 0;     text-align: center; }

.sale_li li .txt .price{ margin-top: 10px; font-size: 20px; }
.sale_li li .txt .btn{ margin: 0 auto;
    margin-top: 16px;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 10px 30px;
    width: 130px; }
    
    .enter.hover{ z-index: 130; }

.products_1_1 .swiper-pagination-bullet{  width: 15px;  height: 15px; }
.erlm { margin-top:20px; }
.erlm li{ margin:0; margin-right:10px; margin-bottom:10px; }
.erlm li a{ font-size:12px; }

.lmjs{  }
.categories .Categories_col{ grid-template-columns: 1fr 1fr; grid-gap:15px; row-gap:15px;}

.categories .container:after{  display:none; }
.pronrnr{ padding:20px 0px; }
.pronrnr .canshu ul{ grid-template-columns: 1fr; }
.pronrnr .canshu ul li span{ padding: 6px 10px; font-size: 12px; line-height: 1.5; }
.pronrnr .canshu ul li span:first-child{ flex:.7; }
}