*{
	margin: 0;
	padding: 0;    
}
i{font-family:iconfont;}
em {
	font-style: normal;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: top;
}

input{
	outline: none;
}

body {
    /*font-size: 14px;*/
    font-family: OPPOSans-R,MiSans,"Helvetica Neue","Source Han Sans CN","PingFang SC","Microsoft YaHei","simsun","Segoe UI",Roboto,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    /*font-family: "PingFang SC","方正兰亭中黑简体","Source Han Sans CN","Microsoft YaHei","simsun","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";*/
    /*font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;*/
    background: white;
}



.fl {
	float: left;
}
i{font-style:normal;}
.fr {
	float: right;
}
h1,h2,h3,h4,h5,h6{font-weight:normal;padding:0;margin:0;}
.clear {
	clear: both;width:100%;
}
.fadeIn {
	animation: fadeIn .5s ease-out forwards;
}
.fadeOut {
	animation: fadeOut .5s ease-out forwards;
}
/* 淡入 */
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
/* 淡出 */
@-webkit-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@-o-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@-moz-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@-webkit-keyframes bannerscale {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes bannerscale {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}


#wrapper {
	position: relative;
	width: 100%;	
	background: inherit;	
}
.wrap {
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;    
    box-sizing: border-box;
}
.img{overflow:hidden;}
.img img {
    transition: all 0.3s;
}
.img:hover img {
    transform: scale(1.1);
}

