*{
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: top;
}
i {font-style:initial;
}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
input{
	outline: none;
}
/*多分辨率设定rem设定*/
html {
    font-size: 20px;
    /*display:flex;*/
}

body {
    color: #333;
    font-size: 0.6rem;
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    max-width:1024px;
    font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif;
}
/*Note3*/
@media only screen and (min-width: 360px) {
    html {
        font-size: 22px !important;
    }
}

/*iPhone6*/
@media only screen and (min-width: 375px) {
    html {
        font-size: 23px !important;
    }
}
.clear{width:100%;height:1px;clear:both;}
input {
    /*    font-family:   DroidSans, DroidSansFallback, Arial, "Microsoft YaHei";*/
}
/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
    html {
        font-size: 25px !important;
    }
}

/*big Resolution*/
@media only screen and (min-width: 641px) {
    html {
        font-size: 35px !important;
    }
}
@media only screen and (min-width: 760px) {
    html{
        font-size: 40px !important;
    }
}

-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
    font-family: DroidSans, DroidSansFallback, Arial, "Microsoft YaHei" !important;
}

-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-family: DroidSans, DroidSansFallback, Arial, "Microsoft YaHei" !important;
}

-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
    font-family: DroidSans, DroidSansFallback, Arial, "Microsoft YaHei" !important;
}

-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
    font-family: DroidSans, DroidSansFallback, Arial, "Microsoft YaHei" !important;
}

