body{margin-top: 50px}
.container{width:80%;}
.section{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.section img{max-width:100%;}
.section .swiper-button-next:after,.section .swiper-button-prev:after{color:#eaeaea;font-weight:bold;}
.section2{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding:80px 0px;18
   
}
.section2  .swiper_one{margin:30px auto auto auto;}
.section2  .gallery-thumbs .swiper-wrapper{display:flex;justify-content:center;align-items:center;}
.section2  .gallery-thumbs .swiper-slide{width:210px !important;height:44px;line-height:44px;font-size:16px;text-transform:uppercase;text-align:center;}
.section2  .gallery-thumbs .swiper-slide-thumb-active{background:#a3c900;color:#fff;}
.section2  .gallery-top .swiper-wrapper{padding:0px 10px;box-sizing:border-box;}
.section2  .gallery-top .swiper-slide ul{display:flex;flex-wrap:wrap;margin:50px 0px;}
.section2  .gallery-top .swiper-slide ul li{width:20%;position:relative;}
.section2  .gallery-top .swiper-slide .boximg{width:100%;height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;box-shadow: -2px 0 10px -1px  #efefef, 0 -2px 10px -1px  #efefef, 0 2px 10px -1px  #efefef, 2px 0 10px -1px  #efefef;border-radius:10px;}
.section2  .gallery-top .swiper-slide .boximg img{
	max-width: 100%;
    height: auto;
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.section2  .gallery-top .swiper-slide li:hover img{
		 -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.section2 .swiper-slide p{font-size:16px;}
.section2 .swiper-slide .P_title{margin-top:10px;color:#000;}
.section2 .swiper-slide .P_price{display:flex;}
.section2 .swiper-slide .P_price .price{color:#a3c900;}
.section2 .swiper-slide .P_price .price2{margin-left:10px;text-decoration:line-through}


.section2 .swiper-slide .float_price{position:absolute;left:20px;top:20px;width:44px;height:44px;background:#000;text-align:center;line-height:44px;color:#fff;font-size:14px;border-radius:50%;}


.section2 .swiper-slide .product-button-wrapper {
    position: absolute;
    right: 0;
    top: 200px;
    padding: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section2 .swiper-slide  .product-button-wrapper button {
	background:#e1edeb;
	border-radius:50%;
    height: 40px;
    display: block;
    margin-bottom: 8px;
    width: 40px;
    color: #fff;
    box-shadow: 0 0px 14px rgba(0, 0, 0, 0.07);
    border: 0;
}
.section2 .swiper-slide  .product-button-wrapper button:hover{background:#d2dddb;}
.section2 .swiper-slide li:hover .product-button-wrapper{opacity:1;right:20px;}












.index_tt{text-align:center;font-family:"Helvetica"}
.index_tt em{font-size:16px;text-transform:uppercase;font-style:normal;}
.index_tt h1{font-size:36px;font-weight:400;margin:20px 0px;}
.index_tt p{font-size:16px;color:#3d3d3d;}
.section3{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding:0px 0px 80px 0px;
   
}
.section3 img{max-width:100%;}
.section3 .inner{position:absolute;left:0;top:50%;margin-top:-250px;width:100%;}
.section3 .inner a{display:block;width:148px;height:44px;border:1px solid #333;font-size:16px;line-height:44px;text-align:center;transition: all 0.5s ease 0s ;margin-top:30px;}
.section3 .inner a:hover{background:#333;border:1px solid #fff;color:#fff;}
.section3 .conp{width:56%;}
.section3 .index_tt{text-align:left;}
.section4{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding:0px 0px 80px 0px;
   
}
.section4 .picitems ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin:50px auto;}
.section4 .picitems ul li{position:relative;width:33%;margin-bottom:5px;}
.section4 .picitems ul li .scaleimg{overflow:hidden;}
.section4 .picitems ul li .scaleimg img{
	width: 100%;
    height: auto;
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.section4 .picitems ul li:hover img{
	 -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.section4 .picitems ul li .hover{position:absolute;left:5%;bottom:10%;width:90%;color:#333333;}
.section4 .picitems ul li .hover p{font-size:24px;}
.section4 .picitems ul li .hover span{display:block;font-size:16px;line-height:1.6;}
.section4 .picitems ul li .hover .icos{float:right;color:#a3c900;font-size:30px;}
.section4 .picitems ul li:hover .hover{color:#a3c900;}
.section5{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding:70px 0px 80px 0px;
	background:url(../images/bg1.png) no-repeat top center;
	background-size:cover;
   
}
.section5 .discoveritems ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin:50px auto;}
.section5 .discoveritems ul li{width:23%;position:relative;}
.section5 .discoveritems ul li .scaleimg{overflow:hidden;}
.section5 .discoveritems ul li .scaleimg img{
		width: 100%;
    height: auto;
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.section5 .discoveritems ul li:hover img{
	 -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.section5 .discoveritems ul li .hover{position:absolute;bottom:5%;width:90%;left:5%;color:#445a69;}
.section5 .discoveritems ul li .hover span{display:block;font-size:14px;}
.section5 .discoveritems ul li .hover p{font-size:16px;}
.section5 .discoveritems ul li:hover .hover{color:#a3c900;}
.positionsection{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding:0px 0px 80px 0px;
   
}
.positionsection img{max-width: 100%;position: relative;}
.positionsection .inner{width: 100%; position: absolute;left: 0;top: 50%;margin-top: -100px;text-align: center;color: #fff;}
.positionsection .inner h1{font-size: 48px;text-shadow: 0px 5px 5px #707175;text-transform: uppercase;}
.positionsection .inner .address a{font-size: 18px;color: #fff;text-shadow: 0px 5px 5px #707175;text-transform: uppercase;}
.positionsection .inner .address span{font-size: 18px;margin: 0 5px;}
.aboutsection{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding:0px 0px 80px 0px;
   
}
.n_tit h2{text-align: center;font-size: 30px;color: #333333;margin-bottom: 30px;}
.n_tit p{margin-top: 10px;font-size: 16px;color: #5d5d5d;margin-bottom: 0px;line-height: 1.6;}
.aboutsection .aboutitems ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin:80px auto}
.aboutsection .aboutitems ul li{width: 31%;height: auto;background-color: #f1f1f1;box-shadow: -2px 0 10px -1px  #f6f6f6, 0 -2px 10px -1px  #f6f6f6, 0 2px 10px -1px  #f6f6f6, 2px 0 10px -1px  #f6f6f6;border-radius:10px;box-sizing: border-box;padding:5% 2%;}
.aboutsection .aboutitems ul li .icos{width: 140px;height: 140px;border-radius: 50%;background-color: #fff;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.aboutsection .aboutitems ul li .icos img{max-width: 100%;}
.aboutsection .aboutitems ul li  p{font-size: 24px;color: #90c31f;margin: 10px auto;text-align: center;}
.aboutsection .aboutitems ul li span{display: block;font-size: 16px;text-align: center;}
.contactsection{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding:0px 0px 80px 0px;
   
}
.contactsection .pull-left{width: 30%;height: 100%;}
.contactsection .pull-right{width:70%;}
.contactsection .contactitems{ background-color: #90c31f;display: flex;justify-content: space-between;margin-bottom: 50px;}
.contactsection .contactitems dl{
    background-color: #90c31f;
    color: #fff;
    box-sizing: border-box;
    padding:5%;
    margin-bottom: 0px;
}
.contactsection .contactitems dl dd{display: flex; border-bottom: 1px dashed #ced1c7;border-width: 1px;padding-bottom: 10px;justify-content: space-between;margin-top: 10px;}
.contactsection .contactitems dl dd .ico{width: 30px;height: 30px;border-radius: 50%;border: 1px solid #fff;line-height: 24px;text-align: center;margin-top: 8px;}
.contactsection .contactitems dl dd .right{width: 88%;}
.contactsection .contactitems dl dd .right b{display: block;font-size: 20px;}
.contactsection .contactitems dl dd .right span{display: block; font-size: 16px;margin-top: 5px;}
.contactsection .contactitems dl dd:nth-last-child(1){border: none;}
.contactsection .contactitems img{width: 100%;}
.contactsection .contactitems h3{font-size: 36px;margin-bottom: 5%;}
.formsection{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding:0px 0px 80px 0px;
}
.formsection .form-group{width: 48%;}
.formsection .form-group:nth-child(5){width: 100%;}
.formsection form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.formsection form label{font-size: 16px;color: #9c9c9c;}
.formsection form  .form-control{padding:20px 5px;background-color: #fafafa;}
.formsection form button{display: block;margin: 20px auto;width: 178px;height: 50px;font-size: 20px;color: #fff;background-color: #90c31f;}
.formsection form button:hover{color: #fff;}
.newssection{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding:0px 0px 80px 0px;
}
.newssection .newsitems ul{display: flex;flex-wrap: wrap;}
.newssection .newsitems ul li{width: 30%;margin: 24px;}
.newssection .newsitems ul li .scaleimg{overflow: hidden;}
.newssection .newsitems ul li .scaleimg img{
    width: 100%;
    height: auto;
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.newssection .newsitems ul li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.newssection .newsitems ul li .ncon{border-bottom: 1px solid #bdbdbd;width: 100%;height: auto;box-sizing: border-box;padding: 2%;}
.newssection .newsitems ul li .ncon em{font-style: normal;font-size: 16px;color: #999999;}
.newssection .newsitems ul li .ncon p{font-size: 20px;margin: 2% 0px;}
.newssection .newsitems ul li .ncon span{font-size: 16px;color: #666;display: block;margin-bottom: 5%;}
.newssection .newsitems ul li:hover .ncon{color: #90c31f;}
.pages ul{display: flex;justify-content: center;align-items: center;margin: 5% auto;}
.pages ul li a{display: block; width: 40px;height: 40px;border: 1px solid #d2d2d2;font-size: 18px;color: #000;margin: 10px;text-align: center;line-height: 34px;}
.pages ul li .active{background-color: #90c31f;color: #fff;border: 1px solid #90c31f;}
.newssection .newsarc_tt{text-align: center;}
.newssection .newsarc_tt .n_date{font-style: normal;font-size: 14px;color: #999999;}
.newssection .newsarc_tt .n_title{font-size: 36px;color: #333333;}
.newssection .newsarc_con{margin-top: 5%;}
.newssection .newsarc_con p{font-size: 20px;color: #666666;margin-bottom: 20px;}
.newssection .newsarc_con img{max-width: 100%;display: block;margin: 0 auto;}
.newssection .newsarc_con p strong{color: #666;}
.newssection .arc_share{border-top: 1px solid #ad9b68;margin-top: 10%;padding-top: 5%;padding-bottom: 5%;}
.newssection .arc_share div{display: flex;justify-content: center;align-items: center;font-size: 18px;text-transform: uppercase;}
.newssection .arc_prev_next{display: flex;justify-content: space-between;}
.newssection .arc_prev_next a{display: flex;align-items: center;width: 50%;}
.newssection .arc_prev_next a img{max-width: 100%;}
.newssection .arc_prev_next a .right{width: 80%;padding-left: 2%;}
.newssection .arc_prev_next a em{font-size: 18px;color: #999;font-style: normal;display: block;text-transform: uppercase;}
.newssection .arc_prev_next a p{font-size: 18px;}
.newssection .arc_prev_next .arc_next{text-align: right;}
.newssection .arc_prev_next .arc_next .right{padding-right: 2%;padding-left: 0;}

.relatedsection{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding:80px 0px;
   
}
.relatedsection  .swiper_one{margin:50px auto auto auto;}
.relatedsection  .swiper_one .swiper-container{padding:30px 5px;}
.relatedsection .swiper-slide{box-shadow: -2px 0 10px -1px  #efefef, 0 -2px 10px -1px  #efefef, 0 2px 10px -1px  #efefef, 2px 0 10px -1px  #efefef;border-radius:10px;}
.relatedsection .swiper-container {
      width: 100%;
      height: 100%;
}
.relatedsection .swiper-button-next,.relatedsection .swiper-button-prev{outline:none;top:55%;}
.relatedsection .swiper-button-next{right:-20px;}
.relatedsection .swiper-button-prev{left:-20px;}
.relatedsection .swiper-button-next:after,.relatedsection .swiper-button-prev:after{font-size:20px;color:#829f2a;font-weight:bold;}
.relatedsection .swiper-slide img{display:block;margin:0 auto;width:100%;border-radius:10px 10px 0px 0px;}
.relatedsection .swiper-slide p{text-align:center;font-size:16px;color:#000000;padding:30px 0px;}
.relatedsection .index_tt h4{text-align: left;font-size: 26px;color: #333333;text-transform: uppercase;}
.productsection {overflow: hidden;position: relative;padding-bottom: 50px;}
.productsection .row{display:flex;justify-content:space-between;}
.productsection .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .productsection .swiper-slide {
    background-size: cover;
    background-position: center;
  }

  .productsection .gallery-top {
    width: 100%;
  }
  .productsection .gallery-top .swiper-slide{
    width: 100%;
    height: auto;
    padding:5%;
  
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .productsection  .swiper-slide img{max-width: 100%;display: block;margin: 0 auto;}
  .productsection .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
  }

.productsection .gallery-thumbs .swiper-slide {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	opacity:0.5;
}

.productsection .gallery-thumbs .swiper-slide-thumb-active { opacity:1;}
.productsection .pro_share{margin-top: 5%;}
.productsection .pro_share div{display: flex;align-items: center;font-size: 16px;color: #848484;text-transform: uppercase;}
.productsection .imgbox{position:relative;}
.productsection .imgbox .swiper-button-next{right:-30px;}
.productsection .imgbox .swiper-button-prev{left:-30px;}
.productsection .imgbox .swiper-button-next:after,.productsection .imgbox .swiper-button-prev:after{font-size:20px;color:#1987ff;}



.productsection .proitems{
    overflow: hidden;
    position: relative;
    margin: 30px 0 0 0;
}
.productsection  .p_title{font-size:36px;color:#000;line-height: 1.6;margin-top:0px;}
.product-info .product-level{ margin-top: 15px;display: flex;align-items: center;}
.product-option-radio{ display: flex; flex-wrap: wrap; margin-top: 30px;}
.product-option-radio .active{  background: #68d2df;}	
.product-option-radio .radio{ margin-right: 10px;border: 1px solid #68d2df; border-radius: 5px; padding: 0;margin-top:0; }
.product-option-radio   label{ display: block;padding: 10px 30px;font-size: 18px;color:#68d2df;}
.product-option-radio .active label{color:#fff !important;}
.product-option-radio .on label{color:#fff !important;}
.product-option-radio  input{ display: none; }	
.productsection .price { margin: 20px 0; font-size: 30px; color: #333;}


.productsection .pro-cart {
    display: flex;
}
.productsection .pro-cart .quantity-box {
    transition: all 0.5s;
    border: 1px solid #e2e2e2;
    display: flex;
    height: 42px;
    border-radius: 4px;
}
.productsection .pro-cart .quantity-box > div {
    background: #f2f2f2;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.productsection .pro-cart .quantity-box .jian {
    border-right: 1px solid #e2e2e2;
}
.productsection .pro-cart .quantity-box input {
    height: 100%;
    width: calc(100% - 80px);
    box-shadow: initial;
    border: 0;
}
.productsection .pro-cart .quantity-box .jia {
    border-left: 1px solid #e2e2e2;
}
.productsection .pro-cart .cart {
    max-width: 300px;
    width: 100%;
    margin: 0 20px 0 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    background: #68d2df;
    padding: 0;
    height: 42px;
}

.productsection .pro-cart .wishlis, .productsection .pro-cart .compare {
    width: 42px;
    height: 42px;
    background: #68d2df;
    border: 0;
    padding: 8px 15px;
    border-radius: 50%;
    color: #fff;
    margin-left: 10px;
}

.productsection .description p{
    line-height: 2;
    font-size: 18px;
    color: #333;
	margin-bottom:0px;
}
.productsection .pro_ps b{display:block;margin-bottom:20px;}


.productsection3{overflow: hidden;position: relative;padding: 0px 0px 80px 0px;}

.swiper1 {width: 100%;border-bottom:2px solid #707376;}
.swiper1 .selected {color: #96c62b;border-bottom: 2px solid #96c62b;}
.swiper1 .swiper-slide {
	            
				text-align: center;
				font-size: 24px;
				height: 75px;
				/* 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;
				cursor: pointer;
}
.swiper2 {width: 100%;margin: 50px auto;}
.swiper2 .swiper-slide {width: 100%; height:auto;color: #333;}
.swiper2 .swiper-slide dl{display: flex;margin-bottom: 5%;}
.swiper2 .swiper-slide dl:nth-child(2){justify-content: flex-end;}
.swiper2 .swiper-slide dl dd{width: 18%;}
.swiper2 .swiper-slide dl dd .luicos{width: 200px;height: 170px;background: url(../image/y.png);background-size: 100% 100%;display: flex;align-items: center;margin-bottom: 3%;}
.swiper2 .swiper-slide dl dd p{width:180px;text-align: center;font-size: 18px;color: #96c62b;margin-bottom: 0;font-size: 16px;}
.swiper2 .swiper-slide dl dd .p1{font-size: 20px;}
.swiper2 .swiper-slide dl dd .luicos img{max-width: 100%;margin-left: 13%;display: block;}
.swiper2 .swiper-slide{height:1px} 
.swiper2 .swiper-slide-active { height:auto}
.swiper2 .lucon{display: flex;justify-content: space-between;align-items: center;}
.swiper2 .lucon .pull-left{width: 78%;background-color: #90c31f;height: 80px;box-sizing: border-box;color: #fff;padding: 0% 3%;font-size: 18px;display:flex;align-items:center;}
.swiper2 .lucon .pull-left p{margin-bottom:0px;}
.swiper2 .lucon .pull-right{width: 18%;height:80px;background-color: #707376;}
.promt{padding-bottom: 0px;}
.hotsearchs{overflow: hidden;position: relative;width: 100%;height: auto;padding:20px 0px;background-color: #f7f7f7;}
.hotsearchs .searcon{display:flex;justify-content:space-between;}
.hotsearchs .aitems{display:flex;align-items:center;width:50%;}
.hotsearchs .aitems p{font-size:18px;color:#666666;margin-bottom:0px;}
.hotsearchs .aitems a{font-size:18px;margin:0 10px;color:#959595;}
.hotsearchs form{width:50%;}
.hotsearchs .form-group{position:relative;float:right;width:50%;}

.hotsearchs input{border: none;background: none;outline: none;width: 100%;font-size: 18px;box-shadow:none;border-bottom:1px solid #d3d3d3;color:#d3d3d3;padding-left:0px;}
.hotsearchs button{border:none;background:none;color:#9bc937;position:absolute;right:10px;top:5px;}
.productsection4{overflow: hidden;position: relative;padding: 80px 0px 80px 0px;}
.productsection4 .s-side{width:100%;background-color:#f7f7f7;}
.productsection4 .s-side h3{width: 100%;height: 50px;background-color: #90c31f;text-align:center; color:#fff;line-height: 50px;font-size: 20px;text-transform: uppercase;margin-top:0px;}
.productsection4 .s-side .s-firstItem i{font-size:20px}
.productsection4 .s-side .s-firstItem span{display:inline-block;font-size:20px;font-size:16px;white-space:10px}
.productsection4 .s-side .first{padding:15px;box-sizing:border-box;font-size: 16px;color: #666;border-bottom: 1px solid #fff;}
.productsection4 .s-side .d-firstNav span{display:inline-block;}
.productsection4 .s-side .d-firstNav i.fr{font-size:20px;float:right;}
.productsection4 .s-side .s-secondNav,.s-side .s-secondItem{margin-left:20px;padding:10px 0px}
.productsection4 .s-secondNav:hover,.d-firstNav:hover{cursor:pointer;color: #90c31f;}
.productsection4 .s-side .d-secondDrop{margin-left:40px;}
.productsection4 .s-side .d-secondDrop li a{display:block;}
.productsection4 .iconRotate{transform:rotate(180deg);transition:transform .5s}
.productsection4 .s-firstDrop,.s-secondDrop{display:none}
.productsection4 .s-side .active{color: #90c31f;}
.productsection4 .pro_tit{width:100%;display:flex;justify-content:space-between;}
.productsection4 .pro_tit h2{font-size:30px;color:#90c31f;text-transform:uppercase;margin-top:0px;}
.productsection4 .pro_tit .search_cate{display:flex;justify-content:space-between;}
.productsection4 .pro_tit .search_cate form{width:50%;display:block;}
.productsection4 .pro_tit .search_cate form .form-control{border-radius:0px;width:130px;font-size:16px;}
.productsection4 .pro_tit .search_cate form .form-group{display:flex;align-items:center;}
.productsection4 .pro_tit .search_cate form .form-group label{font-size:18px;color:#333333;font-weight:normal;width:50px;}
.productsection4 .pro_tit .search_cate form:nth-child(2) .form-group label{width:100px;}

.productsection4 .prolist ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.productsection4 .prolist ul li{position: relative;width: 32%;margin-top: 10px; box-sizing: border-box;border:1px solid #efefef;border-radius:5px;}
.productsection4 .prolist ul li .proimg{width: 100%;overflow: hidden;background:#fafafa;padding:20px 0px;position:relative;}
.productsection4 .prolist ul li .proimg .sales{position:absolute;top:10px;right:10px; width:75px;height:75px;border-radius:50%;background:#90c31f;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;}
.productsection4 .prolist ul li .proimg img{
    max-width: 100%;
    height: auto;
	-webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
	margin:0 auto;
	display:block;
}
.productsection4 .prolist ul li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.productsection4 .prolist ul li .con{width: 100%;box-sizing:border-box;padding:20px 10px;display:flex;justify-content:space-between;}
.productsection4 .prolist ul li .con p{font-size: 16px;color: #000;}
.productsection4 .prolist ul li .con .sp1{display: block; font-size: 14px;color: #adadad;text-decoration:line-through}
.productsection4 .prolist ul li .con .sp2{font-size:20px;color:#90c31f;}
.productsection4 .prolist ul li .hover{position:absolute;opacity:0; left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);display:flex;justify-content:center;align-items:center; transition: all 0.5s ease 0s ;}
.productsection4 .prolist ul li .hover  button{border:none;border-radius:0;background:#fff;}
.productsection4 .prolist ul li .hover  button:hover{opacity:0.8;}
.productsection4 .prolist ul li:hover .hover{opacity:1;}









@media screen and (max-width:1680px) {
    .newssection .newsitems ul li{margin: 20px;}
}
@media screen and (max-width:1440px) {
.container{width: 90%;}
.section3 .inner{margin-top:-200px;}
.navbar-dark .navbar-nav .nav-link{font-size: 16px;padding: 0 10px;}
.newssection .newsitems ul li{margin: 20px;}
.headBox .toptop .search-form input{width:356px;}
}

@media screen and (max-width:1280px) {
 .index_tt h1{font-size:30px;}
 .index_tt p{line-height:1.4;}
 .newssection .newsitems ul li{margin: 18px;}
 .productsection .p_title{font-size: 30px;}
 .productsection .proitems ul li .li .liT{padding-bottom: 20px;margin: 0;}
 .productsection .proitems ul li .li{padding-top: 0px;}
 .contactsection .contactitems h3{font-size: 30px;}
 .contactsection .contactitems dl dd .right b{font-size: 18px;}
 .contactsection .contactitems dl dd .right span{font-size: 14px;}
 .productsection4 .prolist ul li .right p{font-size: 18px;}
 .productsection4 .prolist ul li .right span{font-size: 14px;}
 .productsection4 .prolist ul li .right a{font-size: 14px;}

}

@media screen and (max-width:1024px) {
    .container{width:100%;}
   .index_tt h1{margin:10px auto;}
   .headBox .logo img{max-width:90%;}
   .headBox .header-account > div > span, .headBox .header-account > div a > span{font-size:16px;}
   .navbar-dark .navbar-nav .nav-link{font-size:18px;padding:0 10px;}
   .section2 .gallery-top .swiper-slide ul li{width:33%;}
   .section3 .conp{width:80%;}
   .section3 .inner{margin-top:-180px;}
   .section3 .inner a{margin-top:20px;}
   .newssection .newsitems ul li{margin: 16px;}
   .relatedsection .swiper-button-next{right: 20px;}
   .relatedsection .swiper-button-prev{left: 20px;}
   .swiper2 .swiper-slide dl dd .luicos{width: 180px;height: 150px;}
   .swiper2 .swiper-slide dl dd .p1{font-size: 18px;}
   .swiper2 .swiper-slide dl dd p{width: 150px;}
   .contactsection .contactitems dl dd .right b{font-size: 16px;}
   .contactsection .contactitems dl dd .right {width: 86%;}
   .contactsection .contactitems dl dd .right span{line-height: 1.2;}
   .productsection4 .prolist ul li .right p{font-size: 16px;}
   .productsection4 .prolist ul li .right span{line-height: 1.4;margin-top: 0px;}
   .searchs input{width: 60% !important;}
   .productsection4 .pro_tit{margin-top: 5%;}
   .hotsearchs .form-group{padding-right:15px;}
   .productsection .imgbox .swiper-button-next{right:-10px;}
   .productsection .imgbox .swiper-button-prev{left:-10px;}
  
   
  
   



}
@media screen and (max-width:768px) {
	.visible-xs{display:block !important;}
	.hidden-xs{display:none !important;}
        .headerH{
        overflow: hidden;
        position: relative;
        height: 50px;
    }
	.headeryd{display:flex;justify-content:space-between;align-items:center;height:50px;}
	.headeryd .headright{display:flex;align-items:center;justify-content:space-between;}
	.headeryd .headright  button{border:none;}
    .header{
        overflow: hidden;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        height: 50px;
        padding: 0 15px;
/*        background-color: rgba(255,255,255,.8);*/
        -webkit-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        -moz-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        z-index: 999;
    }
    .header .logo{
        overflow: hidden;
        position: relative;
        padding: 10px 0;
       
  
    }
    .header .logo img{
        max-height: 30px;
    }
    .header .language-on{
        overflow: hidden;
        position: absolute;
        left: 15px;
        top: 0;
        padding: 17px 0 0 0;
        color: #333;
        z-index: 2;
    }
    .language-box ul{}
    .language-box ul li{
        display: block;
        overflow: hidden;
        padding: 0 15px;
        background-color: #fff;
        list-style-type:none;
    }
    .language-box ul li a{
        display: block;
        overflow: hidden;
        padding:  15px  15px;
        color: #999;
        font-size: 16px;
        border-top: 1px solid #eee;
        background-color: #fff;
    }
	
    .header .menu-on{
        overflow: hidden;
        color: #333;
        z-index: 2;
    }
    .header .menu-on i{
        font-size: 20px;
        display: block;
    }
    .header .menu-on .fa-close{
        display: none;
    }
    .middle{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
    .header {
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 50px;
    padding: 0 15px;
/*    background-color: rgba(255,255,255,.8);*/
    -webkit-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
    box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
    z-index: 99999;
}
    .menu-box ul li{
        display: block;
        overflow: hidden;
        padding: 0 15px;
        background-color: #fff;
        list-style-type:none;
    }
    .menu-box ul li a{
        display: block;
        overflow: hidden;
        padding:  10px  15px;
        color: #999;
        font-size: 16px;
        border-bottom: 1px solid #eee;
        background-color: #fff;
    }
    .menu-box ul li a i{
        float: right;
        font-size: 16px;
        color: #333;
        display: block;
    }
    .menu-box ul li a .fa-angle-up{
        display: none;
    }
    .menu-box ul li dl{
        margin: 0 -15px;
        display: none;
    }
    .menu-box ul li dl dd{

    }
    .menu-box ul li dl dd a{
        padding:  15px  45px;
        background-color: #fafafa;;
    }
    .menu-box .on-right-left{
        overflow: hidden;
        position: relative;
        padding:  20px  15px  15px 15px;
        background-color: #fff;
    }
    .menu-box .on-right-left a{
        display: block;
        overflow: hidden;
        height: 35px;
        line-height: 33px;
        padding: 0 10px;
        text-align: center;
        background-color: #f39800;
        border: 1px solid #f39800;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .menu-box .on-right-left img{
        margin: -2px 10px 0 0;
    }
    .menu-box .on-right-left span{
        color: #fff;
    }
    .menu-box .on-right-right{
        overflow: hidden;
        position: relative;
        padding:  0px  15px  20px  15px;
        background-color: #fff;
    }
    .menu-box .on-right-right form{
		
		position:relative;
        display: flex;
		justify-content:space-between;
        overflow: hidden;
        height: 35px;
        line-height: 33px;
        text-align: center;
        padding:0 0px 0 20px;
		box-sizing:border-box;
        border:1px solid #ccc;
		border-radius:20px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
	.menu-box .on-right-right input,.menu-box .on-right-right button{border:none;}
    .menu-box .on-right-right img{
        margin: -2px 10px 0 0;
    }
    .menu-box .on-right-right span{
        color: #fff;
    }
	.index_tt h1{font-size:20px;}
	.index_tt p{font-size:14px;line-height:1.5;}
	.section3 .inner{margin-top:-150px;}
	.section3 .conp{width:90%;}
    .section2 .swiper-slide p{font-size:14px;} 
	.section2{padding-bottom:30px;}
	.section2 .swiper-button-next, .section2 .swiper-button-prev{top:66%;}
	.section4{padding-bottom:0px;}
    .section4 .picitems ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin:20px auto;}
	.section4 .picitems ul li .hover p{font-size:16px;}
	.section4 .picitems ul li .hover span{font-size:14px;}
    .section5{padding:20px 0px 0px 0px;}
	.section5 .discoveritems ul li .hover span{font-size:12px;}
    .section5 .discoveritems ul li .hover p{font-size:12px;}
	.footer .foot{display:block;}
	.footer .foot ul{width:100%;text-align:center;}
	.footer .foot ul h3{margin-top:30px;}
	.footer .foot ul li a{text-align:center;display:inline-block;}
/*    .footer .foot ul li span{margin:0 auto;}*/
    .positionsection .inner h1{font-size: 24px;}
    .positionsection .inner .address a{font-size: 16px;}
    .n_tit h2{font-size: 20px;}
    .aboutsection .aboutitems ul li p{font-size: 18px;}
    .aboutsection .aboutitems ul li span{font-size: 14px;}
    .contactsection .contactitems{display: block;margin-bottom: 20px;overflow: hidden;}
    .contactsection .contactitems .pull-left{width: 100%;}
    .contactsection .contactitems .pull-right{width: 100%;}
    .contactsection .contactitems h3{font-size: 24px;}
    .contactsection .contactitems dl dd .right b{font-size: 18px;}
    .contactsection .contactitems dl{margin-bottom: 0px;}
    .contactsection .contactitems img{display: block;}
    .newssection .newsitems ul li{width: 45%;}
    .newssection .newsarc_tt .n_title{font-size: 28px;}
    .newssection .newsarc_con p{font-size: 16px;}
    .newssection .arc_prev_next a em{font-size: 16px;}
    .newssection .arc_prev_next a p{font-size: 14px;}
    .productsection{display: block;}
    .productsection .p_title{margin-top: 10%;font-size:20px;margin-bottom:0px;}
	.productsection .price{font-size:18px;}
	.productsection .description p{font-size:16px;line-height:1.6;}
	.productsection .pro_ps b{margin-bottom:10px;}
	.productsection .pro-cart .quantity-box input{    width: calc(100% - 30px);}
	.product-option-radio label{padding:5px 20px;}
	.product-option-radio{margin-top:10px;}
    .swiper2 .swiper-slide dl dd p{font-size: 14px;}
    .swiper2 .swiper-slide dl dd .p1{font-size: 16px;}
    .swiper2 .swiper-slide dl dd{width: 25%;}
    .promt{padding-bottom: 0px !important; }
	.search-form{width:100%;padding:10px 0px;display:flex;}
	.search-form input{width:90%;height:40px;border:1px solid #a3c900;padding-left:10px;box-sizing:border-box;}
	.search-form button{width:10%;height:40px;background:#a3c900;border:none;color:#fff;}
	.hotsearchs .aitems p{font-size:16px;}
	.hotsearchs .aitems a{font-size:16px;margin:0 5px;}
	.hotsearchs .form-group{width:80%;}
	.language-m{margin-right:15px;}

	


}
@media screen and (max-width:767px) {
    .section2{padding-top:15px;}
    .section2  .swiper_one{margin:0px auto auto auto;}
	.section2 .gallery-thumbs .swiper-slide{width:150px !important}
    .section2 .gallery-top .swiper-slide ul{margin-top:15px;}
	.section2 .gallery-top .swiper-slide ul li{width:50%;padding:5px;}
	.section2 .gallery-top .swiper-slide .boximg{height:220px;}
	.section2 .swiper-slide .product-button-wrapper{top:100px;}
    .section3{padding:0;}
	.section3 .inner{position:relative;margin-top:30px;}
	.section4 .picitems ul{display:block;}
	.section4 .picitems ul li{width:100%;margin-bottom:15px;}
	.section3 .index_tt{text-align:center;}
	.section3 .conp{width:100%;line-height:1.5;}
	.section3 .inner a{display:block;margin:30px auto;}
    .section5 .discoveritems ul{display:block;margin:0;}
    .section5 .discoveritems ul li{width:50%;margin-bottom:15px;float: left;padding:0 3px;}
    .positionsection .inner{margin-top: -70px;}
    .positionsection{padding-bottom: 50px;}
    .aboutsection{padding-bottom: 0px;}
    .n_tit p{font-size: 14px;}
    .aboutsection .aboutitems ul{display: block;}
    .aboutsection .aboutitems ul li{width: 100%;margin-bottom: 15px;}
    .formsection .form-group{width: 100% !important;}
    .newssection .newsitems ul{justify-content: space-between;flex-wrap: wrap;}
    .newssection .newsitems ul li{width: 49%;margin:  15px 0px;}
    .newssection .newsitems ul li .ncon p{font-size: 16px;}
    .newssection .newsitems ul li .ncon span,.newssection .newsitems ul li .ncon em{font-size: 14px;}
    .newssection .newsarc_tt .n_title{font-size: 20px;}
    .newssection .newsarc_con p{font-size: 14px;}
    .newssection .arc_prev_next{display: block;}
    .newssection .arc_prev_next a{width: 100%;margin-top: 20px;}
    .newssection .arc_prev_next a .scaleimg{width: 20%;}
    .newssection .arc_prev_next a em{font-size: 14px;}
    .newssection .arc_prev_next a p{font-size: 12px;}
    .newssection .arc_share div{font-size: 14px;}
    .productsection .p_title{font-size: 20px;margin-top: 10%;}
    .productsection .proitems ul li .li .liT .sp2{font-size: 16px;}
    .relatedsection{padding:0px;}
    .relatedsection  .swiper_one{margin:10px 0px}
    .relatedsection  .swiper_one .swiper-container{padding:10px 5px;}
    .relatedsection .swiper-slide p{padding:10px 0px;}
    .relatedsection .index_tt h4{font-size: 22px;}
    .productsection{padding-bottom: 0px;}
    .productsection .gallery-thumbs .swiper-slide{padding:5px}
    .swiper1 .swiper-slide{font-size: 16px;}
    .swiper2 .swiper-slide dl{display: block;}
    .swiper2 .swiper-slide dl dd{width: 100%;}
    .swiper2 .swiper-slide dl dd .luicos{
        width: 200px;
        height: 170px;
        margin:30px auto;
        transform:rotate(90deg);
        -ms-transform:rotate(90deg); /* Internet Explorer */
        -moz-transform:rotate(90deg); /* Firefox */
        -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
        -o-transform:rotate(90deg); /* Opera */
        
    
    }
    .swiper2 .swiper-slide dl dd .luicos img{
        transform:rotate(-90deg);
        -ms-transform:rotate(-90deg); /* Internet Explorer */
        -moz-transform:rotate(-90deg); /* Firefox */
        -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
        -o-transform:rotate(-90deg); /* Opera */
    }
    .swiper2 .swiper-slide dl dd p{width: 100%;}
    .swiper2 .lucon .pull-left{font-size: 14px;}
    .productsection4 .prolist ul li{width: 49%;}
	.productsection4 .prolist ul li .proimg .sales{width:45px;height:45px;font-size:14px;}
	.productsection4 .prolist ul li .con{display:block;}
	.productsection4 .prolist ul li .con .pull-right{width:100%;padding-bottom:20px;padding-top:10px;}
	.footer .foot ul h3{font-size:16px;}
	.footer .copy .pay{position:relative;text-align:center;}
	.section2 .gallery-top .swiper-wrapper{padding:0;}
	.productsection .row{display:block;}
	.footer .foot .newsletter button{width:80px;font-size:14px;}
	.hotsearchs .searcon{display:block;}
	.hotsearchs .aitems{width:100%;}
	.hotsearchs form{width:100%;margin-top:3%;}
	.hotsearchs .form-group{width:100%;padding-right:0px;float:none;margin:0 auto;}
	.productsection4 .pro_tit{display:block;margin-top:10%;}
	.productsection4 .pro_tit h2{font-size:28px;margin:5% 0px;}
    .productsection4 .pro_tit .search_cate{margin:30px 0px;}
	.productsection4 .pro_tit .search_cate form .form-group label{font-size:14px;}
	.productsection4 .pro_tit .search_cate form .form-control{font-size:14px;}
	.productsection4 .pro_tit .search_cate form{width:48%;}
	.productsection4 .prolist ul li .proimg{padding:0px;}
	.wid{width:100%;}
	.product-level{margin:20px 0px;}
	.productsection .price{margin-top:0px;}
    .aboutsection .aboutitems ul{
        margin: 30px auto;
    }
	
    

}