.header{width:100%;transition-duration: 1s;background:none;box-sizing:border-box;background: #fff;padding:25px 0;height:auto;position:sticky;z-index:99999;top:0;}
.header .wrap{justify-content: space-between;-webkit-justify-content: space-between;display:flex;}
.header .logo{padding: 0; transition-duration: .5s; transition-timing-function:ease;width:220px;}
.header .logo img{width:100%;}

.header .nav__trigger{display:none;}

.header .right{padding-left:80px;justify-content: flex-end;-webkit-justify-content: flex-end;display:flex;width:80%;align-items:center;max-width:950px;}
.header .navlist{width:100%;}

.header .nav{}
.header .nav .nav__list{display:block;transition-duration: 1s;justify-content: space-between;-webkit-justify-content: space-between;display:flex;margin:0;}
.header .nav .wrap{position:relative;}
.header .nav .nav__item:hover::after{width:50px;}
.header .nav .nav__item{position:relative;}
.header .nav .nav__item i{display:none;}
.header .nav .nav__item a{display:block;width:100%;line-height:50px;text-align:right;font-size:17px;color:#333;transition: all 0.5s;position:relative;}
.header .nav .nav__item a:hover{color:#007147}

.header .nav .nav__item ul{position: absolute;width: 240%;top: 100%;left:-50px;background: #fff;box-shadow: 0 0 10px #0003;z-index:9999;display:block;border-radius:10px;padding:10px 0;}
.header .nav .nav__item ul li a{text-align:center;line-height:40px;font-size:15px;color:#666;}
.header .nav .nav__item ul li a:hover{color:#007147;}
@media screen and (min-width:821px){
    .header .nav .nav__item:hover ul{display:block !important;animation:fadeIn 1s;}
}

.header .openSearch{transition-duration: .5s; width:50px;height:60px;font-family:iconfont;font-size:20px;color:#6a6a6a;text-align:center;cursor:pointer;line-height:60px;margin:0px 0px 0 20px;}
.header .openSearch:hover{color:#333;}
.header .lang{font-size:16px;text-align:center;line-height:36px;background:#007147;border-radius:25px;padding:0 12px;margin-left:10px;width:60px;}
.header .lang a{color:#fff;}
.header .shop{display:block;width:130px;height:36px;line-height:36px;color:#007147;text-align:center;border-radius:25px;padding:0 5px 0 10px;margin-left:10px;font-size:15px;border:1px solid #007147;}
.header .shop i{font-family:iconfont;}
.header .cart{display:none;}

.header.on{width:100%;top:0;left:0;padding:15px 0;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);}
.header.on .logo{width:180px;}

/*new right*/
.demo-icon{
  font-family:'iconfont';
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:20px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}
.cndns-right{position:fixed;right:5px;bottom:30%;margin-top:-100px;z-index:100}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:55px;height:55px;text-align:center;display:block;margin-bottom:6px;position:relative;background:rgba(50,50,50,0.5);box-shadow: 0 0 10px 0 rgba(20,34,67,.1);line-height:55px;border-radius:50%;}
.cndns-right-btn span{color:#fff;font-size:24px;line-height:55px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#cc9900;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#1765ba;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover{background:#269c46;color:#fff;border-radius:50%;}

.meau-car .cndns-right-btn {border-color:#1765ba;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#269c46}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#1765ba;}
.meau-sev .cndns-right-btn p{color:#fff}
.meau-top .cndns-right-btn i{display:block;color:#fff}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#269c46}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{padding:30px 20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t .con{width:100%;height:70px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#333;font-size:20px;line-height:28px;font-family: "MONTSERRAT-REGULAR",'Microsoft YaHei';}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:0px;margin-top:15px;border-top:1px solid #e4e4e4;text-align:center;}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#333}
.cndns-right-box .box-border .qrcode img{width:70%;}
.meau-sev .cndns-right-box .box-border{width:270px;}
.meau-contact .cndns-right-box .box-border{width:300px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.cndns-right-btn:hover{background:#edad27;color:#fff;border-radius:50%;}
.cndns-right-btn:hover .demo-icon{color:#fff;}
.meau-zs .cndns-right-btn{background-color:#1765ba;color:#fff;margin-top:80px;border-color:#1765ba}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
.sev-t h6{color:#333;font-size:14px;line-height:40px;}

@media screen and (max-width:820px){
    .cndns-right{top:90%;margin-top:0;right:10px;}
    .cndns-right-btn{width:47px;height:47px;line-height:47px;}    
    .cndns-right-btn span{line-height:47px;font-size:24px;}
    .meau-sev,.meau-contact{display:none;}

}

/*弹出分类*/

.searchbox{background:none;overflow:hidden;border-radius:12px;max-width:800px;height:60px;margin:0 auto;width:100%;border:1px solid #007147;display:flex;}
.searchbox .input{width:calc(100% - 140px);float:left;border:none;font-size:18px;color:#999;text-indent:20px;line-height:60px;background:none;}
.searchbox .button{width:140px;float:left;background:none;color:#fff;text-align:center;line-height:60px;border:none;font-family:iconfont;font-size:22px;background:#007147;border-radius:10px;}

.search{background:#fff;overflow:hidden;border-radius:5px;max-width:670px;line-height:62px;height:62px;margin:0 auto;width:100%;display:flex;}
.search i{font-size:22px;color:#b7bcbd;padding:0 20px;}
.search .input{width:calc(100% - 140px);border:none;font-size:18px;color:#999;text-indent:0px;line-height:62px;background:none;font-weight:normal;}
.search .input::placeholder{color:#b9b9b9;}
.search .button{width:100px;color:#fff;text-align:center;border:none;font-size:22px;background:#007147;}


 .cd-section {
      padding: 2em;
      margin-top: 5em;
      text-align: center;
    }

    .cd-bouncy-nav-trigger {
  
    }
    .cd-bouncy-nav li .info a:hover{background:none;}
    .no-touch .cd-bouncy-nav-trigger:hover {
      background: #e0a36f;
    }
    .cd-bouncy-nav
    {      
      columns: 4; 
      column-gap: 10px;
      height:80%;
      background:none;padding:40px 0 0 0;
      width:800px;
    }
      .cd-bouncy-nav li {
        width: 100%;
        height:auto;
        float: left;
        box-sizing:border-box;
        padding:10px;
        margin-bottom:10px;
        break-inside: avoid;
      }

.cd-bouncy-nav-modal {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
    -moz-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
    transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
    box-sizing: border-box;
    padding-top: 170px;
    background: rgba(247, 247, 247, 0.8);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #eee;
}
    .cd-bouncy-nav-modal.fade-in {
      visibility: visible;
      opacity: 1;
      -webkit-transition: opacity 0.1s 0s, visibility 0s 0s;
      -moz-transition: opacity 0.1s 0s, visibility 0s 0s;
      transition: opacity 0.1s 0s, visibility 0s 0s;
    }
    .cd-bouncy-nav-modal .cd-close {
      display: block;
      position: fixed;
      top: 150px;
      right: 50px;
      width: 44px;
      height: 44px;
      /* image replacement */
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      background: url("../images/cd-icon-close.svg?v=1") no-repeat center center;
      -webkit-transform: scale(0) translateZ(0);
      -moz-transform: scale(0) translateZ(0);
      -ms-transform: scale(0) translateZ(0);
      -o-transform: scale(0) translateZ(0);
      transform: scale(0) translateZ(0);
      -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
      -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s;
      transition: transform 0.3s 0s, visibility 0s 0.3s;
    }
    .cd-bouncy-nav-modal.fade-in .cd-close {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transition: -webkit-transform 0.3s 0s, visibility 0.3s 0s;
      -moz-transition: -moz-transform 0.3s 0s, visibility 0.3s 0s;
      transition: transform 0.3s 0s, visibility 0.3s 0s;
      z-index:99;
    }


    .cd-bouncy-nav {      
      width: 100%;max-width:800px;margin:0 auto;
    }
    .cd-bouncy-nav li {
  
  padding:0 0.3rem;
  box-sizing:border-box;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh);
  text-align: center;
}
.cd-bouncy-nav li img{width:100%;border-radius:50%;}

.is-visible .cd-bouncy-nav li {
  /* used to assign a tranlsateY value when the animation is over */
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.fade-in .cd-bouncy-nav li {
  -webkit-animation: cd-move-in 0.4s;
  -moz-animation: cd-move-in 0.4s;
  animation: cd-move-in 0.4s;
}
.fade-out .cd-bouncy-nav li {
  -webkit-animation: cd-move-out 0.4s;
  -moz-animation: cd-move-out 0.4s;
  animation: cd-move-out 0.4s;
}
.fade-in .cd-bouncy-nav li, .fade-out .cd-bouncy-nav li{
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(3), .fade-out .cd-bouncy-nav li:nth-of-type(3) {
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(6), .fade-out .cd-bouncy-nav li:nth-of-type(6) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}


/*@media only screen and (min-width: 768px) {
  .cd-bouncy-nav {
    max-width: 450px;
  }*/

.cd-bouncy-nav li .info{width:100%;text-align:left;height:auto;color:#fff;}
.cd-bouncy-nav li .info h1{font-size:16px;line-height:20px;text-indent:0px;padding-bottom:5px;color:#666;font-weight:normal;text-align:center;}
.cd-bouncy-nav li .info img{width:60px;float:left;position:initial;}
.cd-bouncy-nav li .info a:hover h1{color:#333;}
.cd-bouncy-nav li .list{width:100%;}

.cd-bouncy-nav li .list a{color:#fff;float:left;display:block;font-size:14px;text-align:left;line-height:26px;width:50%;box-sizing:border-box;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

      .fade-in .cd-bouncy-nav li:nth-of-type(1), .fade-out .cd-bouncy-nav li:nth-of-type(1) {
        -webkit-animation-delay: 0.1s;
        -moz-animation-delay: 0.1s;
        animation-delay: 0.1s;
      }
      .fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        animation-delay: 0s;
      }
      .fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
        animation-delay: 0.3s;
      }
      .fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
        -webkit-animation-delay: 0.25s;
        -moz-animation-delay: 0.25s;
        animation-delay: 0.25s;
      }
 
    



@-webkit-keyframes cd-move-in {
      0% {
        -webkit-transform: translateY(100vh);
      }
      65% {
        -webkit-transform: translateY(-1.5vh);
      }
      100% {
        -webkit-transform: translateY(0vh);
      }
    }
    @-moz-keyframes cd-move-in {
      0% {
        -moz-transform: translateY(100vh);
      }
      65% {
        -moz-transform: translateY(-1.5vh);
      }
      100% {
        -moz-transform: translateY(0vh);
      }
    }
    @keyframes cd-move-in {
      0% {
        -webkit-transform: translateY(100vh);
        -moz-transform: translateY(100vh);
        -ms-transform: translateY(100vh);
        -o-transform: translateY(100vh);
        transform: translateY(100vh);
      }
      65% {
        -webkit-transform: translateY(-1.5vh);
        -moz-transform: translateY(-1.5vh);
        -ms-transform: translateY(-1.5vh);
        -o-transform: translateY(-1.5vh);
        transform: translateY(-1.5vh);
      }
      100% {
        -webkit-transform: translateY(0vh);
        -moz-transform: translateY(0vh);
        -ms-transform: translateY(0vh);
        -o-transform: translateY(0vh);
        transform: translateY(0vh);
      }
    }
    @-webkit-keyframes cd-move-out {
      0% {
        -webkit-transform: translateY(0vh);
      }
      100% {
        -webkit-transform: translateY(-100vh);
      }
    }
    @-moz-keyframes cd-move-out {
      0% {
        -moz-transform: translateY(0vh);
      }
      100% {
        -moz-transform: translateY(-100vh);
      }
    }
    @keyframes cd-move-out {
      0% {
        -webkit-transform: translateY(0vh);
        -moz-transform: translateY(0vh);
        -ms-transform: translateY(0vh);
        -o-transform: translateY(0vh);
        transform: translateY(0vh);
      }
      100% {
        -webkit-transform: translateY(-100vh);
        -moz-transform: translateY(-100vh);
        -ms-transform: translateY(-100vh);
        -o-transform: translateY(-100vh);
        transform: translateY(-100vh);
      }
    }

@media screen and (max-width:1440px){
    .wrap{padding:0 80px;}    
}
@media screen and (max-width:1280px){
    .wrap{padding:0 40px;}
    .header .logo{width:200px;}
    .header .nav .nav__item a{font-size:15px;}
    .header .shop{font-size:14px;}
    .header .lang{font-size:14px;}
    .header .right{padding-left:50px;}
}
@media screen and (max-width:1024px){
    .header{padding:20px 0 10px 0;}    
    .header .logo{width:160px;margin:0;}
    .header.on .logo{width:150px;margin-top:10px;}
    .header .right{width:calc(100% - 200px);padding-left:0;}
    .header .shop{display:none;}
    .header .cart{display:block;width:40px;height:60px;text-align:center;line-height:60px;font-family:iconfont;font-size:20px;color:#007147;}
    .header .nav .nav__item a{font-size:15px;}
    .header .lang{background:#007147;font-size:14px;line-height:30px;}
}
@media screen and (max-width: 820px) {
    .wrap{width: 100%;padding:0 20px;}
    .header{padding:20px 0;}  
    .header .logo{width:210px;}
   
  
    .header .right{flex-direction:row-reverse;float:right;width:auto;}
    .header .cart{font-size:28px;color:#333;margin-left:10px;}
    .header .openSearch{font-size:26px;color:#333;margin:0 5px;}
    .header .navlist{width:auto;}
    .header .nav .nav__list{flex-direction:column;}
    .header .nav .nav__item i{font-family:iconfont;position:absolute;right:20px;top:5px;font-size:22px;color:#999;display:block;line-height:40px;}
    .header .nav .nav__item ul{position:relative;width:100%;background:none;width:100%;box-shadow:none;padding:0 0 10px 0;display:flex;flex-wrap:wrap;left:0;}
    .header .nav .nav__item ul li{width:50%;}
    .header .nav .nav__item ul li a{color:#888;font-size:16px;text-align:left;text-indent:30px;line-height:40px;}

    .search{width:80%;}
    .cd-bouncy-nav{width:80%;}
    .cd-bouncy-nav-modal .cd-close{top:130px;right:40px;}

    .header .nav__trigger {
        display: block;
        float: right;
        position: relative;
        width: 30px;
        height: auto;
        text-align: center;
        box-sizing: border-box;
        /*background: -webkit-linear-gradient(left top, #ffb63c , #ffa205);
    background: linear-gradient(to bottom right, #ffb63c , #ffa205);*/
        display: block;
        margin: 0px 0px 0 0;
        transition-duration: 0.5s
    }    
    
    .header .nav {
  position: fixed;
  z-index: 9999;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
          
    transform: translateX(-100%);
    width: 100%;
    height:calc(100vh - 102px);
    top:102px;left:0;
    margin-top:0;
    }
    .header.on .nav{height:calc(100vh - 90px);top:90px;}
   .nav--active .nav {
      opacity: 1;
      background:#fff;
      -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    min-height:30rem;
    }
    .header .nav .nav__list {
        padding: 0;
        margin: 0 0 0 0;
        width: 100%;       
        background: #fff;
        /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
    }
    .header .nav .nav__item {
        list-style-type: none;
        text-align: left;
        font-size: 0.7rem;        
        width: 100%;
        border-bottom: 1px solid #f3f3f3;
    }

    .header .nav .nav__item a::after{display:none;}
    .header .nav .nav__item li a{color:#fff;display:block;width:100%;line-height:1.5rem;font-weight:normal;font-size:0.7rem;}
        .header .nav .nav__item a {
            line-height: 50px;
            font-size: 16px;
            text-decoration: none;
            color: #17233d;
            opacity: 1;
            -webkit-transition: opacity 300ms ease-in-out;
            transition: opacity 300ms ease-in-out;
            text-align: left;
            text-indent: 20px;
        }
    .header.on .nav .nav__item a{line-height:45px;}
    .header .nav .nav__link span{
         font-family:iconfont;
         font-weight:normal;
         margin-right:10px;
         font-size:0.8rem;
    }
    .nav--active .nav__link {
      opacity: 1;
    }
    .nav--active .nav {
      -webkit-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out;
      -webkit-transform: translateX(0);
              transform: translateX(0);
          
    }
    .nav--active .nav__icon {
      background: rgba(0, 0, 0, 0);
    }
    .nav--active .nav__icon:before {
      margin-top: 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
              background:#333;
    }
    .nav--active .nav__icon:after {
      margin-top: 0;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
              background:#333;
    }

        
        
        /* Default navigation icon */
        .nav__trigger {
            display: block;
            position: absolute;
            z-index: 1000;
        }
    .nav--active .nav__trigger {
      opacity: 0.8;
    }
    .nav__icon {
        display: inline-block;
        position: relative;
        width: 28px;
        height: 2px;
        background-color: #333;
        -webkit-transition-property: background-color, -webkit-transform;
        transition-property: background-color, -webkit-transform;
        transition-property: background-color, transform;
        transition-property: background-color, transform, -webkit-transform;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
        top: -3px;
    }
        .nav__icon:before,
        .nav__icon:after {
            content: '';
            display: block;
            width: 28px;
            height: 2px;
            position: absolute;
            background: #333;
            -webkit-transition-property: margin, -webkit-transform;
            transition-property: margin, -webkit-transform;
            transition-property: margin, transform;
            transition-property: margin, transform, -webkit-transform;
            -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
        }
    .nav__icon:before {
      margin-top: -10px;
    }
    .nav__icon:after {
      margin-top: 10px;
    }   
}

@media screen and (max-width:760px)
{   
    .header .topsearch{display:none;}
    .header{padding:15px 0;}  
    .header .wrap{}
    .header .right{float:right;width:auto;margin-top:5px;}
    .header .navlist{float:left;}
    .header .nav__trigger{margin:0px 5px 0 0;}
    .header .logo{width:42%;padding-top:0px;max-width:300px;}
    .wrap{padding-left:20px;padding-right:20px;}
    .header .openSearch{height:40px;line-height:40px;margin:0 5px 0 0;font-size:23px;width:44px;}
    .header .cart{height:40px;line-height:36px;font-size:26px;}
    .nav__icon{}
   .nav__icon:before,.nav__icon:after{}
   .header .nav {height:calc(100vh - 75px);top:75px;}
   .header.on .nav{height:calc(100vh - 77px);top:77px;}
    .cd-bouncy-nav-modal{height:100%;padding-top:160px;}
    .search{width:90%;height:45px;border-radius:8px;}
    .search .input{font-size:16px;line-height:45px;width:100%;}
    .search .button{font-size:18px;width:100px;padding:0 20px;line-height:45px;}
    .search i{line-height:45px;}
    .cd-bouncy-nav-modal .cd-close{top:100px;right:15px;}
    .cd-bouncy-nav {columns: 2;column-gap: 10px;width:90%;}
    .header.on .logo{width:42%;margin-top:0;}
}





.footer{border-top:5px solid #007147;background:#fff;}
.foot{display:flex;justify-content:space-between;padding-top:60px;padding-bottom:80px;}
.foot .navlist{width:40%;display:flex;justify-content:space-between;}
.foot .navlist dl{}
.foot .navlist dt{font-size:22px;color:#333;line-height:50px;font-weight:500;padding-bottom:20px;}
.foot .navlist dd{font-size:16px;line-height:30px;}
.foot .navlist dd a{color:#777;}
.foot .navlist dd a:hover{color:#333;}
.foot .contact{width:auto;box-sizing:border-box;width:40%;}

.foot .contact h2{font-size:22px;color:#333;line-height:50px;font-weight:500;padding-bottom:20px;}
.foot .contact h1{color:#007147;font-family: 'MONTSERRAT-REGULAR';font-size:30px;font-weight:bold;margin-bottom:20px;}
.foot .contact h1 i{font-weight:normal;}
.foot .contact p{font-size:16px;line-height:26px;color:#777;padding-bottom:10px;vertical-align:middle;display:flex;}
.foot .contact p a{color:#777;}
.foot .contact p i img{width:30px;padding-right:5px;}
.foot .contact #selectStyle{display:none;}
.foot .contact .lang{transition: all 0.5s;font-size:16px;color:#007147;line-height:40px;padding:0 10px;border:1px solid #007147;display:block;border-radius:30px;width:50%;text-align:center;margin-top:15px;}
.foot .contact .lang:hover{background:#007147;color:#fff;}

.qrcode ul{display:flex;padding:0 0 80px 0;justify-content:space-around;}
.qrcode ul li{text-align:center;position:relative;}
.qrcode ul li .icons{text-align:center;}
.qrcode ul li .icons i{margin:0 auto;transition: 0.6s;color:#007147;border-radius:10px;text-align:center;width:75px;line-height:75px;font-size:40px;display:block;cursor:pointer;border:1px solid #fbeced;}
.qrcode ul li .icons p{font-size:16px;color:#777;padding-top:10px;font-weight:normal;}
.qrcode ul li .code{position: absolute;bottom: 120px;padding:0px;background:#fff;width: 140px;border-radius:5px;left: calc(50% - 70px);box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
opacity: 0;
visibility: hidden;
-webkit-transform:rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transition:all .3s linear;
transition:all .3s linear;}
.qrcode ul li .code:before{content: "";position: absolute;bottom: -6px;left: 50%;margin-left: -6px;width: 0;height: 0;border-left:6px solid transparent; border-right:6px solid transparent;  border-top:6px solid #fff;}
.qrcode ul li .code img{width:100%;}
.qrcode ul li:hover .code{opacity: 1;visibility: visible;-webkit-transform:rotateY(0);transform: rotateY(0);}

.copy{line-height:20px;font-size:14px;color:#adadad;background:#fff;font-weight:100;}
.copy a{color:#adadad;}
.copy .wrap{padding-top:25px;padding-bottom:30px;border-top:1px solid #fbeced;}
.copy br{display:none;}

.menu{display:none;}
@media screen and (max-width:1280px){
    .foot{padding-bottom:50px;}
    .foot .navlist{width:45% }
}
@media screen and (max-width:1024px) {
    .foot{padding:60px 40px;}
    .foot .contact{padding-left:1%;}
    .foot .contact p{}
    .foot .navlist{width:50%;}
    .foot .navlist dt{font-size:18px;}
    .qrcode ul li .icons i{font-size:34px;width:65px;line-height:65px;}
}
@media screen and (max-width: 820px) 
{
   .foot .navlist{display:none;}
   .foot .contact{width:100%;display:flex;justify-content:space-between;}
   .foot .contact h2{display:none;}  
   .foot .contact h1{font-size:34px;}
   .foot .contact h1 i{color:#007147;}
   .foot .contact p{font-size:20px;line-height:30px;}
   .foot .contact p i img{transform: translateY(-1px);}
   .foot .contact #selectStyle{display:block;}   
   .qrcode ul li .icons i{font-size:34px;width:70px;line-height:70px;}

    #select {
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: none;
        border: 1px solid #333;
        outline: none;
        -webkit-appearance: none;
        padding: 0 5px;
        line-height: inherit;
        color: inherit;
        cursor: default;
        font-size: 16px;
        position: relative;
        z-index: 3;
        border-radius: 3px;
        text-indent: 10px;
    }

        #select option {
            color: #333;
        }

            #select option:hover {
                color: #fff;
            }

            #select option:checked {
                background: #535353;
                color: #fff;
            }
    #selectStyle {
        display: block;
        float:right;
        overflow: hidden;
        height: 45px;
        width: 150px;
        border-radius: 0px;
        background: #fff url("/images/select.png") 120px center no-repeat;
        background-size: auto 50%;        
        color: #333;
        line-height: 2;        
        position: relative;
        z-index: 1;
    }
        

}
@media screen and (max-width: 760px) 
{
    .footer{border-top:4px #007147 solid;}
    .foot{padding:40px 20px;}
    .foot .contact h1{font-size:24px;}
    .foot .contact h1 i{font-size:28px;}
    .foot .contact p{font-size:17px;line-height:17px;}
    .foot .contact p i{font-size:28px;}
    #selectStyle{width:110px;background: url("/images/select.png") 85px center no-repeat;background-size: auto 50%;height:40px;margin-top:20px;}
    #select{font-size:15px;}
    .copy .wrap{padding:20px 20px;font-size:14px;line-height:24px;}
    .copy br{display:block;}
}
@media screen and (max-width: 512px) { 
    .foot .contact p{padding-bottom:5px;font-size:15px;line-height:22px;}
    .foot .contact p.address{padding-bottom:15px;}
    .foot .contact p span{padding-top:2px;}
    .foot .contact #selectStyle{display:none;}
    .foot .contact .lang{line-height:30px;font-size:14px;}
    .qrcode ul{flex-wrap:wrap;padding-bottom:40px;}
    .qrcode ul li{width:25%;padding-bottom:20px;}
    .qrcode ul li .icons i{width:50px;line-height:50px;}
    .qrcode ul li .icons p{font-size:13px;}
    .copy span{display:none;}

    .header .cart{margin:0 10px 0 7px;font-size:22px;}
    .header .lang{font-size:15px;margin:0;line-height:30px;padding:0px;}
    .header .wrap{padding:0 10px 0 20px;}
}