/*Huang CSS Document QQ:52710360 */
/*
 * @author: Huang zhenghua
 * @QQ:52710360 
*/


html {font-size: 62.5%;}
 body {  font-size: 1.4rem;color:#333;background: #FAFAFA;font-family:"Microsoft YaHei",Tahoma,Arial,"Segoe UI", "Lucida Grande", Helvetica, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
html,body{width: 100%;height: 100%;}


form{margin:0px;}
img{border:none;}
ul,li { list-style:none; border:none;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td { margin: 0; padding: 0;  }
a{outline: medium none;transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-webkit-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;color:#333;}
a:link {color:#333;text-decoration:none;}
a:visited {text-decoration:none;color:#333;}
a:hover {text-decoration:none;color:#4461F3;}
a:active {text-decoration:none;color:#4461F3;}
a{
	-webkit-tap-highlight-color:transparent;
	outline:none;
	blr:expression(this.onFocus = this.blur());
}
a:focus{
	outline:none;
}
img, input, select {vertical-align:middle;outline: medium none;}
.clear{ float:none !important;clear:both!important; overflow:hidden!important; padding:0px!important; height:0px!important;}
.clearfix:after { content: ""; display: block; clear: both;}
textarea{ font-size:12px;outline: medium none;}
i{ font-style:normal;}
button, input:not([type="radio"]):not([type="checkbox"]), select {vertical-align: middle;}

*{margin:0;padding:0;
box-sizing:border-box;  
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box; 
-o-box-sizing:border-box; 
}


.fright{ float:right !important;}
.fleft{ float:left !important;}

header.m-hd{ width:100%; z-index:999; position: absolute; top: 0; left: 0; margin:0 auto;padding: 0; height: auto;background-color:rgba(121, 121, 121, 0.5)}
header.m-hd .header-top{width:100%; overflow:hidden; max-width:1600px;margin:0 auto; height:100px; padding: 0 10px;}
header.m-hd .header-top .m-logo{width:233px;overflow:hidden;display:block; float:left; margin-top:18px;}
header.m-hd .header-top .m-logo img{ width: 100%;}
header.m-hd .header-top .nav{float:right;height:30px; text-decoration:none;margin-top:32px; }
header.m-hd .header-top .nav li{font-size:16px;margin-right:40px; float: left;position: relative; line-height: 30px;}
header.m-hd .header-top .nav a{ color: rgba(255, 255, 255, 1) ; }
header.m-hd .header-top .nav a:hover{ color: #fff ;text-decoration: none;}
header.m-hd .header-top .nav li.hover a{ color: #fff ; }

header.m-hd .right-tool {float: right;height: 30px;margin-top:35px;  overflow: hidden;}
header.m-hd .right-tool .menu{ float:left; width: 24px;float: left; }
header.m-hd .right-tool .menu img{ width: 100%;}
header.m-hd .right-tool .language{ height:24px; padding-left: 28px; background-image: url('../images/icon_yuyan.png'); background-repeat: no-repeat;background-position: left center; float: left;line-height: 24px;color:rgba(255, 255, 255, 0.70);  letter-spacing: 1px;margin-right:36px;}
header.m-hd .right-tool .language a{text-decoration: none; color:rgba(255, 255, 255, 0.70);}
header.m-hd .right-tool .language a.hover{ color: #fff;}

.show-sm-only{display: none;}
.el-drawer__header{ margin-bottom: 0 !important; z-index: 99999!important;background-color:rgba(10, 92, 49, 1)!important;}
.v-modal{z-index:89!important;}
.am-header { color:#fff; font-size:16px;position: relative;  width: 100%;  height: 49px;  line-height: 49px;  padding: 0 10px;}
.am-header .am-header-nav { position: absolute; top: 0;}
.am-header .am-header-left { left: 10px;}
.am-header .am-header-left  img{ width: 56%;}
.am-header .am-header-title { margin: 0 30%; font-size: 2rem; font-weight: normal; text-align: center; display: block; word-wrap: normal;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.am-header .am-header-right { right: 10px;}
.am-header .am-header-right img{margin-top: -4px;}
.am-header a{ color:#fff; text-decoration:none;}


.el-drawer__body{background-color:rgba(10, 92, 49, 1);}
.el-drawer__container .el-drawer__close-btn{ font-size: 30px !important; color: #fff!important;}
header.m-hd nav li{ransition: all 0.2s linear 0s; }
.am-offcanvas-content{ padding:15px 0; width:100%;}
.am-offcanvas-content .nav{ width: 100%;:none;margin-top:5px; font-size: 18px; overflow: hidden;}
.am-offcanvas-content .nav li{font-size: 16px;color: #fff; float: left; width: 100%; line-height:60px;height:60px;border-left: solid 5px #333;}
.am-offcanvas-content .nav li a{text-decoration:none; padding-left:20px;color: #fff; background-repeat: no-repeat; background-position:0px  center;}
.am-offcanvas-content .nav li.hover{background-color:rgba(68, 97, 243, 0.22);border-left: solid 5px #4461F3;}

.el-drawer__body .el-menu{background-color: transparent;color: #fff;}
.el-drawer__body  .el-submenu__title{font-weight: bold;font-size: 16px;color: #fff;background-color: transparent !important;}
.el-drawer__body  .el-submenu .el-menu-item{color: #fff; height: 30px; line-height: 30px;background-color: transparent !important;}
.el-drawer__body  .el-submenu .el-menu-item a{color: #fff !important;}
.el-drawer__body  .el-submenu__title i{color: #fff;  font-size: 16px;}
.el-drawer__body  .el-submenu__title .ph{ margin-right: 20px;font-weight: 100;}


.common-box{width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden;}
.common-title{width: 100%; overflow: hidden;color:rgba(18, 92, 49, 1);}
.common-title dt{ font-size:32px; font-weight: bold;}
.common-title dd{font-size: 14px; overflow: hidden; margin-top: 10px;}

.common-title.ct2{ text-align: center; margin-top: 100px;}


.common-title2{width: 100%; overflow: hidden;}
.common-title2 dt{ font-size: 44px; color: #333333;font-weight: bold;}
.common-title2 dd{color: rgba(51,51,51,0.8);font-size: 14px; overflow: hidden; margin-top: 10px;letter-spacing: 7px;}


.common-title3{width: 100%; overflow: hidden;font-size: 32px;  text-align: center; font-weight: bold;
color: #125C31;line-height: 38px; width: 100%; margin-top: 80px;}


.commonad{width: 100%;margin: 0 auto; overflow: hidden; position: relative;}
.commonad .img{ width: 100%;}

.commonad dl{width:96%;max-width:1200px; overflow: hidden; position: absolute;margin:0 auto; left: 0; right: 0; color: #fff;bottom: 30%; text-align: center;
 padding-bottom: 70px;background-image: url("../images/line.png"); background-repeat: no-repeat;  background-position:center bottom;

}
.commonad dl dt{font-size: 60px;padding-bottom:10px; position: relative;}
.commonad dl dd{font-size: 24px;}




.commonadnav{width: 100%;margin: -40px auto 0 auto; overflow: hidden; position: relative;background: #fff; display: flex;max-width: 1200px; z-index: 2; }

.commonadnav.ws{ max-width: 740px;}
.commonadnav.wss{ max-width: 588px;}
.commonadnav li{order:1;flex-grow:1; font-size:16px;color: #2E4237;height: 80px; line-height:80px; text-align: center; position: relative;}
.commonadnav li a{display: block;height:80px;color: #2E4237;}
.commonadnav li::after { content: " ";position: absolute;right: 0;margin: 0 auto;width: 1px;height: 20px;background: #DEE1E4; top: 30px;}

.commonadnav li:last-child::after{display: none;}

.commonadnav li.hover a{color: #125C31;}
.commonadnav li.hover a::after { content: " ";position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;width: 66px;height: 2px; background: #125C31;}



.common-list{ padding: 8px 0;}
.common-list li{ width: 100%; overflow: hidden; position: relative;transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-webkit-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;}
.common-list li .img{ width: 100%; overflow: hidden;}
.common-list li  .info{ position: absolute; width: 100%; padding:56px 57px;background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #125C31 100%); overflow: hidden; bottom: 0; color: #fff;}
.common-list li .st1{ width: 100%; overflow: hidden;font-size: 14px;}
.common-list li .st2{ width: 100%; overflow: hidden;font-size: 18px; margin-top: 5px;}
.common-list li .title{ width: 100%; overflow: hidden;font-size:24px; font-weight: bold; margin-top: 20px;}
.common-list li .more{ width: 89px; height:31px; border-radius: 30px; border: solid 1px #fff; text-align: center; line-height: 29px; margin-top: 28px;}
.common-list li:hover{margin-top:-4px;margin-bottom:4px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2)}


.common-list2{ margin: 0  -18px;}
.common-list2 li { padding: 18px; width: 33.33%; float: left; overflow: hidden; margin-top:30px;}
.common-list2 li .box{ overflow: hidden; display: block; width: 100%;background: #FFFFFF;border: 1px solid #F5F5F5;}
.common-list2 li .box .img{display: block; width: 100%;}
.common-list2 li .box .info{ overflow: hidden; padding: 36px 30px; height: 182px; }
.common-list2 li .box .info .title{width: 100%; overflow: hidden;font-weight: bold;
font-size: 28px;color: #2E4237;}
.common-list2 li .box .info .dd{font-size: 16px;color: #2E4237; margin-top:25px; line-height: 20px;}
.common-list2 li .box .info .ed{font-size: 14px;color: #999999; line-height: 20px; margin-top: 8px;}




.common-list3{ margin-top: 40px; overflow: hidden;}
.common-list3 li { padding: 15px; width: 33.333%; float: left; overflow: hidden;}
.common-list3 li .box{ overflow: hidden; display: block; width: 100%;background: #FFFFFF;border: 1px solid #F5F5F5;padding: 30px;}
.common-list3 li .box .img{display: block; width: 100%; margin: 30px 0 20px 0;}
.common-list3 li .box .info{ overflow: hidden;width:100%;color: #2E4237;}
.common-list3 li .box .info .time{ height: 26px; line-height: 26px; overflow: hidden;font-size: 28px; font-weight: bold; background: url('../images/icon_more.png'); background-repeat: no-repeat; background-position: right center;}
.common-list3 li .box .info .title{width: 100%; overflow: hidden;font-size: 16px;height: 22px; line-height: 22px; margin: 20px 0 16px 0;}

.common-list3 li .box .info .dd{ font-size: 14px;color: #999999;line-height: 28px; height: 56px; width: 100%; overflow: hidden;}

.common-list3 li .box:hover{background: #125C31;}
.common-list3 li .box:hover .info{ color: #fff;} 
.common-list3 li .box:hover .title{ color: #fff;}
.common-list3 li .box:hover .info .dd{ color: #fff;}


.common-list4{margin: 0 -15px; overflow: hidden;}
.common-list4 li { padding: 15px; width: 33.333%; float: left; overflow: hidden;}
.common-list4 li .box{ overflow: hidden; display: block; width: 100%; position: relative;}
.common-list4 li .box .title{width: 100%; overflow: hidden;font-weight: bold;font-size: 32px;color: #FFFFFF;height: 100%; position: absolute; top: 0; left: 0;align-items:center;display: flex; text-align: center;justify-content:center}
.common-list4 li .box img{ width: 100%;}
.common-list4 li .box .title:hover {background-color:rgba(18, 92, 49, 0.81); }


.common-list5{margin: 0 -23px; overflow: hidden;}
.common-list5 li { padding: 23px; width: 50%; float: left; overflow: hidden;}
.common-list5 li .box{ overflow: hidden; display: block; width: 100%; position: relative;}
.common-list5 li .box .title{width: 100%; overflow: hidden;height: 100%; position: absolute; top: 0; left: 0;align-items:center;display: flex; text-align: center;justify-content:center}
.common-list5 li .box .sb{ max-width: 343px; width: 100%; overflow: hidden;}
.common-list5 li .box .title span{display: block;font-weight: bold;font-size: 32px;color: #FFFFFF;}
.common-list5 li .box .title p{display: block;font-size: 14px;color: #FFFFFF;line-height: 30px;font-weight: 200;display: none;}
.common-list5 li .box img{ width: 100%;}
.common-list5 li .box .title:hover {background-color:rgba(18, 92, 49, 0.81); }
.common-list5 li .box .title:hover p{display: block;}



.indextopad {position:relative;width:100%; overflow:hidden; margin: 0 auto;}
.indextopad .swiper-slide { background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative;}

.indextopad .swiper-slide .box{position: absolute; top:38%; margin:0 auto; left: 0; right: 0; overflow: hidden;max-width: 1720px; width: 100%;  padding: 0 20px;  }
.indextopad .swiper-slide a{ overflow: hidden;display: block;}
.indextopad .swiper-slide img{width: 100%;}
.indextopad .swiper-slide dl{ width: 100%; overflow: hidden; color: #fff; text-align: center;}
.indextopad .swiper-slide dl dt{font-size: 60px;}
.indextopad .swiper-slide dl dd{font-size: 24px; margin-top: 20px;}






.index-main01{padding:100px 0 50px 0;}
.index-main01 .logo{ width: 233px; overflow: hidden; margin: 0 auto 60px auto;}
.index-main01 .logo img{ width: 100%;}
.index-main01 .common-title{ text-align: center;}
.index-main01 .content{font-size: 16px;color: #2E4237;line-height: 34px; overflow: hidden; margin-top: 20px; text-align: center;}
.index-main01 .list{margin-top: 100px;}
.index-main01 .l{ overflow: hidden; width: 47%; float: left;}
.index-main01 .r{ overflow: hidden; width: 52%; float: right;}
.index-main01 .r ul.r1{ width: 49%;float: left;}
.index-main01 .r ul.r2{ width: 49%;float: right;}


.index-main01 .r li{ width:100%; overflow: hidden; position: relative; padding-bottom: 108px; padding-left: 10px;float: left; margin-bottom: 30px; padding-top: 8px;}

.index-main01 .r li a{display: block;}

.index-main01 .r li .img{ width: 100%; overflow: hidden;}
.index-main01 .r li  .info{ position: absolute; width: 100%; padding:14px 20px;background:#fff; height: 240px; overflow: hidden; bottom: 4px;border-top: solid 10px #125C31; left: -10px;color: #125C31;transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-webkit-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;}
.index-main01 .r li .st1{ width: 100%; overflow: hidden;font-size: 14px;}
.index-main01 .r li .st2{ width: 100%; overflow: hidden;font-size: 18px; margin-top: 5px;}
.index-main01 .r li .st3{ width: 100%; overflow: hidden;font-size: 16px; margin-top: 5px;color: #2E4237;}

.index-main01 .r li .title{ width: 100%; overflow: hidden;font-size:24px; font-weight: bold; margin-top:16px;}
.index-main01 .r li .title i{display: inline-block;font-size: 14px;
color: #125C31;font-size: 16px; font-weight: 200; padding: 0 5px; line-height: 23px; background: #C5F0D7; height: 23px;}

.index-main01 .r li .more{ width: 89px; height:31px; border-radius: 30px; border: solid 1px #125C31; text-align: center; line-height: 29px; margin-top: 28px;}

.index-main01 .r li.bg{ padding-bottom:4px;}
.index-main01 .r li.bg  .info{ bottom: auto; top:0; left: 0;background-color: transparent; border-top: 0; color: #fff; height: 100%;}
.index-main01 .r li.bg  .more{position: absolute; bottom: 20px;border-color: #fff;}


.index-main01 .r li a:hover{margin-top:-4px;margin-bottom:4px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2)}
.index-main01 .r li  a:hover .info{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2); bottom:8px;}
.index-main01 .r li.bg a:hover .info{top:-4px}


.index-main02{ max-width: 100%; width: 100%; position: relative; margin-bottom:-100px;}
.index-main02 .bg{ width: 100%;}
.index-main02 .content{ max-width: 1200px; width: 100%; position: absolute; margin:15% auto 0 auto; left: 0; right: 0; top: 0;}
.index-main02 .content .title{font-size: 60px;color: #FFFFFF;line-height: 70px; text-align: center;}
.index-main02 .content ul{display: flex;justify-content:space-between;}
.index-main02 .content ul li{ width: 48%; overflow: hidden;background-color: #fff; padding: 50px 30px 30px 60px ; margin-top: 120px; height: 427px;transition:all 0.2s linear 0s; position: relative;
transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-webkit-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;}
.index-main02 .content  a{background-image: url("../images/icon_jiaru.png"); background-repeat: no-repeat;background-position: right bottom;display: block; height: 100%; width: 100%;color: #125C31;}

.index-main02 .content ul li .dt{font-size: 36px;font-weight: bold;}
.index-main02 .content ul li .dd{font-size: 18px; line-height: 28px; width: 80%; margin-top: 16px;}
.index-main02 .content ul li  .more{width: 89px;  height: 31px;
  border-radius: 30px;  border: solid 1px #125C31;  text-align: center;
  line-height: 29px;  margin-top: 28px;display: block; color: #125C31;}

.index-main02 .content ul li.hover{background-color:#125C31;}
.index-main02 .content ul li.hover a{ color: #fff;background-image: url("../images/icon_touzi.png");}
.index-main02 .content ul li.hover  .more{border: solid 1px #fff;color: #fff;}
.index-main02 .content ul li:hover{ margin-top:110px;}



.el-backtop{  height: 48px; width: 48px;}



.index-main03{padding:100px 0px;}
 .index-main03 .htitle { width: 100%; overflow: hidden; position: relative;}
 .index-main03 .htitle .more{width: 89px;  height: 31px; position: absolute; right: 0; top: 20px;
  border-radius: 30px;  border: solid 1px #125C31;  text-align: center;
  line-height: 29px; display: block; color: #125C31;}
 .index-main03 .common-list3 li{ width: 100%; padding: 0;}

 .index-main03 .but{ overflow: hidden; width: 100%;}
 .index-main03 .but span{ width: 48px; height: 48px; display: block;float: left; margin-right: 30px; margin-top: 50px;}



.aboutus01{padding:120px 0;display: flex;justify-content:space-between;}
.aboutus01 dl.info{  width:38%;}
.aboutus01 dl.info dt,
.aboutus01 dl.info dd{ width:100%; overflow: hidden; color:rgba(51, 51, 51, 1);}
.aboutus01 dl.info dt { color:rgba(18, 92, 49, 1); font-size: 32px;font-weight: bold; margin-top: 60px;}
.aboutus01 dl.info dd {font-size:14px; line-height: 180%;color: #125C31;}
.aboutus01 dl.info .simg{width: 100%;max-width: 238px;}
.aboutus01 dl.info dd.con{font-size: 16px;color: #2E4237;line-height: 34px; overflow: hidden; width: 100%; margin-top: 24px;}


.aboutus01 .img{width: 56%; overflow: hidden;}
.aboutus01 .img video{ width: 100%;}

.aboutus02 .htitle{ text-align: center; width: 100%;}
.aboutus02 .htitle img{width: 100%;max-width: 318px;}
.aboutus02 .stitle{ text-align: center; width: 100%; margin-top: 150px;}
.aboutus02 .stitle img{width: 100%;max-width: 42px;}
.aboutus02 .box{ padding: 125px 45px 50px 45px; position: relative; height: 260px; overflow: hidden; width: 100%; margin-top: 50px;}
.aboutus02 .box .fx{ border-top:solid 1px #125C31; height: 1px; overflow: hidden; width: 100%;}
.aboutus02 .box .sb{ width: 90px; padding-top: 90px; position: absolute; left: 0; bottom: 0;}
.aboutus02 .box .sb .x{width: 1px;height: 80px;background: #125C31; margin: 0 auto; left: 0; right: 0; top: 0; position: absolute;}

.aboutus02 .box .sb.sr{ left: auto; right: 0;}
.aboutus02 .box .sb.sc{ left: 0; right: 0; margin: 0 auto;padding-top: 225px;}
.aboutus02 .box .sb.sc .x{height: 215px;}
.aboutus02 .box dl{ width: 100%; text-align: center; overflow: hidden;line-height: 22px;}
.aboutus02 .box dl dt{font-weight: bold;font-size: 16px;color: #125C31;line-height: 19px; height: 22px;}
.aboutus02 .box dl dd{font-size: 14px;color: #979797;height: 22px;}


.aboutus03{ margin-top: 180px;}
.aboutus03 .htitle{ text-align: center; width: 100%;}
.aboutus03 .htitle img{width: 100%;max-width: 190px;}


.aboutus03 dl{ width: 100%; text-align: center; overflow: hidden;line-height: 22px;}
.aboutus03 dl dt{font-weight: bold;font-size: 16px;color: #125C31;line-height: 19px; height: 22px;}
.aboutus03 dl dd{font-size: 14px;color: #979797;height: 22px;}
.aboutus03 .fx{ margin: 50px auto 20px auto; overflow: hidden; width: 100%;}
.aboutus03 .fx span{display: block; margin: 0 auto;width: 1px;height: 80px;background: #125C31;}


.aboutus04{ margin-top: 160px;}
.aboutus04  .common-title{ text-align: left;}




.aboutus05{ overflow: hidden;padding:80px 0;}
.aboutus05 h1.htitle{ text-align: center; width: 100%; overflow: hidden; font-size: 32px;color: #125C31;line-height: 38px;}
.aboutus05 .ed{text-align: center; width: 100%; overflow: hidden; padding: 10px 0;font-size: 14px;color: #125C31;line-height: 16px;}

.aboutus05 .scontent{width: 100%; overflow: hidden;font-weight: 400; margin: 40px 0 30px 0; text-align: center;

font-size: 16px;color: #2E4237;line-height: 34px;
}
.aboutus05 .bimg{max-width: 100%; width: 100%; margin-top: 58px;}


.aboutus06 .dbox{display: flex; justify-content:space-between; overflow: hidden; align-items:center;}
.aboutus06 .br{ overflow: hidden;width: 76%; padding-left: 25px;}
.aboutus06  .tabs2{ width: 24%;padding: 10px 0; margin-top: 30px; overflow: hidden;}
.aboutus06  .tabs2 li{ width:100%; height:40px; line-height:40px;font-size: 14px; cursor: pointer; padding-left:20px;position: relative;}

.aboutus06  .tabs2 li::before{content: " ";position: absolute; top:0; left:6px;width: 1px;height: 100%;background: #E2E2E2;}
.aboutus06  .tabs2 li:first-child::before{ top: 42%;}
.aboutus06  .tabs2 li:last-child::before{ height: 25px;}

.aboutus06  .tabs2 li.active{ font-weight: bold; font-size: 16px;}
.aboutus06  .tabs2  li::after {content: " ";position: absolute; top:38%; left: 0; width: 13px;height: 13px;border-radius: 13px;background: #B9C9C3;}
.aboutus06  .tabs2  li.active::after{background: #095F40;}
.aboutus06  .swiper-container{}
.aboutus06 .swiper-slide{     display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);}
.aboutus06 .swiper-slide img{width: 100%;}
.aboutus06 .swiper-slide-active{transform: scale(1);	}
.aboutus06 .but{ margin-top: 50px; overflow: hidden; width: 100%;}
.aboutus06 .but span{ margin-right: 30px;}
.aboutus06 .but span{ margin-right: 30px;}

.aboutus07{ width: 100%; overflow: hidden; margin-top: 160px;display: flex;}
.aboutus07 .b1,.aboutus07 .b2{ width:50%; overflow: hidden;}
.aboutus07 .b1{float: left;}
.aboutus07 .b1 img{ width: 100%;}
.aboutus07 .b2{float: right; padding:0 6%;display: flex;align-items:center; position: relative;}
.aboutus07 .icon{ width: 100%; overflow: hidden;}
.aboutus07 .dt{font-weight: bold;font-size: 32px;color: #125C31;line-height: 38px; margin-top: 25px;overflow: hidden;}
.aboutus07 .dd{font-size: 18px;color: #125C31;line-height: 24px; margin-top: 9px;overflow: hidden;}
.aboutus07 .d1{font-size: 18px;color: #000000;line-height: 38px; margin-top: 30px;overflow: hidden;}
.aboutus07 .d1 i{font-size: 32px;font-weight: 600;}
.aboutus07 .d2{overflow: hidden;font-size: 18px;color: #000000;line-height: 24px; margin-top: 9px; width: 100%;}
.aboutus07 .info{ width: 50%;}
.aboutus07 .ph{width: 50%;}
.aboutus07 .ph img{ width: 100%;}

.aboutus07.ri{}
.aboutus07.ri .dt,
.aboutus07.ri .dd,
.aboutus07.ri .d1,
.aboutus07.ri .d2
{text-align: right;}
.aboutus07.ri .icon img{ float: right;}




.aboutus07n{ width: 100%; overflow: hidden; margin-top: 160px;display: flex;}
.aboutus07n .b1,.aboutus07n .b2{ width:50%; overflow: hidden;}
.aboutus07n .b1{float: left;}
.aboutus07n .b1 img{ width: 100%;}
.aboutus07n .b2{float: right; padding:0 6%;display: flex;align-items:center; position: relative;}
.aboutus07n .icon{ width: 100%; overflow: hidden; }
.aboutus07n .dt{font-size: 32px;color: #125C31;line-height: 38px; margin-top: 25px;overflow: hidden;}
.aboutus07n .dd{font-size: 18px;color: #125C31;line-height: 24px; margin-top: 9px;overflow: hidden;}
.aboutus07n .d1{font-size: 18px;color: #585858;line-height: 38px; margin-top: 30px;overflow: hidden;}
.aboutus07n .d1 i{font-size: 32px;font-weight: 600;}
.aboutus07n .d2{overflow: hidden;font-size: 18px;color: #585858;line-height: 24px; margin-top: 9px; width: 100%;}
.aboutus07n .info{ width: 50%;max-width: 340px;}
.aboutus07n .ph{width: 50%; color: #f1f1f1;font-size:600px;position:absolute;z-index: -1;font-family:Verdana, 'Bookman Old Style', Courier, monospace;top:-30%; left: 24%;}
.aboutus07n.ri{}
.aboutus07n.ri .dt,
.aboutus07n.ri .dd,
.aboutus07n.ri .d1,
.aboutus07n.ri .d2
{text-align: right;}
.aboutus07n.ri .b2{justify-content:center}
.aboutus07n.ri .ph{left: 14%;}
.aboutus07n.ri .icon img{ float: right;}

.aboutus07ndl{ width: 100%; overflow: hidden; margin-top: 50px;}
.aboutus07ndl dt{ text-align: center; width: 100%; overflow: hidden; font-size: 40px;color: #125C31;line-height: 46px;letter-spacing:1px;}
.aboutus07ndl dd{text-align: center; width: 100%; overflow: hidden; padding: 10px 0;font-size: 16px;color: #5f5d5d;line-height: 16px; letter-spacing:3px;}



.aboutus08{padding:120px 0;display: flex;justify-content:space-between;}
.aboutus08 dl.info{  width:45%;}
.aboutus08 dl.info dt,
.aboutus08 dl.info dd{ width:100%; overflow: hidden; color:rgba(51, 51, 51, 1);}
.aboutus08 dl.info dt { color:rgba(18, 92, 49, 1); font-size: 32px;font-weight: bold; }
.aboutus08 dl.info dd {font-size:18px; line-height: 180%;color: #125C31;}
.aboutus08 dl.info dd.con{font-size: 18px;color:rgba(0, 0, 0, 0.4);line-height: 34px; overflow: hidden; width: 100%; margin-top: 24px;}
.aboutus08 .img{  width:50%;}
.aboutus08 .img img{  width:100%;}


.aboutus09{}
.aboutus09 .list{ margin:0 -21px; overflow: hidden;}
.aboutus09 .list li{ width: 33.33%; padding: 0 21px; margin-top: 50px;float: left;}
.aboutus09 .list li a{display: block;}
.aboutus09 .list li .simg{ width: 100%;}


.aboutus10{ width: 100%; overflow: hidden; margin-top: 160px;display: flex;}
.aboutus10 .b1,.aboutus10 .b2{ width:50%; overflow: hidden;}
.aboutus10 .b1{float: left;}
.aboutus10 .b1 img{ width: 100%;}
.aboutus10 .b2{float: right; padding:0 6%;display: flex;align-items:center; position: relative;}
.aboutus10 .d1{font-size: 24px;color: #000000;line-height: 38px; margin-top: 30px;overflow: hidden;font-weight: 600;}
.aboutus10 .d1 i{font-size: 32px;}
.aboutus10 .dt{font-weight: bold;font-size: 32px;color: #125C31;line-height: 38px; margin-top: 25px;overflow: hidden;}
.aboutus10 .dd{font-size: 18px;color: #125C31;line-height: 24px; margin-top: 9px;overflow: hidden;}

.aboutus10 .d2{overflow: hidden;font-size: 18px;color:rgba(0, 0, 0, 0.48);line-height: 32px; margin-top: 9px; width: 100%;}
.aboutus10 .info{ width: 100%;}
.aboutus10.ri{}
.aboutus10.ri .dt,
.aboutus10.ri .dd,
.aboutus10.ri .d1,
.aboutus10.ri .d2
{text-align: right;}


.aboutus11{ width: 100%;max-width: 1500px;  overflow: hidden; display: flex;margin: 0 auto;margin-top: 160px; margin-bottom: 100px;}
.aboutus11 .b1,.aboutus11 .b2{ width:50%; overflow: hidden;}
.aboutus11 .b1{float: left; display: flex;justify-content:space-around;}
.aboutus11 .b1 img{ width: 46%;}
.aboutus11 .b2{float: right; padding:0 0 0 6%;display: flex;align-items:center; position: relative;}
.aboutus11 .info .img{ width: 100%; overflow: hidden;}
.aboutus11 .dt{font-weight: bold;font-size: 32px;color: #125C31;line-height: 38px; margin-top: 25px;overflow: hidden;}

.aboutus11 .info{ width: 100%;}


.aboutus12{ width: 100%;overflow: hidden;margin: 0 auto;margin-top: 160px; padding-top: 290px; position: relative; margin-bottom: -100px;}
.aboutus12 .b1,.aboutus12 .b2{ width:50%; overflow: hidden;}
.aboutus12 .b1{position: absolute; top: 0; right: 0; width: 50%; overflow: hidden;}
.aboutus12 .b1 img{ width: 100%; max-width: 639px; float: left;}

.aboutus12 .b2{float: left;  padding:100px 9% 100px 9%;display: flex;align-items:center; position: relative;background: #125C31; width: 60%;}
.aboutus12 .info .img{ width: 100%; overflow: hidden;}
.aboutus12 .dt{font-weight: bold;font-size: 32px;color: #fff;line-height: 38px; margin-top: 25px;overflow: hidden; margin-bottom:8px;}
.aboutus12 .dd{font-size: 18px;color: #FFFFFF;line-height: 24px;overflow: hidden; margin-bottom: 20px;}
.aboutus12 .info{ width: 100%;}

.aboutus12 ul{ width:100%; margin-top: 160px;}
.aboutus12 ul li{width: 138px;height: 138px;border-radius: 100px; overflow: hidden;border:8px solid rgba(255,255,255,0.42); margin-right: 20px;float: left;}
.aboutus12 ul li dl{background: #FFFFFF;width: 122px;height: 122px; }
.aboutus12 ul li dt,.aboutus12 ul li dd{ height:61px; width: 100%; overflow: hidden; text-align:center;position: relative;}
.aboutus12 ul li dt::after {content: " ";position: absolute; bottom: 0; left: 0;width: 78px;height: 1px;background: #125C31; right: 0;margin: 0 auto;}
.aboutus12 ul li dt{ line-height: 76px;color: #125C31;font-size: 16px;display: flex; justify-content:center;letter-spacing: -1px;}
.aboutus12 ul li dt i{font-size: 24px; font-weight: bold;}
.aboutus12 ul li dd {color: rgba(167, 167, 167, 1);font-size: 13px; line-height:18px; padding: 0 0px;} 
.aboutus12 ul li dd.s{font-size: 12px; letter-spacing: -1px;}




.aboutus13{ width: 100%;overflow: hidden;margin: 0 auto;margin-top: 160px; padding-top: 210px; position: relative;}
.aboutus13 .b1,.aboutus13 .b2{ width:50%; overflow: hidden;}
.aboutus13 .b1{position: absolute; top: 0; right: 0; width: 50%; overflow: hidden;}
.aboutus13 .b1 img{ width: 100%; max-width: 639px; float: left;}

.aboutus13 .b2{float: left;  padding:100px 12% 100px 12%;display: flex;align-items:center; position: relative;background: #125C31; width: 60%;}
.aboutus13 .info .img{ width: 100%; overflow: hidden;}
.aboutus13 .dt{font-weight: bold;font-size: 32px;color: #fff;line-height: 38px; margin-top: 25px;overflow: hidden; margin-bottom:8px;}
.aboutus13 .dd{font-size: 18px;color: #FFFFFF;overflow: hidden; margin-bottom: 20px;}
.aboutus13 .dd i{font-size: 36px;}
.aboutus13 .ed{font-size: 14px;color: #FFFFFF;line-height: 20px;  }
.aboutus13 .m38{ margin-top: 38px;}
.aboutus13 .info{ width: 100%;}


.aboutus14 { margin-top: 100px;}
.aboutus14 .common-list2{ margin: 0 -60px;}
.aboutus14 li{ width: 50%; padding: 0 60px;}
.aboutus14 .common-list2 li .box .info{ height: 222px;}



.aboutus15n{ width: 100%; overflow: hidden; margin-top: 160px;display: flex;}
.aboutus15n .b1,.aboutus15n .b2{ width:50%; overflow: hidden;}
.aboutus15n .b1{float: left;}
.aboutus15n .b1 img{ width: 100%;}
.aboutus15n .b2{float: right; padding:0 6%;display: flex;align-items:center; position: relative;}
.aboutus15n .d1{font-size: 24px;color: #000000;line-height: 38px; margin-top: 30px;overflow: hidden;font-weight: 600;}
.aboutus15n .d1 i{font-size: 32px;}
.aboutus15n .dt{font-size: 32px;color: #125C31;line-height: 38px; margin-top: 25px;overflow: hidden; letter-spacing:1px;}
.aboutus15n .dt img{ margin-right: 10px;}
.aboutus15n .dd{font-size: 18px;color: #125C31;line-height: 24px; margin-top: 9px;overflow: hidden;}

.aboutus15n .d2{overflow: hidden;font-size: 18px;color:rgba(0, 0, 0, 0.48);line-height: 32px; margin-top: 9px; width: 100%;}
.aboutus15n .info{ width: 100%;}


.aboutus16n{ width: 100%;max-width: 1500px;  overflow: hidden; display: flex;margin: 0 auto;margin-top: 160px; margin-bottom: 100px;}
.aboutus16n .b1,.aboutus11 .b2{ width:50%; overflow: hidden;}
.aboutus16n .b1{float: left; display: flex;justify-content:flex-end;}
.aboutus16n .b1 img{ width: 46%; max-width: 287px; margin-left: 3%;}
.aboutus16n .b2{float: right; padding:0 0 0 6%;display: flex;align-items:center; position: relative;}
.aboutus16n .info .img{ width: 100%; overflow: hidden;}
.aboutus16n .dt{font-size: 30px;color: #125C31;line-height: 42px; margin-top: 25px;overflow: hidden;}

.aboutus16n .info{ width: 100%;}


.aboutus17n{ width: 100%;overflow: hidden;margin: 0 auto;margin-top: 160px;position: relative; margin-bottom: -100px;}
.aboutus17n .b1,.aboutus12 .b2{ width:50%; overflow: hidden;}
.aboutus17n .b1{position: absolute; top:15%; right: 0; width: 60%; overflow: hidden; padding-right: 5%;}
.aboutus17n .b1 .img{ width: 100%;}
.aboutus17n .b1 .swiper-slide{ padding: 0 5px;}
.aboutus17n .b2{float: left;  padding:180px 9% 180px 9%;display: flex;align-items:center; position: relative;background: #125C31; width:50%;}
.aboutus17n .info .img{ width: 100%; overflow: hidden;}
.aboutus17n .dt{font-size: 32px;color: #fff;line-height: 38px; margin-top: 25px;overflow: hidden; margin-bottom:8px;}
.aboutus17n .dd{font-size: 18px;color: #FFFFFF;line-height:30px;overflow: hidden; margin-bottom: 20px;}
.aboutus17n .info{ width: 100%; overflow: hidden; max-width: 350px;}
.aboutus17n .but{ position: absolute; top: 49%; left: 0; width: 100%; height: 30px;z-index: 2;}
.aboutus17n .but .container2button-prev,.aboutus17n .but .container2button-next{color:#b4b4b4;font-size: 30px; position: absolute;}
.aboutus17n .but .container2button-next{ right:0;}
.aboutus17n .but .container2button-prev{ left:0;}
.aboutus17n .hbox{ width: 100%; overflow: hidden; position: relative;padding: 0 40px;}
.aboutus17n .sbox{ width: 100%; overflow: hidden; position: relative; }
.aboutus17n  .swiper-container{ width: 100%;}

.sustainable02{padding:100px 0 0 0;}
.sustainable02 .logo{ width: 233px; overflow: hidden; margin: 0 auto 60px auto;}
.sustainable02 .logo img{ width: 100%;}
.sustainable02 .common-title{ text-align: center;}
.sustainable02 .content{font-size: 16px;color: #2E4237;line-height: 34px; overflow: hidden; margin-top: 20px; text-align: center;}
.sustainable02 .common-list4{ margin-top: 70px;}

.sustainable02 .swiperbox{ margin-top: 70px; overflow: hidden; padding: 0 30px; position: relative;}
.sustainable02 .swiper-slide img{ width: 100%;}
.sustainable02 .but{ position: absolute; left: 0; top: 48%; z-index: 88; width: 100%;}
.sustainable02 .but span{cursor: pointer;}
.sustainable02 .but .container2button-next{float: right;}


.sustainable05{ width: 100%; overflow: hidden;background-image: url(../images/bg2.png);background-repeat: no-repeat; background-size: 100%; background-color: rgba(218, 239, 243, 1); margin-top: -40px; padding: 80px 0; margin-bottom: -100px;}
.sustainable05 .map{ width: 100%;max-width: 1200px; margin: 0 auto; overflow: hidden; position: relative;}
.sustainable05 .map .img{ width: 100%;}

.sustainable05 .map .li{border-radius: 21px;border: 1px solid #FFFFFF; position: absolute; padding:4px 7px; left:34%; bottom: 42%; overflow: hidden;}
.sustainable05 .map .li a{width: 178px;height: 32px;background: #FFFFFF;
border-radius: 16px;display: block; padding-left:30px; position: relative;font-size: 16px;color: #125C31; overflow: hidden; line-height: 31px;}
.sustainable05 .map .li a::after {content: " ";position: absolute; top:9px; left: 10px;width:14px;height:14px;background: #125C31;border-radius: 7px;}


.pcShow .swiperbox{overflow: hidden; padding: 0 0; position: relative;}
.pcShow .swiper-slide img{ width: 100%;}
.pcShow .but{ position: absolute; padding: 0 10px; left: 0; top: 48%; z-index: 88; width: 100%;}
.pcShow .but span{cursor: pointer;}
.pcShow .but .container2button-next{float: right;}

.pcShow .el-drawer__body{ margin-top: -36px;background-color: #fff;}
.pcShow .el-drawer__header{ padding:0 20px ;background:transparent !important;}

.pcShow .d1{font-size: 24px;color: #000;line-height: 38px; margin-top: 30px;overflow: hidden;font-weight: 600;}
.pcShow .d1 i{font-size: 32px;}
.pcShow .title{font-weight: bold;font-size: 44px;color:#000; margin-top: 25px;overflow: hidden;}
.pcShow .dt{font-weight: bold;font-size: 32px;color:#125C31;line-height: 38px; margin-top: 25px;overflow: hidden;}
.pcShow .dd{font-size: 18px;color: #125C31;line-height: 24px; margin-top: 9px;overflow: hidden;}
.pcShow .d2{overflow: hidden;font-size: 18px;color:rgba(0, 0, 0, 0.46);line-height: 32px; margin-top: 9px; width: 100%;}
.pcShow .info{ width: 100%; overflow: hidden; padding: 0 50px;}
.pcShow video{ width: 100%; margin-top: 28px;}

.nutrition01{ margin-bottom: 80px;}
.nutrition01 .logo{ width: 233px; overflow: hidden; margin: 0 auto 60px auto;}
.nutrition01 .logo img{ width: 100%;}
.nutrition01{ margin-top: 100px;}
.nutrition01 .list{ margin:0 -8px; overflow: hidden;}
.nutrition01 .list li{ width: 25%; padding: 0 8px; margin-top:26px;float: left;}
.nutrition01 .list li a{display: block;}
.nutrition01 .list li .simg{ width: 100%;}
.nutrition01 .list li .title{ width: 100%; height: 30px; line-height: 30px; text-align: center;font-size: 16px;color: #000000; margin-top: 15px;}

.nutrition01 .list.ce{display: flex;justify-content:center;flex-wrap:wrap;}



.nutrition02{  margin-top:80px;display: flex;}
.nutrition02 .b1,.nutrition02 .b2{ width:50%; overflow: hidden;}
.nutrition02 .b1{float: left;}
.nutrition02 .b1 img{ width: 100%;}
.nutrition02 .b2{float: right; padding:0 0 0 6%; position: relative; overflow: hidden;display: block;font-weight: bold; max-width: 470px;}
.nutrition02 .d1{font-size: 24px;color: #000000;line-height: 38px; margin-top: 30px;overflow: hidden;font-weight: 600;}
.nutrition02 .d1 i{font-size: 32px;}
.nutrition02 .dt{font-weight: bold;font-size: 32px;color: #125C31;line-height: 38px;overflow: hidden;}
.nutrition02 .dd{font-size: 18px;color: #125C31;line-height: 24px; margin-top: 9px;overflow: hidden;}
.nutrition02 .d2{overflow: hidden;font-size: 18px;color:#3b3b3b;line-height:28px; margin-top: 20px; width: 100%;max-width:360px;font-weight: 500;}

.nutrition02 .ss{font-size: 15px;color: #2E4237;line-height: 27px;margin-top: 25px;overflow: hidden;}

.nutrition02 .st{font-size: 18px;color: #125C31;line-height: 27px;margin-top: 4px;overflow: hidden;}


.nutrition021{ display: flex;align-items:center; margin-top: 100px; background-color: #f7f8f8; max-width: 1370px;}
.nutrition021 .common-title{ padding-left: 100px;}
.nutrition021 .common-title dd{font-size: 14px;}
.nutrition021 .img{ margin-right: 50px;}
.nutrition021.t2{background: #F7F8F8;}


.nutrition022{margin-top: 100px;font-weight: bold;}

.nutrition022 .title{font-size: 19px;color: #4b4848;line-height: 19px;}
.nutrition022 ul{display: flex;align-items:flex-start;overflow: hidden;justify-content:space-between;margin-top: 24px;}
.nutrition022 ul li{ width: 46%;}
.nutrition022 ul li.lt1{ width: 52%;}
.nutrition022 ul li.lt2{width: 40%;}

.nutrition022 .ss{font-size: 14px;color: #2E4237;line-height: 27px;margin-top: 25px;overflow: hidden;}
.nutrition022 .st{font-size: 18px;color: #125C31;line-height: 27px;margin-top: 4px;overflow: hidden;}




.nutrition023{margin-top: 100px;display: flex;justify-content:space-between;}
.nutrition023 .box{ width:555px;}
.nutrition023 .title{font-size: 19px;color: #4b4848;line-height: 19px;font-weight:bold;}
.nutrition023 ul{display: flex;align-items:flex-start;overflow: hidden;justify-content:space-between;margin-top: 24px;}
.nutrition023 ul li{font-weight: bold; }
.nutrition023 ul .ss{font-size: 14px;color: #2E4237;line-height: 27px;margin-top: 10px;overflow: hidden;}
.nutrition023 ul .st{font-size: 18px;color: #125C31;line-height: 27px;margin-top: 4px;overflow: hidden;}

.nutrition023 .rb .st{font-size: 14px;color: #3d3b3b;line-height: 27px; text-align: center; width: 100%; overflow: hidden; margin-top: 10px;}
.nutrition023 .rb .st .d{font-size:28px;font-weight: bold; letter-spacing:0px;}
.nutrition023 .data{font-size: 128px;color: #125C31;line-height: 128px;font-weight: 600;font-family:"Inter-Black";overflow: hidden;text-align: center;display: flex;align-items:flex-end;justify-content:center}
.nutrition023 .data i{font-family:Arial;display:flex; align-items:flex-end;vertical-align: text-bottom; line-height: 90px;font-size: 148px;
}




.nutrition024{ margin-top: 100px; margin-bottom: 100px;}
.nutrition024 .list{ margin:20px -5px 0 -5px; overflow: hidden;}
.nutrition024 .list li{ width: 20%; padding: 0 5px; margin-top:26px;float: left;}
.nutrition024 .list li a{display: block;}
.nutrition024 .list li .simg{ width: 100%;}
.nutrition024 .list li .title{ width: 100%; height: 30px; line-height: 30px; text-align: center;font-size: 16px;color: #000000; margin-top: 15px;}



.nutrition025{  margin-top:80px;display: flex;}
.nutrition025 .b1{ width:60%; overflow: hidden;}
.nutrition025 .b2{ width:40%; overflow: hidden;}
.nutrition025 .b1{float: left;}
.nutrition025 .b1 img{ width: 100%;}
.nutrition025 .b2{float: right; padding:0 0 0 6%; position: relative; overflow: hidden;display: block;font-weight: bold; max-width: 470px;}
.nutrition025 .d1{font-size: 24px;color: #000000;line-height: 38px; margin-top: 30px;overflow: hidden;font-weight: 600;}
.nutrition025 .d1 i{font-size: 32px;}
.nutrition025 .dt{font-weight: bold;font-size: 32px;color: #125C31;line-height: 38px;overflow: hidden;}
.nutrition025 .dd{font-size: 18px;color: #125C31;line-height: 24px; margin-top: 9px;overflow: hidden;}
.nutrition025 .d2{overflow: hidden;font-size: 18px;color:#3b3b3b;line-height:28px; margin-top: 20px; width: 100%;max-width:360px;font-weight: 500;}
.nutrition025 .ss{font-size: 16px;color: #374f42;line-height: 40px;margin-top: 24px;overflow: hidden;}



.nutrition03{  margin-top:120px;display: flex; margin-bottom: 80px;}
.nutrition03 .b1,.nutrition03 .b2{ width:45%; overflow: hidden;}
.nutrition03 .b1{float: left; width:55%;}
.nutrition03 .b1 img{ width: 100%;}
.nutrition03 .b2{float: right; padding:0 0 0 8%; position: relative; overflow: hidden;display: block;}
.nutrition03 .d1{font-size: 24px;color: #000000;line-height: 38px; margin-top: 30px;overflow: hidden;font-weight: 600;}
.nutrition03 .d1 i{font-size: 32px;}
.nutrition03 .dt{font-weight: bold;font-size: 32px;color: #125C31;line-height: 38px; margin-top: 25px;overflow: hidden;}
.nutrition03 .dd{font-size: 18px;color: #125C31;line-height: 24px; margin-top: 9px;overflow: hidden;}
.nutrition03 .d2{overflow: hidden;font-size: 16px;color: #000000;line-height:40px; margin-top: 20px; width: 100%;}
.nutrition03 .d4{overflow: hidden;font-size: 14px;color: #000000;line-height:30px; margin-top: 20px; width: 100%;}
.nutrition03 .d3{overflow: hidden;font-size: 16px;color:rgba(18, 92, 49, 1);line-height:40px; margin-top: 20px; width: 100%;font-weight: bold;}

.nutrition03.rb .b2{padding:0 8% 0 0; }


.nutrition04{display: flex; overflow: hidden; width: 100%;}
.nutrition04 .b1,.nutrition04 .b2{ width:50%; overflow: hidden;}
.nutrition04 .b1{float: left;}
.nutrition04 .b1 img{ width: 100%;}
.nutrition04 .b2{float: right; padding:0 0 0 8%; position: relative; overflow: hidden;display: block;display: flex;align-items:center; }
.nutrition04 .d1{font-size: 24px;color: #000000;line-height: 38px; margin-top: 30px;overflow: hidden;font-weight: 600;}
.nutrition04 .d1 i{font-size: 32px;}
.nutrition04 .dt{font-weight: bold;font-size: 32px;color: #125C31;line-height: 38px; margin-top: 25px;overflow: hidden;}
.nutrition04 .dd{font-size: 18px;color: #125C31;line-height: 24px; margin-top: 9px;overflow: hidden;}
.nutrition04 .info{ width: 100%; overflow: hidden; max-width: 500px;}
.nutrition04 .d2{overflow: hidden;font-size: 18px;color:rgba(0, 0, 0, 0.48);line-height:40px; margin-top: 20px; width: 100%;}

.nutrition04.rb .b2{padding:0 8% 0 0;justify-content:flex-end;}
.nutrition04.rb .info{float: right;}




.nutrition041{ width: 100%;overflow: hidden;margin: 0 auto;margin-top: 120px; padding-top: 210px; position: relative; margin-bottom: -100px;}
.nutrition041 .b1,.nutrition041 .b2{ width:50%; overflow: hidden;}
.nutrition041 .b1{position: absolute; top: 0; left: 0; width: 50%; overflow: hidden; z-index: 1;}
.nutrition041 .b1 img{ width: 100%; max-width: 640px; float: right;}

.nutrition041 .b2{float: right;  padding:100px 12% 100px 12%;display: flex;align-items:center; position: relative;background: #125C31; width: 60%; min-height: 600px;}
.nutrition041 .info .img{ width: 100%; overflow: hidden;}
.nutrition041 .dt{font-weight: bold;font-size: 32px;color: #fff;line-height: 38px; margin-top: 25px;overflow: hidden; margin-bottom:8px;}
.nutrition041 .dd{font-size: 18px;color: #FFFFFF; line-height: 32px;  overflow: hidden; margin-bottom: 20px;}


.nutrition041 .info{ width: 100%;}
.strategy01{ margin-top: 100px;}
.strategy01 .map{ width: 100%; overflow: hidden;}
.strategy01 .map img{ width: 100%;}
.strategy01 .dt{font-size: 24px;color: #125C31;line-height: 39px;overflow: hidden; font-weight: bold;}
.strategy01 .dd{font-size: 18px;color: #2E4237;line-height: 39px;overflow: hidden;}

.strategy01video{ overflow: hidden; width: 100%; margin-top: 50px;}
.strategy01video video{ width: 100%;}


.medium01 .common-list3{ overflow: hidden; margin:80px -15px 0 -15px;}


.medium-show{ overflow: hidden;padding:80px 0;}
.medium-show h1.htitle{ text-align: center; width: 100%; overflow: hidden; font-size: 36px;}
.medium-show .date{text-align: center; width: 100%; overflow: hidden; padding: 30px 0;border-bottom: 1px solid #EEEEEE; font-size: 16px;}

.medium-show .scontent{width: 100%; overflow: hidden;font-weight: 400;font-size: 16px;color: #666666;line-height:220%; margin: 40px 0 30px 0;}
.medium-show .scontent img{max-width: 100%;}
.medium-show .paging{width: 100%; display: flex;justify-content:space-between;border-top:5px solid #EEEEEE; padding-top: 26px;}
.medium-show .paging li{ width:50%;font-size: 16px;color: #666666;line-height: 32px; overflow: hidden; text-align: left;}
.medium-show .paging li a{color:#666666;}
.medium-show .paging li a:hover{color:rgba(18, 92, 49, 1);}
.medium-show .paging li:last-child{text-align: right;}



.investor01{background: #FFFFFF;box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.13); max-width: 1200px; width: 100%; margin: 180px auto 0 auto;display: flex;justify-content:space-between}

.investor01 .il{ overflow: hidden; width: 60%; padding-left: 50px;}

.investor01 .il dl{overflow: hidden; width: 100%; margin-top: 40px;}
.investor01 .il dl dt{overflow: hidden;  border-bottom: solid 1px #E5E5E5;font-size: 24px;color: #2E4237;line-height: 52px;}
.investor01 .il dl dd{overflow: hidden; font-size: 16px;color: #2E4237;line-height: 34px;}
.investor01 .il .mb40{ margin-bottom: 40px;}
.investor01 .ir{width: 36%; padding-right: 128px; position: relative;}
.investor01 .ir img{ width: 100%; position: relative; margin-top: -60px;}
.investor01 .ir .info{ position: absolute; bottom: 0; height: 205px; right: 0; padding-top: 24px; padding-left: 26px;background: #F6F6F6; width: 100%;}
.investor01 .ir .info .d1{font-size: 16px;color: #2E4237;line-height: 27px; overflow: hidden;}
.investor01 .ir .info .d2{font-weight: bold;font-size: 24px;color: #2E4237;
line-height:40px;}
.investor01 .ir .info .d1 i{line-height:40px;font-weight: bold;font-size: 24px;color: #E7141A;}


.investor011{ width: 100%;overflow: hidden;margin: 0 auto;margin-top: 160px; padding-top: 128px; position: relative;}
.investor011 .b1,.investor011 .b2{  overflow: hidden;}
.investor011 .b1{position: absolute; top: 0; right: 0; width: 36%; overflow: hidden;}
.investor011 .b1 img{ width: 100%; max-width: 430px; float: left;}

.investor011 .b2{float: left;  padding:100px 9% 100px 9%;display: flex;align-items:center; position: relative;background: #125C31; width: 74%;}
.investor011 .info .img{ width: 100%; overflow: hidden;}
.investor011 .dt{font-weight: bold;font-size: 32px;color: #fff;line-height: 38px; margin-top: 25px;overflow: hidden; margin-bottom:8px;}
.investor011 .dd{font-size: 18px;color: #FFFFFF;line-height: 24px;overflow: hidden; margin-bottom: 20px;}
.investor011 .dd2{font-size: 48px;color: #FFFFFF;overflow: hidden; margin-top: 50px;}
.investor011 .info{ width: 100%;}


.investor012{background: #FFFFFF;box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.13); max-width: 1200px; width: 100%; margin: 180px auto 0 auto; padding: 10px 50px 40px 50px; overflow: hidden;}
.investor012  li{overflow: hidden;  border-bottom: solid 1px #E5E5E5;font-size: 24px;color: #2E4237;line-height: 52px; margin-top: 26px;}


.investor013{ margin-top: 120px;}
.investor013 ul{ overflow: hidden;margin: 0 -15px;}
.investor013 ul li{ padding: 0 15px; overflow: hidden; width: 50%; margin-top: 50px;float: left;}
.investor013 ul li .box{ width: 100%; overflow: hidden; background-color:#fff; padding: 40px;}
.investor013 ul li div{ overflow: hidden; width: 100%;}
.investor013 ul li .dt{font-weight: bold;font-size: 36px;color: #125C31;line-height: 42px;}
.investor013 ul li .dd{font-size: 18px;color: #125C31;line-height: 28px;}
.investor013 ul li .dtt{font-size: 18px;color:rgba(46, 66, 55, 0.5);line-height: 28px; margin-top: 18px;}
.investor013 ul li .ddd{font-weight: bold;font-size: 48px;color: #125C31;}
.investor013 ul li .dds{font-size: 18px;color: #2E4237;line-height: 28px; margin-top: 10px}

.investor02nav{ margin-top: 50px;}
.investor02nav a{font-size: 24px;color: rgba(46,66,55,0.5);line-height: 52px; margin-right: 32px;font-weight: 400;}
.investor02nav a.hover,.investor02nav a:hover{color: #125C31;}


.investor02{background: #FFFFFF;box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.13); max-width: 1200px; width: 100%; margin:20px auto 0 auto; padding: 30px 50px 50px 50px; overflow: hidden;}
.investor02 ul,.investor02 li{ overflow: hidden;}
.investor02 li  { width: 100%; overflow: hidden;display: flex;  justify-content:space-between;align-items:center;font-size: 16px;color: #2E4237;line-height: 34px; border-bottom: solid 1px #E5E5E5; padding: 14px 0;}
.investor02 li   a{color: #2E4237;}
.investor02 li   a:hover{color: #125C31;;}
.investor02 li .icon {background-image: url("../images/download.jpg");  background-position:left center; background-repeat: no-repeat; padding-left: 30px;  }


.investor03{background: #FFFFFF;box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.13); max-width: 1200px; width: 100%; margin:60px auto 0 auto; padding: 30px 50px 50px 50px; overflow: hidden;}
.investor03 ul,.investor02 li{ overflow: hidden;}
.investor03 li  { width: 100%; overflow: hidden;font-size: 16px;color: #2E4237;line-height: 34px; border-bottom: solid 1px #E5E5E5; padding: 14px 0;}
.investor03 li .dt,.investor03 li .dd{ width: 100%; overflow: hidden;}
.investor03 li .dt{font-size: 24px;color: #125C31;line-height:48px;}




.recruitment{display: flex; overflow: hidden; width: 100%;}
.recruitment .b1,.recruitment .b2{ width:50%; overflow: hidden;}
.recruitment .b1{float: left;}
.recruitment .b1 img{ width: 100%;}
.recruitment .b2{float: right; padding:0 30px 0 7%; position: relative; overflow: hidden;display: block;display: flex;align-items:center; }
.recruitment .d1{font-size: 24px;color: #000000;line-height: 38px; margin-top: 30px;overflow: hidden;font-weight: 600;}
.recruitment .d1 i{font-size: 32px;}
.recruitment .dt{font-weight: bold;font-size: 32px;color: #125C31;line-height: 38px; margin-top: 25px;overflow: hidden;}
.recruitment .dd{font-size: 18px;color: #125C31;line-height: 24px; margin-top: 9px;overflow: hidden;}
.recruitment .info{ width: 100%; overflow: hidden; max-width: 500px;}
.recruitment .d2{overflow: hidden;font-size: 18px;color:rgba(0, 0, 0, 0.48);line-height:40px; margin-top: 20px; width: 100%;}
.recruitment  .but{ width: 100%; overflow: hidden; margin-top: 30px;}
.recruitment  .but img{ margin-right:20px;}
.recruitment.rb .info{float: right;}

.recruitmentlist{ margin-top: 80px;}
.recruitmentlist .title{ width: 100%; overflow: hidden; text-align: center;font-weight: bold;font-size: 44px;color: #333333;}
.recruitmentlist .titleen{ width: 100%; overflow: hidden; text-align: center;font-size: 14px;color: rgba(51,51,51,0.8);letter-spacing: 7px; margin-top: 10px;}

.recruitmentlist .list{}
.recruitmentlist .list .stitle{font-weight: bold;font-size: 24px; width: 100%; overflow: hidden; border-bottom: 1px solid #EEEEEE;color: #333333; padding: 12px 0;}
.recruitmentlist .list li{ margin-top: 60px;}
.recruitmentlist .list dl{ width: 100%; overflow: hidden;color: #333333; line-height: 33px; margin-top: 24px;}
.recruitmentlist .list dt{font-weight: bold;font-size: 16px;}
.recruitmentlist .list dd{font-size: 14px;}


.contactusbox{ margin-top: 73px;}
.contactusbox .box{ width: 62%; overflow: hidden;float: left; max-width: 420px;}
.contactusbox .box div{ overflow: hidden; width: 100%;}
.contactusbox .box .dt{font-weight: bold;font-size: 24px;color: #125C31;}
.contactusbox .box .dd{font-size: 14px;color: #125C31;}
.contactusbox .box .dts{font-weight: bold;font-size: 16px;color: #000000; margin-top:24px;}
.contactusbox .box dl.li{ padding-left: 80px; min-height: 28px; line-height: 28px; overflow: hidden; position: relative; width: 100%;font-size: 16px;
color: rgba(51,51,51,0.7); margin-top:12px;}
.contactusbox .box dl.li dt{ width: 80px; height: 28px; position: absolute; top: 0; left: 0;}
.contactusbox .box dl.li .u{text-decoration: underline;}
.contactusbox .box .dts2{font-size: 14px;color: rgba(18,92,49,0.62);}
.contactusbox .box .dts2 a{color: rgba(18,92,49,0.62); margin-right: 10px;}
.contactusbox .box .dts2 a.hover{font-weight: bold;font-size: 16px;color: #125C31;}



.contactusbox .img{ width: 36%;overflow: hidden;float: right;}
.contactusbox .img img{ width: 100%; border-radius: 10px;}



.products-contactus{background: #F8F8F8; width: 100%;  overflow: hidden; margin-top: 130px;}
.products-contactus .box{display:flex;justify-content:space-between;width:100%;margin: 0 auto; max-width: 1440px;padding:0 120px; }

.products-contactus .info{  width:50%; overflow: hidden; }
.products-contactus .info .introduce{font-weight: bold;font-size: 220%;color: #333333;
line-height: 60px; margin-top: 20%;}
.products-contactus .formbox{width: 50%; overflow: hidden;}
.products-contactus .el-input__inner{ height: 48px;border: 1px solid #EEEEEE; font-size: 16px;border-radius: 0; background-color:transparent !important;}
.products-contactus .el-textarea__inner{border: 1px solid #EEEEEE; font-size: 16px; height: 98px;border-radius: 0;font-family:"Microsoft YaHei",Tahoma,Arial,"Segoe UI", "Lucida Grande";background-color:transparent !important;}
.products-contactus .but{width: 161px;height: 44px;background: #125C31!important;text-decoration: none;color:#ffffff;font-size: 16px; justify-content:center; align-items:center; display: flex; border: 0; border-radius: 0;}
.products-contactus .but img{ margin-left: 8px;}



input::placeholder,textarea::placeholder{
  color: #999 !important;font-weight: bold!important;
}



footer.footer{font-size:14px;background: #125c31;padding-top:50px; overflow: hidden;}
footer.footer .box{width:100%; max-width:1600px; margin:0 auto; overflow: hidden;
 display: flex;justify-content:space-between
 }

footer.footer .box .navbox{overflow:hidden; width: 70%; display: flex;justify-content:space-between}
footer.footer .box .nav{ float:left;overflow:hidden;color:#fff;}

footer.footer .box .nav dt{font-size: 20px;line-height:24px; margin-bottom:8px;overflow:hidden; padding-bottom: 10px;font-weight: bold;}
footer.footer .box .nav dd{ font-size:16px;line-height: 20px; overflow:hidden;margin-top:14px;color:#fff;}
footer.footer .box .nav dd a{color:#fff;}

footer.footer .box .contact{overflow: hidden; width: 20%;}
footer.footer .box .contact .nav{ width: 100%;}
footer.footer .box .contact .nav dd{display: flex;}
footer.footer .box .contact a{ margin-right:14px;display: block;}



footer.footer .txtall{ width:100%;line-height:60px;font-size:16px; margin:60px auto 0 auto; max-width: 1600px; border-top: solid 1px rgba(255,255,255,0.3);color:#fff;font-size: 16px; padding: 30px 0; overflow: hidden;}
footer.footer .txtall a{float: left;color:#fff; margin-right: 60px;}
footer.footer .txtall .c{float: right;© 2024 Fonterra Co-operative Group Limited}



.am-pagination{ margin-top:50px; text-align: center;}
.am-pagination > li{display:inline-block;}
.am-pagination > li > a, .am-pagination > li > span{border: 1px solid #F6F6F6;min-width: 32px; line-height: 32px;display: block;text-decoration: none;color: #2E4237;}


.am-pagination .prevend{ background: url(../images/icon-left1.png) center center no-repeat!important;}
.am-pagination .prev{ background: url(../images/icon_left2.png) center center no-repeat!important;}
.am-pagination .next{ background: url(../images/icon_right4.png) center center no-repeat!important;}
.am-pagination .nextend{ background: url(../images/icon_right3.png) center center no-repeat!important;}
.am-pagination .next:hover,.am-pagination .prev:hover{color:#333; background-color:none!important; }
.am-pagination > .am-active{background: #125C31; border-radius:4px;}
.am-pagination > .am-active > a{font-weight: bold; color: #fff;}





.waveFooter {
  position:relative;
  text-align:center;
 /* background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%); */

  color:white;
}



.waveFooter .waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:80px;
  max-height:100px;
}

.waveFooter .content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 6s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
.waveFooter  .waves {
    height:40px;
    min-height:40px;
  }

}



.embed-responsive-16by9{padding-bottom:56.25%}
.cmp-customHeaderBanner__video{width:100%;height:100%;position:absolute;top:0;left:0}
.cmp-customHeaderBanner__video .embed-responsive{width:100%;height:100%;position:relative}
.cmp-customHeaderBanner__video .embed-responsive video{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}


.cmp-customHeaderBanner__video{position:relative;}
.cmp-customHeaderBanner__video:after{background:linear-gradient(0,rgba(0,0,0,0.2),rgba(0,0,0,0.2))}
.cmp-customHeaderBanner__video:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}
.cmp-customHeaderBanner__video video{object-fit:cover}
.cmp-customHeaderBanner__video  .headline{position:absolute;top:50%;margin-left:auto;margin-right:auto;left:0;right:0;margin-top:-66px;text-align: center;
    color: #fff;font-weight: bold;    font-size:40px;max-width: 674px;
        margin-top: -60px;font-family: 'Recoleta', Arial, sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;z-index: 2;
    letter-spacing: -1.2px;}

@media only screen and (min-width:1200px){
	.cmp-customHeaderBanner__video{max-height:599px;overflow:hidden}
	.cmp-customHeaderBanner__video .embed-responsive-16by9{padding-bottom:36.25%}
}


.bgfff{background-color: #fff;}
.border0{ border:0 !important;}
a.co4{color:#048ac2;text-decoration:underline;}
a.co4:hover{ color:#F00;}
.cf00{ color:#ff0000;}
.padding0{ padding:0 !important;}
.paddingb0{ padding-bottom:0;}
.margin0{ margin:0 !important;}
.margintop20{ margin-top:20px!important;}
.margintop10{ margin-top:10px!important;}
.margintop40{ margin-top:40px!important;}
.margintop0{ margin-top:70px!important;}
.margintop00{ margin-top:0!important;}
/*Huang CSS Document QQ:52710360 */
/*
 * @author: Huang zhenghua
 * @QQ:52710360 
*/


@media only screen and (max-width:1850px){

.aboutus07n .ph{width: 50%; font-size:550px;top:-30%; left: 24%;}
}




@media only screen and (max-width:1700px){
	header.m-hd .header-top{padding: 0 60px;}
	
footer.footer .box{ padding-left: 100px; padding-right:100px;}
footer.footer .txtall{ padding-left: 100px; padding-right:100px;}
.aboutus07 { max-width: 1400px; margin-left: auto; margin-right: auto;}
.aboutus07 .b1{ width: 30%;}
.aboutus07 .b2{width: 70%;}
.aboutus07 .ph{ width:28%;}
.aboutus07 .info{ width:70%;}


.aboutus07n .ph{width: 50%; font-size:500px;top:-30%; left: 24%;}
.aboutus07n .info{ width:70%; max-width:auto;}


.strategy01video{  max-width: 1200px; margin-left: auto; margin-right: auto;}

.aboutus17n .b2{padding: 120px 9% 120px 9%;}


}

@media only screen and (max-width:1600px){
.index-main02{margin-bottom:-90px;}
.index-main02 .content{ margin-top: 13%;}
.index-main02 .content ul li{ margin-top: 100px;}
}

@media only screen and (max-width:1500px){
.index-main02{margin-bottom:-90px;}
.index-main02 .content{ margin-top: 12%;}
.index-main02 .content ul li{ margin-top: 80px;}
}


@media only screen and (max-width:1400px){
.commonad dl{bottom: 20%;}
.aboutus07n .ph{width: 50%; font-size:450px;top:-30%; left: 28%;}

.index-main02 .content{ margin-top: 12%;}
.index-main02 .content ul li{ margin-top: 80px; height: 380px;}

}

@media only screen and (max-width:1300px){
.index-main02 .content{ margin-top: 10%;}
.index-main02 .content ul li{ margin-top: 70px;}
	
.aboutus07n .ph{width: 50%; font-size:400px;top:-30%; left: 28%;}
.aboutus07n .d1{ margin-top: 10px;}
.aboutus07n .dt{ margin-top: 10px;}
.aboutus07n{ margin-top: 100px;}
}

@media only screen and (max-width:1250px){
.aboutus17n .b2{padding: 100px 9% 100px 9%;}
.aboutus16n{ padding-right: 50px;}

.index-main02 .content{ width: 90%;}
.index-main02 .content ul li{ margin-top: 50px; height: 350px;    padding: 30px 20px 20px 40px;}

}


@media only screen and (max-width:1200px){

.common-box{ padding-left: 10px; padding-right: 10px;}

.commonad dl{bottom: 20%; background-size: 450px;padding-bottom: 50px;}
.commonad dl dt{font-size: 50px;}
.commonad dl dd{font-size:20px;}

}

@media only screen and (max-width:1150px){
	
	.aboutus07n .ph{width: 50%; font-size:360px;top:-30%; left: 36%;}
	.aboutus07n .d1{ margin-top: 10px;}
	.aboutus07n .dt{ margin-top: 10px;}
}

@media only screen and (max-width:1000px){
	.aboutus07n .ph{width: 50%; font-size:320px;top:-30%; left: 36%;}
	.aboutus07n .icon img{ width: 50px;}
	.aboutus07n .info{ width:80%; max-width:auto;}

}


@media only screen and (max-width:950px){

.show-sm-only{display: block;}
.show-md-up{display: none;}
.am-offcanvas {display: block;}
.am-offcanvas-bar{display: block;}

header.m-hd{ position: inherit;}
.commonad dl{bottom: 25%; background-size: 350px;padding-bottom: 40px;}
.commonad dl dt{font-size: 40px;}
.commonad dl dd{font-size:16px;}


.sustainable05 .map .li{right: 8%; bottom: 40%; width: 140px;}
.sustainable05 .map .li a{ height: auto; line-height: 20px; width: 100%;}


.nutrition021 .common-title{ padding-left: 20px;}
.nutrition021 .img{ width: 60%;}
.nutrition021 .img img{ width: 100%;}
}

@media only screen and (max-width:880px)
{	
.sustainable05 .map .li{right: 8%; bottom: 38%; width: 140px;}
}


@media only screen and (max-width:768px)
{	


}



@media only screen and (max-width:640px){
	
	.sustainable05{ margin-bottom: -40px;}
	.aboutus12{margin-bottom:-40px;}
	
	
	.index-main02{ margin-bottom: 0;}
	.index-main02 .content{ width: 100%;}
	
	.aboutus15n{display: block; margin-top: 20px;}
	.aboutus15n .b1, .aboutus15n .b2{ width: 100% !important;}
	.aboutus15n .dt{font-size: 25px;}
	
	.aboutus16n{display: block; margin-top: 20px; padding-right: 0;}
	.aboutus16n .info .img img{ width: 80px;}
	.aboutus16n .dt{font-size:18px; line-height: 30px;}
	.aboutus16n .b2{ padding:0 10px; width: 100%; text-align: center;}
	.aboutus16n .b1{ width: 100%; margin-top: 10px;justify-content:space-around}
	.aboutus16n .b1 img{ margin: 0; width: 40%;}
	
		.aboutus17n { margin-top: 20px; margin-bottom:0;}
	.aboutus17n .b2{ width: 100%; padding: 20px;} 
.aboutus17n .b1{position: inherit; width: 100%;}

	
	
		
.am-header .am-header-left img{ width:40%;}
.am-header{ height: 40px; line-height: 40px;}
.indextopad .swiper-slide .box{ top:28%;}


.commonadnav{ margin-top: 0;}
	.commonad dl{bottom:12%; background-size: 250px;padding-bottom: 30px;}
	.commonad dl dt{font-size:24px; padding-bottom: 0;}
	.commonad dl dd{font-size:14px;}
	
	.commonadnav li{  font-size: 14px;}
	.commonadnav li a{ line-height: 20px; padding: 20px 10px 0 10px;}
	.commonadnav li.hover a::after{ width: 80%;}
	
	.aboutus05{padding: 30px 10px;}
	.aboutus05 h1.htitle{font-size: 30px;}
	
	.aboutus06 .dbox{display: block;}
	.aboutus06 .br{ width: 100%; padding: 0;}
	.aboutus06 .but{ text-align: center;}
	.aboutus06 .but span{ margin: 0 10px;}
	.aboutus06 .tabs2{ width: 100%; margin-top: 10px;}
	.aboutus06 .tabs2 li{ line-height:25px; height:25px;}
	
	footer.footer{  padding:20px 10px;}
	footer.footer .box{display: block; padding:0 20px;}
	footer.footer .txtall{ padding-left: 0; padding-right:0;}
	footer.footer .box .navbox{ width: 100%;display:block;}
	footer.footer .box .nav{ width: 100%;display:block;}
	footer.footer .box .nav dd{ width: 33.33%;float: left;}
	footer.footer .box .nav dt{ padding-bottom: 0; margin-bottom: 0; margin-top: 15px;}
	
	footer.footer .box .contact dd{ width: 100%;}
	footer.footer .txtall{ line-height: 40px;}
	footer.footer .txtall a{ width: 33.33%; overflow: hidden; margin: 0; text-align: center;}
	footer.footer .txtall .c{ width: 100%; text-align: center;}
	.aboutus05 .bimg{ margin-top: 10px;}
	
	.el-drawer__container{ }
	
	
	.aboutus07{ margin-top: 20px; flex-wrap:wrap;}
	.aboutus07 .b1, .aboutus07 .b2{ width: 100%;}
	.aboutus07 .info{ width: 70%;}
	.aboutus07 .ph{ width:30%;}
	.aboutus07 .b2{ padding:10px;}
	.aboutus07 .icon img{ width: 60px;}
	.aboutus07.ri{flex-wrap:wrap-reverse;}
	
	.aboutus07n{ margin-top: 20px; flex-wrap:wrap;}
	.aboutus07n .b1, .aboutus07n .b2{ width: 100%;}
	.aboutus07n .info{ width: 70%;}
	.aboutus07n .ph{ width:30%;}
	.aboutus07n .b2{ padding:40px 10px 10px 10px;}
	.aboutus07n .icon img{ width: 60px;}
	.aboutus07n.ri{flex-wrap:wrap-reverse;}
	
	
	.aboutus07n .dt,.aboutus07n .d1{ margin-top: 20px;}
	.aboutus07n .ph{width: 50%; font-size:320px;top:-16%; left: 36%;}
	.aboutus07n .icon img{ width: 75px;}
	.aboutus07n .info{ width:90%; max-width:auto;}
	.aboutus07n.ri .ph{ left: 8%;}
	.aboutus07ndl{margin-top:30px;}
	.aboutus07ndl dt{font-size:30px;line-height:36px;}
	.aboutus07ndl dd{font-size: 14px; letter-spacing: 1px;}
	
	
	.aboutus08 .img{ width: 100%;}
	.aboutus08{display: block; padding: 20px 10px;}
	.aboutus08 dl.info{ width: 100%; margin-top: 10px;}
	.aboutus08 dl.info dd.con{ margin-top: 10px;}
	
	.aboutus09 .list{ margin: 0 -5px;}
	.aboutus09 .list li{ width: 50%; padding: 0 5px; margin-top: 10px;}
	
	
	.aboutus10{flex-wrap:wrap; margin-top: 20px;}
	.aboutus10 .b1, .aboutus10 .b2{ width: 100%;}
	.aboutus10.ri{flex-wrap:wrap-reverse;}
	
	.aboutus11{display: block; margin-top: 20px; margin-bottom: 20px;}
	.aboutus11 .b1, .aboutus11 .b2{ width: 100%;}
	.aboutus11 .b2{ padding: 10px;}
	.aboutus11 .info .img img{margin: 0 auto; width:100px;display: block;}
	.aboutus11 .dt{font-size:18px;}
	
	.aboutus12{margin-top: 20px; padding-top: 0;}
	.aboutus12 .b1, .aboutus12 .b2{ width: 100%;}
	.aboutus12 .b1{ position: inherit;}
	.aboutus12 .b2{padding: 50px 9% 50px 9%;}
	.aboutus12 ul{ margin-top: 10px; overflow: hidden;display: flex;flex-wrap:wrap;justify-content:space-between;}
	.aboutus12 ul li{ margin: 0; margin-top:20px;}
	
	.aboutus01{ padding: 20px 10px;display: block;}
	.aboutus01 dl.info{ width: 100%;}
	.aboutus01 .img{ width: 100%;}
	.aboutus01 dl.info dt{ margin-top: 20px;}
	
	.aboutus02 .stitle{ margin-top: 20px;}
	.aboutus03{ margin-top: 20px;}
	.aboutus04{ margin-top: 20px;}
	.common-list2 li{ width: 100%; margin-top: 10px;}
	.aboutus03 dl dt{ height: auto;}
	
	.contactusbox .box{ width: 100%;}
	.contactusbox .img{ width: 100%;margin-top: 20px;}
	.contactusbox{ margin-top: 20px;}
	
	.indextopad .swiper-slide dl dt{font-size: 36px;}
	.indextopad .swiper-slide dl dd{font-size: 16px; margin-top: 0;}
	
	.index-main01{ padding: 40px 0 0 0;}
	.index-main01 .list{ margin-top: 20px;}
	.index-main01 .l{ width: 100%;}
	.index-main01 .r{ width: 100%;}
	.index-main01 .r li .title{ font-size: 18px; margin-top: 8px;}
	.index-main01 .r li .info{ padding: 10px 18px;}
	.index-main01 .r li .st1{font-size: 12px;}
	.index-main01 .r li .st3{ line-height:18px; height: 54px;}
	.index-main02 .content{ overflow: hidden; margin: 0; position: inherit; background-image: url("../images/img7.png"); background-size: 100%; background-repeat: no-repeat;}
	.index-main02 .content .title{font-size: 40px; margin-top:70px;}
	
	
	.index-main02 .content ul{display: block; margin-top: 40px;}
	.index-main02 .content ul li{ width: 100%; margin-top: 20px;padding: 30px 30px 30px 30px;}
	.index-main02 .bg{display: none;}
	
	.index-main03{ padding: 20px 10px;}
	.common-list3 li .box{ padding: 10px;}
	.index-main03 .but{text-align: center;display: flex;justify-content:center; margin-top: 20px;}
	.index-main03 .but span{float: none; margin: 0 10px;}
	
	.common-title3{font-size: 26px; margin-top: 20px;}
	.investor01{ margin: 20px auto 0px auto;  overflow: hidden;display: block; width: 96%;}
	.investor01 .il{width: 100%; padding: 0 10px; }
	.investor01 .ir{width: 100%; padding: 0 10px;  overflow: hidden;}
	.investor01 .ir img{ margin: 0;}
	.investor01 .il dl{  margin-top: 20px;}
	
	.investor011{ margin-top: 20px;}
	
	.investor011 .b1{ width: 70%;}
	.investor011 .b2{ width: 80%;}
	.investor011 .dd2{ font-size: 30px; margin-top: 20px;}
	.investor011 .b2{padding: 120px 9% 50px 9%;}
	
	.investor012{margin: 20px auto 0px auto; width: 96%; padding: 10px; }
	
	.investor012 li{ font-size: 20px; line-height: 30px; margin-top: 10px; padding-bottom: 10px;}
	
	.common-title dt{ font-size: 28px;}
	.investor013 ul li{ width: 100%; margin-top: 20px;}
	.investor013 ul li .box{ padding: 20px;}
	.investor013 ul li .ddd{font-size: 30px;}
	.investor013 ul li .dt{font-size: 28px;}
	.investor013 ul li .dtt{ margin-top: 10px;}
	
	.margintop40{ margin-top: 16px !important;}
	
	.investor02nav{ display: flex;  flex-wrap:wrap;}
	.investor02nav a{ margin-right: 0; width: 20%; text-align: center;}
	.investor02{padding: 10px;margin: 20px auto 0px auto; width: 96%;}
	.investor02 li{display: block;}
	.investor02 li a{ width: 100%;display: block; line-height: 22px;}
	.investor02 li time{ width: 100%;display: block; text-align: right;}
	
	.investor03{padding: 10px;margin: 20px auto 0px auto; width: 96%;}
	.margintop0{ margin-top: 20px !important;}
	.investor02 li .icon{ margin-top: 10px;}
	
	.medium-show h1.htitle{font-size: 26px;}
	.medium-show{ padding: 40px 10px;}
	.medium-show .paging li{ width: 100%;}
	.medium-show .paging{display: block;}
	.medium-show .paging li:last-child{text-align: left;}
	

	
	.medium01 .common-list3{ margin-top: 20px; overflow: hidden;}
	.medium01 .common-list3 { margin:0 -5px 0 -5px; }
	.medium01 .common-list3 li{ width: 50%; padding:5px; margin-top: 10px;}
	
	.nutrition01{ margin-top: 20px; margin-bottom: 20px;}
	.nutrition01 .logo{ margin-bottom: 20px;}
	.nutrition01 .list li{ width:50%;}
	
	.nutrition02{ margin-top: 20px;display: block; }
	.nutrition02 .b1, .nutrition02 .b2{ width: 100%;}
	.nutrition02 .b2{ padding: 0;}
	.nutrition02 .ss{ margin-top: 10px;}
	
	.nutrition021{ margin-top: 20px;}
	
	.nutrition021 .img{ width:40%;}
	.nutrition021 .img img{ width: 100%;}
	.nutrition021 .common-title{ padding-left: 10px;}
	.nutrition021 .common-title dt{font-size: 20px;}
	.nutrition021 .common-title dd{font-size: 16px;}
	.nutrition022{ margin-top: 20px;}
	
	.nutrition022 ul{display: block; margin-top: 10px;}
	.nutrition022 ul li{ width: 100%;}
	
	.nutrition023{ margin-top: 20px;display: block;}
	
	.nutrition023 ul{display: block;}
	.nutrition023 ul li{ width: 100%;}
	.nutrition023 ul .ss{ margin-top: 10px;}
	.nutrition023 .box{ width: 100%;}
	.nutrition023 .rb{ width: 100%;}
	
	.nutrition024{ margin-top: 20px; margin-bottom: 20px;}
	.nutrition024 .list li{ width: 50%;}
	
	.nutrition03{ margin-top: 20px;flex-wrap:wrap;  margin-bottom: 20px;}
	.nutrition03 .b1, .nutrition03 .b2{ width: 100%;}
	.nutrition03.rb{flex-wrap:wrap-reverse;}
	.nutrition03 .b2,.nutrition03.rb .b2{ padding:0 10px;}
.nutrition03 .d2{ line-height: 28px;}

.aboutus05 .scontent{ line-height: 28px;}
.aboutus05 .scontent{ margin: 20px 0;}



	.nutrition04{ margin-top: 20px;flex-wrap:wrap;}
	.nutrition04 .b1, .nutrition04 .b2{ width: 100%;}
	.nutrition04.rb{flex-wrap:wrap-reverse;}
	.nutrition04 .b2,.nutrition04.rb .b2{ padding:0 10px;}
	
	.nutrition04 .d2{font-size: 16px; line-height:28px;}
	
	.nutrition041{display: block; padding: 0; margin-top: 20px; margin-bottom: 0;}
	.nutrition041 .b1{ position: inherit; width: 100%;}
	.nutrition041 .b2{ width: 100%; padding: 20px; min-height: auto;}
	
	
	.recruitment{flex-wrap:wrap; margin-top: 20px;}
	.recruitment .b1, .recruitment .b2{ width: 100%;}
	.recruitment.rb{flex-wrap:wrap-reverse;}
	
	.recruitment .b2,.recruitment.rb .b2{ padding: 10px;}
	.recruitment .d2{font-size: 16px; line-height:28px;}
	.recruitmentlist{ margin-top: 20px;}
	.recruitmentlist .list li{ margin-top: 20px;}
	.strategy01{ margin-top: 20px;}


.common-list5 li{ width: 100%;  padding: 10px; }
.common-list5 li .box .title p{display: block;}

.commonadnav.wss li a {line-height: 80px;padding:0;}
.commonadnav.ws li a {line-height: 80px;padding:0;}

.aboutus13{ margin-top:20px; padding: 0;display: flex;flex-wrap:wrap;flex-wrap:wrap-reverse;}
.aboutus13 .b2{ width: 100%;padding:10px;}
.aboutus13 .b1{ width: 100%; position: inherit;}

.common-title.ct2{ margin-top: 20px;}
.aboutus14{ margin-top: 20px;}
.aboutus14 .common-list2 li .box .info{ height: auto; padding: 15px;}
.sustainable02{ padding-top:30px;}
.sustainable02 .common-list4{ margin-top: 20px;}
.sustainable02 .common-list4 li{ width: 100%;}

.sustainable02 .swiperbox{ margin-top:20px;}
.sustainable02 .swiperbox{ padding: 0;}
.sustainable02 .but{ top: 32%;}
.sustainable02 .but img{ width:40px;}

.pcShow .el-drawer{ width: 100% !important;}

.sustainable05 .map .li{right: 8%; bottom: 30%; width: 140px;}
.sustainable05 .map .li a{ height: auto; line-height: 20px; width: 100%;}

.products-contactus{ margin-top: 20px;}
.products-contactus .box{display: block; padding: 20px;}
.products-contactus .info{ width: 100%;}
.products-contactus .info .introduce{ margin-top: 20px;}
.common-title2 dt{ font-size: 36px;}
.products-contactus .info .introduce{font-size: 26px; line-height: 40px;}
.products-contactus .formbox{ width: 100%; margin-top: 20px;}


.cmp-customHeaderBanner__video  .headline{font-size:20px;    max-width: 299px;}


.nutrition02 .b2{ margin-top:30px;}
.nutrition022 .title{ ;line-height: 24px;}
.nutrition022 ul li.lt1{ width: 100%;}
.nutrition022 ul li.lt2{ width: 100%;}
.nutrition025 .b1{ width: 100%;}
.nutrition025{display: block;}
.nutrition025 .b2{ padding: 0;width: 100%; margin-top: 20px;}

}

@media only screen and (max-width:520px){
	
	

}

@media only screen and (max-width:430px){

}

@media only screen and (max-width:330px){
}