/* CSS Reset */
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;font-size:14px;}
a{text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
body,body a{color: #000000;}
::-webkit-scrollbar{height:4px; width:0px;background: #dbdedf;}
::-webkit-scrollbar-button{height:0; width:5px;background: #dbdedf;}
::-webkit-scrollbar-thumb{background-color:#999;box-shadow:inset 1px 1px 0 #999,inset 0 -1px 0 #999;}



/* header */
.header {position: fixed;left: 0;top: 0;z-index: 900;width: 100%;transition:all .4s ease;}
.header::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;opacity: .2;background: #fff;}
.header a {font-size: 17px;display: inline-block;vertical-align: middle;color: #fff;position: relative;}
.header a.cur,.header a:hover  {color: #006730;}
.header a::after{content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 4px;background: #35bc66;transition:all .4s ease;}
.header a.cur::after {width: 50%;margin-left: -25%;}
.header-content {width: 95%;height: 100px;margin: auto;position: relative;z-index: 999;}
.header-left {width: 40%;position: absolute;left:7%;top:20%; font-weight:700; background:url(../images/shuxian.png) no-repeat  left  center; padding-left:2%; background-size:auto 100%;}


.header-left { font-size:19px; line-height:24px;}


.header-left { color:#fff; background:url(../images/shuxian0.png) no-repeat  left  center;}
.scroll-down .header-left {color:#000; background:url(../images/shuxian.png) no-repeat  left  center;}
.scroll-top .header-left {color:#000; background:url(../images/shuxian.png) no-repeat  left  center;}
.cur .header-left {color:#000; background:url(../images/shuxian.png) no-repeat  left  center;}
.header-left a{line-height: 100px;margin-right:6%;}
.header-center {position: absolute;left:3%;top: 50%;transform:translate(-50%,-50%);}
.header-center .logob {display: block;} 
.header-center .logos {display: none;}
.header-right {width: 80%;position: absolute;right:0;top:0;text-align: right;}
.header-right a{line-height: 100px;margin-left:3%;}
.header-search{background: url('../images/ssb.png') center no-repeat rgba(255,255,255,.2);width: 46px;height: 46px;border-radius: 100%;}
.header-search:hover{background: url('../images/ssb.png') center no-repeat #35bc66;}



.header-nav-show {position: fixed;left:0;top:100px;z-index: 1000;transition:all .4s ease;width: 100%;}
.header-nav-show-content {margin: auto;}
.header-nav-show-content.Hide {display: none;}
.header-nav-show-products {margin-left: 40%;padding:1% 3% 2% 3%;background: #fff;overflow: hidden;border-radius: 20px;width: 30%;box-shadow: 0px 14px 40px 0px rgba(159, 159, 159, 0.3);}


.header-nav-show-products-item {overflow: hidden;float: left;width: 95%;margin-left: 5%;}
.header-nav-show-products-item:first-child {margin-left: 0;}
.header-nav-show-products-item:first-child li {width: 50%;float: left;}
.header-nav-show-products-item h3{color: #20402c;font-weight: normal;font-size: 16px;display: block;border-bottom: 1px solid #ededed;padding-bottom: 20px;}
.header-nav-show-products-item ul{list-style: none;margin: 0;padding: 0;}
.header-nav-show-products-item li{list-style: none;margin: 0;padding: 0;display: block;width: 100%;padding: 10px 0;position: relative;}
.header-nav-show-products-item a{
color: #000; font-weight:700; font-size: 15px;display: inline-block;position: relative;
border-bottom:1px solid rgba(0,0,0,.1); line-height:40px; margin:0px; padding:0px; width:100%; font-size:15px!important;
}

.header-nav-show-products-item li:last-child a { border:none;}
.header-nav-show-products-item a:hover { background:#006730; width:100%; color:#fff !important; padding-left:10px;}

.header-nav-show-products-item h3 { font-size:16px!important;}
.header-nav-show-products-item li { padding:0px !important;}
.header-nav-show-products-item a::after {content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: #046432;transition:all .4s ease;}
.header-nav-show-products-item a:hover {color: #046432;}
.header-nav-show-products-item a:hover::after {width: 100%;}
.header-nav-show-products-pic {float: left;width: 25%;margin-top: 3%;overflow: hidden; display:none;}
.header-nav-show-products-pic a{position: relative;display: block;}
.header-nav-show-products-pic strong{position: absolute;text-align: center;width: 100%;bottom: 5%;left: 0;z-index: 10;color: #20402c;font-weight: normal;}
.header-nav-show-products-pic img.img-center {max-height: 80%;}

#brand.header-nav-show-content {width: 100%;}
.header-nav-show-menu {padding:1% 1% 2% 1%;background: #fff;overflow: hidden;border-radius: 20px;
	box-shadow: 0px 14px 40px 0px rgba(159, 159, 159, 0.3);right:18%;position: absolute;width: 9%;}
.header-nav-show-menu a {color: #bebebe;font-size: 15px;display: block;padding: 8px 0;}
.header-nav-show-menu a:hover {color: #046432;}


.header-nav-show-language { width:6%; margin-left:81%;}
.header-nav-show-language-item:first-child li {width: 100%;float: left;}


.header-nav-show-products-a { width:20%; margin-left:60%;}
.header-nav-show-products-a-item:first-child li {width: 100%;float: left;}

/* scroll - top - down - cur - on -hover */
.header.scroll-down,.header.scroll-top{background: #fff;} 
.header.scroll-down::after,.header.scroll-top::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #ededed;opacity: 1;}
.header.scroll-down .header-center .logob,.header.scroll-top .header-center .logob {display: none;} 
.header.scroll-down .header-center .logos,.header.scroll-top .header-center .logos {display: block;}
.header.scroll-down::after,.header.scroll-top::after {background: #000;opacity: .1;}
.header.scroll-down a,.header.scroll-top a {color: #3c3c3c;}
.header.scroll-down a.cur,.header.scroll-down a:hover,.header.scroll-top a.cur,.header.scroll-top a:hover {color: #006730;}
.header.scroll-down .header-search,.header.scroll-top .header-search{background: url('../images/ssh.png') center no-repeat rgba(0,0,0,.2);}
.header.scroll-down .header-search:hover,.header.scroll-top .header-search:hover{background: url('../images/ssb.png') center no-repeat #35bc66;}

.header.cur {background: #fff;}
.header.cur::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #ededed;opacity: 1;}
.header.cur .header-center .logob {display: none;} 
.header.cur .header-center .logos {display: block;}
.header::after.cur {background: #000;}
.header.cur a {color: #3c3c3c;}
.header.cur a.cur,.header.cur a:hover {color: #006730;}
.header.cur .header-search{background: url('../images/ssh.png') center no-repeat rgba(0,0,0,.2);}
.header.cur .header-search:hover{background: url('../images/ssb.png') center no-repeat #35bc66;}

.detail .header {background: #fff;}
.detail .header::after {background: #ededed;opacity: 1;} 
.detail .header .header-center .logob {display: none;} 
.detail .header .header-center .logos {display: block;}
.detail .header a {color: #3c3c3c;}
.detail .header a.cur,.detail .header a:hover {color: #006730;}
.detail .header .header-search{background: url('../images/ssh.png') center no-repeat rgba(0,0,0,.2);}
.detail .header .header-search:hover{background: url('../images/ssb.png') center no-repeat #35bc66;}


.header-search-show {padding:1.2% 0;overflow: hidden;background: #fff;position: fixed;left: 0;top:-200px;z-index: 999;width: 100%;transition:all .4s ease;}
.header-search-show .content{width: 30%;margin: auto;position: relative;}
.search-input {display:block;width: 100%;border: none;background: #eeeeee;border-radius: 100px;font-size: 16px;color: #000;padding: 3% 10%;box-sizing: border-box;}
.search-btn,.search-close-btn {display: block;width: 40px;height: 40px;position: absolute;top: 50%;transform:translateY(-50%);z-index: 10;border-radius: 100%;border: none;cursor: pointer;}
.search-btn {background: url('../images/sss.png') center no-repeat;right: 2%;}
.search-close-btn {background: url('../images/xx.png') center no-repeat;left: 2%;}
.search-btn:hover {background: url('../images/ssb.png') center no-repeat #046432;}
.search-close-btn:hover {background: url('../images/xxb.png') center no-repeat #046432;}
.header-search-show.cur {top: 0;}

.index-search {margin: 8% 0 4% 0;overflow: hidden;}
.search-content {width: 75%;margin: auto;}
.search-content-top {text-align: center;}
.search-title {font-size: 40px;color: #20402c;}
.search-input-content {margin-top: 3%;background: #f8f8f8;position: relative;border-radius: 20px;padding: 2%;}
.search-content-input {background: #fff;padding:2% 5%;width: 100%;box-sizing: border-box;border-radius: 20px;border: none;font-size: 18px;}
.search-content-input::-webkit-input-placeholder {color: #ccc;}
.search-content-btn {display: block;width: 40px;height: 40px;position: absolute;top: 50%;transform:translateY(-50%);z-index: 10;right: 5%;background: url('../images/sb.png') center no-repeat;border: none;cursor: pointer;}
.search-content-btn::before {content: '';width: 1px;height:30px;top: 50%;transform:translateY(-50%);position: absolute;left: -30px;background: #ccc;opacity: .2;}
.search-content-center {padding: 2% 0;overflow: hidden;}
.search-return {color: #999;width: 96%;margin: auto;}
.search-return strong{color: #000;}
.search-nav {padding: 2% 0 0 0;width: 96%;margin: auto;overflow: hidden;position: relative;margin-top: 1%;}
.search-nav::after  {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #ededed;}
.search-nav a {font-size: 18px;color: #ccc;margin-right:4%;position: relative;display:inline-block;vertical-align: middle;padding: 20px 0;z-index: 10;}
.search-nav a::after {content: '';width: 30px;height: 3px;position: absolute;left: 50%;transform:translateX(-50%);bottom:0;background: #32b563;display: none;}
.search-nav a:hover {color: #000;}
.search-nav a.cur {color:#20402c}
.search-nav a.cur::after  {display: block;} 
.search-content-bottom {padding:1% 0;overflow: hidden;}
.search-product-return {overflow: hidden;}
.search-product-return .product-item{width: 23%;float: left;margin-right: 2.6%;margin-bottom: 5%;}
.search-product-return .product-item.mr0 {margin-right:0;}
.search-knowledge-return {overflow: hidden;}
.search-knowledge-return .news-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 4%;overflow: hidden;}
.search-knowledge-return .news-item.mr0 {margin-right: 0;}




/* nav */

.menu-toggle {width:50px;height:50px;overflow: hidden;display: none;position: absolute;right: 0;top: 50%;margin-top: -25px;}
.menu-toggle a {margin: 0;}
.menu-toggle .cd-nav-trigger {display: block;overflow: hidden;width: 100%;height: 100%;overflow: hidden;position: relative;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;background: #000;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;transform:translate(-70px,-70px)  rotate(45deg);transition-delay:0.12s;background: #000;}
.menu-toggle span.cross:after {transition-delay:0s;transform:translate(70px,-70px) rotate(-45deg);}
.menu-toggle span.cross:after {transform:translate(-70px,70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {transform:translateX(70px);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;transform:rotate(45deg);background: #000;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;transform:translate(0px,0px) rotate(-45deg);background: #000;}
.header.cur .menu-toggle span.hamburger,.header.cur .menu-toggle span.hamburger:after,.header.cur .menu-toggle span.hamburger:before{background: #000;}
.no-touch .header.cur .menu-toggle span.cross:before,.no-touch .header.cur .menu-toggle span.cross:after {background: #000;}




.mobile-nav {position: fixed;overflow: hidden;width: 100%;height: 100%;left: 0;top: 0;z-index: 31;padding-top:20%;background: rgba(0,0,0,.9);box-sizing: border-box;transition:all .4s ease;display:block;transform:translateX(100%);}
.mobile-nav ul {position: relative;width: 80%;height: 100%;overflow-x: hidden;overflow-y: scroll;margin: 0 auto;padding: 0;list-style: none;}
.mobile-nav ul::-webkit-scrollbar{width:0px;}
.mobile-nav li{list-style: none;margin: 0;padding: 20px 0;text-align: left;border-bottom: 1px solid rgba(255,255,255,.2);}
.mobile-nav li a{display: block;color: #fff;opacity: .5;font-size: 16px;}
.mobile-nav li a.cur {opacity: 1;}
.mobile-nav li ul {list-style: none;margin: 0;padding: 20px 0;}
.mobile-nav li ul.mchildren {display: none;padding-left: 5%;}
.mobile-nav li ul li{list-style: none;margin: 0;padding:10px 0;}
.mobile-nav li ul li:last-child {border: none;}
.mobile-nav li ul li a{font-family:'Montserrat-Light';font-size: 14px;}
.mobile-nav.is-visible {transform:translateX(0px);display: block;}
.mobile-nav li ul li ul.three-children {display: none;list-style: none;margin: 0;padding:10px 0;width:100%;}
.mobile-nav li ul li ul.three-children.cur {display: block;}
.mobile-nav li ul li ul.three-children a{font-family:'Montserrat-Light';font-size:12px;padding:10px 0;display:block;border-bottom:1px solid rgba(255,255,255,.2);background:none;}
.mobile-nav li ul li ul.three-children a:last-child {border: none;}




/* footer */
.footer {overflow: hidden;width: 100%;padding:5% 0 3% 0;overflow: hidden;}
.footer-content {width: 90%;margin: auto;overflow: hidden;}
.footer-content-top {border-bottom: 1px solid #e6e6e6;padding-bottom:2.5%;overflow: hidden;position: relative;}
.footer-content-top-logo {position: absolute;top:0;left: 0;}
.footer-content-top-logo a {display: block;}
.footer-content-top-nav {float: right;width: 80%;text-align: right;margin-top:1.5%;}
.footer-content-top-nav a{display: inline-block;vertical-align: middle;margin-left: 3%;color: #20402c;font-size: 16px;}
.footer-content-top-nav a:hover {color: #006730;}
.footer-content-bottom {color: #b2b2b2;font-size: 14px;overflow: hidden;padding-top: 2%;}
.footer-content-bottom a {color: #b2b2b2;}
.footer-content-bottom a:hover {color: #000;}
.footer-content-bottom-left {float: left;width: 60%;}
.footer-content-bottom-right {float: right;}	
.footer-content-bottom-left span{display: inline-block;vertical-align: middle;}





  

/* index */
.index-banner-swiper {position: relative;width: 100%;height: 100%;overflow: hidden;}
.index-banner-swiper .swiper-slide .text {position: absolute;left: 10%;top: 50%;transform:translateY(-50%);z-index: 60;color: #fff;width:45%;}
.title-1 {font-size: 60px;font-family: 'Ubuntu-B';}
.introduction-2 {font-size: 20px;line-height: 32px;margin-top: 4%;}
.index-banner-swiper .swiper-slide .text .introduction-2 {width: 70%;}
.index-banner-lbmark {width: 10%;height: auto;position: absolute;left: 0;bottom: 0;z-index: 50;}

.index-banner-lbmark img {display: block;max-width: 100%;}
.index-scroll {position: absolute;left: 3%;bottom: 5%;z-index: 10; width:59px; height:59px;}
.index-scroll::after {content: '';width: 59px;height: 59px;border: 2px dotted #fff;border-radius: 100%;position: absolute;left: 50%;top: 50%;margin: -30px 0 0 -30px;box-sizing: border-box;animation:turnrotate2 8000ms linear infinite;}
.index-scroll i {width: 12px;height: 18px;position: absolute;left: 50%;top: 50%;margin: -9px 0 0 -6px;background: url('../images/down1.png') center no-repeat;animation:updown1 1400ms ease-in-out infinite;}

.index-banner-swiper .swiper-slide .title-1 {transform:translateY(200px);opacity: 0;transition-duration: 1s;transition-timing-function:ease;transition-delay: .1s;}
.index-banner-swiper .swiper-slide .introduction-2 {transform:translateY(200px);opacity: 0;transition-duration: 1s;transition-timing-function:ease;transition-delay: .2s;}
.index-banner-swiper .swiper-slide .introduction-3 {transform:translateY(200px);opacity: 0;transition-duration: 1s;transition-timing-function:ease;transition-delay: .2s;}
.index-banner-swiper .swiper-slide .introduction-3 {width: 80%;line-height: 40px;}
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .introduction-2,
.index-banner-swiper .swiper-slide-active .introduction-3  {transform:translateY(0px);opacity: 1;}
.index-banner-swiper .swiper-slide .pic {overflow: hidden;opacity: 0;}
.index-banner-swiper .swiper-slide-active .pic {animation: bigimgani 4000ms 1 ease forwards;opacity: 1;}
@keyframes bigimgani{0%{transform:scale(1.0);} 100%{transform:scale(1.05);}}
.index-banner-swiper .swiper-slide .text.center {left: 50%;top: 50%;transform:translate(-50%,-50%);text-align: center;}
.index-banner-swiper .swiper-slide .text.right {left: auto;right: 10%;text-align: right;}
.index-banner-swiper .swiper-slide .text.center .introduction-2 {margin: 4% auto auto auto;}
.index-banner-swiper .swiper-slide .text.none {display: none;}
.index-banner-swiper .swiper-slide .text.right .introduction-2 {text-align: right;float: right;clear: both;}


.pcshow { display:block;}
.mbshow { display:none!important;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.pic {background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;}
.img-center {position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;display: block;width: auto!important;height:auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}


.index-about {padding-top: 4%;overflow: hidden;position: relative; padding-bottom:0%;}
.index-content{width: 90%;margin: auto;}
.index-about .index-content {position: relative;z-index: 10;}
.index-about-left .learnmore {margin-top: 10%;}
.index-about-left {float: left;width: 40%;}
.title-2 {font-size: 50px;color: #20402c;}

.learnmore {position: relative;}
.learnmore a{display: inline-block;border-radius: 26px 6px 26px 6px;box-shadow: 0px 8px 50px 0px rgba(230, 125, 15, 0.4);background-color: rgb(230, 125, 15);width: 150px;height: 50px;text-align: center;line-height: 50px;color: #fff;font-size: 15px;text-transform: uppercase;}
.learnmore a:hover {box-shadow: 0px 4px 25px 0px rgba(230, 125, 15, 0.4);}



.learnmore_1{display: inline-block;border-radius: 26px 6px 26px 6px;box-shadow: 0px 8px 50px 0px rgba(230, 125, 15, 0.4);background-color: rgb(230, 125, 15);width: 140px;height: 45px;text-align: center;line-height: 45px;color: #fff;font-size: 13px;text-transform: uppercase; float:left; margin-left:30px; font-weight:700;}
a:hover .learnmore_1 {box-shadow: 0px 4px 25px 0px rgba(18, 168, 73, 0.4); }


.index-about-right {float: right;width: 55%;}
.index-about-right .rd-digital-factory-right-text strong { color:#006730; font-size:17px; }
.index-about-right .rd-digital-factory-right-text { padding-top:3%; padding-bottom:8%; }
.index-about-right .rd-digital-factory-right-text ul { padding-left:0px; margin-left:0px;}
.index-about-right .introduction-3 {padding-bottom: 30px;border-bottom: dashed 2px #e6e6e6;margin-top: 0;padding-top: 0;}
.introduction-3 {font-size: 18px;line-height: 30px;color: #666;}
.index-about .img{background-color: transparent;clear: both;padding-top:3%;z-index: 5;}
.index-about-right-date {position: relative;overflow: hidden;padding-top: 3%;}
.index-about-right-date .item-4:first-child {margin-left: 0;}
.index-about-right-date .item-4 {border: none;border-radius: 0px;width: auto;text-align: left;margin-right: 7%;}
.index-about-right-date .item-4:nth-child(3) {margin-left: 0;}
.index-about-right-date .item-4 li {position: relative;left: auto;top: auto;transform: none;list-style: none;margin: 0;padding: 0;width: 100%;}


.index-about-point {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.about-point-content {width: 100%;height: 100%;position: relative;}
.circular {position:absolute;left:0;top:0;margin-left: -300px;margin-top:-20%;width:638px;height:638px;border-radius:100%;background-image:-webkit-linear-gradient(90deg, rgb(213,224,217) 0%, rgb(255,255,255) 100%);opacity:0.2;z-index:5;}
.circular-xiao1,.circular-xiao2,.circular-xiao3,.circular-xiao4,.circular-xiao5,.circular-xiao6,.circular-xiao7,.circular-xiao8,.circular-xiao9,.circular-xiao0 {border-radius: 100%;position: absolute;z-index: 1;left: 0;top: 0;}
.circular-xiao1 {background-color: rgb(213, 224, 217);width: 29px;height: 29px;opacity: .5;margin-left: 16%;margin-top: 14%;}
.circular-xiao2 {background-color: rgb(54, 191, 104);width: 13px;height: 13px;opacity: .4;margin-left: 33%;margin-top: 16%;} 
.circular-xiao3 {border-color: rgb(54, 191, 104);border-width: 1px;border-style: solid;width: 44px;height: 44px;opacity: .4;margin-left: 23%;margin-top: 25%;} 
.circular-xiao4 {background-color: rgb(54, 191, 104);width: 13px;height: 13px;opacity: .4;margin-left: 6%;margin-top: 30%;} 
.circular-xiao5 {background-color: rgb(213, 224, 217);width: 29px;height: 29px;opacity: .4;margin-left: 42%;margin-top: 20%;} 
.circular-xiao6 {background-color: rgb(213, 224, 217);width: 51px;height: 51px;opacity: .4;margin-left: 65%;margin-top: 28%;} 
.circular-xiao7 {border-color: rgb(54, 191, 104);border-width: 1px;border-style: solid;width: 21px;height: 21px;opacity: .4;margin-left: 78%;margin-top: 30%;} 
.circular-xiao8 {background-color: rgb(54, 191, 104);width: 10px;height: 10px;opacity: .4;margin-left: 80%;margin-top: 23%;} 
.circular-xiao9 {background-color: rgb(54, 191, 104);width: 13px;height: 13px;opacity: .4;margin-left: 95%;margin-top: 30%;} 
.circular-xiao0 {border-color: rgb(54, 191, 104);border-width: 1px;border-style: solid;width: 106px;height: 106px;opacity: .2;margin-left: 90%;margin-top: 15%;} 


.circular0,.circular1,.circular2,.circular3,.circular4,.circular5,.circular6,.circular7,.circular8,.circular9 {border-radius: 100%;position: absolute;z-index: 1;left: 0;top: 0;}
.circular0 {width:638px;height:638px;border-radius:100%;background-image:-webkit-linear-gradient(90deg, rgb(213,224,217) 0%, rgb(255,255,255) 100%);opacity:0.2;z-index:5;margin-left: -300px;margin-top:-20%;}
.circular1 {border-color: rgb(54, 191, 104);border-width: 1px;border-style: solid;width: 44px;height: 44px;opacity: .4;margin-left: 6%;margin-top: 35%;}
.circular2 {background-color: rgb(54, 191, 104);width: 13px;height: 13px;opacity: 1.2;margin-left: 10%;margin-top: 48%;} 
.circular3 {background-color: rgb(213, 224, 217);width: 40px;height: 40px;opacity: .4;margin-left: 25%;margin-top: 60%;} 
.circular4 {background-color: rgb(54, 191, 104);width: 13px;height: 13px;opacity: 1.4;margin-left: 85%;margin-top: 28%;} 
.circular5 {background-color: rgb(54, 191, 104);width: 29px;height: 29px;opacity: .4;margin-left: 95%;margin-top: 35%;} 
.circular6 {border-color: rgb(54, 191, 104);border-width: 1px;border-style: solid;width: 45px;height: 45px;opacity: .8;margin-left: 85%;margin-top: 45%;} 
.circular7 {width:638px;height:638px;border-radius:100%;background-image: -webkit-linear-gradient( 155deg, rgb(213,224,217) 0%, rgb(255,255,255) 100%);opacity:0.2;z-index:5;margin-left:36%;margin-top:50%;} 
.page-about-angel-nutritechy .img{z-index: 20;}
.weitext1 {width: 81px;height: 233px;background: url('../upload/2020.png') center no-repeat;background-size: 100%;position: absolute;left: 0;top: 0;margin-left: 18%;margin-top: 48.5%;}
.weitext2 {width: 80px;height: 298px;background: url('../upload/Since.png') center no-repeat;background-size: 100%;position: absolute;left: 0;top: 0;margin-left: 13%;margin-top: 36%;}

  
  
 
.index-science-technology {overflow: hidden;padding: 6% 0;}
.index-science-technology .index-content {width: 86%;}
.index-science-technology-content{overflow: hidden;background: #f7f8f9;border-radius: 40px;position: relative;}
.index-science-technology-left {float: left;width: 50%; overflow:hidden;}
.index-science-technology-left img{mix-blend-mode: multiply;margin-left: -8%;}
.index-science-technology-right {width: 42%;position: absolute;right: 5%;top: 50%;transform:translateY(-50%)}
.title-3 {font-size: 40px;color: #20402c;}
.index-science-technology-right .introduction-3 {padding-bottom: 30px;border-bottom: dashed 2px #e6e6e6;padding-top: 20px;}
.index-science-technology-right .introduction-3 .rd-digital-factory-right-text ul { padding-left:0px; margin-left:0px; }
.index-science-technology-right .introduction-3::before {display: none;}
.item-3 {padding: 5% 0;overflow: hidden;}
.item-3 li {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;position: relative;width: 32%;}
.item-3 li:nth-child(1) { width:20%;}
.item-3 li:nth-child(2) { width:39%;}
.item-3 li:nth-child(3) { width:39%;}
.item-3 li p {word-wrap:  normal !important ;    word-break: keep-all!important;
	white-space:normal !important; width:80%;}
.item-3 li::before {content: '';width: 1px;height: 100%;background: #dedfe0;position: absolute;right:15%;top: 0;}
.item-3 li:last-child:before {display: none;}
.item-3 li strong{font-size: 40px;font-weight: normal;color: #32b563;}
.item-3 li strong.add{padding-right: 10px;position: relative;}
.item-3 li strong.add::after {content: '+';position: absolute;right: 0;top:5%;font-size: 18px;color: #32b563;}
.item-3 li:nth-child(1) strong.add:after {content: 'year'; right:-30px;}
.item-3 li:nth-child(2) strong.add:after {content: 'tons'; right:-30px;}
.item-3 li:nth-child(3) strong.add:after {content: 'tons'; right:-30px;}


.item-3 li p{color: #666;padding: 0;margin: 10px 0 0 0;}
.index-science-technology-right .learnmore {margin-top: 3%;}
.index-science-technology-right .learnmore a{box-shadow:none;background-color:#969696;}
.index-science-technology-right .learnmore a:hover{box-shadow: 0px 8px 50px 0px rgba(18, 168, 73, 0.4);background-color: rgb(54, 191, 104);}



.index-latest-products {overflow: hidden;padding-bottom: 3%; background:#f4f4f4;}
.index-latest-products .index-content {overflow: hidden;}
.index-latest-products-top {position: relative;overflow: hidden;}
.index-latest-products-top .learnmore-2{position: absolute;right: 0;top: 0;}
.learnmore-2{overflow: hidden;}
.learnmore-2 a{display: inline-block;position: relative;}
.learnmore-2 span{font-size: 15px;color: #bebebe;display: inline-block;vertical-align: middle;margin-right: 10px;text-transform: uppercase;}
.learnmore-2 i{display: inline-block;vertical-align: middle;width: 30px;height: 30px;position: relative;border: 2px solid #ccc;border-radius: 100%;}
.learnmore-2 i::before,.learnmore-2 i::after {content: '';width:2px;height:10px;position: absolute;left: 50%;top: 50%;margin: -5px 0 0 -1px;background: #ccc;}
.learnmore-2 i::after {width:10px;height:2px;margin:-1px 0 0 -5px;}
.learnmore-2 a:hover span{color: #32b563;}
.learnmore-2 a:hover i{border: 2px solid #32b563;}
.learnmore-2 a:hover i::before,.learnmore-2 a:hover i::after {background: #32b563;}
.index-latest-products-content {padding: 3% 0 0px;overflow: hidden;position: relative;}
.index-latest-products-swiper {overflow: hidden;}
.product-item a{display: block;position: relative;overflow: hidden;}
.product-item a { display:flex;}

.product-item.ny_prolist a { display: block !important;}
.product-item.ny_prolist .img{background-color: #f0f2f3;border-radius: 40px 16px 40px 16px; width:100%;}
.product-item.ny_prolist .text { width:100%;}
.product-item.ny_prolist .img img { width:100%; height:100%; object-fit: cover;}
.product-item.ny_prolist .text .text-2 { display:none;}
.product-item.ny_prolist:nth-child(4n) { margin-right:0px !important;}
.product-item.ny_prolist .img::before,.product-item .img::after { display:block !important;}
.page-product-detail-left-pic-swiper .img img.img-center { width:100% !important; height:auto; max-width:inherit !important; max-height:inherit !important;}



.page-product-detail-right-text .text-3 p{ margin:0px; padding:0px;}
.page-product-detail-right-text .title-3 { font-size:25px !important;}
.page-product-detail-right-text .text-3 table tr td:nth-chlid(1) { font-weight:700; color:#333;}
.product-item .img{background-color: #f0f2f3;border-radius: 80px 16px 80px 16px; width:50%;}
.product-item .img::before,.product-item .img::after {content:'';position:absolute;width:100%;height:100%;left:0;bottom:0; display:none;}

.product-item .img img{ transition:all .4s; transform:scale(1.1);}
.product-item:hover .img img{ transform:scale(1.1,1.1); }

.product-item .img::before{background:#006730;opacity:0;transition:all .4s ease;z-index:30;}
.product-item .img::after {background: url('../images/jia.png') center no-repeat;display: none;}
.product-item .img img.img-center {max-width: 80%;max-height: 80%;}
.product-item a:hover .img:after {display: block;z-index: 40;}
.product-item a:hover .img::before {opacity: .8;}
.product-item .text{text-align: center;padding-top: 10px; width:50%; background:#fff;}
.product-item .text .our-advantage-left { width:90%; text-align:left;}
.product-item .text .our-advantage-left .title-7 span { width:80%; display:block; }
.product-item .text .our-advantage-left .text-6 { line-height:26px; font-size:15px;}
.product-item .text .our-advantage-left .text-6 strong { color:#666; width:100%; line-height:30px; display: inline-block;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 30px;
line-height: 30px;


 }
.product-item .text .our-advantage-left .title-7 i { }
.product-item .text .title-4 {padding: 0px 0;width: 90%;margin: 10px auto;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 50px;
line-height: 25px; 
white-space: normal;



}
.product-item .text .title-5 {padding: 0px 0;width: 100%;margin: 10px auto 0px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: ;
line-height: 25px; 
white-space: normal; text-align:left;



}
.product-item .text .text-2 {min-height: 45px;}
.title-4{font-size: 18px; color: #20402c;}
.text-2{font-size: 15px;line-height: 23px;color: #999;}
.index-latest-products-bottom {position: relative;overflow: hidden;padding:2% 0 0 0;}
.index-latest-products-progressbar {width: 100%;height: 2px;background: #e5e5e5;top: auto;bottom: 0;}
.index-latest-products-progressbar span {background: #32b563!important;}
.index-latest-products-num {padding-bottom:1%;color: #999;font-size: 15px;}
.index-latest-products-num #total1 {font-size: 15px;color: #999;}
.index-latest-products-num #current1 {color: #006730;font-size: 30px;}
.latest-products-next,.latest-products-prev {width: 40px;height: 40px;position: absolute;right: 0;bottom: 20px;left: auto;top: auto;margin:auto;border: 1px solid #e7e7e7;border-radius: 100%;opacity: 1;z-index: 40;}
.latest-products-next:after,.latest-products-prev:after {display: none;}
.latest-products-next {background: url('../images/right1.png') center no-repeat;}
.latest-products-prev {background: url('../images/left1.png') center no-repeat;}
.latest-products-prev {right: 50px;}
.contain  {position:absolute; width:100%; height:100%; z-index:3; left:0; top:0; display:block;box-sizing: border-box;}
.contain .path { stroke-dasharray: 135;stroke-dashoffset: 135;box-sizing: border-box;}
.latest-products-next .contain .path{animation: dash 3000ms infinite;}



.index-health-knowledge {background: url('../upload/HealthKnowledge.jpg') center no-repeat;background-size:cover ;padding: 2% 0;overflow: hidden;}
.index-health-knowledge-top {position: relative;overflow: hidden;}
.index-health-knowledge-top .learnmore-2{position: absolute;right: 0;top: 50%;transform:translateY(-50%);}
.index-health-knowledge-list {margin-top: 4%;overflow: hidden;}
.index-health-knowledge-swiper {overflow: hidden;}
.news-item .img{border-radius: 20px;overflow: hidden;background-color: #ccc;}
.news-item .pic {background-color: transparent;}
.news-item .text{text-align: center;padding-top: 15px;}
.news-item .text .title-4 {padding: 15px 0;}
.news-item a:hover .text .title-4{color: #32b563;}
.news-item a:hover .viewdetails-1 span {color: #32b563;}
.news-item a:hover .viewdetails-1 i {background: #32b563;} 
.news-item a:hover .pic {transform:scale(1.05)}
.viewdetails-1 {overflow: hidden;}
.viewdetails-1 span{display: inline-block;vertical-align: middle;font-size: 14px;color: #999;margin-right: 10px;}
.viewdetails-1 i{display: inline-block;vertical-align: middle;width: 20px;height: 20px;background: #ccc;border-radius: 100%;position: relative;font-style: normal;}
.viewdetails-1 i::after {content:'>';position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);font-size: 12px;color: #fff;}
	

.index-contact-us {padding: 8% 0 6% 0;overflow: hidden;background: url('../upload/ContactUs.jpg') center no-repeat;background-size:cover;color: #fff;}
.index-contact-us-left {float: left;width: 39%;}
.index-contact-us-left .title-2{color: #fff;}
.index-contact-us-left .introduction-3{color: #fff;margin-top: 4%;}
.icon-item-3 {margin-top: 8%;}
.icon-item-3 li{list-style: none;margin: 0;padding:5px 0;padding-left: 60px;position: relative;margin-bottom:20px;}
.icon-item-3 li a { color:#fff;}
.icon-item-3 li i{display: block;position: absolute;left: 0;top: 0;width: 43px;height: 43px;border: 2px solid #fff;border-radius: 100%;overflow: hidden;}
.icon-item-3 li i.tel {background: url('../images/tel.png') center no-repeat;}
.icon-item-3 li i.eml {background: url('../images/eml.png') center no-repeat;}
.icon-item-3 li i.add {background: url('../images/add.png') center no-repeat;}
.icon-item-3 li span{font-size: 14px;display: block;padding-bottom: 5px;opacity: .8;}
.icon-item-3 li strong{display: block;font-size: 16px;font-weight: normal;}
.index-contact-us-right {float: right;width: 45%;}
.index-contact-us-right input,.index-contact-us-right textarea {color: #fff;}
.index-contact-us-right input::-webkit-input-placeholder,.index-contact-us-right textarea::-webkit-input-placeholder {color: #d6f0de;}
.two-input {padding: 5px 0;overflow: hidden;}
.two-input input{border:none;background:rgba(255,255,255,.2);height:60px;line-height:60px;box-sizing:border-box;padding:0 5%;width:49%;float:left;border-radius: 28px 4px 28px 4px; font-family:'Ubuntu-L',PingFang SC,Microsoft Yahei,Helvetica Neue,Arial; color:rgba(255,255,255,.5); }
.two-input input:last-child {float: right;}
.one-input {padding: 5px 0;overflow: hidden;}
.one-input textarea{border: none;background: rgba(255,255,255,.2);box-sizing: border-box;padding:3% 5%;min-height: 100px;width: 100%;border-radius: 28px 4px 28px 4px;}
.one-input textarea {font-family:'Ubuntu-L',PingFang SC,Microsoft Yahei,Helvetica Neue,Arial; color:rgba(255,255,255,.5); }
.click-buttom {padding: 5px 0;overflow: hidden;}
.click-buttom input{display: inline-block;vertical-align: middle;width: 16px;height: 16px;background:#fff;border: none;border-radius: 4px;opacity: .2;}
.click-buttom span{display: inline-block;vertical-align: middle;opacity: .8;}
.click-buttom a {display: inline-block;vertical-align: middle;color: #046432;}
.click-buttom input.cfcheckbox {opacity: 1;border: 1px solid #fff;background: #fff;display: inline-block;width: 20px;height: 20px;border-radius: 0px;}
.send-btn {display: block;overflow: hidden;margin-top: 5%;}
.send-btn a{display: inline-block;border-radius: 26px 6px 26px 6px;background-color:#046432;width:180px;height: 60px;text-align: center;line-height: 60px;color: #fff;font-size: 15px;text-transform: uppercase;}
			


  

/* product */
#Product {position: absolute;left: 0;bottom: 8%;height: 1px;width: 1px;}
.introduction-3 {padding-top: 4%;position: relative;margin-top: 3%;}
.introduction-3::before {content: '';width: 30px;height: 2px;position: absolute;left: 0;top: 0;background: #fff;}
.introduction-3 h3 {font-size: 32px;color: #fff;font-weight: normal;margin: 0;}

.page-product {padding: 5% 0 2% 0;overflow: hidden;}
.page-content {width: 90%;margin: auto;}
.page-product-left {float: left;width: 20%;overflow: hidden;}
.page-product-left-nav {overflow: hidden;}
.title-5 {color: #20402c;font-size: 22px;}
.page-product-left-nav .title-5 {padding-bottom:10px;border-bottom: 1px solid #ededed;}
.page-product-left-nav-item {padding-top: 15px;overflow: hidden;}
.nav-list-1 {border-bottom: 1px solid #ededed;overflow: hidden;}
.nav-list-1:last-child {border: none;}
.nav-list-1 h4{font-weight: normal;font-size: 18px;color: #20402c;background: url('../images/d2.png') right center no-repeat;cursor: pointer;}
.nav-list-1.cur h4 {background: url('../images/d1.png') right center no-repeat;}
.nav-list-1 ul{padding: 0;margin: 0;list-style: none;display: none;padding-bottom: 40px;}
.nav-list-1.cur ul {display: block;}
.nav-list-1 li{padding: 10px 0;margin: 0;list-style: none;}
.nav-list-1 a{font-size: 14px;color: #999;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 20px;
line-height: 20px;

}     
.nav-list-1 li.cur a{color: #32b563;}
.nav-list-1 a:hover {color: #000;}

.page-product-right {float: right;width: 75%;overflow: hidden;}
.page-product-top {position: relative;padding-bottom:10px;border-bottom: 1px solid #ededed;z-index: 11;}
.choice-1 {position: absolute;right: 0;top: 5px;width: 18%;}
.choice-1 h4{margin: 0;font-size: 14px;color: #20402c;padding: 0px 5% 8px 10%;background: url('../images/d2.png') 90% 5px no-repeat;cursor: pointer;}
.choice-show{padding: 5% 10%;border: 1px solid #ededed;background: #fff;border-radius: 4px;display: none;}
.choice-show a{color: #bebebe;display: block;padding-bottom: 5px;}
.choice-show a:hover{color: #32b563;}
.choice-1.cur .choice-show {display: block;}
.choice-1.cur h4 {background: url('../images/d1.png') 90%  5px no-repeat;}
.page-product-list {padding: 4% 0;overflow: hidden;}
.page-product-list .product-item{width: 31.333%;float: left;margin-right: 3%;margin-bottom: 5%;}
.page-product-list .product-item.mr0 {margin-right:0;}
.pageturn {text-align: center;margin-bottom: 3%;overflow: hidden;}
.pageturn a{display: inline-block;vertical-align: middle;width: 48px;height: 48px;line-height: 48px;color: #999;font-size: 20px;border: 1px solid #ededed;border-radius: 100%;margin: 0 4px;}
.pageturn a.on,.pageturn a.cur,.pageturn a.on:hover,.pageturn a.cur:hover{background: #32b563;color: #fff;}
.pageturn a:hover {background: #999;color: #fff;}

.page-product-list .product-item.ny_prolist {width: 24%; margin-right:1%;}


.page-product-detail-path {margin-top: 100px;overflow: hidden;padding: 2% 0;font-size: 15px;color: #999;}
.page-product-detail-path a{display: inline-block;vertical-align: middle;font-size: 15px;color: #999;}
.page-product-detail-path span {display: inline-block;vertical-align: middle;}
.page-product-detail-path a.cur{color:#20402c;}
.page-product-detail-path a:hover {color: #006730;}
.page-product-detail-path-left {float: left;}
.page-product-detail-path-right {text-align: right;float: right;}
.page-product-detail-path-right a{font-size: 15px;color: #20402c;text-decoration: underline;padding-bottom: 5px;}
.page-product-detail-path-right a:hover {color: #006730}



.page-product-detail{overflow: hidden;padding-bottom: 3%;}
.page-product-detail-left{float: left;width:48%;overflow: hidden;position: relative;     height: fit-content;}
.page-product-detail-left-pic{position: relative;}
.page-product-detail-left-pic-swiper{position: relative;border-radius: 80px 16px 10px 16px;}
.page-product-detail-left-pic-swiper .img {background-color: #fff;}
.page-product-detail-top-pic {position: absolute;left: 5%;bottom: 3%;width: 90%;z-index: 10;}
.page-product-detail-left-img-swiper{position: relative;}
.page-product-detail-left-img-swiper .img {background-color: #fff;border-radius: 16px;box-sizing: border-box;cursor: pointer;border: 3px solid #fff;}
.page-product-detail-left-img-swiper .img img.img-center {max-width:60%;max-height:70%;}
.page-product-detail-left-img-swiper .swiper-slide-thumb-active .img{border: 3px solid #32b563;}

.page-product-detail-right{float: right;width:49%;position: relative;}
.page-product-detail-right.full {float: none;width:100%;}
.page-product-detail-right-text {padding: 1% 0;}
.page-product-detail-right-text .title-3 {padding-bottom:35px;}
.title-6 {font-size: 20px;position: relative;color: #20402c;padding-left: 20px;margin:20px 0;}
.title-6::before{content: '';width: 5px;height:80%;position: absolute;left: 0;top: 10%;background: #32b563;}
.page-product-detail-right-text .text-3 {font-size: 15px;line-height: 26px;color: #333;padding:0 0 2% 0;overflow: hidden;}
.item-li-1 li, .page-product-detail-right-text .text-3 table tr td { line-height:22px; vertical-align: top;}
.item-li-1 li, .page-product-detail-right-text .text-3 table tr{ margin-bottom:15px; display:block;}
.item-li-1 li, .page-product-detail-right-text .text-3 table tr td:nth-child(1){ font-weight:700; color:#000;}
.item-li-1 {overflow: hidden;}
.item-li-1 ul {display: block;list-style: none;padding: 0;margin: 0;}
.item-li-1 li{list-style: none;margin: 0;padding: 0 0 0 10px;font-size: 15px;color: #666;position: relative;line-height: 28px;}
.item-li-1 li:before{content: '';width: 4px;height:4px;position: absolute;left: 0;top: 50%;transform:translateY(-50%);background: #32b563;border-radius: 100%;}
.page-product-detail-right-text .learnmore {margin-top: 5%;}               
.page-product-description {overflow: hidden;clear: both;padding: 3% 0;border-bottom: 1px solid #ededed;}
.product-description-left {font-size: 18px;color: #20402c;line-height: 28px;float: left;width: 50%;}
.product-description-right {float: right;width: 49%;}
.product-description-right .item-li-1 li{color: #999;}
.product-description-right .item-li-1 li:before{top: 13px;transform:none}
.page-product-usage {overflow: hidden;clear: both;padding-top:1%;}
.page-product-usage .product-description-left {width: 100%;float: none;}

.page-popular-products {padding-top: 5%;overflow: hidden;position: relative;clear: both;}
.page-popular-products-top {position: relative;overflow: hidden;padding: 2% 0;}
.page-popular-products-top .learnmore-2{position: absolute;right: 0;top: 50%;transform:translateY(-50%);}
.page-popular-products-top::after,.page-popular-products-top::before {content: '';position: absolute;left: 0;bottom: 0;}
.page-popular-products-top::after {width: 100%;height: 1px;background: #ededed;}
.page-popular-products-top::before {width: 30px;height:3px;background: #32b563;z-index: 1;}
.page-popular-products-list {padding-top: 4%;}





/* Knowledge */
.page-health-knowledge {overflow: hidden;padding: 6% 0;}
.page-health-knowledge-top {overflow: hidden;position: relative;border-radius: 20px;}
.page-health-knowledge-top a{background: #f9f9f9;display: block;overflow: hidden;}
.page-health-knowledge-left{float: left;width: 60%;}
.page-health-knowledge-left .img{background-color: transparent;}
.page-health-knowledge-right {width: 34%;height: 90%;padding: 3% 3% 0 3%;position: relative;position: absolute;right: 0;top: 0;}
.page-health-knowledge-right .title-7{padding-bottom: 25px;}
.page-health-knowledge-right .data-1 {margin-bottom: 2.5%;}
.title-7{font-size: 26px;color: #20402c;}
.data-1 {font-size: 14px;color:#999;}
.text-4 {font-size: 16px;color:#666;line-height: 36px;}
.page-health-knowledge-text .text-4{text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
height: 252px;
line-height: 36px;}
.page-health-knowledge-right .viewdetails-1{position: absolute;bottom: 5%;}
.page-health-knowledge-top a:hover .title-7 ,.page-health-knowledge-top a:hover .data-1,.page-health-knowledge-top a:hover .text-4,.page-health-knowledge-top a:hover .viewdetails-1 span{color: #006730;}
.page-health-knowledge-top a:hover .viewdetails-1 i{background: #32b563;}


.page-health-knowledge-list {overflow: hidden;padding: 6% 0;background: url('../images/knbg.jpg') center top no-repeat;background-size:cover;}
.page-health-knowledge-list-content {overflow: hidden;}
.page-health-knowledge-list-content .news-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 4%;overflow: hidden;}
.page-health-knowledge-list-content .news-item:nth-child(3n){ margin-right:0;}
.page-health-knowledge-list-content .news-item.mr0 {margin-right: 0;}
.more-btn {overflow: hidden;position: relative;clear: both;}
.more-btn::before {content: '';display: block;clear: both;width: 100%;height: 20px;}
.more-btn a{display: block;width: 100%;padding: 1.5% 0;text-align: center;font-size: 16px;color: #3c3c3c;background: #fff;border-radius: 20px;overflow: hidden;}
.more-btn a:hover {color: #fff;background: #32b563;}


.page-health-knowledge-detail {padding: 0;overflow: hidden;}
.page-health-knowledge-detail .page-product-detail-path {margin-top: 0;}
.detail-1 {font-size: 18px;line-height: 36px;color: #999;}
.page-health-knowledge-detail-content {overflow: hidden;padding: 1% 0 5% 0;}
.page-health-knowledge-detail-left {float: left;width: 71%;overflow: hidden;}
.page-health-knowledge-detail-left .data-1 {padding: 15px 0 25px 0;}
.page-health-knowledge-detail-left .detail-1 {padding:3% 0 4% 0;overflow: hidden;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;}
.page-health-knowledge-detail-left .detail-1 img {border-radius: 20px;max-width: 100%;}
.page-health-knowledge-detail-left .detail-1 img {height: auto!important;width: auto!important;}

.pageprev-next{overflow: hidden;}
.pageprev-next a {display:block;overflow: hidden;position: relative;padding: 2% 0;color: #ccc;border-bottom: 1px solid #ededed;}
.pageprev-next strong {display: block;width: 90%;font-size: 20px;}
.pageprev-next span {display: block;position: absolute;right: 0;top: 50%;transform:translateY(-50%);font-size: 16px;}
.pageprev-next a:hover strong,.pageprev-next a:hover span{color:#32b563;}

.page-health-knowledge-detail-right {float: right;width: 25%;overflow: hidden;}
.page-health-knowledge-detail-right .title-7 {padding: 54px 0 20px 0;overflow: hidden;position: relative;}
.page-health-knowledge-detail-right .title-7::after,.page-health-knowledge-detail-right .title-7::before {content: '';position: absolute;left: 0;bottom: 0;}
.page-health-knowledge-detail-right .title-7::after {width: 100%;height: 1px;background: #ededed;}
.page-health-knowledge-detail-right .title-7::before {width: 30px;height:3px;background: #32b563;z-index: 1;}

.page-health-knowledge-detail-other {overflow: hidden;padding:6% 0;}
.page-health-knowledge-detail-other .news-item{margin-bottom: 8%;}
.page-health-knowledge-detail-other .title-4 {font-size: 16px;}




/* yeast */
.page-history-yeast {padding: 5% 0;overflow: hidden;background: url('../upload/historybg1.jpg') center bottom no-repeat;background-size:cover;}
.page-history-yeast-top {text-align: center;width: 69%;margin: auto;}
.page-history-yeast-top .title-2 {padding-bottom: 10px;}
.page-history-yeast-top .text-1{font-size: 20px;line-height: 30px;color: #999;}
.page-history-yeast-bottom {overflow: hidden;}
.page-history-yeast-swiper {width: 80%;margin: auto;}
.page-history-yeast-swiper .history {text-align: center;padding-top: 13%;position: relative;overflow: hidden;width: 100%;margin: auto;}
.page-history-yeast-swiper .img {background-color: #f7f7f7;width: 52%;margin: auto;z-index: 10;position: relative;border-radius: 40px;}
.page-history-yeast-swiper .img img {max-width: 100%;max-height: 100%;}
.page-history-yeast-swiper .text {text-align: left;padding-top: 20px;font-size: 18px;color: #999;width: 45%;margin: auto;position: relative;z-index: 9;}
.page-history-yeast-swiper .year {position: absolute;left: 0;top: 0;color: #f8f8f8;width: 100%;text-align: left;}
.page-history-yeast-swiper .year-num-1 {font-size: 340px;line-height: 300px;display: inline-block;vertical-align: top;}
.page-history-yeast-swiper .year-english-2 {font-size: 30px;display: inline-block;vertical-align: top;margin-top: 5%;}
.page-history-yeast-swiper .year-num-1{transform:translateX(200px);opacity:0;transition:all 0.6s;}
.page-history-yeast-swiper .year-english-2{transform:translateX(200px);opacity:0;transition:all 0.9s;}
.page-history-yeast-swiper .swiper-slide-active .year-num-1,
.page-history-yeast-swiper .swiper-slide-active .year-english-2{transform:translateX(0px);opacity:1;}


.page-history-yeast-health {padding: 5% 0 1% 0;overflow: hidden;}
.page-history-yeast-health .title-2 {text-align: center;width: 50%;margin: auto;}
.page-history-yeast-health .page-content {padding: 4% 0;}
.page-history-yeast-health-left {float: left;width: 40%;}
.page-history-yeast-health-left .title-5{padding:10px 0;}
.item-li-4 {font-size: 18px;line-height: 26px;color: #999;padding: 20px 0;overflow: hidden;width: 88%;}
.item-li-4 li{list-style: none;margin: 0;padding: 0;margin-bottom: 4%;padding-left: 15px;position: relative;}
.item-li-4 li::before {content: '';width: 6px;height: 6px;position: absolute;left: 0;top: 10px;background: #32b563;border-radius: 100%;}
.page-history-yeast-health-right {float: left;width: 60%;} 
.page-history-yeast-health-right-pic img{max-width: 100%;}
.history-next ,.history-prev {border: 2px dotted #666;z-index: 150;width: 50px;height: 50px;top: 45%;margin-top: 0;border-radius: 100%;opacity: 0.2;cursor: pointer;transition:all .4s ease;}
.history-next:after ,.history-prev:after {display: none;}
.history-next {background: url('../images/next1.png') center no-repeat;right:15%;}
.history-prev {background: url('../images/prev1.png') center no-repeat;left: 15%;}
.history-next:hover  {background: url('../images/next2.png') center no-repeat #046432;border: 2px solid #046432;opacity: 1;}
.history-prev:hover  {background: url('../images/prev2.png') center no-repeat #046432;border: 2px solid #046432;opacity: 1;}


.history-yeast-path {position: relative;margin-top: -5%;}
.path-point {position: absolute;left: 7%;top: 26%;z-index: 1;}
.path-point a{display: block;overflow: hidden;position: relative;text-align: center;}
.path-point i {display: block;margin: 25px auto;width: 8px;height: 8px;position: relative;background: #999;border-radius: 100%;}
.path-point i::after {content: '';width:0px;height:0px;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);border-radius: 100%;opacity:0;z-index: -1;transition:all .4s ease;}
.path-point span {color: #999;font-size: 22px;font-weight: bold;}
.path-point.cur span{color:#32b563;}
.path-point.cur i {background: #32b563;}
.path-point.cur i::after {background: #32b563;opacity: .2;width:50px;height:50px;}
.path-point.point1 {left: 7%;top: 26%;}
.path-point.point2 {left:22%;top: 81%;}
.path-point.point3 {left:39%;top: 55%;}
.path-point.point4 {left:55%;top: 62%;}
.path-point.point5 {left:70%;top: -8%;}
.path-point.point6 {left:85%;top: 65%;}





/* about */
.page-development-history {padding: 5% 0 ;overflow: hidden;}
.page-development-history .title-8 {text-align: center;width: 50%;margin: auto;}




.title-8 {font-size: 40px;color: #20402c;position: relative;text-align: center;width: 50%;margin: auto;}
.title-8::after {content: '';width: 30px;height: 4px;margin: 20px auto;background: #32b563;display: block;}
.page-about-angel-nutritechy {padding: 5% 0 0 0;overflow: hidden;background: url('../upload/aboutbg11.png') left -200% no-repeat;position: relative;}
.page-about-angel-nutritechy .title-8 {text-align: center;width: 50%;margin: auto;}
.text-5 {font-size: 24px;line-height: 36px;color: #7e7e7e;width: 68%;margin: auto;text-align: center;}
.page-about-angel-nutritechy .img {background-color: transparent;clear: both;padding-top: 1%;}
.page-about-angel-nutritechy .page-content {padding-top:2%;width: 68%;margin: auto;}
.about-angel-nutritechy-left {width: 100%;text-align: center;}
.item-4{border: 1px solid #f7f7f7;border-radius: 30px;width: 20%;min-height: 120px;position: relative;margin: 5px;text-align: center;display: inline-block;}
.item-4 li{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);list-style: none;margin: 0;padding: 0;width: 80%;}
.item-4 strong{color: #32b563;font-size: 40px;font-weight: normal;}
.item-4 strong.add{padding-right: 10px;position: relative;}
.item-4 strong.add::after {content: '+';position: absolute;right: 0;top:5%;font-size: 18px;color: #32b563;}
.item-4 p{font-size: 15px;color: #666;display: block;margin: 10px 0;padding: 0;}
.about-angel-nutritechy-right {padding: 1% 0;overflow: hidden;float: right;width: 45%;}
.about-angel-nutritechy-right li{list-style: none;margin: 0;padding: 0;padding: 0px 0px 30px 15px ;line-height: 30px;font-size: 20px;color: #7e7e7e;border-bottom: dashed 2px #e6e6e6;overflow: hidden;margin-bottom: 5%;position: relative;}
.about-angel-nutritechy-right li:last-child {border: none;}
.about-angel-nutritechy-right li::before {content: '';width: 4px;height: 4px;position: absolute;left: 0;top: 13px;background: #32b563;border-radius: 100%;}

.page-about-four-systems {padding: 5% 0 1.5% 0;overflow: hidden;}
.page-about-four-systems .page-content {padding-top:2%;width: 68%;margin: auto;}
.about-four-systems {overflow: hidden;text-align: center;}
.about-four-systems li{list-style: none;margin: 0;padding: 0;display: inline-block;position: relative;width: 33%;vertical-align: top;}
.about-four-systems li::after {content: '';width: 1px;height: 100%;position: absolute;right:0;top: 0;background: #f5f5f5;}
.about-four-systems li h2{display: inline-block;font-weight: normal;position: relative;}
.about-four-systems li strong{display: inline-block;vertical-align: top;font-weight: normal;font-size: 60px;color: #314c3b;}
.about-four-systems li sup{color: #c3d2c9;font-size: 20px;position: absolute;right: -20px;top: 13%;}
.about-four-systems li p{display: block;margin: 0;padding: 10px;font-size: 20px;line-height: 30px;color:#666;width: 84%;margin: auto;}

.about-four-systems-icon {overflow: hidden;text-align: center;padding: 3% 0;font-size: 0;}
.about-four-systems-icon li {list-style: none;margin: 0;padding: 0;display: inline-block;position: relative;width:23%;vertical-align: top;margin:1%;box-sizing: border-box;}
.about-four-systems-icon li a{border: 1px solid #ededed;border-radius: 20px;display: block;overflow: hidden;padding: 15% 10% 25% 10%;margin-top: 8%;}
.about-four-systems-icon li i{display: block;width: 100px;height: 100px;margin: 20% auto;position: relative;}
.about-four-systems-icon li strong{font-size: 24px;color: #314c3b;padding-top: 5%;display: block;}
.about-four-systems-icon li a:hover {margin-top: 0;box-shadow: 0px 0px 50px 0px rgba(111, 111, 111, 0.1);}

.page-about-digitization {padding: 4% 0 8% 0;overflow: hidden;background: url('../upload/digitization.jpg') center top no-repeat;background-size: cover;}
.about-digitization {overflow: hidden;text-align: center;padding: 3% 0;font-size: 0}
.about-digitization li {list-style: none;margin: 0;padding: 0;display: inline-block;position: relative;vertical-align: top;margin:1%;box-sizing: border-box;}
.about-digitization li i {display: block;width: 135px;height: 135px;margin: 1% auto;position: relative;border: 1px solid #ededed;border-radius: 100%;}
.about-digitization li p {font-size: 14px;color: #3c3c3c;display: block;margin: 0;padding: 0;padding-top:10%;}

.about-digitization-text {overflow: hidden;width: 90%;margin: auto;margin-top: 3%;position: relative;}
.about-digitization-text::after {content: '';width:2px;height: 100%;position: absolute;left: 50%;top: 0;border-right: dashed 1px #e6e6e6;}
.about-digitization-text li{list-style: none;margin: 0;padding: 0;padding: 0px 0px 0px 15px ;line-height: 30px;font-size: 18px;color: #7e7e7e;overflow: hidden;margin-bottom: 1%;position: relative;}
.about-digitization-text li::before {content: '';width: 6px;height: 6px;position: absolute;left: 0;top: 13px;background: #32b563;border-radius: 100%;}
.about-digitization-text-left {overflow: hidden;float: left;width: 45%;}
.about-digitization-text-right {float: right;width: 45%;}

.page-about-reliable-quality {clear: both;overflow: hidden;padding: 5% 0;background: url('../upload/mapbg.jpg') center top no-repeat;background-size: cover;}
.page-about-reliable-quality .page-content {padding-top:2%;width: 68%;margin: auto;}
.about-reliable-quality-left {float: left;width: 50%;font-size: 0;}
.about-reliable-quality-left li {list-style: none;padding: 0;margin: 0;width: 115px;height: 115px;position: relative;margin:1%;overflow: hidden;display: inline-block;}
.about-reliable-quality-left li i {width: 115px;height: 115px;display: block;background: #fff;border-radius: 100%;position: relative;}
.about-reliable-quality-right {float: right;width: 45%;margin-top: 2%;}
.about-reliable-quality-right li{list-style: none;margin: 0;padding: 0;padding: 0px 0px 0px 15px ;line-height: 30px;font-size: 18px;color: #7e7e7e;overflow: hidden;margin-bottom: 1%;position: relative;}
.about-reliable-quality-right li::before {content: '';width: 6px;height: 6px;position: absolute;left: 0;top: 13px;background: #32b563;border-radius: 100%;}

.page-about-rdteam {clear: both;overflow: hidden;padding: 5% 0;background: url('../upload/rdteam.jpg') center top no-repeat;background-size: cover;}
.page-about-rdteam .page-content {padding-top:2%;width: 68%;margin: auto;}
.about-rdteam-text {overflow: hidden;width: 90%;margin: auto;margin-top: 2%;position: relative;}
.about-rdteam-text::after {content: '';width:2px;height: 100%;position: absolute;left: 50%;top: 0;border-right: dashed 1px #e6e6e6;}
.about-rdteam-text li{list-style: none;margin: 0;padding: 0;padding: 0px 0px 0px 15px ;line-height: 30px;font-size: 18px;color: #7e7e7e;overflow: hidden;margin-bottom: 1%;position: relative;}
.about-rdteam-text li::before {content: '';width: 6px;height: 6px;position: absolute;left: 0;top: 13px;background: #32b563;border-radius: 100%;}
.about-rdteam-text-left {overflow: hidden;float: left;width: 45%;}
.about-rdteam-text-right {float: right;width: 45%;}
.about-rdteam-icon {text-align: center;padding-top: 5%;overflow: hidden;}
.about-rdteam-icon li{list-style: none;padding: 0;margin: 0;position: relative;overflow: hidden;display: inline-block;width: 22%;vertical-align: top;}
.about-rdteam-icon li a {display: block;overflow: hidden;margin-top: 5%;}
.about-rdteam-icon i{display: block;position: relative;width: 90px;height: 90px;margin: auto;}
.about-rdteam-icon p{display: block;font-size: 20px;color: #314c3b;width: 80%;margin: auto;padding-top: 20px;}
.about-rdteam-icon li a:hover {margin-top: 0;}

.page-industry-influence {clear: both;overflow: hidden;padding: 5% 0 7% 0;}
.page-industry-influence .page-content{overflow: hidden;}
.industry-influence-icon {text-align: center;margin-top: 1%;}
.industry-influence-icon li{list-style: none;margin: 0;padding: 0;display: inline-block;position: relative;width:15%;vertical-align: top;margin:5px;}
.industry-influence-icon a{display: block;overflow: hidden;margin-top: 4%;}
.industry-influence-icon i{display: block;width: 100%;height: 230px;margin: 10% auto;position: relative;border: 1px solid #ededed;border-radius:10px;box-sizing: border-box;}
.industry-influence-icon p{font-size: 13px;color: #3c3c3c;display: block;padding: 0;margin: 0;}
.industry-influence-icon a:hover {margin: 0;}


.page-industry-commitment {clear: both;overflow: hidden;padding: 5% 0 10% 0;background: url('../upload/industry2.jpg') center bottom no-repeat;background-size: cover;}
.page-industry-commitment .title-8 {color: #fff;}
.page-industry-commitment .text-5 {color: #fff;}
.page-industry-commitment .page-content {overflow: hidden;width: 70%;margin: auto;margin-top: 2%;}
.industry-commitment-left {float: left;width: 42%;margin-top: 2%;}
.industry-commitment-left li{list-style: none;margin: 0;padding: 0;padding: 0px 0px 0px 15px ;line-height: 30px;font-size: 20px;color: #fff;overflow: hidden;margin-bottom: 1%;position: relative;}
.industry-commitment-left li::before {content: '';width: 4px;height: 4px;position: absolute;left: 0;top: 13px;background: #32b563;border-radius: 100%;}
.industry-commitment-left li span {opacity: .5;}
.industry-commitment-right {float: right;width: 50%;}


.page-industry-improvement {clear: both;overflow: hidden;padding: 5% 0 6% 0;background: #f8f8f8;}
.page-industry-improvement .page-content {overflow: hidden;width: 90%;margin: auto;margin-top: 4%;}
.industry-improvement-left {float: left;width: 50%;}
.industry-improvement-left img {max-width: 100%;border-radius: 100px 0 0 0; width:95%;}
.industry-improvement-right {float: right;width: 50%;margin-top: 1%; font-size:16px; line-height:32px;}
.industry-improvement-right li{list-style: none;margin: 0;padding: 0;padding: 0px 0px 0px 15px ;line-height: 30px;font-size: 20px;color: #7e7e7e;overflow: hidden;margin-bottom: 1%;position: relative;}
.industry-improvement-right li::before {content: '';width: 4px;height: 4px;position: absolute;left: 0;top: 13px;background: #32b563;border-radius: 100%;}
 

.page-about-video {padding: 5% 0;overflow: hidden;background: url('../upload/video.jpg') center no-repeat;background-size: cover;}
.page-about-video .page-content .text-5 {width: 80%;margin: auto;}
.page-about-video .page-content .img{margin-top: 6%;overflow: hidden;border-radius: 20px;}
.page-about-video .page-content .img img {opacity: .5;}
.about-play {position: absolute;width: 98px;height: 98px;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;z-index: 11;background: rgba(255,255,255,.8) url('../upload/play1.png') center no-repeat;cursor: pointer;}
.page-about-video-show {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;background: #000;overflow: hidden;display: block;transform: translateY(-100%);transition:all .4s ease;}
.page-about-video-show.cur {display: block;transform: translateY(0);}
.page-about-video-show video{display: block;width: 100%;height: 100%;margin: auto;}
.about-close {width: 50px;height: 50px;position: absolute;background: #fff url('../images/xx.png') center no-repeat;border-radius: 100%;right: 2%;top: 2%;z-index: 111;cursor: pointer;}




/* Science & Manufacturing */
.page-rd-nutrition-health {clear: both;overflow: hidden;padding: 5% 0;background: url('../upload/rdbg1.jpg') center bottom no-repeat;background-size: 100%;}
.page-rd-nutrition-health .page-content {padding-top:5%;width: 70%;margin: auto;}
.rd-nutrition-health-left {float: left;width: 50%;font-size: 20px;line-height: 30px;color: #7e7e7e;}
.rd-nutrition-health-left li{list-style: none;margin: 0;padding: 0;padding: 0px 0px 0px 15px ;overflow: hidden;margin-bottom:6%;position: relative;}
.rd-nutrition-health-left li::before {content: '';width: 4px;height: 4px;position: absolute;left: 0;top: 13px;background: #32b563;border-radius: 100%;}
.rd-nutrition-health-left li.none::before {display: none;}
.rd-nutrition-health-left strong{display: block;padding: 5% 0;font-size: 22px;line-height: 30px;color: #20402c;border-top: dashed 1px #e6e6e6;border-bottom: dashed 1px #e6e6e6;}
.rd-nutrition-health-right {float: right;width: 42%;}
.rd-nutrition-health-right .img{border-radius: 30px;margin-bottom: 10%;}
.data-3 {overflow: hidden;padding-left: 6%;}
.data-3 li{list-style: none;margin: 0;padding: 0;margin-bottom: 1%;display: inline-block;text-align: left;}
.data-3 li h3{display: inline-block;vertical-align: top;margin: 0;padding: 0;}
.data-3 li strong{display: inline-block;vertical-align: top;font-size: 60px;color: #046432;font-weight: normal;}
.data-3 li sup{display: inline-block;vertical-align: top;font-size: 20px;color: #046432;opacity: .3;margin: 10px;}
.data-3 li span{display: inline-block;vertical-align: top;font-size: 20px;color: #7e7e7e;margin-top: 4%;}
.data-3 li:first-child {margin-right: 15%;} 

.page-rd-digital-factory {clear: both;overflow: hidden;padding: 5% 0 6.5% 0;}
.page-rd-digital-factory .page-content {padding-top:2%;width: 70%;margin: auto;}
.rd-digital-factory-left {float: left;width: 42%;}
.rd-digital-factory-left .img{border-radius: 30px;}
.rd-digital-factory-right {float: right;width: 53%;}
.rd-digital-factory-right-text {overflow: hidden;padding-top: 6%;}
.rd-digital-factory-right-text li{list-style: none;margin: 0;padding: 0;padding: 0px 0px 0px 15px ;line-height: 30px;font-size: 20px;color: #7e7e7e;overflow: hidden;margin-bottom: 1%;position: relative;}
.rd-digital-factory-right-text li::before {content: '';width: 4px;height: 4px;position: absolute;left: 0;top: 13px;background: #32b563;border-radius: 100%;}
.rd-digital-factory-right .data-4 {margin-left: 2%;padding-top: 6%;}
.data-4 {overflow: hidden;}
.data-4 li{list-style: none;margin: 0;padding: 0;margin-bottom:2%;display: inline-block;text-align: left;width: 49%;font-size: 0;float: left;}
.data-4 li strong{display:inline-block;font-size: 60px;color: #046432;font-weight: normal;padding-right: 10px;}
.data-4 li h3{display:inline-block;margin: 0;padding: 0;font-weight: normal;}
.data-4 li sup{display:block;font-size: 20px;color: #046432;opacity: .3;}
.data-4 li span{font-size: 20px;color: #7e7e7e;margin-top:1%;display: block;}


.page-rd-our-advantage {clear: both;overflow: hidden;padding: 5% 0;background: url('../upload/advantage1.jpg') center bottom no-repeat;background-size: cover;}
.nav-4 {text-align: center;padding: 1% 0;overflow: hidden;}
.nav-4 a{display: inline-block;vertical-align: middle;padding: 15px 2%;background: #fff;border-radius: 50px;font-size: 20px;color: #999;margin: 0 10px;}
.nav-4 a.cur {background: #32b563;color: #fff;}
.rd-our-advantage {padding-top: 2%;}
.rd-our-advantage-swiper {overflow: hidden;}
.our-advantage {position: relative;overflow: hidden;}
.our-advantage-left {float: left;width: 45%;padding: 5%;}
.our-advantage-left .title-7{padding-bottom: 30px;position: relative;overflow: hidden;}
.our-advantage-left .title-7::after,.our-advantage-left  .title-7::before {content: '';position: absolute;left: 0;bottom: 0;}
.our-advantage-left .title-7::after {width: 100%;height: 1px;background: #e8e8e8;}
.our-advantage-left .title-7::before {width: 30px;height:3px;background: #006630;z-index: 1;}
.our-advantage-left .title-7 i {display: block;color: #e8e8e8;font-size: 100px;position: absolute;right: 0;bottom: -40px;font-style: normal;}
.our-advantage-left .text-6 {padding-top: 30px;}
.our-advantage-right {float: right;width: 40%;margin-right:3%;} 
.our-advantage-right img {border-radius: 30px;}	 
.text-6 {font-size: 20px;line-height: 30px;color: #7e7e7e;}
			  
.page-rd-strict-quality-management-system {clear: both;overflow: hidden;padding: 5% 0;}
.page-rd-strict-quality-management-system .page-content {margin: auto;}
.strict-quality-management-system {overflow: hidden;margin-top: 1%;}
.item-li-2 {overflow: hidden;text-align: center;font-size: 0;}
.item-li-2 .itemli{width: 48%;display: inline-block;margin: 1%;text-align: left;border: 2px dotted #ededed;box-sizing: border-box;padding:2% 1%;overflow: hidden;border-radius: 30px;vertical-align: top;}
.item-li-2 li{list-style: none;margin: 0;padding: 0;padding: 0px 0px 0px 15px ;line-height: 30px;font-size: 18px;color: #7e7e7e;overflow: hidden;position: relative;}
.item-li-2 li::before {content: '';width: 4px;height: 4px;position: absolute;left: 0;top: 13px;background: #32b563;border-radius: 100%;}


.page-rd-select-global-suppliers {clear: both;overflow: hidden;padding: 5% 0;background: url('../upload/mapbg.jpg') center  no-repeat;background-size: cover;}
.page-rd-select-global-suppliers .page-content {position: relative;}
.select-global-suppliers-icon {position: relative;width: 90%;margin:4% auto auto auto;overflow: hidden;}
.select-global-suppliers-icon li {list-style: none;padding: 0;margin: 0;width: 115px;height: 115px;position: relative;margin:5px;overflow: hidden;display: inline-block;}
.select-global-suppliers-icon li i {width: 115px;height: 115px;display: block;background: #fff;border-radius: 100%;position: relative;}
.select-global-suppliers-text {position: absolute;width: 45%;top: 0;right: 0;z-index: 1;}
.select-global-suppliers-text li{list-style: none;margin: 0;padding: 0;padding: 0px 0px 0px 15px ;line-height: 30px;font-size: 20px;color: #7e7e7e;overflow: hidden;margin-bottom: 1%;position: relative;}
.select-global-suppliers-text li::before {content: '';width: 4px;height: 4px;position: absolute;left: 0;top: 13px;background: #32b563;border-radius: 100%;}

.page-rd-excellent-testing-ability {clear: both;overflow: hidden;padding: 5% 0;}
.excellent-testing-ability-left {float: left;width: 45%;padding: 5% 0 5% 5%;}
.excellent-testing-ability-left li{list-style: none;margin: 0;padding: 0;padding: 0px 0px 0px 15px ;line-height: 30px;font-size: 20px;color: #7e7e7e;overflow: hidden;margin-bottom: 1%;position: relative;}
.excellent-testing-ability-left li::before {content: '';width: 4px;height: 4px;position: absolute;left: 0;top: 13px;background: #32b563;border-radius: 100%;}
.excellent-testing-ability-right {float: right;width: 50%;text-align: center;}
.excellent-testing-ability-right li{list-style: none;margin: 0;padding: 0;display: inline-block;position: relative;vertical-align: top;margin:1%;box-sizing: border-box;width: 25%;}
.excellent-testing-ability-right li i{display: block;width: 135px;height: 135px;margin: 1% auto;position: relative;border-radius: 100%;background: #f8f8f8;}
.excellent-testing-ability-right li p{display: block;font-size: 14px;color: #3c3c3c;display: block;margin: 0;padding: 0;padding-top:10%;}








 

/* fonts */
body{font-family:'Ubuntu-L',PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}
input,select,textarea {font-family:PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;}
.header a,.header-nav-show-products-item h3,.header-nav-show-products-pic strong,.footer-content-top-nav a,.title-2,.learnmore a ,.title-3,.learnmore-2 span,.title-4,.index-latest-products-num #current1,.send-btn a,.icon-item-3 li strong,.title-5,.nav-list-1 h4,.nav-list-1 li.cur a,.choice-1 h4,.choice-show a,.title-6,.product-description-left,.title-7,.page-history-yeast-swiper .year-english-2,.title-8,.about-four-systems li sup,.about-four-systems-icon li strong,.nav-4 a,.header-nav-show-menu a,.search-title,.search-content-input,.search-nav a {font-family: 'Ubuntu-B';}
.item-3 li strong ,.item-4 strong,.about-four-systems li strong,.data-3 li strong,.data-4 li strong,.our-advantage-left .title-7 i {font-family: 'Conv_D-DIN';}
.viewdetails-1 i::after {font-family: "宋体",Arial;}
.page-history-yeast-swiper .year-num-1{font-family: 'Ubuntu-R';}




@font-face {
	font-family: 'd-din-bold';
	src: url('../fonts/d-din.bold.eot');
	src: local('☺'), url('../fonts/d-din.bold.woff') format('woff'), url('../fonts/d-din.bold.ttf') format('truetype'), url('../fonts/d-din.bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_D-DIN';
	src: url('../fonts/D-DIN.eot');
	src: local('☺'), url('../fonts/D-DIN.woff') format('woff'), url('../fonts/D-DIN.ttf') format('truetype'), url('../fonts/D-DIN.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Ubuntu-L';
	src: url('../fonts/Ubuntu-L.eot');
	src: local('☺'), url('../fonts/Ubuntu-L.woff') format('woff'), url('../fonts/Ubuntu-L.ttf') format('truetype'), url('../fonts/Ubuntu-L.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Ubuntu-B';
	src: url('../fonts/Ubuntu-B.eot');
	src: local('☺'), url('../fonts/Ubuntu-B.woff') format('woff'), url('../fonts/Ubuntu-B.ttf') format('truetype'), url('../fonts/Ubuntu-B.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Ubuntu-R';
	src: url('../fonts/Ubuntu-R.eot');
	src: local('☺'), url('../fonts/Ubuntu-R.woff') format('woff'), url('../fonts/Ubuntu-R.ttf') format('truetype'), url('../fonts/Ubuntu-R.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* other */
.clamp1,.title-4 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2,.product-item .text .text-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.clamp2,.product-item .text .text-4 {display: -webkit-box !important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden; font-size:15px; line-height:25px; text-align:left; padding-right:5%; height:125px;




}

.clamp2,.product-item .text .text-4 p { line-height:25px; padding:0px; margin:0px;}


/* animation */
@keyframes turnrotate2{0%{-webkit-transform:rotate(360deg);}25%{-webkit-transform:rotate(270deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(90deg);}100%{-webkit-transform:rotate(0deg);}}
@keyframes updown1{0%{margin: -15px 0 0 -6px;}50%{margin: -5px 0 0 -6px;}100%{margin: -15px 0 0 -6px;}}
@keyframes dash {from {stroke-dashoffset: 135;} to {stroke-dashoffset: 0;}}
@keyframes run {to {stroke-dashoffset: 0;}}



@media screen and (max-width: 5120px) {
	
}
@media screen and (max-width: 3840px) {
		
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {
	
}
@media screen and (max-width: 1680px) {
	
}
@media screen and (max-width: 1600px) {		
	
}
@media screen and (max-width: 1500px) {	

}
@media screen and (max-width: 1440px) {
	.header-content {height: 80px;}
	.header-center {width: 5.5%;}
	.header-center img{max-width: 100%;max-height: 100%;}
	.header-left a {line-height: 80px;margin-right: 6%;}
	.header-right a {line-height: 80px;margin-left: 3%;}
	.header-search {width: 40px;height: 40px;background-size: 30%;}
	.index-scroll {width: 50px;height: 50px;}
	.index-scroll::after {width: 50px;height: 50px;margin: -25px 0 0 -25px;}
	.header-nav-show {top:80px;}
	.header-nav-show-products-item li,.nav-list-1 li {padding:5px 0;}
	.header-nav-show-products-pic strong {bottom: 1%;}
	.header-nav-show-menu {right: 20%;}
	.search-btn {right: 0;}
	.search-close-btn {left: 0;}
	.learnmore a {width: 140px;height: 45px;line-height: 45px;font-size: 13px;}
	.index-science-technology-left img ,.footer-content-top-logo a img,.industry-commitment-right img{max-width: 100%;max-height: 100%;}
	.footer-content-top-logo a img { height:60px; width:auto; max-width:inherit; min-width:inherit;}
	.index-science-technology-right .introduction-3 {padding-bottom: 20px;padding-top: 0px;}
	.index-science-technology-left {width: 55%;}
	.index-science-technology-right {width: 40%;right: 5%;}
	.item-3 {padding: 3% 0;}
	.learnmore-2 i {width: 25px;height: 25px;}
	.product-item .img img.img-center,.page-product-detail-left-pic-swiper .img img.img-center,.about-reliable-quality-left li i img.img-center,.select-global-suppliers-icon li i img.img-center{max-width: 60%;max-height: 60%;}
	.industry-influence-icon i img.img-center{max-width: 60%;max-height: 60%;}
	.latest-products-next, .latest-products-prev {bottom: 10px;}
	.index-contact-us-left {width: 45%;}
	.index-contact-us-right {width: 50%;}
	.send-btn a {width: 160px;height: 50px;line-height: 50px;}
	.two-input input{height:50px;line-height:50px;}
	.footer-content-top-logo a {width: 80%;}
	.pageturn a {width: 40px;height: 40px;line-height: 40px;font-size: 18px;}
	.title-6 {margin: 10px 0;}
	.product-description-right .item-li-1 li:before {top: 9px;}
	.history-next, .history-prev {top: 40%;}
	.path-point {margin-top: -7px;}
	.item-li-4 li::before,.about-digitization-text li::before,.about-reliable-quality-right li::before,.about-rdteam-text li::before,.industry-commitment-left li::before,.industry-improvement-right li::before ,.rd-nutrition-health-left li::before,.rd-digital-factory-right-text li::before,.select-global-suppliers-text li::before,.excellent-testing-ability-left li::before{width: 4px;height: 4px;top: 9px;}
	.page-history-yeast-health {padding: 5% 0;}
	.item-4 {width: 35%;min-height: 100px;}
	.about-reliable-quality-left li,.about-reliable-quality-left li i,.select-global-suppliers-icon li i,.select-global-suppliers-icon li  {width: 80px;height: 80px;}
	.industry-influence-icon i {height: 200px;}
	.industry-improvement-right {width: 45%; font-size:15px; color:#333; line-height:25px;}
	.data-3 li{display: block;}
	.excellent-testing-ability-right li i {width: 100px;height: 100px;}

	.header-nav-show-products-item a,.header-nav-show-products-pic strong,.search-input,.viewdetails-1 span,.icon-item-3 li span,.footer-content-bottom,.footer-content-bottom a,.choice-show a ,.data-1,.about-digitization li p,.excellent-testing-ability-right li p{font-size: 12px;}
	.header-nav-show-menu a,.item-4 p ,.item-3 li p,.learnmore-2 span ,.index-latest-products-num #total1,.footer-content-top-nav a,.nav-list-1 a,.page-product-detail-path a,.page-product-detail-path span{font-size: 13px;}
	.item-li-1 li  {font-size: 13px;line-height: 20px;}
	.header a,.header-nav-show-products-item h3,.icon-item-3 li strong,.data-3 li span,.data-4 li span,.data-4 li sup {font-size: 14px;}
	.product-description-left,.text-4,.page-history-yeast-swiper .text,.item-li-4 li,.about-angel-nutritechy-right li ,.about-digitization-text li,.about-reliable-quality-right li,.about-rdteam-text li,.industry-commitment-left li,.industry-improvement-right li,.rd-nutrition-health-left li,.rd-nutrition-health-left strong,.rd-digital-factory-right-text li,.text-6,.item-li-2 li,.select-global-suppliers-text li,.excellent-testing-ability-left li{font-size: 14px;line-height: 22px;}
	.introduction-2,.introduction-3 {font-size: 16px;line-height: 28px;}
	.detail-1,.page-history-yeast-top .text-1,.text-5 ,.about-four-systems li p{font-size: 15px;line-height: 30px;}
	.text-2 {font-size: 12px;line-height: 20px;}
	.index-latest-products-num #current1,.title-7  {font-size: 20px;}
	.path-point span,.about-four-systems-icon li strong {font-size: 17px;}
	.introduction-3 h3 {font-size: 20px;line-height: 30px;}
	.title-5,.title-6 {font-size: 18px;}
	.title-4,.nav-list-1 h4,.pageprev-next strong,.pageprev-next strong,.about-rdteam-icon p,.nav-4 a,.search-content-input {font-size: 16px;}
	.title-3,.title-8,.search-title {font-size: 30px;}
	.title-2 {font-size: 40px;}
	.data-4 li strong,.data-3 li strong {font-size: 50px;}
	.title-1 {font-size: 50px;}
	.page-history-yeast-swiper .year-num-1 {font-size:240px;line-height: 200px;}
}
@media screen and (max-width: 1366px) {
	.introduction-2,.introduction-3,.detail-1,.page-history-yeast-top .text-1,.text-5 ,.about-four-systems li p {font-size: 12px;line-height: 22px;}
	.index-latest-products-num #current1,.title-7  {font-size: 16px;}
	.path-point span,.about-four-systems-icon li strong {font-size: 14px;}
	.title-5,.title-6 {font-size: 14px;}
	.title-4,.nav-list-1 h4,.pageprev-next strong,.pageprev-next strong,.about-rdteam-icon p,.nav-4 a,.search-content-input {font-size: 14px;}
	.title-3,.title-8,.search-title {font-size: 20px;}
	.title-2 {font-size: 30px;}
	.data-4 li strong,.data-3 li strong {font-size: 40px;}
	.title-1 {font-size: 50px;}
	.page-history-yeast-swiper .year-num-1 {font-size:200px;line-height: 180px;}
}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1152px) {
 
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 640px) {
	.pcshow{display: none!important;}
	.mbshow{display: block!important;}
	.header {background: #fff;}
	.header::after {background: #ccc;}
	.header-right a,.index-about-right .introduction-3::before,.about-digitization-text::after,.search-content-btn::before {display: none;}
	.header-center .logob {display: none;}
	.header-right a.header-search {display: block;background: url(../images/ssh.png) center no-repeat transparent;}
	.header.cur .header-search {background: url(../images/ssh.png) center no-repeat transparent;}
	.header.cur .header-search:hover {background: url(../images/ssh.png) center no-repeat transparent;}
	.header.scroll-down .header-search, .header.scroll-top .header-search  {background: url(../images/ssh.png) center no-repeat transparent;}
	.detail .header .header-search {background: url(../images/ssh.png) center no-repeat transparent;}
	.header-right a {margin-left: 0;}
	.menu-toggle,.header-center .logos {display: block;}
	.header .header-content {width: 100%;height: 50px;}
	.header-right {top: 50%;transform:translateY(-50%);width: 100%;z-index: 10;}
	.header-center {width: 140px;z-index: 20;}
	.header-center img {max-width: 100%;max-height: 100%;}
	.header-search-show .content,.index-content,.index-science-technology .index-content,.footer-content,.page-content {width: 90%;}
	.index-banner-swiper .swiper-slide .text .introduction-2,.index-about-left,.index-about-right,.index-science-technology-left,.index-contact-us-left,.index-contact-us-right,.footer-content-top-nav,.footer-content-bottom-left,.footer-content-bottom-right ,.page-product-left,.page-product-right,.page-product-detail-left,.page-product-detail-right,.product-description-left,.product-description-right,.page-health-knowledge-left,.page-health-knowledge-detail-left,.page-health-knowledge-detail-right,.page-history-yeast-top,.page-history-yeast-swiper,.page-history-yeast-swiper .img,.page-history-yeast-swiper .text,.page-history-yeast-health .title-2,.page-history-yeast-health-left,.page-history-yeast-health-right,.item-li-4,.page-development-history .title-8,.page-about-angel-nutritechy .page-content,.page-about-four-systems .page-content,.about-four-systems li ,.about-digitization-text,.about-digitization-text-left,.about-digitization-text-right,.about-reliable-quality-left,.about-reliable-quality-right,.about-rdteam-text,.about-rdteam-text-left,.about-rdteam-text-right,.industry-commitment-left,.industry-commitment-right,.industry-improvement-left,.industry-improvement-right,.rd-nutrition-health-left,.rd-nutrition-health-right,.rd-digital-factory-left,.rd-digital-factory-right,.data-4 li,.our-advantage-right,.select-global-suppliers-icon,.select-global-suppliers-text,.excellent-testing-ability-left,.excellent-testing-ability-right,.page-about-video .page-content .text-5 {width: 100%;float: none;}
	.index-science-technology-right,.footer-content-top-logo,.page-health-knowledge-right,.pageprev-next span,.select-global-suppliers-text{position: relative;right: auto;left: auto;top: auto;bottom: auto;transform:none}
	.page-health-knowledge-right .viewdetails-1 {position: relative;bottom: auto;}
	.index-banner-swiper .swiper-slide .text {left: 5%;width: 90%;}
	.index-about-right .introduction-3 {padding: 30px 0;}
	.index-about-right-date .item-4 {width: 50%;margin: 0;}
	.index-about-right-date .item-4:first-child,.about-four-systems-icon li i,.data-3 li:first-child {margin: 0 auto;}
	.index-about,.index-latest-products,.index-health-knowledge,.index-contact-us ,.page-product,.page-health-knowledge-list,.page-history-yeast,.page-history-yeast-health,.page-development-history,.page-about-angel-nutritechy,.page-about-digitization,.page-about-reliable-quality,.page-about-rdteam,.page-industry-influence,.page-industry-commitment,.page-industry-improvement,.page-rd-nutrition-health ,.page-rd-digital-factory,.page-rd-our-advantage,.page-rd-strict-quality-management-system,.page-rd-select-global-suppliers,.page-rd-excellent-testing-ability,.page-about-video {padding: 20% 0;}
	.index-science-technology-right,.page-health-knowledge-right {padding: 5%;width: 90%;}
	.index-latest-products-top,.index-health-knowledge-top,.more-btn a {padding: 5% 0;}
	.footer,.page-health-knowledge-detail,.industry-improvement-left {padding: 10% 0;}
	.page-product-left-nav-item {padding-top: 0px;}
	.page-product-right {padding-top: 10%;}
	.page-history-yeast-swiper .history {padding-top: 25%;}
	.index-latest-products-top .learnmore-2,.index-health-knowledge-top .learnmore-2{top: 50%;transform:translateY(-50%);}
	.index-latest-products-bottom {padding: 25% 0 0 0;}
	.footer-content-top-nav,.pageprev-next span,.rd-digital-factory-left {text-align: left;margin-top: 3%;}
	.footer-content-top-nav a {display:block;margin-left: 0;padding: 10px 0;border-top: 1px solid #e6e6e6;}
	.choice-1 {width: 50%;top: 0px;}
	.page-product-list .product-item,.page-health-knowledge-list-content .news-item {width: 100%;margin-right: 0;margin-bottom: 5%;}
	.page-product-detail-path,.page-product-detail-right,.page-product-description,.page-popular-products,.page-health-knowledge-right .viewdetails-1 {margin-top: 50px;}
	.page-product-detail-path-left,.page-product-detail-path-right {float: none;}
	.page-product-detail-path-right {text-align: left;padding-top:10px ;}
	.knowledge-detail .index-banner-swiper,.about-digitization-text-right,.about-reliable-quality-right,.about-rdteam-text-right{margin-top: 50px;}
	.knowledge-detail .index-banner-swiper .swiper-slide .text{display: none;}
	.index-scroll i {background-size: 80%;}
	.index-scroll::after {width: 40px;height: 40px;margin: -20px 0 0 -20px;}
	.page-about-angel-nutritechy .title-8 {z-index: 11;width: 100%;}
	.page-about-angel-nutritechy .text-5,.text-5,.page-about-rdteam .page-content {z-index: 11;width: 90%;position: relative;}
	.page-about-angel-nutritechy .page-content {z-index: 11;position: relative;}
	.about-angel-nutritechy-left,.about-angel-nutritechy-right,.title-8,.page-about-reliable-quality .page-content,.page-industry-commitment .page-content,.page-industry-improvement .page-content,.page-rd-nutrition-health .page-content,.page-rd-digital-factory .page-content,.search-content {float: none;width: 90%;margin-right:0;margin: auto;}
	.item-4:first-child,.item-4:nth-child(3) {margin: 5px;}
	.item-4 {width: 40%;}
	.about-four-systems li::after {	width: 100%;height:1px;right: 0;top: auto;bottom: 0;background: #f5f5f5;}
	.history-next, .history-prev,.history-yeast-path ,.about-rdteam-text::after{display: none;}
	.about-rdteam-icon li {width: 100%;border: 1px dotted #ccc;border-radius: 20px;margin-bottom: 30px;box-sizing: border-box;padding: 5%;}
	.about-rdteam-icon li a {margin-top: 0;}
	.history-prev {left: 1%;}
	.history-next {right: 1%;}
	.about-four-systems-icon li ,.industry-influence-icon li  {width: 45%;}
	.introduction-3 h3 {font-size: 18px;}
	.title-2 {font-size: 20px;}
	.data-4 li strong,.data-3 li strong {font-size: 30px;}
	.title-1 {font-size: 40px;}
	.page-history-yeast-swiper .year-num-1 {font-size:150px;line-height: 150px;}
	.about-reliable-quality-left li,.rd-digital-factory-right .data-4 {margin: 0;width: auto;height: auto;}
	.about-reliable-quality-left li i {margin: 2px;}
	.introduction-2, .introduction-3, .detail-1, .page-history-yeast-top .text-1, .text-5, .about-four-systems li p {font-size: 14px;line-height: 24px;}
	.rd-nutrition-health-right .data-3 li strong,.page-rd-digital-factory .data-4 li strong  {font-size: 50px;}
	.data-4 li ,.select-global-suppliers-text{margin-top: 30px;}
	.nav-4 a {font-size: 12px;margin: 0 2px;}
	.our-advantage-left {width: 100%;padding: 0;float: none;margin-top: 30px;margin-bottom: 30px;}
	.item-li-2 .itemli {width: 100%;margin: 2% auto;padding: 5%;}
	.select-global-suppliers-icon {font-size: 0;margin-top: 30px;}
	.select-global-suppliers-icon li {width: auto;height: auto;margin: 0;}
	.select-global-suppliers-icon li i {margin: 2px;}
	.excellent-testing-ability-left {padding: 5% 0 ;}
	.excellent-testing-ability-right li {width: 45%;}
	.index-search {margin: 100px 0 4% 0;}
	.search-content-input {padding: 5%;}
	.search-return {width: 100%;padding: 5% 0;}
	.search-content-bottom {padding-top: 5%;}
	.search-nav,.search-product-return .product-item,.search-knowledge-return .news-item {width: 100%;margin:0;}
	.search-product-return .product-item,.search-knowledge-return .news-item {margin-bottom: 50px;}
	.index-about-right .index-about-right-date .item-4 {width: 49%;}
	.about-play {width: 40px;height: 40px;background-size: 30%;}
	.index-banner-swiper .text .title-1{font-size: 30px;}
	.index-banner-swiper .index-scroll {display: none;}
	.index-banner-swiper .swiper-slide .text {transform: none;top: auto;bottom: 7%;}
	.index-banner-swiper .swiper-slide .text .introduction-2 {margin-top: 2%;width: 100%;}
	.index-banner-swiper .swiper-slide .introduction-3 {width: 100%;overflow: hidden;transform: none;}
	.index-banner-swiper .swiper-slide .introduction-3 h3 {font-size: 16px;line-height: 24px;}
	.index-about-left .learnmore {margin-top: 10%;}
	.index-about {padding: 10% 0 20% 0;}
	.index-science-technology-left img {margin-left: 0;}
	
}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}


@media only screen and (max-height : 650px)  {
		
	
}

/*仅IE6和IE7识别*/
@media screen\9 {  }  

/*仅IE6和IE7、IE8识别*/
@media \0screen\,screen\9 {  } 

/*仅IE8识别*/
@media \0screen {  } 

/*仅IE8-10识别*/
@media screen\0 {  }  

/*仅IE9和IE10识别*/
@media screen and (min-width:0\0) {  }  

/*仅IE10/11识别*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 

} 
.header-center a img { height:75px;

}
.footer-content-top-logo a img { height:70px;
}


.product-item .img img.img-center { width:100%; height:100%; object-fit: cover; max-width:100% ; max-height:inherit; min-width:inherit; min-height: inherit; }



/*houjia*/

.index_yy { width:100%;  margin:40px 0px;}
.index_yy .index-content { height:612px; display:flex;}
.index_yy_l { width:25%;  margin:1%; height:100%;  background: url(../upload/004.jpg) no-repeat  center
 bottom #006730; background-size:auto 100%; float:; border-radius:50px; text-align:center; display: flex;
align-items: center; background-size:100% 100%;
justify-content: center;  } 
.index_yy_l_txt {padding: 0  10%; width:80%; transition:all .2s;} 

.index_yy_l h3 { font-weight:700; color:#fff; line-height:40px; font-size:35px;  vertical-align:middle; text-align: left; width:100%;  }
.index_yy_l p { width:140px; line-height:45px; height:45px; text-align:center; border:0px solid rgba(255,255,255,1); color:#fff; background:#e67d0f; border-radius:25px 5px 25px 5px; box-shadow:0px 0px 10px 10px rgba(0,0,0,.1); font-weight:700;  }
.index_yy_l_txt span { width:100%; line-height:25px; color:#fff; margin:20px 0px 40px; font-size:16px; text-align:left; display:block;}

.index_yy_r { width:75%; height:100%;  }
.index_yy_r_tu { margin:1%; height:48%; border-radius:50px; background:#58d485; float:left; position:relative; overflow:hidden;}
.index_yy_r_tu_img { width:100%;  height:100%;  position:absolute;  top:0px; left:0px;}
.index_yy_r_tu_img:before { position:absolute; z-index:10; bottom:0px; left:0px; content:" ";  background-image: linear-gradient(to bottom, rgba(0,0,0,.7),rgba(0,0,0,0.0));}
.index_yy_r_tu_img img { width:100%; height:100%; object-fit: cover; transition:all .6s;}
.index_yy_r_tu_zi { position:absolute; bottom:0px; left:0px; line-height:100px; font-weight:700; color:#fff; width:100%; text-align:center; font-size:20px; }
.index_yy_r_tu_zi { text-shadow:2px 2px rgba(0,0,0,.5);}
.index_yy_r_tu_1 { width:100%; height:100%; position:absolute;  top:0px; left:0px;  }

.index_yy_r_tu_2 { width:90%; height:90%; display:; position:absolute;  left:0px; transition:all .4s; text-align:center; color:#fff; padding:5%; }

.index_yy_r_tu_2 h3 { padding-top:10%; font-size:25px; font-weight:900;}
.index_yy_r_tu_2 p { line-height:25px; font-size:15px; margin:10px 30px; 

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
height: 75px;
line-height: 25px;


}



.index_yy_r a .index_yy_r_tu .index_yy_r_tu_2 {bottom:-300px;}
.index_yy_r a:hover .index_yy_r_tu .index_yy_r_tu_2 {display: block; bottom:0px; background:rgba(0,0,0,.2);}
.index_yy_r a:hover .index_yy_r_tu .index_yy_r_tu_1 .index_yy_r_tu_zi {display: none; }



.index_yy_r a:nth-child(1) .index_yy_r_tu { width:64.666666666%; height:300px;}
.index_yy_r a:nth-child(2) .index_yy_r_tu { width:31.33333333%; height:300px;}
.index_yy_r a:nth-child(3) .index_yy_r_tu { width:31.33333333%; height:300px;}
.index_yy_r a:nth-child(4) .index_yy_r_tu { width:64.666666666%; height:300px;}

.index_yy_r a:nth-child(1) .index_yy_r_tu .index_yy_r_tu_2 p { width:50%; margin:10px auto;}
.index_yy_r a:nth-child(4) .index_yy_r_tu .index_yy_r_tu_2 p { width:50%; margin:10px auto;}
.index_yy_l a p { transform:all .4s;}
.index_yy_l:hover a p { margin-top:-10px;    }
.index_yy_l:hover { background-size:105% 105%;}

.index_yy_r .index_yy_r_tu_img:hover img { transform:scale(1.1,1.1);}



.index_ys {overflow: hidden;padding-bottom: 3%; background:#f4f4f4; padding-top:3%;}
.index_ys_con { width:100%; display:flex; margin-top:50px;}
.index_ys_tu { width:17%; text-align:center; margin:.5%; border:1px solid rgba(0,0,0,.1); text-align:center; padding:2% 2%; border-radius:40px  0px 40px 0px; background:#fff;
}
.index_ys_tu_img img{ height:60px; width:auto;}
.index_ys_tu h3 { font-size:20px;}
.index_ys_tu p { color:#666; line-height:22px;}

.index_mg_tu { width:100%; display:flex;}
.index_mg_tu img { width:20%; }



.index_lc {overflow: hidden;padding-bottom: 3%; background:url(../images/lcbg.jpg) no-repeat center bottom   #006730; background-size:100% auto; height:600px;}
.index_lc .title-2 { margin-bottom:40px; color:#fff; margin-top:40px;}


/*fanye*/

.newspage{ width: 92%;
    padding: 20px 4% 0px;
    height: auto;/* overflow: hidden;*/ display:block;
	}
	
.newspage {
width:100%;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;  PADDING-TOP: 20px; TEXT-ALIGN: center; margin:60px auto 0px; clear:both; height:30px
}
.newspage A { 
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT:8px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 8px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; FONT: 13px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 3px; BORDER-BOTTOM: #999 1px solid; font-family:'Barlow-Regular',PingFang SC,'Microsoft YaHei',Arial;border-radius: 0px;
}
.newspage A:hover {
BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #00652f; BORDER-LEFT: #fff 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none
}
.newspage A:active {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #00652f; BORDER-LEFT: #666 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #666 1px solid
}
.newspage SPAN.current {
 PADDING-RIGHT: 8px;  PADDING-LEFT: 8px; BACKGROUND: #00652f; PADDING-BOTTOM: 3px;  COLOR: #fff; MARGIN-RIGHT: 5px; PADDING-TOP: 3px;  font-size:13px;border-radius: 0px; border:1px #00652f solid; 

}
.newspage SPAN.disabled {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid
}
.ny_ba { height:450px !important;}
.index-banner-swiper.ny_ba .swiper-slide-active .pic { background-size:100% auto; background-position: center top !important;}
.index-banner-swiper.ny_ba .swiper-slide-active .pic img { height:450px !important;}



@media (min-width: 1441px) and (max-width: 2800px){
	
.header-center a img  { height:75px;}
	
	}


	
@media (min-width: 1024px) and (max-width: 1440px){


.header-center a img { width:100%; max-width:inherit !important; max-height:inherit !important; height:auto !important;} 


}         

@media (min-width: 1024px) and (max-width: 1360px){
	.header-center a img { width:100%; max-width:inherit !important; max-height:inherit !important; height:auto !important;} 

	
.header-left { font-size:15px !important;}
	
	
}


@media (max-width: 1024px){
.header-center a img { width:100%; max-width:inherit !important; max-height:inherit !important; height:auto !important;} 

.header-left { font-size:15px !important;}
}