html, body{position:unset !important;background-color:#ffffff;height: auto !important;max-width:1920px;margin:0% auto;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-weight:100;font-size:unset;margin-block-start:0px;margin-block-end:0px;}
p{margin-block-start: 0px;margin-block-end: 0px;}
a{text-decoration:none;color:unset;display:block;}
a:hover{color:unset;}
img{width:100%;margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
ul{margin-block-start:0;margin-block-end:0;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:0px;list-style-type:none;}
@font-face {
  font-family: "MyMontserrat-EL";
  src: url("font/MONTSERRAT-EXTRALIGHT-5_1.woff2") format("woff2"),
       url("font/MONTSERRAT-EXTRALIGHT-5_1.woff") format("woff"),
       url("font/MONTSERRAT-EXTRALIGHT-5_1.ttf") format("truetype"),
       url("font/MONTSERRAT-EXTRALIGHT-5_1.eot") format("embedded-opentype"),
       url("font/MONTSERRAT-EXTRALIGHT-5_1.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyMontserrat-L";
  src: url("font/MONTSERRAT-LIGHT-6_1.woff2") format("woff2"),
       url("font/MONTSERRAT-LIGHT-6_1.woff") format("woff"),
       url("font/MONTSERRAT-LIGHT-6_1.ttf") format("truetype"),
       url("font/MONTSERRAT-LIGHT-6_1.eot") format("embedded-opentype"),
       url("font/MONTSERRAT-LIGHT-6_1.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MyMontserrat-R";
  src: url("font/MONTSERRAT-REGULAR-8_1.woff2") format("woff2"),
       url("font/MONTSERRAT-REGULAR-8_1.woff") format("woff"),
       url("font/MONTSERRAT-REGULAR-8_1.ttf") format("truetype"),
       url("font/MONTSERRAT-REGULAR-8_1.eot") format("embedded-opentype"),
       url("font/MONTSERRAT-REGULAR-8_1.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.goog-te-banner-frame{display:none !important;}
.goog-te-gadget-simple img{display:none !important;}
#goog-gt-tt{display:none !important;}
.goog-te-spinner-pos{display:none !important;}
.goog-te-gadget-simple img{display:none !important;}
.goog-te-gadget-simple .goog-te-menu-value span{display:none !important;}
.goog-te-gadget-simple .goog-te-menu-value{margin-top: 0px !important;}
#google_translate_element{
	position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#google_translate_element .goog-te-gadget-simple{
	position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border:unset;
  box-sizing:border-box;
  background-color:transparent;
}
.nav .nav-content{
	width:90%;
	display: flex;
  display: -webkit-flex;
  margin: 0% auto;
  max-width: 1500px;
  padding:2rem 0rem 1.2rem;
  justify-content: center;
  align-items: flex-end;
}
.nav .nav-content .nav-logo{
  width:320px;
  margin:0px 10px 0px 0px;
}
.nav .nav-content .nav-ul{
	width:calc(100% - 330px);
}
.nav .nav-content .nav-ul ul{
	width:90%;
	margin-left:10%;
	display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}
.nav .nav-content .nav-ul ul li{
	/*position:relative;*/
	padding:0rem 2rem;
	border-right:2px solid rgba(51,51,51,0.8);
}
.nav .nav-content .nav-ul ul li a{
	display:block;
}
.nav .nav-content .nav-ul ul li h1{
	font-family:MyMontserrat-L;
  font-size: 1.3rem;
  color: #333333;
  text-transform: capitalize;
  transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -webkit-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -moz-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -ms-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
}
.nav .nav-content .nav-ul ul li h1:hover{
	cursor: pointer;
	color: #ff800b;
}
.nav .nav-content .nav-ul ul .li-lang{
	font-family:MyMontserrat-L;
  font-size: 1.2rem;
  color: #333333;
  padding: 0rem 0rem 0rem 2rem;
  text-transform: capitalize;
  border-right:unset;
}
.nav .nav-content .nav-ul ul .li-lang:after{
	content:unset;
}
.nav .nav-content .nav-ul ul .li-lang .lang{
	position: relative;
  padding:0px 10px 2px;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius:5px;
}
.nav .nav-content .nav-ul .child{
  position: absolute;
  z-index:2;
  left:50%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  padding: 2% 0%;
  text-align: left;
  background-color: #ffffff;
  transform:translate(-50%,0%) matrix(1, 0, 0, 1, 0, -10);
  -webkit-transform:translate(-50%,0%) matrix(1, 0, 0, 1, 0, -10);
  transition: all 0.5s cubic-bezier(0.75,0.5,0.5,0.25);
  -webkit-transition: all 0.5s cubic-bezier(0.75,0.5,0.5,0.25);
  box-shadow: 0px 0px 10px rgba(4,0,0,0.11);
  border-top:1px solid #b6b6b6;
}
.nav .nav-content .nav-ul .child .all-child{
  width: 90%;
  margin:0% auto;
  max-width: 1500px;
  display: flex;
  display: -webkit-flex;
}
.nav .nav-content .nav-ul .child .all-child .child-left{
  width: 26%;
}
.nav .nav-content .nav-ul .child .all-child .child-right{
  width:74%;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
}
.nav .nav-content .nav-ul .child .all-child .child-left .nav-title h2{
  font-family: MyMontserrat-R;
  font-size: 1.8rem;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 8%;
}
.nav .nav-content .nav-ul .child .all-child .child-left .nav-item .child-li{
  margin-bottom:5%;
}
.nav .nav-content .nav-ul .child .all-child .child-left .nav-item .child-li:nth-last-child(1){
  margin-bottom:0%;
}
.nav .nav-content .nav-ul .child .all-child .child-left .nav-item .child-li a{
  display: inline-block;
}
.nav .nav-content .nav-ul .child .all-child .child-left .nav-item .child-li p{
  font-family: MyMontserrat-L;
  font-size: 1.1rem;
  color: #666666;
  letter-spacing: 0.2px;
  text-transform: capitalize;
}
.nav .nav-content .nav-ul .child .all-child .child-right .child-li{
  width:49%;
  margin:0% 0.5%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}
.nav .nav-content .nav-ul .child .all-child a:hover{
  opacity: 0.7;
}
.nav .nav-content .nav-ul .child li{
  display: block;
  margin: 1rem;
  padding: 0rem;
}
.nav .nav-content .nav-ul .child li a{
  display:inline-block;
}
.nav .nav-content .nav-ul .child li h2{
  font-family:MyAxiforma;
  font-size: 1.2rem;
  color: #000000;
}
.child-show{
  transform:translate(-50%,0%) matrix(1, 0, 0, 1, 0, 22) !important;
  visibility: inherit !important;
  opacity: 1 !important;
}
.auto-hide{
  display:none;
}
.zoo-five{
  transition:all 0.5s ease-in-out;
  -webkit-transition:all 0.5s ease-in-out;
  -moz-transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
}
.trans-one{
  transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -webkit-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -moz-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -ms-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
}
.text-img .img-change{
	transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -webkit-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -moz-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -ms-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
}
.text-img:hover .img-change{
	transform:translateY(-20px);
	-webkit-transform:translateY(-20px);
	-moz-transform:translateY(-20px);
	-ms-transform:translateY(-20px);
}
.img-rotate{
	overflow: hidden;
}
.img-rotate img{
	transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -webkit-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -moz-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -ms-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
}
.img-rotate:hover img{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
}
.load-nav{
	position: fixed;
  z-index:9999;
  top:0px;
	width:100%;
	max-width:1920px;
	margin:0% auto;
	background-color:#ffffff;
	border-bottom:5px solid #ff800b;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.nav-top{
  margin-top:129px;
}
.home .li-home h1{
	color: #ff800b !important;
}
.all-product .li-product h1{
	color: #ff800b !important;
}
.product .li-product h1{
	color: #ff800b !important;
}
.about .li-about h1{
	color: #ff800b !important;
}
.new .li-new h1{
	color: #ff800b !important;
}
.contact .li-contact h1{
	color: #ff800b !important;
}
.color{
	color:#ff800b;
}
.home .home-screen .swiper-slide{
  position: relative;
}
.home .home-screen .slide-con{
  position: absolute;
  content:"";
  transform: translate(0%,-50%);
  top:50%;
  left:50%;
  width:40%;
}
.home .home-screen .slide-con{
  font-family: MyMontserrat-L;
  color:#ffffff;
}
.home .home-screen .slide-con .con-h h2{
  font-size: 2.3rem;
  text-transform: capitalize;
  font-family:MyMontserrat-EL;
  padding:10px 0px 30px 0px;
}
.home .home-screen .slide-con .con-h h1{
  font-size: 6rem;
  font-weight: bold;
  text-transform: capitalize;
  margin: 2.5% 0% 4%;
  color:#ff800b;
}
.home .home-screen .slide-con .con-h h1 span{
  font-size: 9rem;
  padding-right:20px;
  margin-left:-10px;
}
.home .home-screen .slide-con .con-p{
  width: 80%;
  margin-bottom: 6%;
  font-size: 1rem;
  line-height: 2.2rem;
}
.home .home-screen .slide-con .con-img{
  width: 80%;
  margin-bottom: 6%; 
}
.same-btn{
  position: relative;
  display: inline-block;
  border:1px solid #ffffff;
}
.same-btn:hover{ 
  border:1px solid #ff800b;
}
.same-btn:before{
  position: absolute;
  content:"";
  top:0%;
  left:0%;
  width:0%;
  height:100%;
  background-color:#ff800b;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.same-btn p{
  position: relative;
  z-index:22;
  height:55px;
  line-height: 55px;
  padding:0px 20px;
  font-family: MyMontserrat-R;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #ffffff;
  background-color: transparent;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.same-btn:hover{
  cursor: pointer;
}
.same-btn:hover:before{
  width:100%;
}
.same-btn:hover p{
  color: #ffffff !important;
  background-color: transparent !important;
}
.home .all-item{
  width:85%;
  margin:6% auto;
  max-width: 1500px;
}
.home .all-item .item-msg{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.home .all-item .item-msg .msg-con{
  position: relative;
  overflow: hidden;
  width:calc(97% / 4);
  margin-right:1%;
}
.home .all-item .item-msg .msg-con:nth-last-child(1){
  margin-right:0%;
}
.home .all-item .item-msg .msg-con a:before{
  position: absolute;
  content:"";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
  background: -webkit-linear-gradient(to bottom,transparent 50%,rgba(0,0,0,0.4) 100%);
  background: linear-gradient(to bottom,transparent 50%,rgba(0,0,0,0.4) 100%);
  opacity: 0;
}
.home .all-item .item-msg .msg-con .con-text h1{
  position: absolute;
  transform: translate(-50%,0%);
  bottom:9%;
  left: 50%;
  width:90%;
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
  font-family: MyMontserrat-L;
  font-size: 1.3rem;
  color:#ffffff;
  text-align: center;
}
.home .all-item .item-msg .msg-con:hover{
  cursor:pointer;
}
.home .all-item .item-msg .msg-con:hover:before{
  opacity: 1;
}
.home .all-item .item-msg .msg-con:hover .con-text h1{
  bottom:12%;
}
.home .home-odm{
  padding:6% 0%;
  background-color:#f7f7f7;
}
.home .all-odm{
  width:85%;
  margin:0% auto;
  max-width: 1500px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
}
.home .all-odm .odm-left{
  width:52%;
  margin-right:2%;
  display: flex;
  display: -webkit-flex;
}
.home .all-odm .odm-right{
  width:46%;
}
.home .all-odm .odm-right .right-logo{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}
.home .all-odm .odm-right .right-logo .img{
  width:222px;
}
.home .all-odm .odm-right .right-text h1{
  font-family: MyMontserrat-R;
  font-size: 4.5rem;
  color:#ff800b;
  text-align: center;
  text-transform: uppercase;
  margin: 5% 0% 7%;
}
.home .all-odm .odm-right .right-text .text-p{
  font-family: MyMontserrat-L;
  font-size: 1.35rem;
  color: #666666;
  line-height: 2rem;
  letter-spacing: -0.1px;
  text-align: center;
}
.home .home-show{
  position: relative;
  padding: 15% 0% 12%;
  background:url(../fodder/home/home-show1.jpg) no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.home .home-show .show-img{
  display: none;
}
.home .home-show .show-con{
  width:50%;
  margin-left:8%;
}
.home .home-show .show-con .con-text .text-h h1{
  font-family: MyMontserrat-R;
  font-size: 4.5rem;
  color:#ffffff;
  text-transform: capitalize;
}
.home .home-show .show-con .con-text .text-p{
  width:80%;
  margin-top:4%;
  font-family: MyMontserrat-L;
  font-size: 1.3rem;
  color:#f9f9f9;
  line-height: 2.5rem;
  letter-spacing: 0.2px;
}
.home .all-prof{
  width:100%;
  margin:6% auto;
  max-width: 1920px;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  align-items: center;
}
.home .all-prof .prof-left{
  width:63%;
  margin-right:2%;
  display: flex;
  display: -webkit-flex;
}
.home .all-prof .prof-right{
  width:35%;
}
.home .all-prof .prof-right .text-line{
  width: 22%;
  max-width: 110px;
  height: 4px;
  border-radius: 2px;
  background-color:#ff800b;
  margin-bottom: 4%;
}
.home .all-prof .prof-right .text-h h4{
  font-family: MyMontserrat-L;
  font-size: 2.9rem;
  color:#000000;
  line-height: 5rem;
  letter-spacing: 0.3px;
}
.home .all-choose{
  width:90%;
  margin:0% auto;
  max-width: 1600px;
}

/*#certify {position:relative;width:90%;margin:0 auto;overflow:hidden;background:url(../fodder/home/certify-bg.png) no-repeat top center;background-size:100% auto;}
#certify .swiper-container {padding:130px 0px 100px 0px;}
#certify .swiper-slide {width:320px;height:454px;background:#fff;box-shadow:0 8px 30px #ddd;}
#certify .swiper-slide img{display:block;}*/

.same-title .text-h h1{
  font-family: MyMontserrat-R;
  font-size: 4.5rem;
  color:#000000;
  text-align: center;
  text-transform: uppercase;
}
.same-title .text-line{
  width: 22%;
  max-width: 110px;
  height: 4px;
  border-radius: 2px;
  background-color:#ff800b;
  margin:2.5% auto 4%;
}
.home .all-choose .choose-msg{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.home .all-choose .choose-msg .msg-con{
  width:calc(97.4% / 3);
}
.home .all-choose .choose-msg .msg-con:nth-child(2){
  margin:0% 1.3%;
}
.home .all-choose .choose-msg .msg-con .con-img{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}
.home .all-choose .choose-msg .msg-con .con-text .text-h h1{
  font-family: MyMontserrat-R;
  font-size: 2.2rem;
  color:#000000;
  text-transform: capitalize;
  margin: 6% 0% 3%;
}
.home .all-choose .choose-msg .msg-con .con-text .text-p{
  width:95%;
  font-family: MyMontserrat-L;
  font-size: 1.3rem;
  color:#666666;
  line-height: 2.5rem;
}
.same-screen{
  position: relative;
}
.same-screen .screen-con{
  position: absolute;
  content:"";
  transform: translate(-50%,-50%);
  top:52%;
  left:50%;
  width:90%;
}
.same-screen .screen-con .con-line{
  width: 18%;
  max-width: 115px;
  height: 4px;
  margin:0% auto 2%;
  border-radius: 2px;
  background-color: #ff800b;
}
.same-screen .screen-con .con-h h1{
  font-family: MyMontserrat-R;
  font-size: 4.5rem;
  color:#ffffff;
  text-transform: uppercase;
  text-align: center;
}
.all-product .allPro-link{
  padding:1.5% 0%;
  border-bottom:1px solid #000000;
}
.all-product .allPro-link .all-link{
  width:85%;
  margin:0% auto;
  max-width: 1500px;
  display:flex;
  display:-webkit-flex;
  align-items: center;
  font-family:MyMontserrat-R;;
  font-size:1.5rem;
  color:#000000;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.all-product .allPro-link .all-link .link-span{
  font-weight: bold;
  margin:0px 7px;
}
.all-product .allPro-msg{
  padding:4% 0% 0%;
}
.all-product .all-msg{
  width:85%;
  margin:0% auto;
  max-width: 1500px; 
}
.all-product .all-msg .allPro-left{
  /*display: none;*/
 width:20%;
}
.all-product .all-msg .allPro-right{
  width:80%;
}
.all-product .all-msg .allPro-left .allPro-title h1{
  font-family: MyMontserrat-R;
  font-size: 2rem;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 3%;
}
.all-product .all-msg .allPro-left .allPro-detail a{
  display: inline-block;
}
.all-product .all-msg .allPro-left .allPro-detail .item-detail .item-con{
  padding:1% 0%;
}
.all-product .all-msg .allPro-left .allPro-detail .item-detail .item-con h1{
  font-family: MyMontserrat-L;
  font-size: 1.15rem;
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}
.all-product .all-msg .allPro-left .allPro-detail .item-detail .item-con h1:hover{
  color:#ff800b;
}
.all-product .all-msg .allPro-right .right-img{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.all-product .all-msg .allPro-right .right-img .img-text{
  position: relative;
  width:calc(94% / 4);
  margin:0% 2% 3% 0%;
  background-color:#ffffff;
}
.all-product .all-msg .allPro-right .right-img .img-text a{
  position: relative;
}
.all-product .all-msg .allPro-right .right-img .img-text a:before{
  position: absolute;
  content:"";
  top:0%;
  left:0%;
  width:100%;
  height:100%;
  opacity: 0;
  visibility: hidden;
  background-color:rgba(0,0,0,0.4);
  content:none;
}
.all-product .all-msg .allPro-right .right-img .img-text:nth-child(4n){
  margin-right:0%;
}
.all-product .all-msg .allPro-right .right-img .img-text .text-img{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  padding: 5% 0%;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.08);
}
.all-product .all-msg .allPro-right .right-img .img-text .text-h h1{
  position: relative;
  z-index:22;
  padding:6% 0%;
  font-family: MyMontserrat-R;
  font-size: 1.5rem;
  color: #000000;
  text-align: center;
}
.all-product .all-msg .allPro-right .right-img .img-text:hover{
  box-shadow: 0px 0px 8px rgba(0,0,0,0.02);
}
.all-product .all-msg .allPro-right .right-img .img-text:hover a:before{
  opacity: 1;
  visibility: visible;
}
.all-product .all-msg .allPro-right .right-img .img-text:hover .text-h h1{
  color:#ffffff;
  background-color:#ff800b;
}
.all-product .all-msg .all-page{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  /*padding: 2% 0% 0%;*/
}
.all-product .all-msg .all-page .page{
  margin: 0 10px;
}
.all-product .all-msg .all-page .page h1{
  width: 36px;
  height: 36px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  font-family: MyMontserrat-R;
  font-size: 1.1rem;
  color: #303030;
  border: 1px solid #e5e5e5;
}
.all-product .all-msg .all-page .page h1:hover{
  cursor: pointer;
  color: #ffffff;
  background-color: #ff800b;
}
.page-h{
  color: #ffffff !important;
  background-color: #ff800b; !important;
}
.product .pro-infos{
  padding:3.5% 0% 5%;
  border-bottom:1px solid #000000;
}
.product .pro-infos .pro-info{
  width:85%;
  margin:0% auto;
  max-width: 1500px;
  display:flex;
  display:-webkit-flex;
}
.product .pro-infos .pro-info .pro-slide{
  width:47%;
  margin-right:3%;
}
.product .pro-infos .pro-info .pro-slide .slide-all{
  position: sticky;
  position: -webkit-sticky;
  top:129px;
  max-width: 652px;
}
.product .pro-infos .pro-info .pro-slide .top-img{
  border: 1px solid #787878;
  box-sizing: border-box;
}
.product .pro-infos .pro-info .pro-slide .bottom-img{
  position: relative;
  width:88%;
  margin:3% auto 0%;
}
.product .pro-infos .pro-info .pro-slide .bottom-img .swiper{
  position: unset;
  padding:1px;
}
.product .pro-infos .pro-info .pro-slide .bottom-img .swiper-slide .img{
  border: 1px solid #787878;
  box-sizing: border-box;
}
.product .pro-infos .pro-info .pro-slide .prev-next{
  transform: translate(0%,-50%);
  top: 50%;
  width: 15px;
  height: auto;
  margin-top: 0px;
  opacity: 1;
}
.product .pro-infos .pro-info .pro-slide .swiper-button-prev{
  left:-5%;
}
.product .pro-infos .pro-info .pro-slide .swiper-button-next{
  right:-5%;
}
.product .pro-infos .pro-info .pro-slide .swiper-button-next .img{
  transform: rotate(180deg);
}
.product .pro-infos .pro-info .pro-slide .prev-next:after{
  content: unset;
}
.product .pro-infos .pro-info .pro-msg{
  width:50%;
}
.product .pro-infos .pro-info .pro-msg .pro-title h1{
  font-family: MyMontserrat-R;
  font-size: 2rem;
  color:#000000;
  text-transform: uppercase;
}
.product .pro-infos .pro-info .pro-msg .pro-title h2{
  font-family: MyMontserrat-R;
  font-size: 2rem;
  color:#000000;
  text-transform: uppercase;
  margin:2% 0% 4%;
}
.product .pro-infos .pro-info .pro-msg .pro-table{
  display: flex;
  display: -webkit-flex;
  margin-bottom: 7%;
}
.product .pro-infos .pro-info .pro-msg .same-btn{
  display: block;
  max-width: 674px;
  text-align: center;
  border: 1px solid #ff800b;
}
.product .pro-infos .pro-info .pro-msg .same-btn p{
  color:#ff800b;
}
.product .pro-detail{
  padding:4.5% 0% 4%;
}
.product .all-detail{
  width:85%;
  width:76%;
  margin:0% auto;
  max-width: 1500px;
}
.product .all-detail .detail-title{
  color:#000000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom:5%;
}
.product .all-detail .detail-title .title-h h1{
  font-family: MyMontserrat-R;
  font-size: 3.2rem;
}
.product .all-detail .detail-title .title-p{
  font-family: MyMontserrat-L;
  font-size: 1.4rem;
  letter-spacing: 0.2px;
  margin-top:0.5%;
}
.product .all-detail .msg-same{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.product .all-detail .msg-same .msg-img:nth-child(1){
  margin-right:1rem;
}
.product .detail-fun .fun-con{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.product .detail-fun .fun-con .con-img{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}
.product .detail-fun .fun-con .con-text{
  width:95%;
  margin:0% auto;
  font-family: MyMontserrat-L;
  color:#000000;
}
.product .detail-fun .fun-con .text-h h2{
  font-size: 2.25rem;
  text-transform: capitalize;
  margin:4% 0% 2%;
}
.product .detail-fun .fun-con .text-p{
  font-size: 1.4rem;
  letter-spacing: 0.2px;
  line-height: 2.5rem;
}
.product .detail-fun .fun-one .con-msg{
  width:48.5%;
}
.product .detail-fun .fun-two .con-msg{
  width:32%;
}
.product .detail-fun .fun-con .con-one{
  margin-right:3%;
}
.product .detail-fun .fun-con .con-four{
  margin:0% 2%;
}
.product .detail-fun .fun-one{
  margin-bottom:5%;
}
.product .detail-display{
  background-color:#f7f7f7;
}
.product .detail-control{
  background-color:#737373;
}
.product .detail-control .detail-title .title-h h1{
  color:#ffffff;
}
.product .detail-control .control-msg{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  margin-left: 5%;
}
.product .detail-option{
  padding-bottom:0%;
}
.cover .detail-fun .fun-con:nth-child(1){
  margin-bottom:4%;
}
.cover .detail-display .display-msg{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.cover .detail-display .display-msg .text-img{
  width:25%;
}
.cover .detail-display .display-msg .text-img .msg-img{
  width:122px;
  margin:0% auto;
  border-radius:50%;
  border:2px solid rgba(89,87,87,0.8);
  overflow: hidden;
}
.cover .detail-display .display-msg .text-img .msg-text{
  width:95%;
  margin:8% auto 0%;
  font-family: MyMontserrat-R;
  font-size: 1.5rem;
  color: #595757;
  line-height: 2.3rem;
  text-align: center;
}
.cover .detail-instruct .instruct-msg{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.cover .detail-instruct .instruct-msg .msg-img{
  width:calc(92% / 3);
  margin:1% 4% 2% 0%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}
.cover .detail-instruct .instruct-msg .msg-img:nth-child(3){
  margin-right:0%;
}
.cover .detail-step{
  padding-bottom:0%;
  border-top: 1px solid #000000;
}
.cover .detail-step .step-msg{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.cover .detail-step .step-msg .msg-img{
  margin-right:10px;
}
.cover .detail-step .step-msg .msg-img:nth-last-child(1){
  margin-right:0px;
}
.about .same-screen .screen-con{
  top:63%;
}
.about .about-msg .all-msg{
  width:85%;
  margin:6% auto;
  max-width: 1500px;
}
.about .all-msg .msg-one{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
}
.about .all-msg .msg-one .left-text{
  width:35%;
  margin-right:1%;
}
.about .all-msg .msg-one .right-video{
  position: relative;
  width:64%;
}
.about .all-msg .msg-one .left-text .text-title{
  width: 92%;
  text-align: right;
}
.about .all-msg .msg-one .left-text .text-title .title-img{
  width:55%;
  display: flex;
  display: -webkit-flex;
}
.about .all-msg .msg-one .left-text .text-title .title-h{
  position: relative;
  display: inline-block;
  margin: 7% 0% 3%;
}
.about .all-msg .msg-one .left-text .text-title .title-h:before{
  position: absolute;
  content: "";
  transform: translate(-50%, 0%);
  left: 50%;
  bottom: 7%;
  width: 105%;
  height: 25%;
  background-color: #ff800b;
}
.about .all-msg .msg-one .left-text .text-title .title-h h1{
  position: relative;
  z-index:22;
  font-family: MyMontserrat-R;
  font-size: 3.5rem;
  font-weight: bolder;
  color:#231815;
  text-transform: uppercase;
}
.about .all-msg .msg-one .left-text .text-con{
  font-family: MyMontserrat-L;
  font-size: 1.1rem;
  color: #666666;
  line-height: 2rem;
}
.about .all-msg .msg-one .right-video .video-msg{
  position: relative;
}
.about .all-msg .msg-one .right-video .video-msg .video{
  position: absolute;
  content:"";
  transform: translate(-50%,-50%);
  top:50%;
  left:50%;
  width:100%;
  height:100%;
}
.about .all-msg .msg-two{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin-top: 6%;
}
.about .all-msg .msg-two .adv-con{
  width:calc(97% / 4);
  margin-right:1%;
}
.about .all-msg .msg-two .adv-con:nth-last-child(1){
  margin-right:0%;
}
.about .all-msg .msg-two .adv-con .con-h h1{
  font-family: MyMontserrat-R;
  font-size: 3.8rem;
  font-weight: bolder;
  color:#ff800b;
}
.about .all-msg .msg-two .adv-con .con-h h1 sup{
  font-size: 2rem;
}
.about .all-msg .msg-two .adv-con .con-h h4{
  font-family: MyMontserrat-R;
  font-size: 1.5rem;
  color:#000000;
  text-transform: capitalize;
  margin: 2% 0% 4%;
}
.about .all-msg .msg-two .adv-con .con-p{
  width: 88%;
  font-family: MyMontserrat-L;
  font-size: 1.1rem;
  color:#666666;
  line-height: 2rem;
}
.about .all-brief{
  width:100%;
  margin:0% auto;
  max-width: 1920px;
}
.about .all-brief .brief-con{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
}
.about .all-brief .brief-two{
  margin:5% auto;
}
.about .all-brief .brief-con .con-left{
  width:49.5%;
}
.about .all-brief .brief-con .con-right{
  width:50.5%;
}
.about .all-brief .brief-con .con-text{
  width:80%;
  margin:0% auto;
}
.about .all-brief .brief-con .con-text .text-h h1{
  font-family: MyMontserrat-R;
  font-size: 2.5rem;
  color:#000000;
  text-transform: capitalize;
  margin-bottom: 3%;
}
.about .all-brief .brief-con .con-text .text-p{
  font-family: MyMontserrat-L;
  font-size: 1.3rem;
  color:#666666;
  line-height: 2.5rem;
}
.about .all-certifi{
  width:88%;
  margin:6% auto;
  max-width: 1600px;
}
.about .all-certifi .certifi-brand{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  margin:2.5% auto 5%;
}
.about .all-certifi .certifi-brand .brand-img{
  /*margin:0rem 1rem;*/
  margin:0 10px;
}
.about .all-certifi .certifi-msg .swiper{
  padding-bottom:6%;
}
.about .all-certifi .certifi-msg .swiper-slide{
  width: 500px;
  transition: 300ms;
}
.about .all-certifi .certifi-msg .swiper-slide .img{
  box-reflect: below 0px -webkit-linear-gradient(transparent,transparent 78%,rgba(0,0,0,0.3));
  -webkit-box-reflect: below 0px -webkit-linear-gradient(transparent,transparent 78%,rgba(0,0,0,0.3));
  box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
}
.contact .all-msg{
  margin:5% auto;
}
.contact .all-msg .msg-title{
  text-align: center;
}
.contact .all-msg .msg-title .title-h h2{
  font-family: MyMontserrat-L;
  font-size: 2rem;
  color:#000000;
}
.contact .all-msg .msg-title .title-h h1{
  font-family: MyMontserrat-R;
  font-size: 2.3rem;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #ff800b;
  text-transform: uppercase;
  margin: 1.5% auto 2.8%;
}
.contact .all-msg .msg-detail{
  position: relative;
}
.contact .all-msg .msg-detail .bc-span{
  position: absolute;
  content:"";
  top:0%;
  width:49.7%;
  height:100%;
}
.contact .all-msg .msg-detail .bc-one{
  left:0%;
  background-color: #f7f7f7;
}
.contact .all-msg .msg-detail .bc-two{
  right: 0%;
  background-color: #e2e3e2;
}
.contact .all-msg .msg-detail .bc-img{
  position: absolute;
  content:"";
  transform: translate(-50%,-50%);
  top:50%;
  left:50%;
  width:52px;
  top:50%;
  left:0;
}
.contact .all-msg .left-right{
  position: relative;
  z-index:22;
  width:70%;
  margin:0% auto;
  padding:1.5% 0%;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.contact .all-msg .left-right .msg-left{
  width:46%;
  margin-right:4%;
}
.contact .all-msg .left-right .msg-right{
  width:45%;
  margin-left:5%;
  position:relative;
  margin-left:0;
  padding-left:5%;
}
.contact .all-msg .left-right .msg-same{
  font-family: MyMontserrat-R;
  color: #000000;
}
.contact .all-msg .left-right .msg-left.msg-same{
  margin-top:3%;
  margin-top:0;
}
.contact .all-msg .left-right .msg-same .leri-title{
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.contact .all-msg .left-right .msg-same .leri-title .title-img{
  width:35px;
  margin-right:8px;
}
.contact .all-msg .left-right .msg-same .leri-title .title-h h4{
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-transform: capitalize;
}
.contact .all-msg .left-right .msg-same .same-p p{
  font-size: 1.1rem;
  font-weight:bold;
  font-size:1.8rem;
}
.contact .all-msg .left-right .msg-same .same-p p span{
  margin-left:2rem;
}
.contact .all-msg .left-right .msg-same .same-p .p-one{
  position: relative;
  padding-left:1.5rem;
  margin-top: 3%;
}
.contact .all-msg .left-right .msg-same .same-p .p-one:before{
  position: absolute;
  content:"";
  transform: translate(0%,-50%);
  top:50%;
  left:0%;
  width:10px;
  height:10px;
  border-radius:50%;
  overflow: hidden;
  background-color: #ff800b;
}
.contact .all-msg .left-right .msg-same h2{
  font-weight: bold;
  font-size: 2.2rem;
  letter-spacing: 0.5px;
  /*text-transform: uppercase;*/
  margin: 3.5% 0%;
}
.contact .all-msg .left-right .msg-right .right-one p{
  font-family: MyMontserrat-L;
  font-size: 1.1rem;
  line-height: 2rem;
  margin: 3% 0% 5%;
  font-size: 1rem;
  line-height: 1.6rem;
  margin: 3% 0% 3%;
}
.contact .all-msg .left-right .msg-right .same-btn p{
  font-size: 1.3rem;
  height: unset;
  line-height: unset;
  padding: 5px 10px;
  color: #ffffff;
  background-color: #ff800b;
}
.contact .contact-form{
  width:100%;
  margin:0% auto;
  max-width: 1920px;
  border-top: 5px solid #ff800b;
  border-bottom: 5px solid #ff800b;
  overflow: hidden;
}
.contact .contact-form .form-map{
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.contact .contact-form .form-map .all-form{
  width: 31%;
  padding: 4% 5.3% 2% 14%;
}
.contact .contact-form .form-map .contact-map{
  position: absolute;
  content:"";
  top:0%;
  right:0%;
  width:49.7%;
  height:100%;
  position: relative;
  top:unset;
  right:unset;
  width:100%;
  height:400px;
}
.contact .contact-form .form-map .contact-map .map{
  width:100%;
  height:100%;
}
.contact .contact-form .form-map .all-form .title-text h1{
  font-family: MyMontserrat-R;
  font-size: 3rem;
  color: #ff800b;
  text-align: left;
  margin-bottom: 5%;
}
.contact .footer .foot-form{
  display: none;
}
.footer .foot-form{
	position: relative;
	padding: 2.8% 0% 2%;
	margin-top:6%;
	background-color:#f7f7f7;
}
.footer .all-form{
	position: relative;
	z-index:22;
	width: 85%;
  margin: 0% auto;
  max-width: 1450px;
}
.footer .foot-other .all-form .form-title .title-text h1{
  font-family: MyMontserrat-L;
  font-size: 2.5rem;
  color:#000000;
  text-align: center;
  margin-bottom:3%;
}
.footer .foot-other .form .layui-form{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.footer .foot-other .form .layui-form .layui-form-item{
  /*width:calc(94% / 4);*/ 
  margin-right:2%;
}
.footer .foot-other .form .layui-form .message{
  margin-right:0%;
}
.footer .foot-other .form .layui-input{
  height: 65px;
  line-height: 65px;
}
.footer .foot-other .form .layui-form-item .form-h h4{
  font-family: MyMontserrat-R;
  font-size: 1.6rem;
  color:#000000;
  margin-bottom:3%;
  margin-bottom:15px;
}
.footer .foot-other .form .layui-form .btn{
  width: 100%;
  margin-top: 2%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}
.footer .foot-other .form .layui-btn{
  margin-top:0rem;
}
.footer .foot-secend{
  padding: 5% 0%;
}
.footer .foot-secend .all-form{
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.footer .foot-secend .all-form .form-left{
  width:45%;
  margin-right:3%;
}
.footer .foot-secend .all-form .form-right{
  width:42%;
  padding:3% 5%;
  border-radius: 4%;
  background-color:#ffffff;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
.footer .foot-secend .all-form .form-left .form-logo{
  width:60%;
  margin:0% auto 8%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}
.footer .foot-secend .all-form .form-left .form-p{
  font-family: MyMontserrat-R;
  font-size: 2.2rem;
  color:#010101;
  line-height: 4rem;
  text-align: center;
}
.footer .foot-secend .all-form .form-right .title-text h1{
  font-family: MyMontserrat-R;
  font-size: 3rem;
  color: #ff800b;
  text-align: left;
  margin-bottom: 5%;
}
.footer .foot-nav{
	position: relative;
	padding:4% 0% 3%;
	background-color:#e2e3e2;
}
.footer .foot-nav .all-nav{
	position: relative;
	z-index:22;
	width: 85%;
  margin: 0% auto;
  max-width: 1450px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.footer .foot-nav .all-nav .nav-one{
  position: absolute;
  top:0%;
  right:4%;
  width:34%;
}
.footer .foot-nav .all-nav .nav-two{
  width:28%;
  margin-right:2%;
}
.footer .foot-nav .all-nav .nav-three{
  width:30%;
  margin-right:2%;
  margin-top: -0.5%;
}
.footer .foot-nav .all-nav .nav-one .foot-top .img-logo{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}
.footer .foot-nav .all-nav .nav-one .foot-top .img-p{
  font-family: MyMontserrat-L;
  font-size: 2.5rem;
  color:#000000;
  text-align: center;
  text-transform: uppercase;
  margin:4% 0% 8%;
}
.footer .foot-nav .all-nav .nav-one .nav-link{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}
.footer .foot-nav .all-nav .nav-one .nav-link .link-img{
  width:41px;
  margin-right:9px;
}
.footer .foot-nav .all-nav .nav-one .nav-link .link-img:nth-last-child(1){
  margin-right:0px;
}
.footer .foot-nav .all-nav .nav-con .nav-title h1{
  font-family: MyMontserrat-R;
  font-size: 1.8rem;
  color: #000000;
  text-transform: uppercase;
  margin-bottom:2rem;
}
.footer .foot-nav .all-nav .nav-con .foot-item .item-link{
  margin-bottom:8%;
}
.footer .foot-nav .all-nav .nav-con .foot-item .item-link:nth-last-child(1){
  margin-bottom:0%;
}
.footer .foot-nav .all-nav .nav-con .foot-item .item-link a{
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
}
.footer .foot-nav .all-nav .nav-con .foot-item .item-link a h1{
  font-family: MyMontserrat-L;
  font-size: 1.5rem;
  color: #000000;
  text-transform: capitalize;
  transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -webkit-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -moz-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
  -ms-transition: all 0.3s cubic-bezier(0.75,0.5,0.5,0.25);
}
.footer .foot-nav .all-nav .nav-con .foot-item .item-link a h1:hover{
  cursor: pointer;
  color:#ff800b;
}
.footer .foot-nav .all-nav .nav-three .nav-title h1{
  font-size: 2rem;
  text-transform: capitalize;
}
.footer .foot-nav .all-nav .nav-three .nav-title h1 span{
  font-family: MyMontserrat-L;
  font-size: 1.5rem;
}
.footer .foot-nav .all-nav .nav-con .msg-con{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  margin-bottom:3%;
}
.footer .foot-nav .all-nav .nav-con .msg-con:nth-last-child(1){
  margin-bottom:0%;
}
.footer .foot-nav .all-nav .nav-con .msg-con .con-img{
  width:37px;
  margin-right:13px;
}
.footer .foot-nav .all-nav .nav-con .msg-con .con-p{
  width:calc(100% - 50px);
  font-family: MyMontserrat-L;
  font-size: 1.4rem;
  color: #000000;
}
.show-form{
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  top: 0%;
  left: 0%;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0,0,0,0.83);
  transform: matrix(1, 0, 0, 1, 0, 20);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 20);
  -moz-transform: matrix(1, 0, 0, 1, 0, 20);
  transition: all 0.5s cubic-bezier(0.75,0.5,0.5,0.25);
  -webkit-transition: all 0.5s cubic-bezier(0.75,0.5,0.5,0.25);
  -ms-transition: all 0.5s cubic-bezier(0.75,0.5,0.5,0.25);
  z-index: 222;
}
.shown-form{
  visibility: inherit !important;
  opacity: 1 !important;
  transform: matrix(1, 0, 0, 1, 0, 0) !important;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
  -moz-transform: matrix(1, 0, 0, 1, 0, 0) !important;
}
.show-form .download{
  position: fixed;
  transform: translate(-50%,-50%);
  top: 56%;
  left: 50%;
  width: 55%;
  padding: 3% 4%;
  border-radius: 15px;
  background-color: rgb(255,255,255);
}
.show-form .download .form-hide{
	text-align: right;
  margin-bottom: 2rem;
  margin-right: -5%;
  margin-top: -2%;
}
.show-form .download .form-hide img{
	width: 2rem;
}
.show-form .download .form-hide img:hover{
	cursor: pointer;
}
.show-form .layui-form-item{
  width: 49%;
  margin-right:2%;
}
.show-form .layui-form-item:nth-child(2n){
  margin-right:0%;
}
.show-form .message{
  width: 100%;
  margin-right:0%;
}
.show-form .form .layui-textarea{
  height: 150px;
}
.footer .foot-bottom{
	text-align: center;
	padding:0.8rem 0rem;
}
.footer .foot-bottom p{
	font-family: MyMicrosoft-R;
	font-size:1rem;
  color: #2c2c2c;
  letter-spacing: 0.2px;
	text-align: center;
}
.footer .foot-bottom a{
	display: inline-block;
	padding-top:5px;
}
.footer .foot-bottom a:hover{
	opacity: 0.6;
}
.form .layui-input-block{
	margin-left: 0px;
}
.form .layui-input{
	height: 48px;
  line-height: 48px;
  padding-left:15px;
  font-family:MyMicrosoft-R;
  font-size:1.1rem;
  color: #000000;
  border-radius: 0px;
  border: 1px solid #b9b9b9;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.form .layui-textarea{
	height: 130px;
	min-height: unset;
  padding: 15px;
  font-family:MyMicrosoft-R;
  font-size:1.1rem;
  color: #000000;
  border-radius: 0px;
  border: 1px solid #b9b9b9;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.form .layui-form input::-webkit-input-placeholder{
	font-family:MyMontserrat-L;
  font-size: 1rem;
  color:#000000;
}
.form .layui-form input:-moz-placeholder{
	font-family:MyMontserrat-L;
  font-size: 1rem;
  color:#000000;
}
.form .layui-form input:-ms-input-placeholder{
	font-family:MyMontserrat-L;
  font-size: 1rem;
  color:#000000;
}
.form .layui-form textarea::-webkit-input-placeholder{
	font-family:MyMontserrat-L;
  font-size: 1rem;
  color:#000000;
}
.form .layui-form textarea:-moz-placeholder{
	font-family:MyMontserrat-L;
  font-size: 1rem;
  color:#000000;
}
.form .layui-form textarea:-ms-input-placeholder{
	font-family:MyMontserrat-L;
  font-size: 1rem;
  color:#000000;
}
.form .layui-btn{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  height: auto;
  border-radius: 0px;
  padding: 0px;
  background-color: transparent;
	overflow: hidden;
	margin-top:3.5rem;
}
.form .layui-btn p{
  height: 40px;
  line-height: 40px;
  padding:0px 35px;
  font-family: MyMontserrat-R;
  font-size: 1.4rem;
  color:#ffffff;
  text-transform: uppercase;
  background-color: #ff800b;
}
.form .btn-text p{
  font-family: MyMontserrat-R;
  font-size: 1.3rem;
  color: #000000;
  text-transform: capitalize;
  margin-left:2rem;
}
/*home-sort-S*/
.home .home-sort{
  position: relative;
  padding: 141px 0;
  padding: 141px 0 60px 0;
  background:url(../fodder/home/aodi-sort-bg.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.home .home-sort .sort-box{/*padding:0 5%;*/font-family:MyMontserrat-R;display:flex;}

.home .home-sort .sort-box .sort-item{width:18%;cursor:pointer;}
.home .home-sort .sort-box .sort-item.sort-item-first{width:5%;}
.home .home-sort .sort-box .sort-item.sort-item-last{width:5%;}
.home .home-sort .sort-box .sort-item .sort-imgbox{margin:0 3%;width:94%;}
.home .home-sort .sort-box .sort-item .sort-imgbox img{display:block;margin:0 auto;max-width:240px;}
.home .home-sort .sort-box .sort-item .sort-imgbox .sort-open{display:none;}
.home .home-sort .sort-box .sort-item .sort-imgbox .sort-close.hide{display:none;}
.home .home-sort .sort-box .sort-item .sort-imgbox .sort-open.show{display:block;} 
.home .home-sort .sort-box .sort-item.sort-item-first:hover .sort-infobox{border-top:1px solid #bfbfbf;}
.home .home-sort .sort-box .sort-item.sort-item-last:hover .sort-infobox{border-top:1px solid #bfbfbf;} 
.home .home-sort .sort-box .sort-item .sort-infobox{position:relative;margin-top:31px;text-align:center;border-top:1px solid #bfbfbf;padding-bottom:64px;}
.home .home-sort .sort-box .sort-item:hover .sort-infobox{border-top:1px solid rgba(0,0,0,0);padding-bottom:0;}
.home .home-sort .sort-box .sort-item .sort-infobox .sort-info-num{position:relative;color:#fd7f09;font-size:24px;line-height:30px;padding-top:10px;}
.home .home-sort .sort-box .sort-item:hover .sort-infobox .sort-info-num{padding-top:48px;transition:padding-top 0.5s ease-in;}
.home .home-sort .sort-box .sort-item .sort-infobox .sort-info-num:before{content:"";display:inline-block;width:22px;height:3px;background-color:#fd7f09;position:absolute;left:50%;margin-left:-11px;top:-1.5px;z-index:9;}
.home .home-sort .sort-box .sort-item:hover .sort-infobox .sort-info-num:before{width:1px;height:33px;margin-left:-0.5px;}
.home .home-sort .sort-box .sort-item .sort-infobox .sort-info-name{font-size:17px;color:#000;line-height:20px;padding:6px 0px;}
.home .home-sort .sort-box .sort-item .sort-infobox .sort-info-btn{display:none;position:relative;padding-right:20px;font-family:MyMontserrat-EL;line-height:16px;color:#fd7f09;}
.home .home-sort .sort-box .sort-item:hover .sort-infobox .sort-info-btn{display:inline-block;}
.home .home-sort .sort-box .sort-item .sort-infobox .sort-info-btn i{display:block;width:16px;height:16px;position:absolute;right:0;top:0;background:url(../fodder/home/aodi-sort-icon.png) no-repeat;}
/*home-sort-E*/


@media screen and (max-width:991px){
	.nav .nav-content{
		width:90%;
		padding: 1rem 0rem;
		align-items: center;
	}
	.nav .nav-content .nav-ul ul .li-show{
		display:none;
	}
	.nav .nav-content .nav-logo{
		width:230px;
		margin:0% 10px 0% 0%;
	}
	.nav .nav-content .nav-ul{
		width: calc(100% - 240px);
	}
	.nav .nav-content .nav-ul ul{
	  width: 100%;
    margin-left: 0%;
	}
	.nav .nav-content .nav-ul ul .li-lang{
	  width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0rem;
	}
	.nav .nav-content .nav-ul ul .li-lang .lang{
	  padding: 1px 10px;
    border-radius: 5px;
	}
	.nav .nav-content .nav-ul ul .li-lang .nav-auto{
		display: block;
    margin-left:30px;
	}
	.nav .nav-content .nav-ul ul .li-lang .nav-auto .auto-line{
		width:38px;
    padding:0px 10px;
	}
	.nav .nav-content .nav-ul ul .li-lang .nav-auto .auto-line .auto-span{
		position: relative;
    display: block;
    height: 15px;
	}
	.nav .nav-content .nav-ul ul .li-lang .nav-auto .auto-line .auto-span .line-content{
		position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #000000 !important;
    transition: all 1s ease;
    -webkit-transition: all auto 1s ease;
    -moz-transition: all auto 1s ease;
    -ms-transition: all auto 1s ease;
	}
	.nav .nav-content .nav-ul ul .li-lang .nav-auto .auto-line .auto-span .line-two{
		top: 7px;
	}
	.nav .nav-content .nav-ul ul .li-lang .nav-auto .auto-line .auto-span .line-three{
		top: 14px;
	}
	.line-onetrans{
		transform: translateY(7px) rotate(45deg);
    -webkit-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
	}
	.line-twotrans{
		opacity: 0;
	}
	.line-threetrans{
		transform: translateY(-7px) rotate(-45deg);
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
	}
	.auto-hide{
		position: fixed;
		top: 84px;
    height: 100%;
    display: block;
    background-color: #ffffff !important;
    width: 100%;
    padding-top: 1.5rem;
    z-index: 99;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -moz-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -ms-transition: all 1s cubic-bezier(.77, 0, .175, 1);
	}
	.auto-show{
		transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
	}
	.auto-hide .auto-ul li{
		padding: 1.5% 0% 1.5% 5%;
		margin: 1% 0%;
	}
	.auto-hide .auto-ul li a{
		display:inline-block;
	}
	.auto-hide .auto-ul h1{
		font-family: MyMontserrat-L;
    font-size: 1.5rem;
   	color: #5f5d5d;
    text-transform: capitalize;
	}
	.auto-hide .auto-ul .child-other{
	  margin: 2% 0% 0% 2%;
	}
	.auto-hide .auto-ul .child-other .child-li{
	  margin-bottom:2%;
	}
	.auto-hide .auto-ul .child-other .child-li:nth-last-child(1){
	  margin-bottom:0%;
	}
	.auto-hide .auto-ul h2{
		font-family: MyMontserrat-L;
  	font-size: 1.2rem;
  	color: #595757;
  	letter-spacing:0.5px;
	}
	.load-nav{
	  border-bottom:unset;
	}
	.nav-top{
		margin-top: 84px;
	} 
}
@media screen and (min-width:1500px) and (max-width:1700px){
  .nav .nav-content .nav-ul .child .all-child .child-left{
    width: 30%;
  }
  .nav .nav-content .nav-ul .child .all-child .child-right{
    width: 70%;
  }
  .home .home-screen .slide-con{
    width: 45%;
  }
  .home .home-screen .slide-con .con-h h2{
    font-size: 2rem;
  }
  .home .home-screen .slide-con .con-h h1{
    font-size: 6.5rem;
  }
  .home .home-screen .slide-con .con-p{
    width: 85%;
    margin-bottom: 5%;
  }
  .same-btn p{
    height: 50px;
    line-height: 50px;
  }
  .home .all-item{
    margin: 6.5% auto;
  }
  .home .all-item .item-msg .msg-con .con-text h1{
    width: 98%;
    font-size:1.3rem;
    letter-spacing: -0.1px;
  }
  .home .all-odm .odm-right .right-text h1{
    font-size: 4rem;
  }
  .home .all-odm .odm-right .right-text .text-p{
    font-size:1.3rem;
  }
  .home .home-show .show-con{
    margin-left: 7.5%;
  }
  .home .home-show .show-con .con-text .text-h h1{
    font-size: 4rem;
  }
  .home .home-show .show-con .con-text .text-p{
    width: 85%;
    letter-spacing: 0px;
  }
  .home .all-prof{
    margin: 6% auto 6.5%;
  }
  .home .all-prof .prof-right .text-h h4{
    font-size: 2.6rem;
    letter-spacing: 0px;
  }
  .same-title .text-h h1{
    font-size: 4rem;
  }
  .home .all-choose .choose-msg .msg-con .con-text .text-h h1{
    font-size: 2rem;
  }
  .home .all-choose .choose-msg .msg-con .con-text .text-p{
    font-size: 1.25rem;
    line-height: 2.3rem;
  }
  .same-screen .screen-con .con-h h1{
    font-size: 4rem;
  }
  .product .pro-infos{
    padding: 4% 0% 6%;
  }
  .product .pro-detail{
    padding: 5% 0% 6%;
  }
  .product .all-detail .detail-title .title-p{
    font-size:1.3rem;
    letter-spacing: 0px;
  }
  .product .detail-fun .fun-con .text-h h2{
    font-size: 2.2rem;
  }
  .product .detail-fun .fun-con .text-p{
    font-size:1.3rem;
    letter-spacing: 0px;
  }
  .product .detail-control .control-msg{
    margin-left: 0%;
  }
  .product .detail-option {
    padding-bottom: 0%;
  }
  .cover .detail-step {
    padding-bottom: 0%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h h1{
    font-size: 3rem;
  }
  .about .all-msg .msg-two .adv-con .con-h h1{
    font-size: 3.5rem;
  }
  .about .all-msg .msg-two .adv-con .con-h h1 sup{
    font-size: 1.8rem;
  }
  .about .all-msg .msg-two .adv-con .con-p{
    width: 90%;
  }
  .about .all-brief .brief-con .con-text .text-p{
    font-size: 1.25rem;
    line-height: 2.5rem;
  }
  .about .all-certifi .certifi-brand .brand-img{
    /*margin: 0rem 2rem;*/ 
  }
  .about .all-certifi .certifi-msg .swiper-slide{
    width: 460px;
  }
  .contact .all-msg .msg-title .title-h h1{
    letter-spacing: 0.5px;
  }
  .contact .all-msg .left-right{
    width: 75%;
    padding: 1.8% 0%;
  }
  .contact .contact-form .form-map .all-form{
    width: 33%;
    padding: 4.5% 4.3% 3% 12.5%;
  }
  .footer .foot-form{
    padding: 3.5% 0% 2.5%;
  }
  .footer .foot-other .all-form .form-title .title-text h1{
    margin-bottom: 4%;
  }
  .footer .foot-other .form .layui-form-item .form-h h4{
    font-size: 1.5rem;
  }
  .footer .foot-other .form .layui-input{
    height: 60px;
    line-height: 60px;
  }
  .footer .foot-secend{
    padding: 5% 0%;
  }
  .footer .foot-secend .all-form .form-left .form-p{
    font-size: 2rem;
  }
  .footer .foot-nav{
    padding: 4.5% 0% 3.5%;
  }
  .footer .foot-nav .all-nav .nav-one{
    right: 0%;
    width: 38%;
  }
  .footer .foot-nav .all-nav .nav-one .foot-top .img-p{
    font-size: 2.3rem;
  } 
}
@media screen and (min-width:1200px) and (max-width:1500px){
  .nav .nav-content{
    width: 93%;
  }
  .nav .nav-content .nav-logo{
    width: 260px;
  }
  .nav .nav-content .nav-ul{
    width: calc(100% - 270px);
  }
  .nav .nav-content .nav-ul ul{
    width: 100%;
    margin-left: 0%;
  }
  .nav .nav-content .nav-ul ul li{
    padding: 0rem 1.5rem;
  }
  .nav .nav-content .nav-ul .child{
    padding: 3% 0%;
  }
  .nav .nav-content .nav-ul .child .all-child{
    width: 93%;
  }
  .nav .nav-content .nav-ul .child .all-child .child-left{
    width: 33%;
  }
  .nav .nav-content .nav-ul .child .all-child .child-right{
    width: 67%;
  }
  .nav .nav-content .nav-ul .child .all-child .child-left .nav-title h2{
    margin-bottom: 6%;
  }
  .nav .nav-content .nav-ul .child .all-child .child-left .nav-item .child-li{
    margin-bottom: 4%;
  }
  .nav .nav-content .nav-ul .child .all-child .child-left .nav-item .child-li p{
    letter-spacing: 0px;
  }
  .nav-top {
    margin-top: 115px;
  }
  .home .home-screen .slide-con{
    left: 48%;
    width: 50%;
  }
  .home .home-screen .slide-con .con-h h2{
    font-size: 1.8rem;
  }
  .home .home-screen .slide-con .con-h h1{
    font-size: 5.5rem;
  }
  .home .home-screen .slide-con .con-p{
    width: 90%;
    margin-bottom: 5%;
    line-height:2rem;
  }
  .same-btn p{
    height: 50px;
    line-height: 50px;
    font-size: 1.4rem;
  }
  .home .all-item{
    width: 88%;
    margin: 7% auto;
  }
  .home .all-item .item-msg .msg-con .con-text h1{
    width: 98%;
    font-size:1.2rem;
    letter-spacing: -0.1px;
  }
  .home .all-odm{
    width: 88%;
  }
  .home .all-odm .odm-right .right-text h1{
    font-size: 3.7rem;
  }
  .home .all-odm .odm-right .right-text .text-p{
    font-size:1.25rem;
  }
  .home .home-show{
    padding: 12% 0% 10%;
  }
  .home .home-show .show-con{
    margin-left: 6%;
  }
  .home .home-show .show-con .con-text .text-h h1{
    font-size: 3.7rem;
  }
  .home .home-show .show-con .con-text .text-p{
    width: 90%;
    font-size: 1.25rem;
    letter-spacing: 0px;
  }
  .home .all-prof{
    margin: 7% auto 7.5%;
  }
  .home .all-prof .prof-right .text-h h4{
    font-size: 2.4rem;
    letter-spacing: 0px;
  }
  .same-title .text-h h1{
    font-size: 3.7rem;
  }
  .same-title .text-line{
    margin: 3% auto 5%;
  }
  .home .all-choose{
    width: 92%;
  }
  .home .all-choose .choose-msg .msg-con .con-text .text-h h1{
    font-size: 1.8rem;
    margin: 7% 0% 4%;
  }
  .home .all-choose .choose-msg .msg-con .con-text .text-p{
    font-size: 1.2rem;
    line-height: 2rem;
  }
  .same-screen .screen-con .con-h h1{
    font-size: 3.5rem;
  }
  .all-product .allPro-link{
    padding: 1.8% 0%;
  }
  .all-product .allPro-link .all-link{
    width: 88%;
    font-size: 1.4rem;
  }
  .all-product .all-msg{
    width: 88%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text .text-img{
    box-shadow: 0px 0px 15px rgba(0,0,0,0.08);
  }
  .product .pro-infos{
    padding: 5% 0% 7%;
  }
  .product .pro-infos .pro-info{
    width: 90%;
  }
  .product .pro-detail{
    padding: 6% 0% 7%;
  }
  .product .all-detail{
    width: 88%;
  }
  .product .all-detail .detail-title .title-h h1{
    font-size: 3rem;
  }
  .product .all-detail .detail-title .title-p{
    font-size:1.1rem;
    letter-spacing: 0px;
  }
  .product .detail-fun .detail-title .title-h h1{
    font-size: 3.2rem;
  }
  .product .detail-fun .fun-con .text-h h2{
    font-size: 2rem;
    margin: 4.5% 0% 3%;
  }
  .product .detail-fun .fun-con .text-p{
    font-size:1.2rem;
    letter-spacing: 0px;
    line-height: 2.2rem;
  }
  .product .detail-control .control-msg{
    margin-left: 0%;
  }
  .product .detail-option{
    padding-bottom: 0%;
  }
  .cover .detail-display .display-msg .text-img .msg-img{
    width: 110px;
  }
  .cover .detail-display .display-msg .text-img .msg-text{
    font-size: 1.4rem;
  }
  .cover .detail-instruct .instruct-msg .msg-img{
    width: calc(96% / 3);
    margin: 1% 2% 2% 0%;
  }
  .cover .detail-step {
    padding-bottom: 0%;
  }
  .about .about-msg .all-msg{
    width: 90%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h:before{
    bottom: 10%;
    height: 20%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h h1{
    font-size: 2.8rem;
  }
  .about .all-msg .msg-two .adv-con .con-h h1{
    font-size: 3rem;
  }
  .about .all-msg .msg-two .adv-con .con-h h1 sup{
    font-size: 1.5rem;
  }
  .about .all-msg .msg-two .adv-con .con-h h4{
    font-size: 1.4rem;
    margin: 4% 0% 6%;
  }
  .about .all-msg .msg-two .adv-con .con-p{
    width: 95%;
    font-size: 1.05rem;
  }
  .about .all-brief .brief-con .con-text{
    width: 85%;
  }
  .about .all-brief .brief-con .con-text .text-p{
    font-size: 1.2rem;
    line-height: 2.2rem;
  }
  .about .all-certifi{
    width: 92%;
    margin: 8% auto;
  }
  .about .all-certifi .certifi-brand{
    margin: 3% auto 7%;
  }
  .about .all-certifi .certifi-brand .brand-img{
    /*margin: 0rem 2rem;*/ 
  }
  .about .all-certifi .certifi-msg .swiper-slide{
    width: 440px;
  }
  .about .all-certifi .certifi-msg .swiper{
    padding-bottom: 8%;
  }
  .contact .all-msg{
    margin: 5.5% auto;
  }
  .contact .all-msg .msg-title .title-h h2{
    font-size: 1.8rem;
  }
  .contact .all-msg .msg-title .title-h h1{
    font-size: 2.2rem;
    letter-spacing: 0.5px;
    margin: 1.8% auto 3%;
  }
  .contact .all-msg .left-right{
    width: 85%;
    padding: 2% 0%;
  }
  .contact .all-msg .left-right .msg-same h2{
    font-size: 2rem;
  }
  .contact .all-msg .msg-detail .bc-img{
    width: 45px;
  }
  .contact .contact-form .form-map .all-form{
    width: 38%;
    padding: 5% 4.3% 4% 7.5%;
  }
  .contact .contact-form .form-map .all-form .title-text h1{
    font-size: 2.8rem;
  }
  .footer .foot-form{
    padding: 4% 0% 3%;
    margin-top: 8%;
  }
  .footer .all-form{
    width: 88%;
  }
  .footer .foot-other .all-form .form-title .title-text h1{
    font-size: 2.3rem;
    margin-bottom: 5%;
  }
  .footer .foot-other .form .layui-form-item .form-h h4{
    font-size: 1.4rem;
    margin-bottom: 5%;
    margin-bottom:15px;
  }
  .footer .foot-other .form .layui-input{
    height: 60px;
    line-height: 60px;
  }
  .footer .foot-secend{
    padding: 5% 0%;
  }
  .footer .foot-secend .all-form .form-left .form-p{
    font-size: 2rem;
    line-height: 3.5rem;
  }
  .footer .foot-secend .all-form .form-right{
    width: 44%;
    padding: 2.5% 4%;
  }
  .footer .foot-secend .all-form .form-right .title-text h1{
    font-size: 2.8rem;
  }
  .footer .foot-secend .all-form .form-right .form .layui-btn{
    margin-top: 2.5rem;
  }
  .footer .foot-nav{
    padding: 5% 0% 4%;
  }
  .footer .foot-nav .all-nav{
    width: 88%;
  }
  .footer .foot-nav .all-nav .nav-one{
    right: 0%;
    width: 38%;
  }
  .footer .foot-nav .all-nav .nav-one .foot-top .img-p{
    font-size: 2.2rem;
  }
  .footer .foot-nav .all-nav .nav-con .msg-con .con-img{
    width: 32px;
    margin-right: 15px;
  }
  .footer .foot-nav .all-nav .nav-con .msg-con .con-p{
    width: calc(100% - 47px);
  } 

}
@media screen and (min-width:992px) and (max-width:1199px){
  .nav .nav-content{
    width: 92%;
    flex-wrap: wrap;
    padding: 1.8rem 0rem 1.5rem;
  }
  .nav .nav-content .nav-logo{
    width: 100%;
    margin: 0rem auto 1.5rem;
  }
  .nav .nav-content .nav-ul{
    width: 100%;
  }
  .nav .nav-content .nav-logo a{
    width: 260px;
    margin: 0% auto;
  }
  .nav .nav-content .nav-ul ul{
    width: 100%;
    margin-left: 0%;
    justify-content: space-evenly;
  }
  .nav .nav-content .nav-ul ul li{
    padding: 0rem 2rem;
    border-right:unset;
  }
  .nav .nav-content .nav-ul .child{
    padding: 4% 0%;
  }
  .nav .nav-content .nav-ul .child .all-child{
    width: 93%;
  }
  .nav .nav-content .nav-ul .child .all-child .child-left{
    width: 33%;
  }
  .nav .nav-content .nav-ul .child .all-child .child-right{
    width: 67%;
  }
  .nav .nav-content .nav-ul .child .all-child .child-left .nav-title h2{
    font-size: 1.5rem;
    margin-bottom: 5%;
  }
  .nav .nav-content .nav-ul .child .all-child .child-left .nav-item .child-li{
    margin-bottom: 3%;
  }
  .nav .nav-content .nav-ul .child .all-child .child-left .nav-item .child-li p{
    font-size: 1rem;
    letter-spacing: 0px;
  }
  .nav-top {
    margin-top: 169px;
  }
  .home .home-screen .slide-con{
    left: 45%;
    width: 50%;
  }
  .home .home-screen .slide-con .con-h h2{
    font-size: 1.5rem;
  }
  .home .home-screen .slide-con .con-h h1{
    font-size: 4.5rem;
  }
  .home .home-screen .slide-con .con-p{
    width: 95%;
    margin-bottom: 5%;
    font-size: 0.95rem;
    line-height: 1.8rem;
    letter-spacing: 0.3px;
  }
  .same-btn p{
    height: 45px;
    line-height: 45px;
    font-size: 1.3rem;
  }
  .home .all-item{
    width: 95%;
    margin: 7% auto;
  }
  .home .all-item .item-msg .msg-con{
    width: calc(98.5% / 4);
    margin-right: 0.5%;
  }
  .home .all-item .item-msg .msg-con .con-text h1{
    width: 98%;
    font-size:1.15rem;
    letter-spacing: 0px;
  }
  .home .home-odm{
    padding: 7% 0%;
  }
  .home .all-odm{
    width: 90%;
  }
  .home .all-odm .odm-right .right-text h1{
    font-size: 3.5rem;
  }
  .home .all-odm .odm-right .right-text .text-p{
    font-size:1.2rem;
  }
  .home .home-show{
    padding: 10% 0% 10%;
  }
  .home .home-show .show-con{
    width: 60%;
    margin-left: 5%;
  }
  .home .home-show .show-con .con-text .text-h h1{
    font-size: 3.5rem;
  }
  .home .home-show .show-con .con-text .text-p{
    width: 85%;
    font-size: 1.2rem;
    letter-spacing: 0px;
    line-height: 2.2rem;
  }
  .home .all-prof{
    margin: 7% auto 8%;
  }
  .home .all-prof .prof-right .text-line{
    width: 25%;
    margin-bottom: 5%;
  }
  .home .all-prof .prof-right .text-h h4{
    font-size: 2.2rem;
    letter-spacing: 0px;
    line-height: 4rem;
  }
  .same-title .text-h h1{
    font-size: 3.5rem;
  }
  .same-title .text-line{
    margin: 2.5% auto 5%;
  }
  .home .all-choose{
    width: 95%;
  }
  .home .all-choose .choose-msg .msg-con{
    width: calc(98% / 3);
  }
  .home .all-choose .choose-msg .msg-con:nth-child(2){
    margin: 0% 1%;
  }
  .home .all-choose .choose-msg .msg-con .con-text .text-h h1{
    font-size: 1.6rem;
    margin: 7% 0% 4%;
  }
  .home .all-choose .choose-msg .msg-con .con-text .text-p{
    font-size: 1.1rem;
    line-height: 1.8rem;
  }
  .same-screen .screen-con .con-h h1{
    font-size: 3rem;
  }
  .all-product .allPro-link{
    padding: 2% 0%;
  }
  .all-product .allPro-link .all-link{
    width: 88%;
    font-size: 1.4rem;
  }
  .all-product .all-msg{
    width: 88%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text{
    width: calc(96% / 3);
    margin: 0% 2% 3% 0%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text:nth-child(4n){
    margin-right: 2%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text:nth-child(3n){
    margin-right: 0%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text .text-img{
    box-shadow: 0px 0px 15px rgba(0,0,0,0.08);
  }
  .product .pro-infos{
    padding: 5% 0% 7%;
  }
  .product .pro-infos .pro-info{
    width: 95%;
  }
  .product .pro-infos .pro-info .pro-slide{
    width: 48%;
    margin-right: 2%;
  }
  .product .pro-detail{
    padding: 7% 0% 8%;
  }
  .product .all-detail{
    width: 95%;
  }
  .product .all-detail .detail-title .title-h h1{
    font-size: 2.5rem;
  }
  .product .all-detail .detail-title .title-p{
    font-size:1rem;
    letter-spacing: 0px;
  }
  .product .detail-fun .detail-title .title-h h1{
    font-size: 3rem;
  }
  .product .detail-fun .fun-one .con-msg{
    width: 49%;
  }
  .product .detail-fun .fun-con .con-one{
    margin-right: 2%;
  }
  .product .detail-fun .fun-two .con-msg{
    width: calc(98% / 3);
  }
  .product .detail-fun .fun-con .con-four{
    margin: 0% 1%;
  }
  .product .detail-fun .fun-con .text-h h2{
    font-size: 1.8rem;
    margin: 4.5% 0% 3%;
  }
  .product .detail-fun .fun-con .text-p{
    font-size:1.1rem;
    letter-spacing: 0px;
    line-height: 2rem;
  }
  .product .all-detail .msg-same .msg-img:nth-child(1){
    margin-right: 10px;
  }
  .product .detail-control .control-msg{
    margin-left: 0%;
  }
  .product .detail-option{
    padding-bottom: 0%;
  }
  .cover .detail-display .display-msg .text-img .msg-img{
    width: 100px;
  }
  .cover .detail-display .display-msg .text-img .msg-text{
    font-size: 1.3rem;
  }
  .cover .detail-instruct .instruct-msg .msg-img{
    width: calc(96% / 3);
    margin: 1% 2% 2% 0%;
  }
  .cover .detail-step {
    padding-bottom: 0%;
  }
  .about .about-msg .all-msg{
    width: 80%;
    margin: 7% auto 3%;
  }
  .about .all-msg .msg-one{
    flex-direction: column-reverse;
  }
  .about .all-msg .msg-one .left-text{
    width: 100%;
    margin: 0% auto;
  }
  .about .all-msg .msg-one .right-video{
    width: 100%;
    margin: 0% auto 5%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h{
    margin: 1% 0% 4%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h:before{
    bottom: 10%;
    height: 20%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h h1{
    font-size: 2.8rem;
  }
  .about .all-msg .msg-one .left-text .text-con{
    line-height: 2.2rem;
  }
  .about .all-msg .msg-two .adv-con{
    width: 46%;
    margin: 2.5% 2%;
  }
  .about .all-msg .msg-two .adv-con:nth-last-child(1){
    margin: 2.5% 2%;
  }
  .about .all-msg .msg-two .adv-con .con-h h1{
    font-size: 3rem;
  }
  .about .all-msg .msg-two .adv-con .con-h h1 sup{
    font-size: 1.4rem;
  }
  .about .all-msg .msg-two .adv-con .con-h h4{
    font-size: 1.4rem;
    margin: 1% 0% 3%;
  }
  .about .all-msg .msg-two .adv-con .con-p{
    width: 100%;
    font-size: 1rem;
  }
  .about .all-brief .brief-con .con-text{
    width: 90%;
  }
  .about .all-brief .brief-con .con-text .text-p{
    font-size: 1.1rem;
    line-height: 2rem;
  }
  .about .all-certifi{
    width: 92%;
    margin: 7% auto;
  }
  .about .all-certifi .certifi-brand{
    margin: 3% auto 7%;
  }
  .about .all-certifi .certifi-brand .brand-img{
    /*margin: 0rem 1.8rem;*/ 
  }
  .about .all-certifi .certifi-msg .swiper-slide{
    width: 400px;
  }
  .about .all-certifi .certifi-msg .swiper{
    padding-bottom: 8%;
  }
  .contact .all-msg{
    margin: 5.5% auto;
  }
  .contact .all-msg .msg-title .title-h h2{
    font-size: 1.6rem;
  }
  .contact .all-msg .msg-title .title-h h1{
    font-size: 2.2rem;
    letter-spacing: 0.5px;
    margin: 2% auto 3.5%;
  }
  .contact .all-msg .left-right{
    width: 90%;
    padding: 2.5% 0%;
  }
  .contact .all-msg .left-right .msg-same .same-p p{
    font-size: 1.05rem;
    font-size:1.6rem;
  }
  .contact .all-msg .left-right .msg-same h2{
    font-size: 2rem;
  }
  .contact .all-msg .left-right .msg-left{
    width: 48%;
    margin-right: 2%;
  }
  .contact .all-msg .msg-detail .bc-img{
    width: 45px;
  }
  .contact .contact-form .form-map .all-form{
    width: 41%;
    padding: 5% 4.3% 4% 5%;
  }
  .contact .contact-form .form-map .all-form .title-text h1{
    font-size: 2.5rem;
    margin-bottom: 6%;
  }
  .footer .foot-form{
    padding: 4% 0% 3%;
    margin-top: 8%;
  }
  .footer .all-form{
    width: 88%;
  }
  .footer .foot-other .all-form .form-title .title-text h1{
    font-size: 2rem;
    margin-bottom: 5%;
  }
  .footer .foot-other .form .layui-form-item .form-h h4{
    font-size: 1.2rem;
    margin-bottom: 5%;
    margin-bottom:10px;
  }
  .footer .foot-other .form .layui-input{
    height: 55px;
    line-height: 55px;
  }
  .footer .foot-secend{
    padding: 5% 0%;
  }
  .footer .foot-secend .all-form .form-left .form-p{
    font-size: 2rem;
    line-height: 3.5rem;
  }
  .footer .foot-secend .all-form .form-right{
    width: 44%;
    padding: 2.5% 4%;
  }
  .footer .foot-secend .all-form .form-right .title-text h1{
    font-size: 2.8rem;
  }
  .footer .foot-secend .all-form .form-right .form .layui-btn{
    margin-top: 2.5rem;
  }
  .footer .foot-nav{
    padding: 5% 0% 4%;
  }
  .footer .foot-nav .all-nav{
    width: 88%;
  }
  .footer .foot-nav .all-nav .nav-one{
    right: 0%;
    width: 38%;
  }
  .footer .foot-nav .all-nav .nav-one .foot-top .img-p{
    font-size: 2rem;
  }
  .footer .foot-nav .all-nav .nav-con .msg-con .con-img{
    width: 30px;
    margin-right: 15px;
  }
  .footer .foot-nav .all-nav .nav-con .msg-con .con-p{
    width: calc(100% - 45px);
  }
  .footer .foot-nav .all-nav .nav-one .nav-link .link-img{
    margin-right: 12px;
  } 
}
@media screen and (min-width:768px) and (max-width:991px){
  .home .home-screen .slide-con{
    left: 45%;
    width: 53%;
  }
  .home .home-screen .slide-con .con-h h2{
    font-size: 1.2rem;
  }
  .home .home-screen .slide-con .con-h h1{
    font-size: 3.2rem;
  }
  .home .home-screen .slide-con .con-p{
    width: 100%;
    margin-bottom: 5%;
    font-size: 0.9rem;
    line-height: 1.6rem;
    letter-spacing: 0.1px;
  }
  .same-btn p{
    height: 40px;
    line-height: 40px;
    font-size: 1.2rem;
    padding: 0px 15px;
  }
  .home .all-item{
    width: 85%;
    margin: 7% auto;
  }
  .home .all-item .item-msg{
    justify-content: center;
  }
  .home .all-item .item-msg .msg-con{
    width: 48%;
    margin: 1%;
    max-width: 366px;
  }
  .home .all-item .item-msg .msg-con:nth-last-child(1){
    margin: 1%;
  }
  .home .all-item .item-msg .msg-con .con-text h1{
    width: 98%;
    font-size:1.15rem;
    letter-spacing: 0px;
  }
  .home .home-odm{
    padding: 7% 0%;
  }
  .home .all-odm{
    width: 90%;
  }
  .home .all-odm .odm-right .right-text h1{
    font-size: 3rem;
  }
  .home .all-odm .odm-right .right-text .text-p{
    font-size:1.1rem;
  }
  .home .home-show{
    padding: 10% 0% 10%;
  }
  .home .home-show .show-con{
    width: 65%;
    margin-left: 5%;
  }
  .home .home-show .show-con .con-text .text-h h1{
    font-size: 3rem;
  }
  .home .home-show .show-con .con-text .text-p{
    width: 85%;
    font-size: 1.1rem;
    letter-spacing: 0px;
    line-height: 2rem;
  }
  .home .all-prof{
    margin: 8% auto 10%;
  }
  .home .all-prof .prof-right .text-line{
    width: 25%;
    margin-bottom: 5%;
  }
  .home .all-prof .prof-right .text-h h4{
    font-size: 2rem;
    letter-spacing: 0px;
    line-height: 3.2rem;
  }
  .same-title .text-h h1{
    font-size: 3.2rem;
  }
  .same-title .text-line{
    margin: 3% auto 7%;
  }
  .home .all-choose{
    width: 90%;
  }
  .home .all-choose .choose-msg .msg-con{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    width: 100%;
  }
  .home .all-choose .choose-msg .msg-con:nth-child(2){
    margin: 2% 0%;
  }
  .home .all-choose .choose-msg .msg-con .con-img{
    width:50%;
    margin-right:5%;
  }
  .home .all-choose .choose-msg .msg-con .con-text{
    width:45%;
  }
  .home .all-choose .choose-msg .msg-con .con-text .text-h h1{
    font-size: 1.6rem;
    margin: 7% 0% 4%;
  }
  .home .all-choose .choose-msg .msg-con .con-text .text-p{
    font-size: 1.1rem;
    line-height: 1.8rem;
  }
  .same-screen .screen-con .con-line{
    width: 12%;
  }
  .same-screen .screen-con .con-h h1{
    font-size: 2.8rem;
  }
  .all-product .allPro-link{
    padding: 2.2% 0%;
  }
  .all-product .allPro-link .all-link{
    width: 90%;
    font-size: 1.4rem;
  }
  .all-product .all-msg{
    width: 90%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text{
    width: calc(96% / 3);
    margin: 0% 2% 3% 0%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text:nth-child(4n){
    margin-right: 2%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text:nth-child(3n){
    margin-right: 0%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text .text-img{
    box-shadow: 0px 0px 12px rgba(0,0,0,0.1);
  }
  .all-product .all-msg .allPro-right .right-img .img-text .text-h h1{
    font-size: 1.4rem;
    padding: 7% 0%;
  }
  .all-product .all-msg .all-page{
    /*padding: 3% 0% 0%;*/
  }
  .product .pro-infos{
    padding: 6% 0% 8%;
  }
  .product .pro-infos .pro-info{
    width: 95%;
  }
  .product .pro-infos .pro-info .pro-slide{
    width: 48%;
    margin-right: 2%;
  }
  .product .pro-infos .pro-info .pro-msg .pro-title h1{
    font-size: 1.8rem;
  }
  .product .pro-infos .pro-info .pro-msg .pro-title h2{
    font-size: 1.8rem;
  }
  .product .pro-infos .pro-info .pro-slide .prev-next{
    width: 12px;
  }
  .product .pro-detail{
    padding: 7% 0% 7%;
  }
  .product .all-detail{
    width: 95%;
  }
  .product .all-detail .detail-title .title-h h1{
    font-size: 2.2rem;
  }
  .product .all-detail .detail-title .title-p{
    font-size:0.9rem;
    letter-spacing: 0px;
  }
  .product .detail-fun .detail-title .title-h h1{
    font-size: 2.8rem;
  }
  .product .detail-fun .fun-one .con-msg{
    width: 49%;
  }
  .product .detail-fun .fun-con .con-one{
    margin-right: 2%;
  }
  .product .detail-fun .fun-two .con-msg{
    width: calc(98% / 3);
  }
  .product .detail-fun .fun-con .con-four{
    margin: 0% 1%;
  }
  .product .detail-fun .fun-con .text-h h2{
    font-size: 1.6rem;
    margin: 4.5% 0% 3%;
  }
  .product .detail-fun .fun-con .text-p{
    font-size:1.05rem;
    letter-spacing: 0px;
    line-height: 1.8rem;
  }
  .product .all-detail .msg-same .msg-img:nth-child(1){
    margin-right: 10px;
  }
  .product .detail-control .control-msg{
    margin-left: 0%;
  }
  .product .detail-option{
    padding-bottom: 0%;
  }
  .cover .detail-display .display-msg .text-img .msg-img{
    width: 90px;
  }
  .cover .detail-display .display-msg .text-img .msg-text{
    font-size: 1.15rem;
    line-height: 2rem;
  }
  .cover .detail-instruct .instruct-msg .msg-img{
    width: calc(96% / 3);
    margin: 1% 2% 2% 0%;
  }
  .cover .detail-step {
    padding-bottom: 0%;
  }
  .about .same-screen .screen-con{
    top: 52%;
  }
  .about .about-msg .all-msg{
    width: 85%;
    margin: 7% auto 5%;
  }
  .about .all-msg .msg-one{
    flex-direction: column-reverse;
  }
  .about .all-msg .msg-one .left-text{
    width: 100%;
    margin: 0% auto;
  }
  .about .all-msg .msg-one .right-video{
    width: 100%;
    margin: 0% auto 5%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h{
    margin: 1% 0% 4%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h:before{
    bottom: 10%;
    height: 20%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h h1{
    font-size: 2.8rem;
  }
  .about .all-msg .msg-one .left-text .text-con{
    line-height: 2.2rem;
  }
  .about .all-msg .msg-two{
    margin-top: 4%;
  }
  .about .all-msg .msg-two .adv-con{
    width: 47%;
    margin: 2.5% 1.5%;
  }
  .about .all-msg .msg-two .adv-con:nth-last-child(1){
    margin: 2.5% 1.5%;
  }
  .about .all-msg .msg-two .adv-con .con-h h1{
    font-size: 3rem;
  }
  .about .all-msg .msg-two .adv-con .con-h h1 sup{
    font-size: 1.4rem;
  }
  .about .all-msg .msg-two .adv-con .con-h h4{
    font-size: 1.4rem;
    margin: 1% 0% 3%;
  }
  .about .all-msg .msg-two .adv-con .con-p{
    width: 100%;
    font-size: 1rem;
  }
  .about .all-brief .brief-con{
    width: 85%;
    margin: 0% auto;
  }
  .about .all-brief .brief-con .con-left{
    width:100%;
    margin:0% auto 5%;
  }
  .about .all-brief .brief-con .con-right{
    width:100%;
    margin:0% auto;
  }
  .about .all-brief .brief-two{
    margin: 5% auto;
    flex-direction: column-reverse;
  }
  .about .all-brief .brief-two .con-left{
    margin: 5% auto 0%;
  }
  .about .all-brief .brief-con .con-text{
    width: 90%;
  }
  .about .all-brief .brief-con .con-text .text-h h1{
    font-size: 2.3rem;
  }
  .about .all-brief .brief-con .con-text .text-p{
    font-size: 1.1rem;
    line-height: 2rem;
  }
  .about .all-certifi{
    width: 92%;
    margin: 7% auto;
  }
  .about .all-certifi .certifi-brand{
    margin: 3% auto 7%;
  }
  .about .all-certifi .certifi-brand .brand-img{
    /*margin: 0rem 1.2rem;*/ 
    margin:0 5px;
  }
  .about .all-certifi .certifi-msg .swiper-slide{
    width: 380px;
  }
  .about .all-certifi .certifi-msg .swiper{
    padding-bottom: 8%;
  }
  .contact .all-msg{
    margin: 6% auto;
  }
  .contact .all-msg .msg-title .title-h h2{
    font-size: 1.5rem;
  }
  .contact .all-msg .msg-title .title-h h1{
    font-size: 2rem;
    letter-spacing: 0.5px;
    margin: 2% auto 3.5%;
  }
  .contact .all-msg .left-right{
    width: 90%;
    padding: 2.5% 0%;
  }
  .contact .all-msg .left-right .msg-same .same-p p{
    font-size: 1.05rem; 
    font-size:1.5rem;
    margin-top: 4%;
  }
  .contact .all-msg .left-right .msg-same h2{
    font-size: 2rem;
    margin: 5% 0%;
  }
  .contact .all-msg .left-right .msg-same .right-zero h2{
    font-size: 1.6rem;
  }
  .contact .all-msg .left-right .msg-left{
    width: 48%;
    margin-right: 2%;
  }
  .contact .all-msg .left-right .msg-left.msg-same{
  margin-top:5%
}
  .contact .all-msg .left-right .msg-right .right-one p{
    font-size: 1.05rem;
    line-height: 1.8rem;
    line-height: 1.4rem;
  }
  .contact .all-msg .msg-detail .bc-img{
    width: 45px;
  }
  .contact .contact-form .form-map .all-form{
    width: 41%;
    padding: 5% 4.3% 4% 5%;
  }
  .contact .contact-form .form-map .all-form .title-text h1{
    font-size: 2.5rem;
    margin-bottom: 6%;
  }
  .footer .foot-form{
    padding: 5% 0%;
    margin-top: 10%;
  }
  .footer .all-form{
    width: 85%;
  }
  .footer .foot-other .all-form .form-title .title-text h1{
    font-size: 2rem;
    margin-bottom: 5%;
  }
  .footer .foot-other .form .layui-form .layui-form-item{
    /*width: 48%;
    margin: 2% 1%;*/
  }
  .footer .foot-other .form .layui-form .btn{
    width: 100%;
    margin: 2% 0%;
  }
  .footer .foot-other .form .layui-form-item .form-h h4{
    font-size: 1.2rem;
    margin-bottom: 5%;
    margin-bottom:10px;
  }
  .footer .foot-other .form .layui-input{
    height: 55px;
    line-height: 55px;
  }
  .footer .foot-other .form .layui-form .btn{
    margin-top: 4%;
  }
  .footer .foot-secend{
    padding: 7% 0% 8%;
  }
  .footer .foot-secend .all-form{
    flex-wrap: wrap;
  }
  .footer .foot-secend .all-form .form-left{
    width:100%;
    margin:0% auto 5%;
  }
  .footer .foot-secend .all-form .form-right{
    width: 84%;
    padding: 5% 8% 3%;
  }
  .footer .foot-secend .all-form .form-left .form-logo{
    margin: 0% auto 3%;
  }
  .footer .foot-secend .all-form .form-left .form-p{
    font-size: 1.8rem;
    line-height: 3rem;
  }
  .footer .foot-secend .all-form .form-right .title-text h1{
    font-size: 2.8rem;
  }
  .footer .foot-secend .all-form .form-right .form .layui-btn{
    margin-top: 2.5rem;
  }
  .footer .foot-nav{
    padding: 6% 0% 5%;
  }
  .footer .foot-nav .all-nav{
    width: 85%;
  }
  .footer .foot-nav .all-nav .nav-one{
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
    margin-bottom: 5%;
  }
  .footer .foot-nav .all-nav .nav-two{
    width:49%;
    margin-right:2%;
  }
  .footer .foot-nav .all-nav .nav-three{
    width:49%;
    margin:-1% 0% 0% 0%;
  }
  .footer .foot-nav .all-nav .nav-one .foot-top .img-p{
    font-size: 2.2rem;
    margin: 4% 0%;
  }
  .footer .foot-nav .all-nav .nav-con .msg-con .con-img{
    width: 32px;
    margin-right: 15px;
  }
  .footer .foot-nav .all-nav .nav-con .msg-con .con-p{
    width: calc(100% - 47px);
  }
}
@media screen and (min-width:605px) and (max-width:767px){
  .home .home-screen .slide-con{
    transform: translate(-50%, -50%);
    left: 50%;
    width: 90%;
  }
  .home .home-screen .slide-con .con-h h2{
    font-size: 1.1rem;
  }
  .home .home-screen .slide-con .con-h h1{
    font-size: 2.8rem;
    margin: 1% 0% 2%;
  }
  .home .home-screen .slide-con .con-p{
    width: 100%;
    margin-bottom: 3%;
    font-size: 0.9rem;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
  }
  .same-btn p{
    height: 35px;
    line-height: 35px;
    font-size: 1.1rem;
    padding: 0px 15px;
  }
  .home .all-item{
    width: 88%;
    margin: 8% auto;
  }
  .home .all-item .item-msg{
    justify-content: center;
  }
  .home .all-item .item-msg .msg-con{
    width: 48%;
    margin: 1%;
    max-width: 366px;
  }
  .home .all-item .item-msg .msg-con:nth-last-child(1){
    margin: 1%;
  }
  .home .all-item .item-msg .msg-con .con-text h1{
    width: 98%;
    font-size:1.15rem;
    letter-spacing: 0px;
  }
  .home .home-odm{
    padding: 8% 0%;
  }
  .home .all-odm{
    width: 88%;
  }
  .home .all-odm .odm-left{
    width: 100%;
    margin:0% auto 8%;
  }
  .home .all-odm .odm-right{
    width: 100%;
    margin:0% auto;
  }
  .home .all-odm .odm-right .right-text h1{
    font-size: 3rem;
    margin: 3% 0%;
  }
  .home .all-odm .odm-right .right-text .text-p{
    font-size:1.1rem;
    letter-spacing: 0px;
  }
  .home .home-show{
    padding: 10% 0% 0%;
    background:unset;
  }
  .home .home-show .show-img{
    display: block;
  }
  .home .home-show .show-con{
    width: 88%;
    margin: 5% auto;
  }
  .home .home-show .show-con .con-text .text-h h1{
    font-size: 2.5rem;
    color: #000000;
  }
  .home .home-show .show-con .con-text .text-p{
    width: 100%;
    font-size: 1.1rem;
    color: #000000;
    letter-spacing: 0px;
    line-height: 2rem;
  }
  .home .all-prof{
    margin: 8% auto 10%;
  }
  .home .all-prof .prof-left{
    width: 100%;
    margin: 0% auto 7%;
  }
  .home .all-prof .prof-right{
    width: 88%;
    margin: 0% auto;
  }
  .home .all-prof .prof-right .text-line{
    width: 25%;
    margin-bottom: 5%;
  }
  .home .all-prof .prof-right .text-h h4{
    font-size: 2rem;
    letter-spacing: 0px;
    line-height: 3.2rem;
  }
  .same-title .text-h h1{
    font-size: 3rem;
  }
  .same-title .text-line{
    margin: 3% auto 7%;
  }
  .home .all-choose{
    width: 90%;
  }
  .home .all-choose .choose-msg .msg-con{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    width: 100%;
  }
  .home .all-choose .choose-msg .msg-con:nth-child(2){
    margin: 2% 0%;
  }
  .home .all-choose .choose-msg .msg-con .con-img{
    width:52%;
    margin-right:3%;
  }
  .home .all-choose .choose-msg .msg-con .con-text{
    width:45%;
  }
  .home .all-choose .choose-msg .msg-con .con-text .text-h h1{
    font-size: 1.5rem;
    margin: 7% 0% 4%;
  }
  .home .all-choose .choose-msg .msg-con .con-text .text-p{
    font-size: 1.05rem;
    line-height: 1.8rem;
  }
  .same-screen .screen-con .con-line{
    width: 12%;
    height: 2px;
  }
  .same-screen .screen-con .con-h h1{
    font-size: 2.2rem;
  }
  .all-product .allPro-link{
    padding: 2.5% 0%;
  }
  .all-product .allPro-link .all-link{
    width: 90%;
    font-size: 1.2rem;
  }
  .all-product .all-msg{
    width: 90%;
  }
  .all-product .allPro-msg{
    padding: 6% 0% 0%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text{
    width: calc(96% / 3);
    margin: 0% 2% 3% 0%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text:nth-child(4n){
    margin-right: 2%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text:nth-child(3n){
    margin-right: 0%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text .text-img{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
  }
  .all-product .all-msg .allPro-right .right-img .img-text .text-h h1{
    font-size: 1.3rem;
    padding: 7% 0%;
  }
  .all-product .all-msg .all-page{
    /*padding: 3% 0% 0%;*/
  }
  .product .pro-infos{
    padding: 8% 0% 10%;
  }
  .product .pro-infos .pro-info{
    width: 85%;
    flex-wrap: wrap;
  }
  .product .pro-infos .pro-info .pro-slide{
    width: 100%;
    margin: 0% auto 7%;
  }
  .product .pro-infos .pro-info .pro-msg{
    width: 100%;
    margin: 0% auto;
  }
  .product .pro-infos .pro-info .pro-slide .prev-next{
    width: 12px;
  }
  .product .pro-infos .pro-info .pro-msg .pro-title h1{
    font-size: 2rem;
  }
  .product .pro-infos .pro-info .pro-msg .pro-title h2{
    font-size: 2rem;
  }
  .product .pro-detail{
    padding: 8% 0% 8%;
  }
  .product .all-detail{
    width: 95%;
  }
  .product .all-detail .detail-title .title-h h1{
    font-size: 2rem;
  }
  .product .all-detail .detail-title .title-p{
    font-size:0.9rem;
    letter-spacing: 0px;
  }
  .product .detail-fun .detail-title .title-h h1{
    font-size: 2.5rem;
  }
  .product .detail-fun .fun-one .con-msg{
    width: 49%;
  }
  .product .detail-fun .fun-con .con-one{
    margin-right: 2%;
  }
  .product .detail-fun .fun-two .con-msg{
    width: calc(98% / 3);
  }
  .product .detail-fun .fun-con .con-four{
    margin: 0% 1%;
  }
  .product .detail-fun .fun-con .text-h h2{
    font-size: 1.6rem;
    margin: 4.5% 0% 3%;
  }
  .product .detail-fun .fun-con .text-p{
    font-size:1rem;
    letter-spacing: 0px;
    line-height: 1.6rem;
  }
  .product .all-detail .msg-same{
    flex-wrap: wrap;
  }
  .product .all-detail .msg-same .msg-img{
    width:90%;
    margin:1% auto;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
  }
  .product .all-detail .msg-same .msg-img:nth-child(1){
    margin:1% auto;
  }
  .product .detail-control .control-msg{
    margin-left: 0%;
  }
  .product .detail-option{
    padding-bottom: 0%;
  }
  .cover .detail-display .display-msg .text-img{
    width:48%;
    margin:2% 1%;
  }
  .cover .detail-display .display-msg .text-img .msg-img{
    width: 80px;
  }
  .cover .detail-display .display-msg .text-img .msg-text{
    width: 100%;
    margin: 5% auto 0%;
    font-size: 1.1rem;
    line-height: 2rem;
  }
  .cover .detail-instruct .instruct-msg .msg-img{
    width:48%;
    margin:1%;
  }
  .cover .detail-instruct .instruct-msg .msg-img:nth-child(3){
    margin:1%;
  }
  .cover .detail-step{
    padding-bottom: 0%;
  }
  .cover .detail-step .step-msg{
    flex-wrap: wrap;
  }
  .cover .detail-step .step-msg .msg-img{
    width:48%;
    margin:1%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
  }
  .about .same-screen .screen-con{
    top: 52%;
  }
  .about .about-msg .all-msg{
    width: 88%;
    margin: 8% auto 6%;
  }
  .about .all-msg .msg-one{
    flex-direction: column-reverse;
  }
  .about .all-msg .msg-one .left-text{
    width: 100%;
    margin: 0% auto;
  }
  .about .all-msg .msg-one .right-video{
    width: 100%;
    margin: 0% auto 8%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h{
    margin: 1% 0% 4%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h:before{
    bottom: 10%;
    height: 20%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h h1{
    font-size: 2.6rem;
  }
  .about .all-msg .msg-one .left-text .text-con{
    line-height: 2.2rem;
  }
  .about .all-msg .msg-two{
    margin-top: 4%;
  }
  .about .all-msg .msg-two .adv-con{
    width: 47%;
    margin: 2.5% 1.5%;
  }
  .about .all-msg .msg-two .adv-con:nth-last-child(1){
    margin: 2.5% 1.5%;
  }
  .about .all-msg .msg-two .adv-con .con-h h1{
    font-size: 2.5rem;
  }
  .about .all-msg .msg-two .adv-con .con-h h1 sup{
    font-size: 1.2rem;
  }
  .about .all-msg .msg-two .adv-con .con-h h4{
    font-size: 1.2rem;
    margin: 1% 0% 3%;
  }
  .about .all-msg .msg-two .adv-con .con-p{
    width: 100%;
    font-size: 1rem;
    line-height: 1.8rem;
  }
  .about .all-brief .brief-con{
    width: 88%;
    margin: 0% auto;
  }
  .about .all-brief .brief-con .con-left{
    width:100%;
    margin:0% auto 5%;
  }
  .about .all-brief .brief-con .con-right{
    width:100%;
    margin:0% auto;
  }
  .about .all-brief .brief-two{
    margin: 5% auto;
    flex-direction: column-reverse;
  }
  .about .all-brief .brief-two .con-left{
    margin: 5% auto 0%;
  }
  .about .all-brief .brief-con .con-text{
    width: 100%;
  }
  .about .all-brief .brief-con .con-text .text-h h1{
    font-size: 2.3rem;
  }
  .about .all-brief .brief-con .con-text .text-p{
    font-size: 1.1rem;
    line-height: 2rem;
  }
  .about .all-certifi{
    width: 92%;
    margin: 7% auto;
  }
  .about .all-certifi .certifi-brand{
    margin: 3% auto 7%;
  }
  .about .all-certifi .certifi-brand .brand-img{
    /*margin: 0rem 0.7rem;*/ 
  }
  .about .all-certifi .certifi-msg .swiper-slide{
    width: 350px;
  }
  .about .all-certifi .certifi-msg .swiper{
    padding-bottom: 8%;
  }
  .contact .all-msg{
    margin: 8% auto;
  }
  .contact .all-msg .msg-title .title-h h2{
    font-size: 1.3rem;
  }
  .contact .all-msg .msg-title .title-h h1{
    font-size: 1.8rem;
    letter-spacing: 0.5px;
    margin: 2.5% auto 4%;
  }
  .contact .all-msg .left-right{
    width: 100%;
    padding: 0%;
  }
  .contact .all-msg .left-right .msg-left{
    width: 86%;
    padding: 5% 8%;
    margin:0.5% auto;
    background-color: #f7f7f7;
  }
  .contact .all-msg .left-right .msg-right{
    width: 86%;
    padding: 5% 8%;
    margin:0.5% auto;
    background-color: #e2e3e2;
  }
  .contact .all-msg .msg-detail .bc-span{
    display: none;
  }
  .contact .all-msg .left-right .msg-same .same-p p{
    font-size: 1.05rem; 
    font-size:1.4rem;
    margin-top: 4%;
  }
  .contact .all-msg .left-right .msg-same h2{
    font-size: 2rem;
    margin: 5% 0%;
    margin: 3% 0%;
  }
  .contact .all-msg .left-right .msg-right .right-one p{
    font-size: 1.05rem;
    line-height: 1.8rem;
  }
  .contact .all-msg .msg-detail .bc-img{
    z-index: 222;
    top: 53%;
    width: 45px;
    top:0;
    left:50%;
  }
  .contact .contact-form .form-map .all-form{
    width: 86%;
    padding: 5% 8%;
  }
  .contact .contact-form .form-map .contact-map{
    position: relative;
    content: "";
    top: unset;
    right: unset;
    width: 100%;
    height: 450px;
  }
  .contact .contact-form .form-map .all-form .title-text h1{
    font-size: 2.5rem;
    margin-bottom: 6%;
  }
  .footer .foot-form{
    padding: 5% 0%;
    margin-top: 10%;
  }
  .footer .all-form{
    width: 88%;
  }
  .footer .foot-other .all-form .form-title .title-text h1{
    font-size: 1.8rem;
    margin-bottom: 5%;
  }
  .footer .foot-other .form .layui-form .layui-form-item{
    /*width: 48%;
    margin: 2% 1%;*/
  }
  .footer .foot-other .form .layui-form .btn{
    width: 100%;
    margin: 2% 0%;
  }
  .footer .foot-other .form .layui-form-item .form-h h4{
    font-size: 1.2rem;
    margin-bottom: 5%;
    margin-bottom:10px;
  }
  .footer .foot-other .form .layui-input{
    height: 55px;
    line-height: 55px;
  }
  .footer .foot-other .form .layui-form .btn{
    margin-top: 4%;
  }
  .footer .foot-secend{
    padding: 8% 0% 9%;
  }
  .footer .foot-secend .all-form{
    flex-wrap: wrap;
  }
  .footer .foot-secend .all-form .form-left{
    width:100%;
    margin:0% auto 7%;
  }
  .footer .foot-secend .all-form .form-right{
    width: 84%;
    padding: 5% 8% 3%;
  }
  .footer .foot-secend .all-form .form-left .form-logo{
    margin: 0% auto 3%;
  }
  .footer .foot-secend .all-form .form-left .form-p{
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .footer .foot-secend .all-form .form-right .title-text h1{
    font-size: 2.5rem;
  }
  .footer .foot-secend .all-form .form-right .form .layui-btn{
    margin-top: 2.5rem;
  }
  .footer .foot-nav{
    padding: 7% 0% 6%;
  }
  .footer .foot-nav .all-nav{
    width: 88%;
  }
  .footer .foot-nav .all-nav .nav-one{
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
    margin-bottom: 7%;
  }
  .footer .foot-nav .all-nav .nav-two{
    width:49%;
    margin-right:2%;
  }
  .footer .foot-nav .all-nav .nav-three{
    width:49%;
    margin:-1% 0% 0% 0%;
  }
  .footer .foot-nav .all-nav .nav-one .foot-top .img-p{
    font-size: 2.2rem;
    margin: 4% 0%;
  }
  .footer .foot-nav .all-nav .nav-three .nav-title h1{
    font-size: 1.8rem;
  }
  .footer .foot-nav .all-nav .nav-con .msg-con .con-img{
    width: 32px;
    margin-right: 15px;
  }
  .footer .foot-nav .all-nav .nav-con .msg-con .con-p{
    width: calc(100% - 47px);
  }
}
@media screen and (max-width:604px){
  .nav .nav-content{
    width: 95%;
  }
  .nav .nav-content .nav-logo{
    width: 150px;
    margin: 0% 10px 0% 0%;
  }
  .nav .nav-content .nav-ul{
    width: calc(100% - 160px);
  }
  .nav .nav-content .nav-ul ul .li-lang .lang{
    padding: 1px 5px;
    border-radius: 2px;
  }
  .nav .nav-content .nav-ul ul .li-lang .nav-auto{
    margin-left: 10px;
  }
  .nav .nav-content .nav-ul ul .li-lang .nav-auto .auto-line{
    width: 30px;
  }
  .auto-hide .auto-ul .child-other{
    margin: 3% 0% 0% 5%;
  }
  .auto-hide .auto-ul h1{
    font-size: 1.3rem;
  }
  .auto-hide .auto-ul h2{
    font-size: 1.1rem;
  }
  .nav-top {
    margin-top: 66px;
  }
  .auto-hide{
    top: 66px;
  }
  .home .home-screen .slide-con{
    transform: translate(-50%, -50%);
    left: 50%;
    width: 90%;
  }
  .home .home-screen .slide-con .con-h h2{
    font-size: 1rem;
  }
  .home .home-screen .slide-con .con-h h1{
    font-size: 2.2rem;
    margin: 2% 0% 4%;
  }
  .home .home-screen .slide-con .con-p{
    display: none;
    width: 100%;
    margin-bottom: 3%;
    font-size: 0.9rem;
    line-height: 1.5rem;
    letter-spacing: 0.1px;
  }
  .same-btn p{
    height: 30px;
    line-height: 30px;
    font-size: 1rem;
    padding: 0px 12px;
  }
  .home-screen .same-btn p{height:24px;line-height:24px;}
  .home .all-item{
    width: 90%;
    margin: 8% auto;
  }
  .home .all-item .item-msg{
    justify-content: center;
  }
  .home .all-item .item-msg .msg-con{
    width: 96%;
    margin: 2%;
    max-width: 366px;
  }
  .home .all-item .item-msg .msg-con:nth-last-child(1){
    margin: 1%;
  }
  .home .all-item .item-msg .msg-con .con-text h1{
    width: 100%;
    font-size:1.4rem;
    letter-spacing: 0px;
    bottom: 5%;
  }
  .home .home-odm{
    padding: 8% 0% 6%;
  }
  .home .all-odm{
    width: 88%;
  }
  .home .all-odm .odm-left{
    width: 100%;
    margin:0% auto 10%;
  }
  .home .all-odm .odm-right{
    width: 100%;
    margin:0% auto;
  }
  .home .all-odm .odm-right .right-logo .img{
    width: 40%;
  }
  .home .all-odm .odm-right .right-text h1{
    font-size: 2.5rem;
    margin: 3% 0%;
  }
  .home .all-odm .odm-right .right-text .text-p{
    font-size:1rem;
    letter-spacing: 0px;
    line-height: 1.6rem;
  }
  .home .home-show{
    padding: 8% 0% 0%;
    background:unset;
  }
  .home .home-show .show-img{
    display: block;
  }
  .home .home-show .show-con{
    width: 90%;
    margin: 7% auto;
  }
  .home .home-show .show-con .con-text .text-h h1{
    font-size: 2rem;
    color: #000000;
  }
  .home .home-show .show-con .con-text .text-p{
    width: 100%;
    font-size: 1rem;
    color: #000000;
    letter-spacing: 0px;
    line-height: 1.6rem;
  }
  .home .all-prof{
    margin: 8% auto 10%;
  }
  .home .all-prof .prof-left{
    width: 100%;
    margin: 0% auto 7%;
  }
  .home .all-prof .prof-right{
    width: 88%;
    margin: 0% auto;
  }
  .home .all-prof .prof-right .text-line{
    width: 25%;
    margin-bottom: 5%;
    height: 2px;
  }
  .home .all-prof .prof-right .text-h h4{
    font-size: 1.6rem;
    letter-spacing: 0px;
    line-height: 2.2rem;
  }
  .same-title .text-h h1{
    font-size: 2.2rem;
  }
  .same-title .text-line{
    height: 2px;
    margin: 5% auto 7%;
  }
  .home .all-choose{
    width: 90%;
  }
  .home .all-choose .choose-msg .msg-con{
    width: 100%;
  }
  .home .all-choose .choose-msg .msg-con:nth-child(2){
    margin: 8% 0%;
  }
  .home .all-choose .choose-msg .msg-con .con-text .text-h h1{
    font-size: 1.5rem;
    margin: 5% 0% 2%;
  }
  .home .all-choose .choose-msg .msg-con .con-text .text-p{
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .same-screen{
    overflow: hidden;
  }
  .same-screen .screen-img img{
    width: auto;
    max-height: 150px;
  }
  .same-screen .screen-con .con-line{
    width: 12%;
    height: 2px;
  }
  .same-screen .screen-con .con-h h1{
    font-size: 2.2rem;
  }
  .all-product .allPro-link{
    padding: 3% 0%;
  }
  .all-product .allPro-link .all-link{
    width: 90%;
    font-size: 1rem;
  }
  .all-product .all-msg{
    width: 92%;
  }
  .all-product .allPro-msg{
    padding: 7% 0% 0%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text{
    width: 48%;
    margin: 2% 1%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text:nth-child(4n){
    margin: 2% 1%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text:nth-child(3n){
    margin: 2% 1%;
  }
  .all-product .all-msg .allPro-right .right-img .img-text .text-img{
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  }
  .all-product .all-msg .allPro-right .right-img .img-text .text-h h1{
    font-size: 1.1rem;
    padding: 8% 0%;
  }
  .all-product .all-msg .all-page{
    /*padding: 4% 0% 0%;*/
  }
  .all-product .all-msg .all-page .page{
    margin: 0px 6px;
  }
  .all-product .all-msg .all-page .page h1{
    width: 32px;
    height: 32px;
    font-size: 1rem;
  }
  .product .pro-infos{
    padding: 8% 0% 10%;
  }
  .product .pro-infos .pro-info{
    width: 88%;
    flex-wrap: wrap;
  }
  .product .pro-infos .pro-info .pro-slide{
    width: 100%;
    margin: 0% auto 8%;
  }
  .product .pro-infos .pro-info .pro-msg{
    width: 100%;
    margin: 0% auto;
  }
  .product .pro-infos .pro-info .pro-slide .prev-next{
    width: 10px;
  }
  .product .pro-infos .pro-info .pro-msg .pro-title h1{
    font-size: 1.6rem;
  }
  .product .pro-infos .pro-info .pro-msg .pro-title h2{
    font-size: 1.6rem;
  }
  .product .pro-detail{
    padding: 10% 0%;
  }
  .product .all-detail{
    width: 90%;
  }
  .product .all-detail .detail-title{
    margin-bottom: 7%;
  }
  .product .all-detail .detail-title .title-h h1{
    font-size: 1.8rem;
  }
  .product .all-detail .detail-title .title-p{
    font-size:0.9rem;
    letter-spacing: 0px;
  }
  .product .detail-fun .detail-title .title-h h1{
    font-size: 2.4rem;
  }
  .product .detail-fun .fun-one{
    margin-bottom: 0%;
  }
  .product .detail-fun .fun-one .con-msg{
    width: 100%;
    margin: 0% auto 5%;
  }
  .product .detail-fun .fun-con .con-one{
    margin: 0% auto 5%;
  }
  .product .detail-fun .fun-two .con-msg{
    width: 100%;
    margin: 0% auto 5%;
  }
  .product .detail-fun .fun-con .con-four{
    margin: 0% auto 5%;
  }
  .product .detail-fun .fun-con .con-text{
    width: 100%;
  }
  .product .detail-fun .fun-con .text-h h2{
    font-size: 1.5rem;
    margin: 5% 0% 3%;
  }
  .product .detail-fun .fun-con .text-p{
    font-size:1rem;
    letter-spacing: 0px;
    line-height: 1.6rem;
  }
  .product .all-detail .msg-same{
    flex-wrap: wrap;
  }
  .product .all-detail .msg-same .msg-img{
    width:100%;
    margin:2% auto;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
  }
  .product .all-detail .msg-same .msg-img:nth-child(1){
    margin:1% auto;
  }
  .product .detail-control .control-msg{
    margin-left: 0%;
  }
  .product .detail-option{
    padding-bottom: 0%;
  }
  .cover .detail-display .display-msg .text-img{
    width:48%;
    margin:4% 1%;
  }
  .cover .detail-display .display-msg .text-img .msg-img{
    width: 70px;
  }
  .cover .detail-display .display-msg .text-img .msg-text{
    width: 100%;
    margin: 7% auto 0%;
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .cover .detail-instruct .instruct-msg .msg-img{
    width:100%;
    margin:2% auto;
  }
  .cover .detail-instruct .instruct-msg .msg-img:nth-child(3){
    width:100%;
    margin:2% auto;
  }
  .cover .detail-step{
    padding-bottom: 0%;
  }
  .cover .detail-step .step-msg{
    flex-wrap: wrap;
  }
  .cover .detail-step .step-msg .msg-img{
    width:100%;
    margin:2% auto;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
  }
  .about .same-screen .screen-con{
    top: 52%;
  }
  .about .about-msg .all-msg{
    width: 90%;
    margin: 10% auto 8%;
  }
  .about .all-msg .msg-one{
    flex-direction: column-reverse;
  }
  .about .all-msg .msg-one .left-text{
    width: 100%;
    margin: 0% auto;
  }
  .about .all-msg .msg-one .right-video{
    width: 100%;
    margin: 0% auto 8%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h{
    margin:4% 0% 6%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h:before{
    bottom: 10%;
    height: 20%;
  }
  .about .all-msg .msg-one .left-text .text-title .title-h h1{
    font-size: 2rem;
  }
  .about .all-msg .msg-one .left-text .text-con{
    font-size: 1rem;
    line-height: 2rem;
  }
  .about .all-msg .msg-two{
    margin-top: 4%;
  }
  .about .all-msg .msg-two .adv-con{
    width: 90%;
    margin: 4% auto;
    text-align: center;
  }
  .about .all-msg .msg-two .adv-con:nth-last-child(1){
    margin: 4% auto;
  }
  .about .all-msg .msg-two .adv-con .con-h h1{
    font-size: 2.2rem;
  }
  .about .all-msg .msg-two .adv-con .con-h h1 sup{
    font-size: 1.1rem;
  }
  .about .all-msg .msg-two .adv-con .con-h h4{
    font-size: 1.1rem;
    margin: 1% 0% 2%;
  }
  .about .all-msg .msg-two .adv-con .con-p{
    width: 100%;
    font-size: 1rem;
    line-height: 1.8rem;
  }
  .about .all-brief .brief-con{
    width: 90%;
    margin: 0% auto;
  }
  .about .all-brief .brief-con .con-left{
    width:100%;
    margin:0% auto 5%;
  }
  .about .all-brief .brief-con .con-right{
    width:100%;
    margin:0% auto;
  }
  .about .all-brief .brief-two{
    margin: 5% auto;
    flex-direction: column-reverse;
  }
  .about .all-brief .brief-two .con-left{
    margin: 5% auto 0%;
  }
  .about .all-brief .brief-con .con-text{
    width: 100%;
  }
  .about .all-brief .brief-con .con-text .text-h h1{
    font-size: 2rem;
  }
  .about .all-brief .brief-con .con-text .text-p{
    font-size: 1rem;
    line-height: 1.8rem;
  }
  .about .all-certifi{
    width: 92%;
    margin: 7% auto;
  }
  .about .all-certifi .certifi-brand{
    margin: 3% auto 7%;
  }
  .about .all-certifi .certifi-brand .brand-img{
    /*margin: 0rem 0.3rem;*/
   margin:0 2px;
  }
  .about .all-certifi .certifi-msg .swiper-slide{
    width: 280px;
  }
  .about .all-certifi .certifi-msg .swiper{
    padding-bottom: 8%;
  }
  .contact .all-msg{
    margin: 8% auto;
  }
  .contact .all-msg .msg-title .title-h h2{
    font-size: 1.1rem;
  }
  .contact .all-msg .msg-title .title-h h1{
    font-size: 1.8rem;
    letter-spacing: 0.5px;
    margin: 3% auto 5%;
  }
  .contact .all-msg .left-right{
    width: 100%;
    padding: 0%;
  }
  .contact .all-msg .left-right .msg-left{
    width: 88%;
    padding: 6%;
    margin:0.5% auto;
    background-color: #f7f7f7;
  }
  .contact .all-msg .left-right .msg-right{
    width: 88%;
    padding: 6%;
    margin:0.5% auto;
    background-color: #e2e3e2;
  }
  .contact .all-msg .msg-detail .bc-span{
    display: none;
  }
  .contact .all-msg .left-right .msg-same .same-p p{
    font-size: 1rem;
    font-size:1.2rem;
    margin-top: 4%;
  }
  .contact .all-msg .left-right .msg-same h2{
    font-size: 1.8rem;
    margin: 5% 0%;
  }
  .contact .all-msg .left-right .msg-same .left-two h2{
   margin:3% 0%;
  }
  .contact .all-msg .left-right .msg-same .right-zero h2{
    font-size: 1.5rem;
  }
  .contact .all-msg .left-right .msg-right .right-one p{
    font-size: 1rem;
    line-height: 1.8rem;
  }
  .contact .all-msg .left-right .msg-right .same-btn p{
    font-size: 1.2rem;
  }
  .contact .all-msg .msg-detail .bc-img{
    z-index: 222;
    top: 53%;
    width: 45px;
    top:0;
    left:50%;
  }
  .contact .contact-form .form-map .all-form{
    width: 88%;
    padding: 6%;
  }
  .contact .contact-form .form-map .contact-map{
    position: relative;
    content: "";
    top: unset;
    right: unset;
    width: 100%;
    height: 400px;
  }
  .contact .contact-form .form-map .all-form .title-text h1{
    font-size: 2rem;
    margin-bottom: 5%;
  }
  .form .layui-btn{
    margin-top: 2rem;
  }
  .footer .foot-form{
    padding: 8% 0%;
    margin-top: 12%;
  }
  .footer .all-form{
    width: 90%;
  }
  .footer .foot-other .all-form .form-title .title-text h1{
    font-size: 1.6rem;
    margin-bottom: 5%;
  }
  .footer .foot-other .form .layui-form .layui-form-item{
    width: 100%;
    margin: 3% auto;
  }
  .footer .foot-other .form .layui-form .btn{
    width: 100%;
    margin: 3% auto;
  }
  .footer .foot-other .form .layui-form-item .form-h h4{
    font-size: 1.1rem;
    margin-bottom: 3%;
    margin-bottom:10px;
  }
  .footer .foot-other .form .layui-input{
    height: 45px;
    line-height: 45px;
  }
  .footer .foot-other .form .layui-form .btn{
    margin-top: 6%;
  }
  .footer .foot-secend{
    padding: 10% 0% 12%;
  }
  .footer .foot-secend .all-form{
    flex-wrap: wrap;
  }
  .footer .foot-secend .all-form .form-left{
    width:100%;
    margin:0% auto 7%;
  }
  .footer .foot-secend .all-form .form-right{
    width: 84%;
    padding: 5% 8% 3%;
    border-radius: 10px;
  }
  .footer .foot-secend .all-form .form-left .form-logo{
    margin: 0% auto 3%;
  }
  .footer .foot-secend .all-form .form-left .form-p{
    font-size: 1.2rem;
    line-height: 2rem;
  }
  .footer .foot-secend .all-form .form-right .title-text h1{
    font-size: 2rem;
  }
  .footer .foot-secend .all-form .form-right .form .layui-btn{
    margin-top: 2.5rem;
  }
  .footer .foot-nav{
    padding: 10% 0% 6%;
  }
  .footer .foot-nav .all-nav{
    width: 88%;
  }
  .footer .foot-nav .all-nav .nav-one{
    position: relative;
    top: unset;
    right: unset;
    width: 100%;
    margin-bottom: 7%;
  }
  .footer .foot-nav .all-nav .nav-two{
    width:100%;
    margin:5% auto 7%;
  }
  .footer .foot-nav .all-nav .nav-three{
    width:100%;
    margin:0% auto;
  }
  .footer .foot-nav .all-nav .nav-one .foot-top .img-logo{
    width:50%;
    margin:0% auto;
  }
  .footer .foot-nav .all-nav .nav-one .foot-top .img-p{
    font-size: 1.8rem;
    margin: 5% 0%;
  }
  .footer .foot-nav .all-nav .nav-one .nav-link .link-img{
    width: 35px;
    margin-right: 15px;
  }
  .footer .foot-nav .all-nav .nav-con .nav-title h1{
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .footer .foot-nav .all-nav .nav-con .foot-item{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
  }
  .footer .foot-nav .all-nav .nav-con .foot-item .item-link{
    margin:5px 8px;
  }
  .footer .foot-nav .all-nav .nav-con .foot-item .item-link a h1{
    font-size: 1.3rem;
  }
  .footer .foot-nav .all-nav .nav-three .nav-title h1{
    font-size: 1.5rem;
  }
  .footer .foot-nav .all-nav .nav-three .nav-title h1 span{
    font-size: 1.3rem;
  }
  .footer .foot-nav .all-nav .nav-con .msg-con .con-img{
    width: 30px;
    margin-right: 15px;
  }
  .footer .foot-nav .all-nav .nav-con .msg-con .con-p{
    width: calc(100% - 45px);
    font-size: 1.2rem;
  }
  .footer .foot-bottom p{
    font-size: 0.9rem;
  }
  .form .layui-btn p{
    font-size: 1.2rem;
    padding: 0px 20px;
  }
  .form .btn-text p{
    font-size: 1.1rem;
    margin-left: 1rem;
  }
}

/*home-sort-S*/
@media screen and (max-width:1500px){
  .home .home-sort{padding:80px 0px;}
  .home .home-sort .sort-box .sort-item{width:19%;cursor:pointer;}
	.home .home-sort .sort-box .sort-item.sort-item-first{width:2.5%;}
	.home .home-sort .sort-box .sort-item.sort-item-last{width:2.5%;}
}
@media screen and (max-width:1200px){
  .home .home-sort{padding:60px 0px;} 
  .home .home-sort .sort-box .sort-item .sort-infobox .sort-info-num{font-size:20px;line-height:24px;}
  .home .home-sort .sort-box .sort-item .sort-infobox .sort-info-name{font-size:15px;line-height:18px;padding:4px 0px;}
}
@media screen and (max-width:992px){
  .home .home-sort{padding:40px 0px;}
  .home .home-sort .sort-box .sort-item{width:19.6%;cursor:pointer;}
	.home .home-sort .sort-box .sort-item.sort-item-first{width:1%;}
	.home .home-sort .sort-box .sort-item.sort-item-last{width:1%;}
}
@media screen and (max-width:768px){
  .home .home-sort{padding:20px 0px;}
  .home .home-sort .sort-box .sort-item{width:20%;cursor:pointer;}
	.home .home-sort .sort-box .sort-item.sort-item-first{width:0%;}
	.home .home-sort .sort-box .sort-item.sort-item-last{width:0%;}
	.home .home-sort .sort-box .sort-item .sort-infobox .sort-info-num{font-size:16px;line-height:20px;}
  .home .home-sort .sort-box .sort-item .sort-infobox .sort-info-name{font-size:12px;line-height:16px;padding:4px 0px;}
}
/*home-sort-E*/

/*2024-12-05*/
#certify{position:relative;width:1600px;width:90%;margin:0 auto;background:url(../fodder/home/certify-bg.jpg) no-repeat center top;background-size:100% auto;}
#certify .swiper-container {padding:130px 0px 60px 0px;}
#certify .swiper-slide {width:320px;height:454px;background:#fff;box-shadow:0 8px 20px #ddd;}
#certify .swiper-slide img{display:block;}
#certify .swiper-slide p {line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0;}
.footer .foot-nav .all-nav .nav-con .msg-con .con-p p.add{font-size: 0.9rem;}
@media screen and (max-width:604px){
.footer .foot-nav .all-nav .nav-con .msg-con .con-p p.add{font-size: 0.7rem;}
}
.contact .all-msg .left-right .msg-same .left-two p{font-size: 1rem;margin:6% 0% 0% 0%;font-family: "MyMontserrat-L";}
.home-about .msg-two{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin-top: 6%;
  width:90%;
  margin:0 auto;
}
.home-about .msg-two .adv-con{
  width:calc(97% / 4);
  margin-right:1%;
}
.home-about .msg-two .adv-con:nth-last-child(1){
  margin-right:0%;
}
.home-about .msg-two .adv-con .con-h h1{
  font-family: MyMontserrat-R;
  font-size: 3.8rem;
  font-weight: bolder;
  color:#ff800b;
}
.home-about .msg-two .adv-con .con-h h1 sup{
  font-size: 2rem;
}
.home-about .msg-two .adv-con .con-h h4{
  font-family: MyMontserrat-R;
  font-size: 1.5rem;
  color:#000000;
  text-transform: capitalize;
  margin: 2% 0% 4%;
}
.home-about .msg-two .adv-con .con-p{
  width: 88%;
  font-family: MyMontserrat-L;
  font-size: 1.1rem;
  color:#666666;
  line-height: 2rem;
}

@media screen and (min-width:1500px) and (max-width:1700px){
  .home-about .msg-two .adv-con .con-h h1{
    font-size: 3.5rem;
  }
  .home-about .msg-two .adv-con .con-h h1 sup{
    font-size: 1.8rem;
  }
  .home-about .msg-two .adv-con .con-p{
    width: 90%;
  }
}


@media screen and (min-width:1200px) and (max-width:1500px){
.home-about .msg-two .adv-con .con-h h1{
  font-size: 3rem;
}
.home-about .msg-two .adv-con .con-h h1 sup{
  font-size: 1.5rem;
}
.home-about .msg-two .adv-con .con-h h4{
  font-size: 1.4rem;
  margin: 4% 0% 6%;
}
.home-about .msg-two .adv-con .con-p{
  width: 95%;
  font-size: 1.05rem;
}
}


@media screen and (min-width:992px) and (max-width:1199px){
  .home-about .msg-two .adv-con{
    width: 46%;
    margin: 2.5% 2%;
  }
  .home-about .msg-two .adv-con:nth-last-child(1){
    margin: 2.5% 2%;
  }
  .home-about .msg-two .adv-con .con-h h1{
    font-size: 3rem;
  }
  .home-about .msg-two .adv-con .con-h h1 sup{
    font-size: 1.4rem;
  }
  .home-about .msg-two .adv-con .con-h h4{
    font-size: 1.4rem;
    margin: 1% 0% 3%;
  }
  .home-about .msg-two .adv-con .con-p{
    width: 100%;
    font-size: 1rem;
  }
}

@media screen and (min-width:768px) and (max-width:991px){
  .home-about .msg-two{
    margin-top: 4%;
  }
  .home-about .msg-two .adv-con{
    width: 47%;
    margin: 2.5% 1.5%;
  }
  .home-about .msg-two .adv-con:nth-last-child(1){
    margin: 2.5% 1.5%;
  }
  .home-about .msg-two .adv-con .con-h h1{
    font-size: 3rem;
  }
  .home-about .msg-two .adv-con .con-h h1 sup{
    font-size: 1.4rem;
  }
  .home-about .msg-two .adv-con .con-h h4{
    font-size: 1.4rem;
    margin: 1% 0% 3%;
  }
  .home-about .msg-two .adv-con .con-p{
    width: 100%;
    font-size: 1rem;
  }
}


@media screen and (min-width:605px) and (max-width:767px){
  .home-about .msg-two{
    margin-top: 4%;
  }
  .home-about .msg-two .adv-con{
    width: 47%;
    margin: 2.5% 1.5%;
  }
  .home-about .msg-two .adv-con:nth-last-child(1){
    margin: 2.5% 1.5%;
  }
  .home-about .msg-two .adv-con .con-h h1{
    font-size: 2.5rem;
  }
  .home-about .msg-two .adv-con .con-h h1 sup{
    font-size: 1.2rem;
  }
  .home-about .msg-two .adv-con .con-h h4{
    font-size: 1.2rem;
    margin: 1% 0% 3%;
  }
  .home-about .msg-two .adv-con .con-p{
    width: 100%;
    font-size: 1rem;
    line-height: 1.8rem;
  }
}


@media screen and (max-width:604px){
  .home-about .msg-two{
    margin-top: 4%;
  }
  .home-about .msg-two .adv-con{
    width: 90%;
    margin: 4% auto;
    text-align: center;
  }
  .home-about .msg-two .adv-con:nth-last-child(1){
    margin: 4% auto;
  }
  .home-about .msg-two .adv-con .con-h h1{
    font-size: 2.2rem;
  }
  .home-about .msg-two .adv-con .con-h h1 sup{
    font-size: 1.1rem;
  }
  .home-about .msg-two .adv-con .con-h h4{
    font-size: 1.1rem;
    margin: 1% 0% 2%;
  }
  .home-about .msg-two .adv-con .con-p{
    width: 100%;
    font-size: 1rem;
    line-height: 1.8rem;
  }
}
/*2024--------------------------------------------*/
.down-hide{display:none;}
.down-box{cursor:pointer;}
.foot-newform{width:72%;padding:50px 14%;margin-top:20px;background:#f2f2f1 url(../fodder/home/newform-bg.jpg) no-repeat;}
.contact .foot-newform{margin-top:0;}
.foot-newform .newform-title{padding-bottom:30px;}
.foot-newform .newform-title h1{font-family: "MyMontserrat-EL";font-size:36px;font-weight:bold;text-align:center;}
.newform-con{display:flex;justify-content:space-between;}
.newform-con .form{width:58%;}
.newform-con .down-box{width:40%;}
.newform-con .layui-form-left{display:flex;justify-content:space-between;flex-wrap:wrap;}
.newform-con .layui-form-item{position:relative;}
.newform-con .layui-form-item.name{width:49%;}
.newform-con .layui-form-item.email{width:49%;}
.newform-con .layui-form-item.country{width:49%;}
.newform-con .layui-form-item.whatsapp{width:49%;}
/*.newform-con .layui-form-item .form-h{position:absolute;z-index:4;left:0;top:0;margin-top:0;padding:20px 5px 20px 15px;}
.newform-con .layui-form-item .form-h h4{font-family:MyMontserrat-L;color:#000000;font-size:20px;line-height:24px;}
.newform-con .layui-form-item .form-h .color{color:#fd7f09;padding-left:5px;}*/
.newform-con .form .layui-input-block .layui-input{font-family:MyMontserrat-L;height:64px;color:#000000;font-size:20px;line-height:24px;}
.newform-con .form .layui-input-block .layui-textarea{font-family:MyMontserrat-L;color:#000000;font-size:20px;line-height:24px;}
.newform-con .layui-form-item.btn{padding-top:20px;display:flex;align-items:center;justify-content:center;}
.newform-con .form .layui-btn{margin-top:0;border:1px solid #ff800b;}
.newform-con .form .layui-form input::-webkit-input-placeholder{font-family:MyMontserrat-L;font-size:20px;line-height:24px;color:#8b8b8b;}
.newform-con .form .layui-form input:-moz-placeholder{font-family:MyMontserrat-L;font-size:20px;line-height:24px;color:#8b8b8b;}
.newform-con .form .layui-form input:-ms-input-placeholder{font-family:MyMontserrat-L;font-size:20px;line-height:24px;color:#8b8b8b;}
.newform-con .form .layui-form textarea::-webkit-input-placeholder{font-family:MyMontserrat-L;font-size:20px;line-height:24px;color:#8b8b8b;}
.newform-con .form .layui-form textarea:-moz-placeholder{font-family:MyMontserrat-L;font-size:20px;line-height:24px;color:#8b8b8b;}
.newform-con .form .layui-form textarea:-ms-input-placeholder{font-family:MyMontserrat-L;font-size:20px;line-height:24px;color:#8b8b8b;}
.form-style .layui-form-left{display:flex;flex-wrap:wrap;}
.show-form .download .form .layui-form-item.btn{width:100%;margin-right:0;}
.show-form .download .form .layui-btn{margin-top:20px;}
/*home-category*/
.home-category{position:relative;padding:60px 0;background:url(../fodder/home/aodi-sort-bg.jpg) no-repeat;background-size:100% auto;background-position:center;}
.category-box{display:flex;}
.category-item{position:relative;width:18%;cursor:pointer;padding-top:400px;}
.category-item.category-item-first,.category-item.category-item-last{width:5%;}
.category-item .citem-img{position:absolute;top:0;left:0;display:block;max-width:100%;margin:0 auto;}
.category-item .citem-img img{display:block;margin:0 auto;width:100%;}
.category-item .citem-img .img-open{display:none;}
.category-item .citem-info{position:relative;text-align:center;font-family:MyMontserrat-R;min-height:129px;border-top:1px solid #bfbfbf;}
.category-item .cinfo-num{position:relative;color:#fd7f09;font-size:24px;line-height:30px;padding-top:10px;}
.category-item .cinfo-num:before{content:"";display:inline-block;width:22px;height:3px;background-color:#fd7f09;position:absolute;left:50%;margin-left:-11px;top:-1.5px;z-index:9;}
.category-item .cinfo-name{font-size:17px;color:#000;line-height:20px;padding:6px 0px;}
.category-item .cinfo-btn{display:none;position:relative;padding-right:20px;font-family:MyMontserrat-EL;line-height:16px;color:#fd7f09;}
.category-item .cinfo-btn i{display:block;width:16px;height:16px;position:absolute;right:0;top:0;background:url(../fodder/home/aodi-sort-icon.png) no-repeat;}
.category-item.hoverd .citem-img .img-close{display:none;}
.category-item.hoverd .citem-img .img-open{display:block;}
.category-item.hoverd .citem-info{padding-bottom:0px;border-top-color:transparent;}
.category-item.hoverd .cinfo-num{padding-top:48px;transition:padding-top 0.5s ease-in;}
.category-item.hoverd .cinfo-num:before{width:1px;height:33px;margin-left:-0.5px;}
.category-item.hoverd .cinfo-btn{display:inline-block;}

.home-odmoem{background:#f7f7f7;overflow:hidden;}
.home-odmoem .odmoem-box{width:100%;margin:80px auto;background:url(../fodder/home/oem-bg.png) no-repeat;background-position:right bottom;background-size:100% auto;}
.home-odmoem .odmoem-box .odmoem-box-con{width:50%;margin:0 40% 0 10%;height:660px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-h{font-family: "MyMontserrat-R";font-size:72px;color:#000000;font-weight:bold;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-p{font-family: "MyMontserrat-L";font-size:22px;line-height:24px;padding:30px 0 30px 0;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list{padding:30px 0 50px 30px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p{font-family: "MyMontserrat-L";color:#666666;padding-left:30px;font-size:18px;line-height:36px;position:relative;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p span{color:#ff800b;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p:before{content:"";display:block;width:19px;height:4px;background-color:#ff800b;position:absolute;left:0;top:16px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-btn{font-family: "MyMontserrat-R";display:inline-block;padding:10px;font-size:24px;color:#ffffff;letter-spacing:2px;background-color:#ff800b;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-btn:hover{padding:10px 20px;}
.home-team{}
.home-team .team-box{background-color:#b5b5b5;}
.home-team .team-box .team-box-con{width:90%;margin:0 0 0 10%;}
.home-team .team-box .team-box-con .team-img{display:block;}
.home-team .team-box .team-box-con .team-img .team-img1{width:5%;margin-right:1%;vertical-align:top;}
.home-team .team-box .team-box-con .team-img .team-img2{width:94%;margin-top:-80px;}
.home-team .team-box .team-box-con .team-div{margin-left:6%;margin-right:5%;}
.home-team .team-box .team-box-con .team-div h3{font-size:60px;color:#ffffff;font-family: "MyMontserrat-EL";padding:10px 0px;margin-top:20px;}
.home-team .team-box .team-box-con .team-div p{font-size:18px;line-height:36px;color:#ffffff;font-family: "MyMontserrat-EL";}
.home-team .team-box .team-box-con .team-div p span{font-weight:bold;}
.home-team .team-box .team-box-con .team-div img{display:inline-block;width:35px;margin:40px auto 30px 60px;}
.home-serive .serive-box{padding:80px 0;}
.home-serive .serive-box .serive-box-con{position:relative;display:flex;width:90%;margin:0 2% 0 8%;}
.home-serive .serive-box .serive-box-con .serive-zs{display:block;width:5%;}
.home-serive .serive-box .serive-box-con .serive-zs.serive-zs-left{margin-top:100px;background:url(../fodder/home/serive-zs-left.png) no-repeat;background-position:left top;background-size:90% auto;}
.home-serive .serive-box .serive-box-con .serive-zs.serive-zs-right{margin-bottom:40px;background:url(../fodder/home/serive-zs-right.png) no-repeat;background-position:right bottom;background-size:90% auto;}
.home-serive .serive-box .serive-box-con .serive-content{width:90%;display:flex;}
.home-serive .serive-box .serive-box-con .serive-left{width:50%;}
.home-serive .serive-box .serive-box-con .serive-right{position:relative;width:49%;margin-left:1%;}
.home-serive .serive-box .serive-box-con h3{display:inline-block;position:relative;font-family:"MyMontserrat-EL";font-size:60px;padding-bottom:40px;}
.home-serive .serive-box .serive-box-con h3:before{position:absolute;right:0;bottom:0;content:"";display:block;width:134px;height:5px;background-color:#fd7f09;}
.home-serive .serive-box .serive-box-con .serivr-list{margin-top:50px;}
.home-serive .serive-box .serive-box-con .serivr-list.serivr-list1{margin-left:100px;}
.home-serive .serive-box .serive-box-con .serivr-list.serivr-list2{margin-left:20px;}
.home-serive .serive-box .serive-box-con .serivr-list ul{margin:20px 0px 0px 20px;}
.home-serive .serive-box .serive-box-con .serivr-list.serivr-list1 ul{margin:20px 40px 0px 20px;}
.home-serive .serive-box .serive-box-con .serivr-list h5{position:relative;padding-left:55px;font-family:"MyMontserrat-R";font-size:30px;line-height:48px;}
.home-serive .serive-box .serive-box-con .serivr-list h5 span{color:#fd7f09;padding-right:8px;}
.home-serive .serive-box .serive-box-con .serivr-list li{position:relative;padding:10px 0px;padding-left:55px;color:#666666;line-height:36px;font-family:"MyMontserrat-EL";font-size:24px;}
.home-serive .serive-box .serive-box-con .serivr-list i{display:inline-block;width:48px;height:48px;}
.home-serive .serive-box .serive-box-con .serivr-list i.serive-icon1{background:url(../fodder/home/serive-icon1.png) no-repeat;background-size:100% auto;}
.home-serive .serive-box .serive-box-con .serivr-list i.serive-icon2{background:url(../fodder/home/serive-icon2.png) no-repeat;background-size:100% auto;}
.home-serive .serive-box .serive-box-con .serivr-list i.serive-icon3{background:url(../fodder/home/serive-icon3.png) no-repeat;background-size:100% auto;}
.home-serive .serive-box .serive-box-con .serivr-list i.serive-icon4{background:url(../fodder/home/serive-icon4.png) no-repeat;background-size:100% auto;}
.home-serive .serive-box .serive-box-con .serivr-list i.serive-icon5{background:url(../fodder/home/serive-icon5.png) no-repeat;background-size:100% auto;}
.home-serive .serive-box .serive-box-con .serivr-list i.serive-icon6{background:url(../fodder/home/serive-icon6.png) no-repeat;background-size:100% auto;}
.home-serive .serive-box .serive-box-con .serivr-list i.serive-icon7{background:url(../fodder/home/serive-icon7.png) no-repeat;background-size:100% auto;}
.home-serive .serive-box .serive-box-con .serivr-list h5 i{position:absolute;left:0;top:0px;}
.home-serive .serive-box .serive-box-con .serivr-list li i{position:absolute;left:0;top:4px;}
.home-serive .serive-box .serive-box-con .serive-img1{width:60%;position:absolute;left:0;top:0;z-index:333;}
.home-serive .serive-box .serive-box-con .serive-img1:before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;z-index;555;}
.home-serive .serive-box .serive-box-con .serive-img2{width:70%;position:absolute;right:25px;bottom:25px;z-index:555;}
.home-serive .serive-box .serive-box-con .serive-img-zs{width:60%;position:absolute;right:0px;bottom:0px;}
.home-serive .serive-box .serive-box-con .serive-img-entire{display:none;}
/*.home-serive .serive-box .serive-box-con .serive-img{position:absolute;bottom:0;right:0;}*/
.home-video{background:url(../fodder/home/serive-bg.jpg) no-repeat center center;background-size:100% 100%;}
.home-video .video-con{width:75%;margin:0 auto;position: relative;} 
.home-tit{position:relative;font-size:60px;text-align:center;padding:40px 0px;font-family:"MyMontserrat-L";}
.home-tit:after{content:"";display:block;position:absolute;left:50%;bottom:0;margin-left:-57px;width:114px;height:4px;border-radius:99px;background-color:#fd7f09;}
.home-video .video-con .video{padding:40px 0px 30px 0px;width:86%;margin:0 auto;}
.home-data{margin:70px auto;}
.home-exhibition-hall{background:url(../fodder/home/exhibition-bg.jpg) no-repeat left center;background-size:48% auto;}
.home-exhibition-hall .exhibition-hall-con{margin-left:5%;display:flex;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info{width:35%;display:flex;flex-wrap:wrap;/*align-items:center;align-content:center;*/align-items:flex-start;align-content:flex-start;margin-top:8%;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info.mbshow{display:none;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .home-tit{text-align:left;position:relative;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .home-tit:after{left:0;margin-left:0;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .hall-info-p{margin-top:40px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .hall-info-p p{font-size:36px;line-height:48px;padding:12px 0px;font-family:"MyMontserrat-L";}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide{width:65%;margin:80px 0 80px auto;position:relative;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn{position:absolute;left:-69px;bottom:-21px;border:1px solid #cccccc;display:flex;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-prev,.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-next{position:relative;display:flex;width:68px;height:60px;text-align:center;font-size:24px;cursor:pointer;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-prev{color:#fd7f09;background-color:#ffffff;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-next{color:#ffffff;background-color:#fd7f09;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-prev:before{content:"";border:solid #fd7f09;border-width:0 1px 1px 0;display:inline-block;padding:2px;transform:rotate(135deg);-webkit-transform:rotate(135deg);width:14px;height:14px;position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-9px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-next:before{content:"";border:solid #ffffff;border-width:0 1px 1px 0;display:inline-block;padding:2px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:14px;height:14px;position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-9px;}
.home-exhibition-album{padding:50px 0px 100px 0px;}
.home-exhibition-album .exhibition-album-con{width:93%;margin:0 0 0 7%;}
.home-exhibition-album .exhibition-album-slide{margin-top:80px;}
.home-exhibition-album .exhibition-album-slide .swiper-slide{cursor:pointer;}
.home-exhibition-album .exhibition-album-slide .coverbox{position:absolute;left:0;top:0;padding-top:20px;display:none;align-items:center;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.home-exhibition-album .exhibition-album-slide .coverbox p{position:relative;padding-top:10px;color:#aeaeae;font-size:20px;line-height:48px;text-align:center;width:100%;font-family:"MyMontserrat-EL";}
.home-exhibition-album .exhibition-album-slide .coverbox p:before{content:"";display:block;width:48px;height:2px;background-color:#ff800b;position:absolute;left:50%;margin-left:-24px;top:0;}
.all-product .allPro-link{display:none;}
.all-product .all-msg{display:flex;}
.all-product .all-msg .all-left{display:none;}
.all-sidebar{margin-right:30px;} 
.all-sidebar .sidebar-searchbox{position:relative;padding:8px 15px 8px 45px;background:#f7f7f7;border:1px solid #ccc;border-radius:9999px;}
.all-sidebar .sidebar-searchbox .search-icon{display:inline-block;width:24px;height:24px;position:absolute;left:15px;top:8px;background:url(../fodder/home/sidebar-search.png) no-repeat center center;background-size:auto 100%;cursor:pointer;}
.all-sidebar .sidebar-searchbox .search-input{font-family:"MyMontserrat-L";width:100%;border:transparent;outline:none;background:transparent;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} 
.all-sidebar .sidebar-selectbox{margin-top:26px;}
.all-sidebar .sidebar-selectbox .select-can{margin-top:10px;}
.all-sidebar .sidebar-selectbox .select-can:first-child{margin-top:10px;}
.all-sidebar .sidebar-selectbox .select-can .select-tit{display:flex;background:#f7f7f7;padding:3px 8px;cursor:pointer;}
.all-sidebar .sidebar-selectbox .select-can .select-tit i{display:inline-block;width:36px;height:36px;margin-right:5px;}
.all-sidebar .sidebar-selectbox .select-can .select-tit .select-icon-pit{background:url(../fodder/home/sidebar-pitdistance.png) no-repeat center center;background-size:auto 100%;}
.all-sidebar .sidebar-selectbox .select-can .select-tit .select-icon-region{background:url(../fodder/home/sidebar-region.png) no-repeat center center;background-size:auto 100%;}
.all-sidebar .sidebar-selectbox .select-can .select-tit .select-icon-certify{background:url(../fodder/home/sidebar-certification.png) no-repeat center center;background-size:auto 100%;}
.all-sidebar .sidebar-selectbox .select-can .select-tit h3{position:relative;font-family:"MyMontserrat-R";font-size:18px;color:#000000;line-height:36px;}
.all-sidebar .sidebar-selectbox .select-can .select-tit h3:after{position:absolute;right:-18px;top:50%;margin-top:-4.5px;content:"";display:block;width:9px;height:9px;background:url(../fodder/home/sidebar-unfold.png) no-repeat center center;background-size:auto 100%;}
.all-sidebar .sidebar-selectbox .select-can .select-tit.folding h3:after{position:absolute;right:-18px;top:50%;margin-top:-4.5px;content:"";display:block;width:9px;height:9px;background:url(../fodder/home/sidebar-fold.png) no-repeat center center;background-size:auto 100%;}
.all-sidebar .sidebar-selectbox .select-can .select-list{border-top:1px solid #cccccc;padding:10px 0px;}
.fold{display:none!important;}
.unfold{display:block!important;}
.all-sidebar .sidebar-selectbox .select-can.select-category .select-list li{padding:2px 5px 2px 10px;}
.all-sidebar .sidebar-selectbox .select-can.select-category .select-list li a{position:relative;display:inline-block;font-family:"MyMontserrat-EL";font-size:16px;color:#000000;line-height:24px;padding:5px 15px 5px 0px;}
/*.all-sidebar .sidebar-selectbox .select-can.select-category .select-list li a:after{content:"";border:solid #000000;border-width:0 1px 1px 0;display:inline-block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:6px;height:6px;position:absolute;top:50%;right:4px;margin-top:-3px;}*/
.all-sidebar .sidebar-selectbox .select-can.select-category .select-list li a:after{content:">";position:absolute;top:50%;right:0px;margin-top:-12px;}
.all-sidebar .sidebar-selectbox .select-can.select-category .select-list li:hover{background-color:#ff800b;}
.all-sidebar .sidebar-selectbox .select-can.select-category .select-list li:hover a{color:#ffffff;}
.all-sidebar .sidebar-selectbox .select-can.select-category .select-list li.actived{background-color:#ff800b;}
.all-sidebar .sidebar-selectbox .select-can.select-category .select-list li.actived a{color:#ffffff;}
.all-sidebar .sidebar-selectbox .select-can.select-item .select-list li{position:relative;cursor:pointer;}
.all-sidebar .sidebar-selectbox .select-can.select-item .select-list li .select-check{position:absolute;left:0;top:0;visibility:hidden;clip:rect(0, 0, 0, 0);}
.all-sidebar .sidebar-selectbox .select-can.select-item .select-list li .select-check-con{position:relative;padding:0 0 0 36px;}
.all-sidebar .sidebar-selectbox .select-can.select-item .select-list li .select-check-con p{width:100%;font-family:"MyMontserrat-EL";font-size:16px;color:#666666;line-height:24px;padding:5px 0;white-space:wrap;}
.all-sidebar .sidebar-selectbox .select-can.select-item .select-list li .select-icon-check{position:absolute;left:10px;top:9px;display:inline-block;width:16px;height:16px;background:url(../fodder/home/sidebar-uncheck.png) no-repeat center center;background-size:auto 100%;}
.all-sidebar .sidebar-selectbox .select-can.select-item .select-list li.checked .select-icon-check{position:absolute;left:10px;top:9px;display:inline-block;width:16px;height:16px;background:url(../fodder/home/sidebar-checked.png) no-repeat center center;background-size:auto 100%;}
.all-sidebar .sidebar-selectbox .select-btn{border-top:1px solid #cccccc;padding:18px 0 10px 0;margin-top:20px;}
.all-sidebar .sidebar-selectbox .select-btn a{display:inline-block;margin:5px auto;padding:2px 20px;border:1px solid #d6d6d6;font-family:"MyMontserrat-EL";font-size:20px;border-radius:5px;line-height:28px;color:#000000;background-color:#ffffff;cursor:pointer;}
.all-sidebar .sidebar-selectbox .select-btn .select-btn-sure{color:#ffffff;background-color:#000000;margin-right:14px;}
.page-box{display:flex;justify-content:center;align-items:center;padding: 2% 0% 0%;}
.page-box .page-btn{margin:0 3px;width:36px;height:36px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;font-family:MyMontserrat-R;font-size:1.1rem;color:#303030;border:1px solid #e5e5e5;}
.page-box .page-btn:hover{cursor:pointer;color:#ffffff;background-color:#ff800b;}
.pro-title{position:relative;}
.change-color-box{display: flex;margin-left:10px;}
.change-color-box1{display: flex;
    position: absolute;
    bottom: 2px;
    right: 10px;
}
.change-color-box li{margin:10px 8px 10px 0px;}
.change-color-box li a{display:inline-block;width:28px;height:28px;border:1px solid #cccccc;border-radius:9999px;z-index:999;cursor:pointer;}
.allPro-right .change-color-box li a{width:15px;height:15px;}
.change-color-box li a.pcolor-white{background-color:#ffffff;}
.change-color-box li a.pcolor-gray{background-color:#969696;}
.change-color-box li a.pcolor-black{background-color:#000000;}
.change-color-box li.active a{border: 1px solid #ff800b;}
.img-text-unit{position:relative;}
/*产品页下载按钮S*/
.download-box{display:flex;flex-wrap:wrap;justify-content:end;max-width: 60%;position:absolute;bottom:0;right:15px;}
.download-box li{display:flex;align-items:center;justify-content:center;padding:5px 10px 5px 0px;}
.download-box a{position:relative;display:inline-block;color:#000000;padding:5px 5px 5px 30px;background-color:#ffffff;border:1px solid #cccccc;border-radius:5px;font-size:16px;line-height:20px;font-family: MyMontserrat-R;}
.download-box a:before{content:"";display:block;width:20px;height:20px;position:absolute;left:5px;top:50%;margin-top:-10px;background:url(../fodder/home/icon-download.png) no-repeat center center;background-size:100% auto;}
.download-box li:hover a{color:#ffffff;background-color:#000000;}
.download-box li:hover a:before{background:url(../fodder/home/icon-download-white.png) no-repeat center center;}
.color-box{display:flex;justify-content:space-between;align-items: end;margin-bottom:10px;font-family: MyMontserrat-R;position:relative;padding-top:10px;max-width: 680px;}
.color-box .colortitle{color: rgb(103, 103, 103); font-size: 16px;}
@media(max-width:1580px){
.change-color-box li{margin:5px 5px 5px 0px;} 
.change-color-box li a{display:inline-block;width:28px;height:28px;border:1px solid #cccccc;border-radius:9999px;z-index:999;cursor:pointer;}
}
@media(max-width:767px){
.download-box li{padding:5px 5px 5px 0px;}
.change-color-box li{margin:3px 5px 3px 0px;} 
.change-color-box li a{display:inline-block;width:20px;height:20px;border:1px solid #cccccc;border-radius:9999px;z-index:999;cursor:pointer;}
}
.row{
    display: flex;
    align-items: center;
}
/*产品页下载按钮E*/

@media(max-width:1700px){ 
.home-odmoem .odmoem-box .odmoem-box-con{height:600px;}
.home-serive .serive-box{padding:60px 0;}
.home-serive .serive-box .serive-box-con h3{font-size:54px;padding-bottom:20px;}
.home-serive .serive-box .serive-box-con h3:before{width:84px;height:4px;}
.home-serive .serive-box .serive-box-con .serivr-list{margin-top:30px;}
.home-serive .serive-box .serive-box-con .serivr-list.serivr-list1{margin-left:80px;}
.home-serive .serive-box .serive-box-con .serivr-list.serivr-list2{margin-left:20px;}
.home-serive .serive-box .serive-box-con .serivr-list ul{margin:10px 0px 0px 10px;}
.home-serive .serive-box .serive-box-con .serivr-list.serivr-list1 ul{margin:10px 30px 0px 10px;}
.home-serive .serive-box .serive-box-con .serivr-list h5{padding-left:45px;font-size:28px;line-height:40px;}
.home-serive .serive-box .serive-box-con .serivr-list li{padding:8px 0px;padding-left:45px;line-height:28px;font-size:20px;}
.home-serive .serive-box .serive-box-con .serivr-list i{display:inline-block;width:40px;height:40px;} 
.home-serive .serive-box .serive-box-con .serivr-list li i{position:absolute;left:0;top:2px;}
#certify .swiper-container {padding:100px 0px 50px 0px;}
.home-exhibition-album{padding:40px 0px 80px 0px;} 
.home-exhibition-album .exhibition-album-slide{margin-top:60px;}
.foot-newform{width:80%;padding:40px 10%;}
}
@media(max-width:1580px){
.foot-newform{width:88%;padding:40px 6%;}	
}
@media(max-width:1500px){
.home-category{padding:40px 0px;}
.category-item{width:19%;}
.category-item.category-item-first,.category-item.category-item-last{width:2.5%;}
.home-odmoem .odmoem-box{margin:60px auto;} 
.home-odmoem .odmoem-box .odmoem-box-con{width:60%;margin:0 35% 0 5%;height:500px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-h{font-family: "MyMontserrat-R";font-size:72px;color:#000000;font-weight:bold;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-p{font-family: "MyMontserrat-L";font-size:22px;line-height:24px;padding:30px 0 30px 0;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list{padding:30px 0 50px 30px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p{font-family: "MyMontserrat-L";color:#666666;padding-left:30px;font-size:18px;line-height:36px;position:relative;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p span{color:#ff800b;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p:before{content:"";display:block;width:19px;height:4px;background-color:#ff800b;position:absolute;left:0;top:16px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-btn{font-family: "MyMontserrat-R";display:inline-block;padding:10px;font-size:24px;color:#ffffff;letter-spacing:2px;background-color:#ff800b;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-btn:hover{padding:10px 20px;}
.home-team .team-box .team-box-con{width:95%;margin:0 0 0 5%;}
.home-team .team-box .team-box-con .team-img .team-img1{width:7%;margin-right:1%;}
.home-team .team-box .team-box-con .team-img .team-img2{width:92%;margin-top:-40px;} 
.home-team .team-box .team-box-con .team-div{margin-left:8%;margin-right:3%;}
.home-team .team-box .team-box-con .team-div h3{font-size:48px;padding:8px 0px;}
.home-team .team-box .team-box-con .team-div p{font-size:16px;line-height:32px;} 
.home-team .team-box .team-box-con .team-div img{width:28px;margin:30px auto 20px 40px;}
.home-serive .serive-box{padding:50px 0;}
.home-serive .serive-box .serive-box-con h3{font-size:48px;padding-bottom:10px;}
.home-serive .serive-box .serive-box-con .serivr-list{margin-top:20px;}
.home-serive .serive-box .serive-box-con .serivr-list.serivr-list1{margin-left:60px;}
.home-serive .serive-box .serive-box-con .serivr-list.serivr-list2{margin-left:10px;}
.home-video .video-con{width:90%;} 
.home-tit{font-size:48px;padding:40px 0px 20px 0px;}
.home-tit:after{margin-left:-40px;width:80px;height:2px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .hall-info-p{margin-top:30px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .hall-info-p p{font-size:32px;line-height:40px;padding:12px 0px;}
.home-video .video-con .video{padding:20px 0px 20px 0px;width:86%;margin:0 auto;}
.home-data{margin:50px auto;}
.home-exhibition-album{padding:30px 0px 60px 0px;} 
.home-exhibition-album .exhibition-album-slide{margin-top:40px;}
.home-exhibition-album .exhibition-album-slide .swiper-slide{margin-right:15px;}
.home-exhibition-album .exhibition-album-slide .coverbox{padding-top:10px;}
.home-exhibition-album .exhibition-album-slide .coverbox p{font-size:16px;line-height:32px;}
.home-exhibition-album .exhibition-album-slide .coverbox p:before{width:32px;margin-left:-16px;}
.home .home-screen .slide-con .con-h h1{margin:0;font-size:5rem;}
.home .home-screen .slide-con .con-h h1 span{font-size:7rem;}
.home .home-screen .slide-con .con-h h2{padding:10px 0px 20px 0px;}
}
@media(max-width:1480px){
.foot-newform .newform-title{padding-bottom:20px;}
.foot-newform .newform-title h1{font-size:28px;}
.newform-con .form .layui-input-block .layui-input{height:48px;font-size:18px;line-height:22px;}
.newform-con .form .layui-input-block .layui-textarea{font-size:18px;line-height:22px;}
.newform-con .layui-form-item.btn{padding-top:10px;}
.newform-con .form .layui-form input::-webkit-input-placeholder{font-size:18px;line-height:22px;}
.newform-con .form .layui-form input:-moz-placeholder{font-size:18px;line-height:22px;}
.newform-con .form .layui-form input:-ms-input-placeholder{font-size:18px;line-height:22px;}
.newform-con .form .layui-form textarea::-webkit-input-placeholder{font-size:18px;line-height:22px;}
.newform-con .form .layui-form textarea:-moz-placeholder{font-size:18px;line-height:22px;}
.newform-con .form .layui-form textarea:-ms-input-placeholder{font-size:18px;line-height:22px;}
}
@media(max-width:1340px){
.foot-newform{width:90%;padding:30px 5%;}
} 
@media screen and (max-width:1280px){
.home-serive .serive-box .serive-box-con .serive-img1{width:70%;}
.home-serive .serive-box .serive-box-con .serive-img2{width:80%;right:15px;bottom:15px;}
.home-serive .serive-box .serive-box-con .serive-img-zs{width:70%;}
#certify .swiper-container {padding:80px 0px 30px 0px;}
.home-data{margin:40px auto;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .hall-info-p{margin-top:20px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .hall-info-p p{font-size:28px;line-height:32px;padding:5px 0px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide{margin:50px 0 50px auto;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn{left:-59px;bottom:-21px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-prev,.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-next{width:58px;height:50px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-prev:before{width:12px;height:12px;margin-left:-5px;margin-top:-7px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-next:before{width:12px;height:12px;margin-left:-12px;margin-top:-7px;}
.all-product .all-msg .allPro-left{width:30%;}
.all-product .all-msg .allPro-right{width:70%;}
}
@media(max-width:1200px){
.home-category{padding:30px 0px;} 
.category-item .cinfo-num{font-size:20px;line-height:24px;}
.category-item .cinfo-name{font-size:15px;line-height:18px;padding:4px 0px;}
.home-odmoem .odmoem-box{margin:40px auto;} 
.home-odmoem .odmoem-box .odmoem-box-con{width:70%;margin:0 25% 0 5%;height:400px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-h{font-size:56px;color:#000000;font-weight:bold;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-p{font-size:18px;line-height:20px;padding:20px 0 20px 0;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list{padding:20px 0 40px 20px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p{padding-left:30px;font-size:16px;line-height:32px;position:relative;word-break:break-all;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p span{color:#ff800b;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p:before{content:"";display:block;width:14px;height:4px;top:14px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-btn{padding:5px;font-size:18px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-btn:hover{padding:5px 10px;}
.home-serive .serive-box{padding:30px 0;}
.home-serive .serive-box .serive-box-con{position:relative;display:flex;width:90%;margin:0 5% 0 5%;} 
.home-serive .serive-box .serive-box-con .serive-zs.serive-zs-left{margin-top:50px;}
.home-serive .serive-box .serive-box-con .serive-zs.serive-zs-right{margin-bottom:30px;}
.home-serive .serive-box .serive-box-con .serive-left{width:55%;}
.home-serive .serive-box .serive-box-con .serive-right{position:relative;width:44%;margin-left:1%;}
.home-serive .serive-box .serive-box-con h3{font-size:36px;padding-bottom:10px;}
.home-serive .serive-box .serive-box-con h3:before{width:60px;height:2px;} 
.home-serive .serive-box .serive-box-con .serivr-list.serivr-list1{margin-left:30px;}
.home-serive .serive-box .serive-box-con .serivr-list.serivr-list2{margin-left:0px;}
.home-serive .serive-box .serive-box-con .serivr-list ul{margin:10px 0px 0px 10px;}
.home-serive .serive-box .serive-box-con .serivr-list.serivr-list1 ul{margin:10px 20px 0px 10px;}
.home-serive .serive-box .serive-box-con .serivr-list h5{padding-left:35px;font-size:20px;line-height:28px;}
.home-serive .serive-box .serive-box-con .serivr-list li{padding:5px 0px;padding-left:35px;line-height:22px;font-size:14px;}
.home-serive .serive-box .serive-box-con .serivr-list i{display:inline-block;width:28px;height:28px;} 
.home-serive .serive-box .serive-box-con .serivr-list li i{position:absolute;left:0;top:2px;}
.home-serive .serive-box .serive-box-con .serive-img1{width:65%;}
.home-serive .serive-box .serive-box-con .serive-img2{width:75%;}
.home-serive .serive-box .serive-box-con .serive-img-zs{width:65%;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .hall-info-p{margin-top:20px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .hall-info-p p{font-size:22px;line-height:28px;padding:5px 0px;}
.home .home-screen .slide-con .con-h h1{margin:0;font-size:3rem;}
.home .home-screen .slide-con .con-h h1 span{font-size:4.5rem;} 
.foot-newform{width:94%;padding:30px 3%;}
.foot-newform .newform-title h1{font-size:24px;}
.newform-con .form .layui-input-block .layui-input{height:44px;font-size:16px;line-height:20px;}
.newform-con .form .layui-input-block .layui-textarea{font-size:16px;line-height:20px;}
.newform-con .form .layui-form input::-webkit-input-placeholder{font-size:16px;line-height:20px;}
.newform-con .form .layui-form input:-moz-placeholder{font-size:16px;line-height:20px;}
.newform-con .form .layui-form input:-ms-input-placeholder{font-size:16px;line-height:20px;}
.newform-con .form .layui-form textarea::-webkit-input-placeholder{font-size:16px;line-height:20px;}
.newform-con .form .layui-form textarea:-moz-placeholder{font-size:16px;line-height:20px;}
.newform-con .form .layui-form textarea:-ms-input-placeholder{font-size:16px;line-height:20px;}

.show-form .download{width:60%;padding:3% 5%;}
.show-form .download .form-hide img{width:1.8rem;}
.show-form .download .form .layui-form-item{margin-bottom:10px;}
}  
@media(max-width:991px){
.home-category{padding:20px 0px;}
.category-item{width:19.6%;} 
.category-item.category-item-first,.category-item.category-item-last{width:1%;}
.home-odmoem .odmoem-box{margin:20px auto;} 
.home-odmoem .odmoem-box .odmoem-box-con{width:80%;margin:0 15% 0 5%;height:400px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-h{font-size:42px;color:#000000;font-weight:bold;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-p{font-size:16px;line-height:20px;padding:10px 0 10px 0;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list{padding:10px 0 20px 10px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p{padding-left:30px;font-size:14px;line-height:28px;position:relative;word-break:break-all;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p span{color:#ff800b;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p:before{content:"";display:block;width:14px;height:2px;top:13px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-btn{padding:5px;font-size:16px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-btn:hover{padding:5px 10px;}
.home-team .team-box .team-box-con .team-img .team-img2{margin-top:-20px;}
.home-team .team-box .team-box-con .team-div h3{font-size:28px;padding:5px 0px;margin-top:10px;}
.home-team .team-box .team-box-con .team-div p{font-size:14px;line-height:28px;} 
.home-team .team-box .team-box-con .team-div img{width:18px;margin:10px auto 20px 20px;}
.home-serive .serive-box{padding:20px 0;}
.home-serive .serive-box .serive-box-con{width:94%;margin:0 3% 0 3%;} 
.home-serive .serive-box .serive-box-con .serive-img1{width:80%;}
.home-serive .serive-box .serive-box-con .serive-img2{width:90%;right:10px;bottom:10px;}
.home-serive .serive-box .serive-box-con .serive-img-zs{width:80%;}
#certify .swiper-container {padding:40px 0px 20px 0px;}
.home-video .video-con{width:94%;} 
.home-tit{font-size:32px;padding:25px 0px 10px 0px;}
.home-tit:after{margin-left:-30px;width:60px;height:2px;}
.home-video .video-con .video{padding:20px 0px 10px 0px;width:86%;margin:0 auto;}
.home-data{margin:0px auto;}
.home-exhibition-album{padding:10px 0px 30px 0px;} 
.home-exhibition-album .exhibition-album-slide{margin-top:20px;}
.home-exhibition-album .exhibition-album-slide .swiper-slide{margin-right:10px;}
.home-exhibition-album .exhibition-album-slide .coverbox{padding-top:10px;}
.home-exhibition-album .exhibition-album-slide .coverbox p{font-size:14px;line-height:28px;}
.home-exhibition-album .exhibition-album-slide .coverbox p:before{width:28px;margin-left:-14px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .hall-info-p{margin-top:10px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .hall-info-p p{font-size:18px;line-height:24px;padding:0px;}
.page-box{padding: 3% 0% 0%;}
.about .all-certifi .certifi-brand .brand-img{margin:0 5px;}
.newform-con{flex-wrap:wrap;justify-content:center;}
.newform-con .form{width:100%;}
.newform-con .down-box{width:60%;margin-top:10px;max-width:550px;}
.foot-newform .newform-title h1{font-size:20px;}
.foot-newform{background:#f2f2f1 url(../fodder/home/newform-bg2.jpg) no-repeat;background-size:100% auto;}
}
@media screen and (max-width:880px){
.show-form .download{width:80%;padding:3% 5%;}
.show-form .download .form-hide{margin-bottom:15px;}
.show-form .download .form-hide img{width:1.5rem;}
}
@media(max-width:840px) {
.home-serive .serive-box .serive-box-con .serive-content{display:block;overflow:hidden;}
.home-serive .serive-box .serive-box-con .serive-left{width:100%;}
.home-serive .serive-box .serive-box-con .serive-right{position:relative;width:100%;margin-left:0%;margin-top:20px;display:flex;}
.home-serive .serive-box .serive-box-con .serivr-list.serivr-list1{margin-left:0px;}
.home-serive .serive-box .serive-box-con .serivr-list ul{margin:10px 0px 0px 0px;}
.home-serive .serive-box .serive-box-con .serivr-list.serivr-list1 ul{margin:10px 0px 0px 0px;}
.home-serive .serive-box .serive-box-con .serivr-list h5{padding-left:25px;font-size:16px;line-height:20px;}
.home-serive .serive-box .serive-box-con .serivr-list li{padding:3px 0px;padding-left:25px;line-height:16px;font-size:14px;}
.home-serive .serive-box .serive-box-con .serivr-list i{width:20px;height:20px;} 
.home-serive .serive-box .serive-box-con .serivr-list li i{position:absolute;left:0;top:1px;}
.home-serive .serive-box .serive-box-con .serive-img1{position:relative;width:49%;left:auto;top:auto;}
.home-serive .serive-box .serive-box-con .serive-img1:before{content:none;}
.home-serive .serive-box .serive-box-con .serive-img2{position:relative;width:49%;margin-left:2%;right:auto;bottom:auto;}
.home-serive .serive-box .serive-box-con .serive-img-zs{display:none;}
.home-exhibition-hall{background:url(../fodder/home/exhibition-bg.jpg) no-repeat left center;background-size:auto 100%;margin:10px auto;}
.home-exhibition-hall .exhibition-hall-con{margin-left:5%;display:block;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info{width:100%;display:block;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info.pcshow{display:none;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info.mbshow{display:block;width:95%;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .home-tit{text-align:center;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info .home-tit:after{left:50%;margin-left:-30px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-info p{text-align:center;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide{width:90%;margin:20px 0 20px auto;position:relative;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn{left:0px;bottom:-15px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-prev,.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-next{width:38px;height:30px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-prev:before{width:8px;height:8px;margin-left:-4px;margin-top:-6px;}
.home-exhibition-hall .exhibition-hall-con .exhibition-hall-slide .hallSwiper-btn .hallSwiper-btn-next:before{width:8px;height:8px;margin-left:-10px;margin-top:-6px;}
/*.home-serive .serive-box .serive-box-con .serive-img-entire{display:block;} */
.all-product .all-msg{display:block;}
.all-product .all-msg .allPro-left{width:100%;}
.all-product .all-msg .allPro-right{width:100%;}
.all-sidebar{margin-right:0;}
.all-sidebar .sidebar-selectbox{display:none;}
.all-sidebar .unfold-btn{display:block;border:1px solid #cccccc;line-height:32px;text-align:center;color:#000;cursor:pointer;font-size:24px;margin:20px auto;}
.all-sidebar .unfold-btn:after{content:"+";}
.all-sidebar .unfold-btn.unfolding:after{content:"-";}
}
@media(max-width:767px) {
.category-item{width:20%;}  
.category-item.category-item-first,.category-item.category-item-last{width:1%;}{width:0%;}
.category-item .cinfo-num{font-size:16px;line-height:20px;}
.category-item .cinfo-name{font-size:12px;line-height:16px;padding:4px 0px;}
.home-odmoem .odmoem-box{margin:20px auto;} 
.home-odmoem .odmoem-box .odmoem-box-con{width:80%;margin:0 15% 0 5%;height:400px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-h{font-size:42px;color:#000000;font-weight:bold;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-p{font-size:16px;line-height:20px;padding:10px 0 10px 0;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list{padding:10px 0 20px 10px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p{padding-left:30px;font-size:14px;line-height:28px;position:relative;word-break:break-all;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p span{color:#ff800b;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p:before{content:"";display:block;width:14px;height:2px;top:13px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-btn{padding:5px;font-size:16px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-btn:hover{padding:5px 10px;}  
.home-serive .serive-box .serive-box-con h3{font-size:32px;padding-bottom:15px;}	
.home-serive .serive-box .serive-box-con .serivr-list{margin-top:10px;}    
.home-team .team-box .team-box-con .team-div h3{font-size:24px;}   
.home-tit{padding:20px 0px 10px 0px;} 
.home-video .video-con .video{padding:10px 0px 10px 0px;width:86%;margin:0 auto;}
.home .home-screen .slide-con .con-img{display:none;}
.home .home-screen .slide-con .con-h h1{margin:0;font-size:2rem;}
.home .home-screen .slide-con .con-h h1 span{font-size:2.5rem;}
.home .home-screen .slide-con .con-h h2{padding:5px 0px 10px 0px;}
}
@media(max-width:604px) {
.page-box{padding: 4% 0% 0%;}
.page-box .page-btn{margin:0 3px;width:32px;height:32px;font-size:1rem;}
.newform-con .down-box{width:80%;}
.show-form .download .form .layui-input{line-height:24px;height:34px;}
.show-form .download .form .layui-btn{padding:0 10px;font-size:14px;}
.show-form .download .form .layui-form-item{margin-bottom:8px;}
.show-form .download .form .layui-form-item.btn{margin-bottom:5px;}
.show-form .layui-form-item{width:100%;margin-right:0;}
.show-form .form .layui-btn p{font-size:16px;}
}
@media(max-width:488px) {
	.home-odmoem .odmoem-box{margin:20px auto;} 
.home-odmoem .odmoem-box .odmoem-box-con{width:90%;margin:0 5% 0 5%;height:auto;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-h{font-size:32px;color:#000000;font-weight:bold;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-p{font-size:14px;line-height:18px;padding:5px 0 5px 0;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list{padding:5px 0 10px 5px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p{padding-left:20px;font-size:12px;line-height:24px;position:relative;word-break:break-all;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p span{color:#ff800b;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-list p:before{content:"";display:block;width:12px;height:2px;top:11px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-btn{padding:5px;font-size:14px;margin-bottom:30px;}
.home-odmoem .odmoem-box .odmoem-box-con .odmoem-btn:hover{padding:5px 10px;} 
.home-serive .serive-box .serive-box-con .serive-zs.serive-zs-left{margin-top:30px;}
.home-serive .serive-box .serive-box-con .serive-zs.serive-zs-right{margin-bottom:10px;}
.home-serive .serive-box .serive-box-con h3{font-size:28px;padding-bottom:10px;}	
.home-team .team-box .team-box-con .team-div h3{font-size:20px;} 
.home-tit{font-size:24px;}
.home-tit:after{margin-left:-20px;width:40px;height:2px;}
.home-exhibition-album{padding:0px 0px 20px 0px;}
.newform-con .layui-form-item{margin-bottom:10px;}
.newform-con .layui-form-item.name{width:100%;}
.newform-con .layui-form-item.email{width:100%;}
.newform-con .layui-form-item.country{width:100%;}
.newform-con .layui-form-item.whatsapp{width:100%;}
.newform-con .down-box{width:100%;}
.show-form .download .form{margin-top:5px;}
} 
@media(max-width:380px) {
.home-serive .serive-box .serive-box-con h3{font-size:22px;padding-bottom:5px;}	
.home-serive .serive-box .serive-box-con h3:before{width:40px;height:2px;}
.home-serive .serive-box .serive-box-con .serive-right{margin-top:10px;}
}

.footer .foot-other .form .layui-form .layui-form-left{width:50%;display:flex;flex-wrap:wrap;}
.footer .foot-other .form .layui-form .layui-form-right{width:50%;display:flex;} 
.footer .foot-other .form .layui-form .layui-form-left .layui-form-item{width:46%;margin-right:4%;}
.footer .foot-other .form .layui-form .layui-form-right .layui-form-item{width:100%;} 
.footer .foot-other .form .layui-form .layui-form-right .layui-form-item .layui-textarea{height:195px;}
.footer .foot-other .form .layui-form-item .form-h h4{line-height:35px;}
@media(max-width:1700px) {
.footer .foot-other .form .layui-form .layui-form-right .layui-form-item .layui-textarea{height:185px;}
}
@media(max-width:1280px) {
.footer .foot-other .form .layui-form .layui-form-left{width:100%;display:flex;flex-wrap:wrap;}
.footer .foot-other .form .layui-form .layui-form-left .layui-form-item{width:48%;}
.footer .foot-other .form .layui-form .layui-form-left .layui-form-item:nth-child(2n){margin-right:0;}
.footer .foot-other .form .layui-form .layui-form-right{width:100%;} 
.show-form .download .form .layui-form-item.btn{display:block;}
.show-form .download .form .layui-form-item.btn .layui-btn{display:block;width:100%;font-size:14px;}
}
@media(max-width:992px) {
.footer .foot-other .form .layui-form .layui-form-right .layui-form-item .layui-textarea{height:175px;}
.footer .foot-other .form .layui-form-item .form-h h4{line-height:30px;}
}
@media(max-width:980px) {
.footer .foot-other .form .layui-form .layui-form-left .layui-form-item{width:100%;margin-right:auto;}
}
@media(max-width:605px) {
.footer .foot-other .form .layui-form .layui-form-right .layui-form-item .layui-textarea{height:155px;}
}

@media screen and (max-width:1500px){
.category-item{padding-top:340px;} 
}
@media screen and (max-width:1340px){
.category-item{padding-top:310px;} 
}
@media screen and (max-width:1200px){ 
.category-item{padding-top:290px;} 
}
@media screen and (max-width:1140px){
.category-item{padding-top:270px;} 
}
@media screen and (max-width:1080px){
.category-item{padding-top:250px;} 
}
@media screen and (max-width:992px){ 
.category-item{padding-top:230px;}  
}
@media screen and (max-width:880px){
.category-item{padding-top:200px;} 
}
@media screen and (max-width:800px){
.category-item{padding-top:185px;} 
}
@media screen and (max-width:768px){  
.category-item{padding-top:180px;}  
}
@media screen and (max-width:680px){
.category-item{padding-top:160px;} 
}
@media screen and (max-width:640px){
.category-item{padding-top:145px;} 
}
@media screen and (max-width:560px){
.category-item{padding-top:130px;} 
}
@media screen and (max-width:500px){
.category-item{padding-top:118px;} 
}
@media screen and (max-width:440px){
.category-item{padding-top:106px;} 
}
@media screen and (max-width:400px){
.category-item{padding-top:95px;} 
}
@media screen and (max-width:360px){
.category-item{padding-top:86px;} 
}

.allPro-right .empty-box{display:flex;flex-wrap:wrap;justify-content:center;}
.allPro-right .empty-box .text{width:100%;text-align:center;}