.head{background:#fff;height: auto;}
.head .logo{width: 50%;float:left;padding:0.5rem 0 0.5rem 0.5rem}
.head img{width:100%;}
.lisw4 img{box-shadow:0px 0px 5px #ccc;margin:5px auto !important;width:100%;}
.head .menu {
    float: right;
    position: relative;
    width: 2rem;
    height: 2rem;
    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;
    padding:3% 0.5rem 0 0;
}

/**
* Navigation Defaults
*/
.nav {
  position: absolute;
  z-index: 999;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
          
transform: translateX(-100%);
width: 100%;
height: 100%;
}
.nav--active .nav {
  opacity: 1;
      background: linear-gradient(to bottom, #6eb92b, #00812e);
  -webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-webkit-transform: translateX(0);
transform: translateX(0);
min-height:30rem;
height:100%;
}
.nav__list { 
  padding: 0 1.2rem;
  margin:1.2rem 0 0 0;
}
.nav__item {
  list-style-type: none;
  text-align: left;
  line-height:2.2rem;
  font-size:0.7rem;
  font-weight:bold;
}
.nav__item li{
    width:50%;float:left;box-sizing:border-box;
    text-align:center;height:1.5rem;font-size:0.65rem;
    margin-top:4px;
}
.nav__item li a{color:#fff;display:block;width:100%;line-height:1.5rem;font-weight:normal;font-size:0.9rem;}
.nav__link {
  font-size: 1.3em;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out; 
}
.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:#fff;
}
.nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          background:#fff;
}
/* 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: 1rem;
  height: 0.2rem;
  background-color: #008e4b;
  -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:0.45rem;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 1rem;
  height: 0.2rem;
  position: absolute;
  background: #008e4b;
  -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: -0.4rem;
}
.nav__icon:after {
  margin-top: 0.4rem;
}



.swiper-container {
	width: 100%;
	height:auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
    background-position:center top;
    background-size:100% auto;
}
.swiper-slide a{width:100%;height:10rem;display:block;position:relative;}
.swiper-slide img{width:100%;height:100%;}
.swiper-slide div{position:absolute;bottom:0;left:0;color:#fff;font-size:0.6rem;background:rgba(0,0,0,0.3);width:100%;box-sizing:border-box;padding:0 1rem;line-height:1.5rem;height:1.5rem;overflow:hidden;}

.wrap{padding:0.7rem;}

.news .tab{width:100%;height:1.3rem;padding-bottom:0.7rem;}
.news .tab li{float:left;line-height:1.2rem;color:#666;font-size:0.75rem;text-align:center;border-bottom:2px solid #fff;margin-right:1rem;}
.news .tab li.tabactive{color:#2cc569;border-bottom:3px solid #2cc569;font-weight:bold;}
.news .content .top{padding-bottom:0.5rem;}
.news .content .top img{width:4.3rem;float:left;padding-right:0.3rem;margin-top:0.2rem;height:3rem;}
.news .content .top h1{font-size:0.7rem;color:#444;font-weight:bold;margin-bottom:0.2rem;height:1rem;overflow:hidden;line-height:1rem;}
.news .content .top p{font-size:0.65rem;color:#aaa;line-height:1rem;height:2rem;overflow:hidden;}
.news .content li{line-height:1.8rem;font-size:0.7rem;width:100%;border-bottom:1px dashed #eee;float:left;}
.news .content li a{color:#444;}
.news .content li div{width:80%;float:left;overflow:hidden;height:1.8rem;}
.news .content li span{color:#ccc;display:block;width:20%;float:left;font-size:0.65rem;text-align:right;font-family: "MONTSERRAT-REGULAR";}

.icon{background:#f5f5f5;padding:0.2rem 0;}
.icon li{width:33.3%;padding:0.3rem;box-sizing:border-box;float:left;}
.icon li a{display:block;width:100%;height:0;padding-top:100%;background:#fff;position:relative;}
.icon li a div{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;color:#737373;text-align:center;}
.icon li a div span{font-family:iconfont;font-size:1.6rem;line-height:2rem;padding-top:17%;display:block;width:100%;color:#2cc569;}
.icon li a div p{font-size:0.65rem;}

.expo .title{width:100%;border-bottom:1px solid #13a04b;line-height:1.6rem;height:1.6rem;}
.expo .title span{font-size:0.75rem;color:#2cc569;border-bottom:3px solid #2cc569;line-height:1.56rem;display:block;font-weight:bold;float:left;}
.expo .title a{float:right;font-size:0.6rem;color:#999;}

.expo .content{padding-top:0.7rem;}
.expo .content .top{padding:0.7rem 0;}
.expo .content .top h1{font-size:0.7rem;color:#444;font-weight:bold;padding-bottom:0.2rem;}
.expo .content .top p{font-size:0.65rem;color:#aaa;}
.expo .content li{font-size:0.7rem;width:100%;border-bottom:1px dashed #eee;padding:0.2rem 0;}
.expo .content li img{width:4.3rem;float:left;padding-right:0.4rem;margin-top:0.2rem;}
.expo .content li h1{font-size:0.7rem;color:#444;padding-bottom:0.2rem;line-height:1rem;height:2rem;overflow:hidden;}
.expo .content li span{font-size: 0.6rem;line-height: 18px;height: auto;width: 100%;overflow: hidden;color: #ccc;font-family: "MONTSERRAT-REGULAR";padding-bottom: 0.4rem;}

.policy .title{width:100%;border-bottom:1px solid #2cc569;line-height:1.6rem;height:1.6rem;}
.policy .title span{font-size:0.75rem;color:#2cc569;border-bottom:3px solid #2cc569;line-height:1.56rem;display:block;font-weight:bold;float:left;}
.policy .title ul{float:right;font-size:0.6rem;color:#999;width:30%;}
.policy .title ul li{width:50%;float:left;font-size:0.75rem;}
.policy .title ul li a{display:block;width:100%;line-height:1.6rem;color:#666;text-align:right;}

.policy .content{padding-top:0.7rem;}
.policy .content li{font-size:0.7rem;width:100%;border-bottom:1px dashed #eee;padding:0.3rem 0;}
.policy .content li h1{font-size:0.7rem;color:#444;padding-bottom:0.2rem;line-height:1.2rem;height:1.2rem;overflow:hidden;}
.policy .content li p{font-size:0.6rem;color:#aaa;line-height:1rem;height:2rem;overflow:hidden;}

.product{padding-bottom:1.2rem;}
.product .title{width:100%;text-align:center;text-align:center;padding-bottom:0.7rem;}
.product .title h2{font-size:0.75rem;color:#2cc569;line-height:1.6rem;border-bottom:3px solid #2cc569;width:3.2rem;margin:0 auto;font-weight:bold;}

.product .content li{width:50%;float:left;box-sizing:border-box;padding:0.4rem;text-align:center;}
.product .content li a{display:block;width:100%;color:#666;padding-bottom:0.3rem;}
.product .content li div{width:100%;height:0;padding-top:100%;position:relative;}
.product .content li img{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:0.3rem;}
.product .content li h1{font-size:0.7rem;line-height:1rem;padding:0.2rem 0.2rem 0 0.2rem;}
.product .content li p{font-size:0.55rem;padding:0 0.2rem;color:#999;}


.foot{width:100%;background: linear-gradient(to bottom, #6eb92b, #00812e);color:#fff;padding:1.2rem 0.7rem;font-size:0.6rem;box-sizing:border-box;text-align:center;font-family: "MONTSERRAT-REGULAR",'Microsoft YaHei';}
.foot p{font-size:0.65rem;color:#fff;line-height:1rem;padding-bottom:0.9em;}
.foot p span{font-family:iconfont;font-size:1.4rem;}
.foot h5{font-size:0.6rem;color:#ff93a0;}
.foot h5 a{color:#ffbe00;}
.foot p b{font-size:1rem;font-weight:normal;}

.more{width:50%;margin:1rem auto 1.2rem auto;background:#fff;text-align:center;line-height:1.4rem;font-size:0.6rem;color:#007733;display:block;border:1px solid #007733;border-radius:0.2rem;}