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


html {font-size: 62.5%;}
 body {  font-size: 1.4rem;color:#333; background-color:#fff; 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(0, 0, 0, 0.15);}
header.m-hd .header-top{width:100%; overflow:hidden; max-width:1820px;margin:0 auto; height:100px; padding: 0 10px; display: flex; justify-content:space-between}
header.m-hd .header-top .m-logo{width:242px;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;text-decoration:none;border: 0; background-color: transparent; width: 60%;display: flex; justify-content:space-between;}
header.m-hd .header-top .nav li{font-size: 20px; color: #fff;font-weight: bold; height: 100px;}
header.m-hd .header-top .nav li > a{line-height: 100px;}
header.m-hd .header-top .nav li  a{font-size: 20px; color: #fff;font-weight: bold; height: 100px;}


header.m-hd .header-top .el-menu--horizontal > .el-menu-item.is-active{border-bottom:0;}
header.m-hd .header-top .el-menu--horizontal > .el-submenu .el-submenu__title{font-size: 20px; color: #fff;height: 100px; line-height: 100px;}


header.m-hd .header-top .nav li:hover{background-color:#dadada;color:rgba(255, 255, 255, 0.5);}
header.m-hd .header-top .nav li:hover a{color: #333333;}
header.m-hd .header-top .nav .el-submenu:hover .el-submenu__title{color: #333333 !important;}
header.m-hd .header-top .el-menu--horizontal > .el-submenu.is-opened{background-color:#dadada;color:rgba(255, 255, 255, 0.5);}
header.m-hd .header-top .el-menu--horizontal > .el-submenu.is-opened .el-submenu__title{color: #333333 !important;}


.el-menu--horizontal{background-color:#e8e8e8}
.el-menu--horizontal .el-menu {background-color:#e8e8e8}
.el-menu--horizontal .el-menu .el-menu-item{font-size: 20px;background-color:#e8e8e8 !important; }
.el-menu--horizontal>.el-menu-item { line-height: 54px !important;}
header.m-hd .header-top .el-menu--horizontal > .el-submenu .el-submenu__title:hover{background-color: transparent;color:rgba(255, 255, 255, 0.5);}
header.m-hd .header-top .el-menu--horizontal > .el-submenu .el-submenu__icon-arrow{display: none;}
header.m-hd .right-tool {float: right;height: 30px;margin-top:35px;  overflow: hidden;}
header.m-hd .right-tool .language{ height:20px; padding-left: 24px; background-image: url('../images/icon_yuyan.png'); background-repeat: no-repeat;background-position: left center; float: left;line-height: 20px;color:rgba(255, 255, 255, 0.70);  letter-spacing: 1px;}
header.m-hd .right-tool .language a{text-decoration: none; color:#fff}


.show-sm-only{display: none;}
.el-drawer__header{ margin-bottom: 0 !important; z-index: 99999!important;background-color: #333 !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:#333;}
.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 .el-menu{background-color: transparent;}
.am-offcanvas-content .el-menu .el-submenu__title{font-size: 16px; color: #fff;font-weight: bold;}
.am-offcanvas-content .el-menu .el-menu-item.is-active{font-size: 16px; color: #fff;font-weight: bold;}
.am-offcanvas-content .el-menu .el-menu-item.is-active a{color: aliceblue;font-size: 16px;}
.am-offcanvas-content .el-submenu .el-menu-item a{color: aliceblue;font-size: 16px;}


.common-box{width: 100%; max-width:1440px; margin: 0 auto; overflow: hidden;}

.common-title{width: 100%; overflow: hidden;}
.common-title dt{ font-weight: bold;font-size: 80px;color: #162910;}
.common-title dt{position: relative;z-index: 8; padding-bottom: 50px; margin-top: 10px;}
.common-title dt::after {content: " ";  position: absolute;  bottom: 0;  left: 0;  width:72px; height:4px; background: #162910;}
.common-title dd.sdd{ font-weight: 400; font-size: 16px; color: #162910; margin-top: 0;}
 .common-title dd{overflow: hidden; margin-top: 30px;font-weight: bold;font-size: 24px;color: #162910; line-height: 180%;}





.commonad{width: 100%;margin: 0 auto; overflow: hidden; position: relative;}
.commonad .img{ width: 100%;}
.commonad dl{width:96%;max-width:1440px; overflow: hidden; position: absolute;margin:0 auto; left: 0; right: 0; color: #162910; bottom: 30%;}
.commonad dl dt{padding-bottom:10px; position: relative;font-size: 60px;font-weight: bold;font-style: oblique;}
.commonad dl dt span{position: relative;z-index: 8;}
.commonad dl dt span::after {content: " ";
  position: absolute;
  bottom:13px;
  left: 0; right: 0; margin: 0 auto;
 width: 100%;
 height: 14px;z-index: -1;background: #2D773A;}
.commonad dl dd{font-size: 30px;}

.commonad.ad2 dl{ color: #fff;}
.commonad.ad2 dl dt span::after{display: none;}


.commonadnav{width: 100%;margin: 0 auto; position: relative;text-align: center; border-bottom:solid 1px rgba(223, 223, 223, 1);  height: 75px;}
.commonadnav li{flex-grow:1; font-size:18px; line-height: 70px; text-align: center; display: inline-block; margin:0 40px;color: #162910; overflow: hidden;}
.commonadnav li a{display: block;height: 73px;color: #162910; overflow: hidden;}
.commonadnav li.hover{border-bottom: solid 3px #2D773A ;}
.commonadnav li.hover a{color: #2D773A;}




.common-list{}
.common-list li { padding: 15px; width: 33.333%; float: left; overflow: hidden;}
.common-list li .box{overflow: hidden;display: block;
background: #FFFFFF;box-shadow: 0px 0px 16px 1px rgba(45,119,58,0.15);border-radius: 20px ; padding:30px;}
.common-list li .box .img{border-radius:16px;display: block; width: 100%;}
.common-list li .box .info{ width: 100%; overflow: hidden;}
.common-list li .box .info dt{width: 100%; overflow: hidden;font-size:24px;font-weight: bold;color: #162910; margin-top: 20px;}
.common-list li .box .info dd{font-size: 16px;color: #162910;line-height:32px; height:64px; overflow: hidden; margin-top: 15px;letter-spacing:-1px;}
.common-list li:hover .box{background: linear-gradient( 134deg, #2DA743 0%, #FFFFFF 29%, #FFFFFF 100%);}


.common-list4{ margin-top: 40px;}
.common-list4 li { padding: 15px; width:50%; float: left; overflow: hidden;}

.common-list4 li .box{ overflow: hidden; display: block; width: 100%;padding: 30px 30px 30px 152px; position: relative;background: #2D773A;}
.common-list4 li .box::after{ position: absolute; height: 30px;background: #2D773A;content: " ";bottom:-30px; left: 0;  width: 100%; transition:all 0.4s linear 0s;
-moz-transition:all 0.4s linear 0s;
-webkit-transition:all 0.4s linear 0s;
-o-transition:all 0.4s linear 0s; }

.common-list4 li .box .time{ height:78px; line-height: 32px; overflow: hidden; position: absolute; bottom: 28px; width: 78px; left: 30px;font-size: 16px;color: #fff; padding-top: 12px;outline: medium none;
transition:all 0.4s linear 0s;
-moz-transition:all 0.4s linear 0s;
-webkit-transition:all 0.4s linear 0s;
-o-transition:all 0.4s linear 0s; }

.common-list4 li .box .time::after {content: " ";  position: absolute;  top: 0;  left: 0;  width:72px; height:1px;background: #fff;transition:all 0.4s linear 0s;
-moz-transition:all 0.4s linear 0s;
-webkit-transition:all 0.4s linear 0s;
-o-transition:all 0.4s linear 0s;}

.common-list4 li .box .time span{font-weight: bold;font-size: 28px;color: #fff;line-height: 32px;display: block;}

.common-list4 li .box dl{width: 100%; overflow: hidden;font-size: 16px;}
.common-list4 li .box dl dt{font-weight: bold;font-size: 24px;color: #fff;line-height: 40px; height: 80px; overflow: hidden;}
.common-list4 li .box dl dd{font-size: 16px;color: #fff;
line-height: 32px; height: 64px;}


.common-list4 li:hover .box{background:#fff}
.common-list4 li:hover .box::after{ bottom: 0;}
.common-list4 li:hover .box .time,.common-list4 li.hover .box .time{ padding-top: 0; top: 34px; bottom: auto;color: #162910;}
.common-list4 li:hover .box .time span,.common-list4 li.hover .box .time span{color: #162910;}
.common-list4 li:hover .box dl dt,.common-list4 li.hover .box dl dt{color: #162910;}
.common-list4 li:hover .box dl dd,.common-list4 li.hover .box dl dd{color: #162910;}
.common-list4 li:hover .box .time::after,.common-list4 li.hover .box .time::after { bottom:0; top: auto;background: #9A8181;}





.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:30%; margin:0 auto; left: 0; right: 0; overflow: hidden;max-width: 1440px; width: 100%;  padding: 0 20px;  }
.indextopad .swiper-slide a{ overflow: hidden;display: block;}
.indextopad .swiper-slide img{width: 100%;}
.indextopad .swiper-slide dl{ width: 50%; max-width: 480px; overflow: hidden; color: #162910;}
.indextopad .swiper-slide dl dt{font-size: 80px;font-weight: bold;}
.indextopad .swiper-slide dl dd{font-size:30px; margin-top: 20px;color:#2D773A;}
.indextopad .swiper-slide dl dd.bdd{font-size: 54px; margin-top: 20px;font-weight: bold;}

.indextopad .pag-boxm{max-width: 1440px; padding: 0 20px; width: 100%; overflow: hidden;bottom:14%; position:absolute;margin:0 auto; left: 0; right: 0; z-index: 8;}

.indextopad .pag-box{max-width:448px; width: 100%;z-index: 9;overflow: hidden;}
.indextopad .pag-box  .pagination{width: 88px; height: 48px; display: block; float: left; text-align: center; line-height: 48px;font-size:  18px;font-weight: bold;color: #fff;}
.indextopad .swiper-pagination-current{font-size: 48px !important;}
.indextopad .pag-box  .swiper-pagination-bullet{ width: 33px;height: 5px;border-radius: 0;background-color:rgba(22, 41, 16,0.5);}
.indextopad .pag-box  .swiper-pagination-bullet-active{background-color: #162910;}



.index-main04box{ width: 100%; overflow: hidden; position: relative;padding-top:84px; padding-bottom: 90px;}
.index-main04{ }
.index-main04 .box{width: 60%; overflow:hidden;}
.index-main04 .box .title{font-weight: bold;font-size: 60px;color: #162910;}
.index-main04 .box .info{  width:100%; margin-top:20px;}
.index-main04 .box .info dt{font-weight: bold;font-size: 28px;color: #162910;border-bottom:1px rgba(22, 41, 16, 0.1) solid; padding: 20px 0;}
.index-main04 .box .info dd{font-size: 16px;color: #162910;line-height: 32px; margin-top: 20px;}

.index-main04 .box .data{  width:100%;display: flex; justify-content:space-between; margin-top: 30px;}
.index-main04 .box .data li{ overflow: hidden; color: #2D773A;font-weight: bold;font-size: 16px;}
.index-main04 .box .data li .s2 {font-size: 100px; line-height: 90px;}
.index-main04 .box .data li .s3 {font-size: 16px;width: 100%;font-weight:400; text-align: center;font-size: 16px;color: #162910; margin-top: 10px;}

.index-main04 .box .more{ width: 180px; height:52px;border-radius: 52px;text-align: center; line-height: 52px; display: block;text-decoration: none;color: #162910;font-size: 16px; justify-content:center; align-items:center; display: flex;border: 1px solid rgba(22, 41, 16, 0.4); margin-top:60px;}

.index-main04  .img{width:41%; overflow: hidden;position: absolute; bottom: 0; right: 0; }
.index-main04 .img img{ width: 100%;}









.index-main01{max-width:100%; padding-bottom: 100px; overflow: hidden; position: relative; margin-top: 200px;}
.index-main01 .common-box{}
.index-main01 .common-title{float: left; width: 27%; }
.index-main01 .common-title dd{width: 70%;}
.index-main01  .box{ width:64%;float: right;overflow: hidden; position: absolute; right: 0; top: 0;}

.index-main01  .box .button{font-weight: bold;font-size: 24px;color:rgba(22, 41, 16, 0.4); width: 100%; text-align: right;}
.index-main01  .box .button span{color:rgba(22, 41, 16,1); padding: 0 10px;}
.index-main01  .box .button span.swiper-button-disabled{color:rgba(22, 41, 16, 0.4);}
.index-main01  .swiper-container{ margin-top: 40px; }
.index-main01  .swiper-slide .img{ width: 100%; border-radius: 50px;}
.index-main01  .swiper-slide a{display: block;position: relative;}
.index-main01  .swiper-slide a .title{ position: absolute; bottom:40px; left: 40px; font-weight: bold;font-weight: bold;font-size: 18px;color: #FFFFFF;line-height: 32px;}



.index-main06{max-width:100%; padding-bottom: 100px; overflow: hidden; position: relative; margin-top: 200px; background-color: #fff;background-image: url("../images/img(2)s.png"); background-repeat: no-repeat;background-size: 100%; background-position:center bottom; padding-bottom: 182px;}

.index-main06 .common-title{ text-align: center;}
.index-main06 .common-title dt::after{ margin: 0 auto; left: 0; right: 0;}
.index-main06 ul.box{ width: 86%; margin: 0 auto; margin-top: 168px;}
.index-main06 ul.box li{ width: 33.33%; float: left;}
.index-main06 ul.box li a{display: block; width: 100%; text-align: center;}
.index-main06 ul.box li .dt{font-weight: bold;font-size: 28px;color: #FFFFFF;line-height: 32px; margin-top: 30px;}
.index-main06 ul.box li .dd{font-size: 14px;color: #FFFFFF;line-height: 32px;}
.index-main06 ul.box li .dd img{ width:80%; max-width: 182px; border-radius: 182px; margin: 0 auto; display: block;}
.index-main06 ul.box li .more{ width: 180px; height:52px;border-radius: 52px;text-align: center; line-height: 52px; display: block;text-decoration: none;color: #fff;font-size: 16px; justify-content:center; align-items:center; display: flex;border: 1px solid #fff; margin-top:60px; margin: 30px auto 0 auto;}

.index-main06 ul.box li:hover .more{border-color:#2D773A ;background: #2D773A; color: #fff;}



.index-main02box{ width: 100%;background:#fff;}
.index-main02{padding:80px 0;max-width:1440px; width: 100%;}
.index-main02 .common-title{ text-align: center;}
.index-main02 .common-title dt::after{ margin: 0 auto; left: 0; right: 0;}


.index-main02  .tabs{ width: 100%;display: flex;justify-content:center; padding: 10px 0;}
.index-main02  .tabs li{ width: 20%; height:40px; line-height: 40px;font-size:24px; color:rgba(22, 41, 16,0.5); position: relative; cursor: pointer;font-weight:bold;}
.index-main02  .tabs li.active{ color:rgba(22, 41, 16,1);font-weight: bold;}



.index-main02  .swiper{ width: 100%; margin-top: 30px;}

/* .index-main02 .box{display: flex;justify-content:space-around;align-items:center;width: 100%; overflow: hidden;} */

.index-main02 .swiper-slide{display: none;}
.index-main02  .active{display: block;}
.index-main02 .scroll ul {white-space: nowrap;}
.index-main02  .scroll ul li {display: inline-block;overflow:hidden; padding: 20px; width: 313px;}

.index-main02 .box li img{ box-shadow: 0px 0px 8px 3px rgba(0,12,74,0.1); width: 100%;}

/* ------------------------- */









.index-main05box{padding:70px 0px 200px 0px;background-image: url('../images/bg(2).png'); background-repeat: no-repeat; background-position: top 0;background-size:cover; width: 100%; overflow: hidden;}
.index-main05box .common-title dt{ padding-bottom: 0;}
.index-main05box .common-title dt::after{display: none;}

.index-main05 .common-list4{  margin-left: -15px; margin-right: -15px;}
.index-main05box .cbox{ padding-left:320px; width: 100%; overflow: hidden; position: relative;}
.index-main05box .add{display:block; width: 80px; height: 80px; overflow: hidden; position: absolute; bottom: 80px; left: 0;}
.index-main05box .el-backtop{display:block; width: 80px; height: 80px; overflow: hidden; position: absolute; bottom: 80px; left:10px;background-color: #2D773A !important;display: flex;font-size: 46px;color: #fff;font-weight: bold;}




.Aboutus-main04box{ width: 100%; overflow: hidden; position: relative;padding-top:100px; padding-bottom:100px;background: #F6F6F6;}
.Aboutus-main04{ }
.Aboutus-main04 .box{width:100%; overflow:hidden;display: flex;}
.Aboutus-main04 .box .title{font-weight: bold;font-size: 60px;color: #162910; width:40%;}
.Aboutus-main04 .box .info{ margin-top:20px; overflow: hidden;  width: 60%;}
.Aboutus-main04 .box .info dt{font-weight: bold;font-size: 28px;color: #162910; padding-bottom: 20px;}
.Aboutus-main04 .box .info dd{font-size: 16px;color: #162910;line-height: 32px; margin-top: 20px;}

.Aboutus-main04  .data{  width:100%;display: flex; justify-content:space-between; margin-top: 80px;}
.Aboutus-main04  .data li{ overflow: hidden; color: #2D773A;font-weight: bold;font-size: 16px;}
.Aboutus-main04 .data li .s2 {font-size: 100px; line-height: 90px;}
.Aboutus-main04  .data li .s3 {font-size: 16px;width: 100%;font-weight:400; text-align: center;font-size: 16px;color: #162910; margin-top: 10px;}


.Aboutus-main01box{ width: 100%; overflow: hidden; position: relative;padding-top:110px; padding-bottom:60px;background-color: #fff; background-image: url('../images/bg(3).png'); background-repeat: no-repeat; background-position: top 0;background-size:cover;}
.Aboutus-main01{ position: relative;}
.Aboutus-main01 .htitle{font-weight: bold;font-size: 60px;color: #162910; text-align: center; width: 100%;}
.Aboutus-main01 .swiper-button-next,.Aboutus-main01 .swiper-button-prev{ width: 44px; height: 44px;z-index: 33;border-radius: 44px; top: 60%;box-shadow: 0px 0px 16px 1px rgba(45,119,58,0.32);}

.Aboutus-main01 .swiper-button-next::after,.Aboutus-main01   .swiper-button-prev::after{content: ' ';}

.Aboutus-main01 .swiper-button-next{background-image: url('../images/icon_arrow_right.png'); background-repeat: no-repeat;}
.Aboutus-main01 .swiper-button-prev{background-image: url('../images/icon_arrow_left.png'); background-repeat: no-repeat;}

.Aboutus-main01  .swiper {width: 100%; padding: 0 60px; margin-top: 120px;}
.Aboutus-main01  .swiper-slide {font-size: 18px;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}

.Aboutus-main01  .swiper-slide{ }
.Aboutus-main01  .swiper-slide dl{ height: 125px; position: relative; }
.Aboutus-main01  .swiper-slide dt{font-weight: bold;font-size: 24px;color: #2D773A;}
.Aboutus-main01  .swiper-slide dd{font-size: 16px;color: #162910;line-height: 28px; margin-top: 10px; height: 84px; overflow: hidden; position:absolute; width: 125%;}


.Aboutus-main01  .tbox{ width: 100%;  border-bottom:1px solid  #E2E2E2; padding-bottom: 48px; padding-left: 36px; position:relative;}
.Aboutus-main01  .tbox .fx{ height:95%;bottom: 0; left: 0; position: absolute;border-left:1px solid  #E2E2E2;}
.Aboutus-main01  .tbox .fx::after {content: " ";  position: absolute;top: 0; left: -8px; width: 13px;height: 13px;background: #FFFFFF;border: 1px solid #2D773A; border-radius: 13px;}

.Aboutus-main01  .tbox dl{ width: 66%;}
.Aboutus-main01  .bbox{ width: 60%;float:right; padding-top: 122px;padding-left: 36px;position:relative;}
.Aboutus-main01  .bbox .fx{ height:144px;top: 0; left: 0; position: absolute;border-left:1px solid  #E2E2E2;}
.Aboutus-main01  .bbox .fx::after {content: " ";  position: absolute;bottom: 0; left: -8px; width: 13px;height: 13px;background: #FFFFFF;border: 1px solid #2D773A; border-radius: 13px;}

.Aboutus-main01 .scroll {font-size: 18px;-webkit-box-sizing: border-box;box-sizing: border-box; width: 100%; overflow: hidden; margin-top: 120px;}
.Aboutus-main01 .scroll ul {white-space: nowrap;}
.Aboutus-main01 .scroll ul li {display: inline-block; width: 400px;}
.Aboutus-main01 .scroll dl{ height: 125px; position: relative;}
.Aboutus-main01 .scroll dt{font-weight: bold;font-size: 24px;color: #2D773A;}
.Aboutus-main01 .scroll dd{font-size: 16px;color: #162910;line-height: 28px; margin-top: 10px; height: 84px; overflow: hidden; position:absolute; width: 125%;display: block;white-space: normal;}





.Aboutus-main02box{ width: 100%; overflow: hidden; position: relative;padding-top:110px; padding-bottom:60px;background: #F6F6F6;}
.Aboutus-main02 .htitle{font-weight: bold;font-size: 60px;color: #162910; text-align: center; width: 100%;}
.Aboutus-main02 .box{ width: 100%;  overflow: hidden; margin-top: 80px;}
.Aboutus-main02 .box li{ width: 33.33%; padding:15px; float: left;}
.Aboutus-main02 .box li a{background: #FFFFFF;box-shadow: 0px 0px 16px 1px rgba(45,119,58,0.15);border-radius: 20px 20px 0px 0px; display: block; overflow: hidden;color: #162910;}
.Aboutus-main02 .box li .img{border-radius: 20px 20px 0px 0px; display: block;  width: 100%;}
.Aboutus-main02 .box li .dt{font-weight: bold;font-size: 24px;line-height: 40px; margin-top: 26px; text-align: center;}
.Aboutus-main02 .box li .dd{font-weight: bold;font-size: 16px;line-height: 32px; margin-bottom: 20px;text-align: center; height: 32px; overflow: hidden;}

.Aboutus-main02 .box li a:hover{ color: #fff;background-color: rgba(45, 119, 58, 1);}


.Aboutus-main03{ display: flex; overflow: hidden; padding:100px 0;justify-content:space-between;}
.Aboutus-main03  .info{  width:100%;width:50%; overflow:hidden; margin-top: 50px;}
.Aboutus-main03  .info dt{font-weight: bold;font-size: 60px;color: #162910;padding-bottom: 20px;}
.Aboutus-main03  .info dd{font-weight: bold;font-size: 36px;color: #162910;margin-top: 40px;line-height:30px;}
.Aboutus-main03  .info dd span{font-size: 48px;color: rgba(45, 119, 58, 1);}

.Aboutus-main03 .img { width: 40%;;}

.Aboutus-main05box{ width: 100%; overflow: hidden; position: relative;background: #F6F6F6;}
.Aboutus-main05box .lbox{ overflow: hidden; width: 30%;float: left;position: relative; padding-left: 120px;}
.Aboutus-main05 .title{font-weight: bold;color: #162910; text-align: center;  position: absolute; top: 50%; margin-top: -52px; left: 0;}
.Aboutus-main05 .title dt{font-size: 60px;}
.Aboutus-main05 .title dd{font-size: 30px; letter-spacing:5px;}
.Aboutus-main05box .lbox .img{ width: 100%; padding-right: 43px; position: relative;}
.Aboutus-main05box .lbox .img img.d1{ width: 100%;}

.Aboutus-main05box .lbox .img li{ width:98px; height: 98px;border-radius: 98px;  position: absolute; top: 10%; right:32% ; overflow: hidden; z-index: 2;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;}
.Aboutus-main05box .lbox .img li img{ width: 100%;}
.Aboutus-main05box .lbox .img li:hover{top: 7%; right:30% ;}


.Aboutus-main05box .lbox .img li.s2{top:32%;right:4%;}
.Aboutus-main05box .lbox .img li.s2:hover{top:30%;right:0%;}
.Aboutus-main05box .lbox .img li:hover{width:132px; height: 132px;}


.Aboutus-main05box .lbox .img li.s3{ top: 60%;right:2%;}
.Aboutus-main05box .lbox .img li.s3:hover{ top: 57%;right:0%;}


.Aboutus-main05box .lbox .img li.s4{ top: 80%; right:28%;}

.Aboutus-main05box .lbox .img2{ width: 100%; padding-right: 0; padding-top: 50px; padding-bottom: 50px; position: relative;display: none;}
.Aboutus-main05box .lbox .img2 img.d1{ width: 100%;}


.Aboutus-main05box .lbox .img2 li{ width:60px; height:60px;border-radius: 60px; border:solid 3px rgba(45, 119, 58, 0.3) ; position: absolute; top:40%; left:3%;  overflow: hidden; z-index: 2;}
.Aboutus-main05box .lbox .img2 li img{ width: 100%;}

.Aboutus-main05box .lbox .img2 li.s2{ top: 60%;width:80px; height: 80px;left:30%}
.Aboutus-main05box .lbox .img2 li.s3{ top: 57%;left:62%}
.Aboutus-main05box .lbox .img2 li.s4{ top:36%;left: auto; right: 2%;}


.Aboutus-main05box .rbox{ overflow: hidden; width: 50%;float: right; padding-top: 60px;}
.Aboutus-main05box .rbox dl.li{ width: 100%; overflow: hidden;color: #162910; margin-top: 40px;}
.Aboutus-main05box .rbox dl.li dt{font-size: 28px;line-height: 44px;border-bottom: solid 1px rgba(22, 41, 16, 0.1); padding-bottom: 16px;}
.Aboutus-main05box .rbox dl.li dd{font-size: 16px;line-height: 32px; padding-top: 16px;}



.Aboutus-main06box{ width: 100%;background:#fff;}
.Aboutus-main06{padding:80px 0;max-width:1440px; width: 100%;}
.Aboutus-main06 .htitle{ width: 100%; overflow: hidden;}
.Aboutus-main06 .htitle .dt{font-weight: bold;font-size: 60px;color: #162910;float: left;}
.Aboutus-main06  .tabs{ display: flex;justify-content:center; padding: 10px 0; float: right; margin-top: 10px; overflow: hidden;}
.Aboutus-main06  .tabs li{ width: 50%;font-size:24px; color:rgba(22, 41, 16,0.5); position: relative; cursor: pointer;font-weight:bold; padding: 0 20px 10px 20px;position: relative;}
.Aboutus-main06  .tabs li.active{ color:rgba(22, 41, 16,1);font-weight: bold; }
.Aboutus-main06  .tabs li.active::after {content: " ";  position: absolute;
  bottom:0;  left: 0; right: 0; margin: 0 auto; width: 72px;height: 4px;background: #162910;}
.Aboutus-main06  .swiper-container{ width: 100%; margin-top: 30px;}

.Aboutus-main06 .box li img{ box-shadow: 0px 0px 8px 3px rgba(0,12,74,0.1); width: 100%;}


.Aboutus-main06  .swiper{ width: 100%; margin-top: 30px;}

/* .index-main02 .box{display: flex;justify-content:space-around;align-items:center;width: 100%; overflow: hidden;} */

.Aboutus-main06 .swiper-slide{display: none;}
.Aboutus-main06  .active{display: block;}
.Aboutus-main06  .scroll ul {white-space:nowrap !important; overflow: hidden;}
.Aboutus-main06  .scroll ul li {display:inline-block !important;overflow:hidden; padding: 20px; width: 313px;}

.Aboutus-main06 .box li img{ box-shadow: 0px 0px 8px 3px rgba(0,12,74,0.1); width: 100%;}



.contactus-box{overflow:hidden; width: 100%; max-width:1440px;margin:80px auto 100px auto; background-color:#fff; display: flex;  justify-content:space-between;position: relative;}
.contactus-box .lbox,.contactus-box .rbox{ width:50%; overflow: hidden; height: 100%;}
.contactus-box .lbox li{font-size: 16px;color: #162910;line-height: 32px; background-repeat: no-repeat; background-position: 0 center; background-size: 24px;padding-left: 35px; height: 32px; margin-top: 20px;}
.contactus-box .lbox .title{font-weight: bold;font-size: 60px;color: #162910;}
.contactus-box .lbox ul{ margin-top: 30px; overflow: hidden;}
.contactus-box .lbox ul li{ margin-top: 30px;font-size: 22px;color: #162910;line-height: 32px;}
.contactus-box .lbox .tel{  background-image: url('../images/icon_tel02.png');}
.contactus-box .lbox .mail{  background-image: url('../images/icon_email02.png');}
.contactus-box .lbox .wx{  background-image: url('../images/icon_weixin02.png');}
.contactus-box .lbox .dizhi{  background-image: url('../images/icon_dizhi02.png');}


.contactus-box .rbox{position: absolute;right: 0;border-right: 30px !important; overflow: hidden;}


.products-listbox{background: #F6F6F6; width: 100%; overflow: hidden;}
.products-list{ padding: 40px 0;}
.products-list .common-list{ margin:20px 0 0 0}

.products-show{ padding: 100px 0;}
.products-show .box{width: 100%; overflow: hidden;}
.products-show .box dl.info{  width:60%;overflow: hidden; float: left;}
.products-show .box dl.info dt,
.products-show .box dl.info dd{ width:100%; overflow: hidden;color: #162910;}
.products-show .box dl.info dt {font-weight: bold;font-size: 80px;}
.products-show .box dl.info dd {font-size: 16px;line-height: 34px; margin-top: 30px;}
.products-show .box dl.info dd.d1{font-weight: bold;font-size: 24px; margin-top: 40px; position: relative; padding-bottom: 40px;}
.products-show .box dl.info dd.d1::after {content: " ";  position: absolute;  bottom: 0;  left: 0;  width:72px; height:4px; background: #162910;}

.products-show .box dl.info .stitle{font-weight: bold;
font-size: 20px;color: #2D773A;line-height: 34px;}
.products-show .box dl.info dd.d2 .con{}

.products-show .box .rimg{ width: 40%; overflow: hidden;float: right; padding: 40px; position: relative;}
.products-show .box .rimg img{ width:100%;display: block; border-radius: 20px;left: -40px; top: -30px; position: relative;}
.products-show .box .rimg .img{background: #fff; margin-top: 30px;position: relative;
box-shadow: 0px 0px 16px 1px rgba(45,119,58,0.15);
border-radius: 20px; width: 100%; position: relative;}
.products-show .box .rimg .con{ width: 100%; overflow: hidden;font-weight: bold;font-size: 16px;color: #162910;line-height: 32px; padding:0 30px; position: relative; top: -15px;}

.products-show .box .rimg .but{display: flex;justify-content:flex-end;align-items:center;width:100%; margin-top: 50px; font-weight: bold;font-size: 24px;color: rgba(22, 41, 16, 0.4);line-height: 40px;}
.products-show .box .rimg .but a{ margin: 0 10px;color: rgba(22, 41, 16, 0.4);}
.products-show .box .rimg .but a.hover{color: rgba(22, 41, 16,1);}

.recruit-listbox{background: #F6F6F6; width: 100%;overflow:hidden; padding-bottom: 80px;   }
.recruit-list{overflow:hidden; width: 100%; max-width: 1440px;margin:0 auto;}

.recruit-list .pcontent{background: #fff; padding:10px 40px 30px 40px;  border-radius: 0px 0 40px 0px;border: solid #F5F5F5 1px;font-size: 14px;color: #333333;line-height: 200%;}
.recruit-list .pcontent .con{ overflow: hidden;color: #162910;line-height: 34px; margin-top: 40px;}
.recruit-list .pcontent .con dt{font-weight: bold;font-size: 20px;}
.recruit-list .pcontent .con dd{font-size: 16px; margin-top: 10px;}


.recruit-list .el-collapse-item{ margin-top: 30px;}
.recruit-list .el-collapse-item__wrap{background-color: transparent; }
.recruit-list  .el-collapse-item__header{height: auto; line-height: 24px; border-radius: 40px 0px 40px 0px;color: #162910;padding:20px 40px;border: 0 !important;display: block; position: relative; overflow: hidden;}
.recruit-list  .el-collapse-item__header .dt{font-weight: bold;font-size: 22px;float: left;}
.recruit-list  .el-collapse-item__header .data{float: right;display: flex; margin-right: 80px;font-size: 16px;color: rgba(22,41,16,0.6);}
.recruit-list  .el-collapse-item__header .data li{margin:0 30px; padding-left:20px; background-repeat: no-repeat;background-position:0 center;}
.recruit-list  .el-collapse-item__content{padding-bottom:0;}
.recruit-list  .el-collapse-item__header .data li.dizhi{ background-image: url('../images/icon_dizhi.png');}
.recruit-list  .el-collapse-item__header .data li.ren{ background-image: url('../images/icon_ren.png');}
.recruit-list  .el-collapse-item__header .data li.shijian{ background-image: url('../images/icon_shijian.png');}

.recruit-list .el-collapse{ border-top: 0;border-color: #F8F8F8; margin-top: 40px;}
.recruit-list .el-collapse-item__header{ border-color: #F8F8F8;}
.recruit-list .el-collapse-item__wrap{ border-color: #F8F8F8;}
.recruit-list  .el-collapse-item__arrow{ position: absolute;top:50%; margin-top: -10px; right: 40px;}

.recruit-list .el-collapse-item__arrow::before{content: "\e6d9"; font-size: 22px; color: black;}
.recruit-list .el-collapse-item__arrow.is-active{transform: rotate(0)}
.recruit-list .el-collapse-item__arrow.is-active::before{content:"\e6d8";}
.recruit-list .el-collapse-item__header.is-active{border-radius: 40px 0px 0 0px !important;}


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




footer.footer{font-size:14px;background:rgba(249, 249, 249, 1);padding-top:50px; overflow: hidden; border-top: solid 1px rgba(238, 238, 238, 1);}
footer.footer .logo{ width: 283px; margin: 0 auto; overflow: hidden;}
footer.footer .logo img{ width: 100%;}
footer.footer .box{width:100%; max-width:1440px; margin:0 auto; overflow: hidden; margin-top: 80px;
 display: flex;justify-content:space-between
 }
footer.footer .box .contact{overflow: hidden;font-size: 16px;  width: 25%;}
footer.footer .box .contact li{font-size: 16px;color: #162910;line-height: 32px; background-repeat: no-repeat; background-position: 0 center; background-size: 24px;padding-left: 35px; height: 32px; margin-top: 20px;}
footer.footer .box .contact .cxbox{display: flex; justify-content:space-between;}
footer.footer .box .contact .tel{  background-image: url('../images/icon_tel.png');}
footer.footer .box .contact .mail{  background-image: url('../images/icon_email.png');}
footer.footer .box .contact .wx{  background-image: url('../images/icon_weixin.png');}
footer.footer .box .contact .dwx{ margin-top: 30px; border-left: 1px solid rgba(22, 41, 16,0.1); padding-left: 25px;}
footer.footer .box .contact .dwx img{display: block; width: 100%;border: 1px solid #EEEEEE;background-color: #fff; padding: 4px;}
footer.footer .box .contact .dwx  span{font-size: 14px;color: #162910;line-height: 32px;}

 
footer.footer .box .contact .title{line-height:40px; margin-bottom:10px;overflow:hidden; padding-bottom: 10px;font-weight: bold;border-bottom:  1px solid rgba(255, 255, 255, 0.40);font-weight: bold;font-size: 20px;color: #162910;}
 
 
 
footer.footer .box .navbox{overflow:hidden; width:75%; }
footer.footer .box .nav{ float:left;overflow:hidden;color:#333333; width: 25%;}

footer.footer .box .nav dt{line-height:40px; margin-bottom:10px;overflow:hidden; padding-bottom: 10px;font-weight: bold;border-bottom:  1px solid rgba(255, 255, 255, 0.40);font-weight: bold;font-size: 20px;color: #162910;}
footer.footer .box .nav dd{ font-size: 16px;line-height: 40px;overflow:hidden;margin-top:14px;color:rgba(22, 41, 16, 0.7);}



footer.footer .txtall{ width:100%;line-height:80px;font-size:16px;color: #162910;text-align:center; margin:0 auto; max-width: 1440px;border-top:1px solid rgba(22, 41, 16,0.1);}

.news-list{ padding: 70px 0;}

.news-list ul.nlist,.news-list ul.nlist li,.news-list ul.nlist li dl,.news-list ul.nlist li a{overflow:hidden; width: 100%;}
.news-list ul.nlist li{ margin-top:30px; min-height: 260px; padding-left: 360px; position: relative; border-bottom:1px solid #eee;}
.news-list ul.nlist li a{ display:block; text-decoration: none;color: #162910;}

.news-list ul.nlist li .img{ width:320px; height:230px; top: 0; left: 0; position: absolute;}
.news-list ul.nlist li dt{ font-size: 24px;font-weight: bold;}
.news-list ul.nlist li dt,.news-list li dd{line-height: 28px;}
.news-list ul.nlist li dd{font-size:16px; margin-top: 16px; line-height: 200%;}
.news-list ul.nlist li .time{ position: absolute;left:360px; bottom:40px;font-size:16px;}
.news-list ul.nlist li a:hover dt{color:#2D773A;}



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

.news-show .scontent{width: 100%; overflow: hidden;font-weight: 400;font-size: 16px;color: #666666;line-height:220%; margin: 40px 0 30px 0;}
.news-show .scontent img{max-width: 100%;}
.news-show .paging{width: 100%; display: flex;justify-content:space-between;border-top:3px solid #E9E9E9;; padding-top: 26px;}
.news-show .paging li{ width:50%;font-size: 16px;color: #666666;line-height: 32px; overflow: hidden; text-align: left;}
.news-show .paging li a{color:#666666;}
.news-show .paging li a:hover{color:#4461F3;}
.news-show .paging li:last-child{text-align: right;}


.border0{ border:0 !important;}
a.co4{color:#048ac2;text-decoration:underline;}
a.co4:hover{ color:#F00;}
.cf00{ color:#ff0000;}
.padding0{ padding:0 !important;}
.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:1820px){
header.m-hd .header-top{ padding-left: 30px; padding-right:30px;}

}

@media only screen and (max-width:1700px){
.indextopad .pag-boxm{ bottom:5%;}
}

@media only screen and (max-width:1500px){
.indextopad .pag-boxm{ bottom:2%;}
}

@media only screen and (max-width:1400px){
.indextopad .swiper-slide .box{ top:20%;}
.common-box{ padding-left: 10px; padding-right:10px;margin-top:80px;}
.Aboutus-main05{ margin-top: 0;}
.contactus-box{padding-left: 10px; padding-right:10px;}

.Aboutus-main05box .rbox{ width: 60%;}
.Aboutus-main05box .rbox{ padding-top: 0;}
}

@media only screen and (max-width:1300px){
.index-main04 .box .data li .s2{font-size: 80px;}
.commonad dl{bottom: 20%;}

.Aboutus-main05box .rbox dl.li dd {  font-size: 16px;  line-height:180%;  padding-top:6px;}
.Aboutus-main05box .rbox dl.li{ margin-top: 20px;}
.Aboutus-main05box .lbox{width: 35%;  padding-left: 140px;}
}

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

.indextopad .swiper-slide dl dt{font-size:60px}
.indextopad .swiper-slide dl dd.bdd{font-size:40px}
.index-main01{padding-bottom:40px; margin-top: 100px;}
.index-main06{ margin-top: 60px;}
.index-main01 .common-title{ width: 30%;}

footer.footer .box .navbox{ width: 70%;}
footer.footer .box .contact{ width: 30%;}

.index-main04box{padding-bottom: 10px;}

}

@media only screen and (max-width:1100px){
	.index-main04 .box .data li .s2{font-size: 70px;}
	.index-main05box .cbox{padding-left: 200px;}
	.index-main06 ul.box{margin-top: 100px;}
	.index-main06{padding-bottom: 100px;}
	
	.Aboutus-main04 .data li .s2{font-size: 70px;}
}

@media only screen and (max-width:1000px){
.commonad dl{bottom: 16%;}
.commonad dl dt{ font-size: 40px;}
.commonad dl dd{ font-size:20px;}

.commonadnav li{ margin: 0 10px; font-size: 16px;}
.products-list{ padding-top: 10px;}
}


@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;}

.Aboutus-main05box .rbox dl.li dt{ line-height: 26px;font-size: 22px;}
.Aboutus-main05box .lbox .img li{ width: 80px;height: 80px;}
.Aboutus-main05box .lbox .img li.s2{ top: 30%; right:0%;width:100px;height: 100px;}
.Aboutus-main05box .lbox .img li.s3{ top: 60%;right:2%;}
.Aboutus-main05box .lbox .img li.s4{ top: 80%; right:28%;}


.Aboutus-main05 .title dt{font-size: 40px;}
.Aboutus-main05 .title dd{font-size: 20px;}
.Aboutus-main05box .lbox{ width: 38%;}
.Aboutus-main05box .rbox dl.li dd{ line-height: 140%;}

}

@media only screen and (max-width:850px)
{	
.indextopad .swiper-slide dl dt{font-size: 40px;}
.indextopad .swiper-slide dl dd.bdd{font-size:20px; margin-top: 10px;}
.indextopad .swiper-slide dl dd{margin-top: 10px;}
.index-main04 .box{ width: 70%;}

.common-title dt{font-size:60px;}
.common-title dd{font-size:20px;}
.index-main06 ul.box li .dt{font-size: 20px;}
.index-main06 ul.box{ width: 100%;}
.index-main05box .cbox{ padding-left: 120px;}

.news-list{ padding:10px 0;}

.products-show{ padding:10px 0;}
.common-list li{ width: 50%;}

}



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


}



@media only screen and (max-width:640px){
	
	header.m-hd{ position: inherit;}
	
	.Aboutus-main04box{padding-top:20px;  padding-bottom:20px;}
	.Aboutus-main04 .box{display: block;}
	.Aboutus-main04 .box .title{ width: 100%;font-size: 40px;}
	.Aboutus-main04 .box .info{width: 100%;}
	.Aboutus-main04 .box .info dt{font-size: 24px; padding-bottom: 10px;}
	.Aboutus-main04 .box .info dd{ margin-top: 10px;line-height:160%;}
.Aboutus-main04 .data li .s2{font-size:35px;line-height:40px;}
.Aboutus-main04 .data{ margin-top: 20px;}

.Aboutus-main01box{padding-top:60px;  padding-bottom: 50px;}
.Aboutus-main01 .swiper{ margin-top: 60px;}
.Aboutus-main02box{padding-top:60px;  padding-bottom: 50px;}
.Aboutus-main02 .box{ margin-top: 60px;}
.Aboutus-main02 .box li{ width: 100%;}
.Aboutus-main02 .box li .dd{ height: auto; padding-left:10px; padding-right: 10px;}

.Aboutus-main03{ padding: 40px 10px;display: block;}
.Aboutus-main03 .info{ margin-top: 0; width: 100%;}
.Aboutus-main03 .info dt{ font-size: 50px;}
.Aboutus-main03 .info dd{font-size:24px; margin-top:20px;line-height:26px;}
.Aboutus-main03 .info dd span{font-size: 40px;}
.Aboutus-main03 .img{width: 100%; margin-top: 16px;}

.Aboutus-main05box .lbox{ width: 100%; padding: 0;}
.Aboutus-main05box .rbox{ width: 100%; padding-top: 10px;}
/* .Aboutus-main05 .title{position: inherit; margin: 0;} */

.Aboutus-main05box .rbox dl.li{ margin-top: 20px;}
.Aboutus-main05box .rbox dl.li dt{font-size: 22px;font-weight: bold;}
.Aboutus-main05box .rbox dl.li dd{ line-height: 160%;}

.Aboutus-main05box{ padding-bottom:20px;}
.Aboutus-main06{ padding: 20px 10px;}
.Aboutus-main06 .htitle .dt{ width: 100%; font-size: 40px;}
.Aboutus-main06 .tabs{float: none; width: 100%; padding-top: 20px;}
.Aboutus-main06 .tabs li{ font-size: 20px; text-align: center;}



.Aboutus-main01 .tbox{padding-bottom:28px;  padding-left:16px;}
.Aboutus-main01 .swiper-slide dd{font-size: 14px; line-height: 20px;height:100px;}
.Aboutus-main01 .swiper-slide dl{ height: 145px;}
	
	.commonad dl{bottom: 16%;}
	.commonad dl dt{ font-size: 30px;}
	.commonad dl dd{ font-size:18px;}
	
	.common-title dt{font-size: 40px;}
	
	.contactus-box{display: block; margin: 20px auto 40px auto;}
	.contactus-box .lbox, .contactus-box .rbox{ width: 100%;}
	.contactus-box .rbox{ position: inherit; height: 300px; margin-top: 20px;}
	.contactus-box .lbox .title{ font-size:40px;}
	.contactus-box .lbox ul li{ margin-top: 10px;}
	.contactus-box .lbox ul{ margin-top: 10px;}
	.common-box{margin-top:20px;}
	.news-show{padding:30px 10px;}
	.news-show h1.htitle{ font-size: 20px;}
	.news-show .date{ padding: 10px 0;}
	.news-show .paging{display: block;}
	.news-show .paging li{ width: 100%; font-size: 14px;}
	.news-show .paging li:last-child{ text-align: left;}
	
	.news-list{ padding:0 10px 20px 10px; margin-top: 0;}
	.news-list ul.nlist li{ padding-left: 0;}
	.news-list ul.nlist li .img{ position: inherit; width: 100%; height: auto;}
	.news-list ul.nlist li dt{ font-size:20px; margin-top: 10px;}
	
	
	.indextopad .swiper-slide .box{ top:15%;}
	.indextopad .swiper-slide dl{ width: 70%;}
.indextopad .swiper-slide dl dt{font-size: 26px;}
.indextopad .swiper-slide dl dd{font-size:16px; margin-top: 0;}
.indextopad .swiper-slide dl dd.bdd{font-size:14px;margin-top: 0;}

.commonadnav{display: flex;}
.commonadnav li{ padding: 10px 0; line-height:20px;font-size: 14px;}

.products-show{ padding: 10px;}
.products-show .box dl.info{ width: 100%;}
.products-show .box .rimg{ width: 100%;}
.products-show .box dl.info dt{font-size: 50px;}
.products-show .box dl.info dd.d1{ margin-top: 10px; font-size: 18px;}
.products-show .box dl.info dd{ margin-top: 20px;}
.products-show .box .rimg{ padding: 20px;}
.products-show .box .rimg img{left: -20px;}
.common-list li{ width:100%;}
.common-list li .box{  padding:8px;box-shadow: 0px 0px 10px 1px rgba(45,119,58,0.15);}
.common-list li .box .info dt{font-size: 18px;margin-top: 10px;}
.common-list li{ padding:8px;}
.common-list li .box .info dd{font-size: 14px;margin-top: 10px;line-height:24px;height:auto; padding-bottom: 10px;}


.recruit-list .el-collapse-item__header{padding: 20px 20px;}
.recruit-list .el-collapse-item__header .dt{ width: 100%;}
.recruit-list .el-collapse-item__header .data{ width: 100%; margin:20px 0 0  0;}
.recruit-list .el-collapse-item__arrow{ top: 10px; margin-top: 0; right: 10px;}
.recruit-list .el-collapse-item__header .data{justify-content:space-around}
.recruit-list .el-collapse-item__header .data li{ margin: 0;}
.recruit-list .pcontent{padding: 10px 20px 20px 20px;}
.recruit-list .pcontent .con{ margin-top: 10px;}
.recruit-list .pcontent .con dd{  line-height: 160%;}
.recruit-list .el-collapse-item{ margin-top: 15px;}

.index-main04box{ padding-top: 30px;}
.index-main04 .box{ width: 100%;}
.index-main04 .img{ position: inherit; width: 100%;}
.index-main04 .box .data li .s2{font-size: 42px;line-height: 60px;}

.index-main04 .box .more{margin-top: 30px;}

.index-main01 .common-title{ width: 100%;}
.index-main01 .box{ width: 100%; position: inherit; margin-top: 20px;}

.common-title dt{padding-bottom: 20px;}
.index-main01 .common-title dd{ width: 100%;font-size:16px;margin-top:12px;}
.index-main01 .box .button{ width: 100%; text-align: center;}

 .index-main01 {  padding-bottom: 30px;  margin-top: 60px;  }
 .index-main06 ul.box li{ width: 100%; margin-top: 20px;}
 .index-main06 ul.box li .dt{ color: #333;}
 .index-main06 ul.box li .dd{ color: #333;}
 .index-main06 ul.box li .more{ color: #333; border-color: #333;}
   .index-main06 ul.box {margin-top: 40px;}
   
   .index-main02 .tabs li{ width: 40%;font-size:18px;}
.index-main02 { padding-top: 40px; padding-bottom: 40px;}
  .index-main02 .swiper-container{ margin-top: 0;}
  .index-main02 .box li{ padding: 8px;}
  .index-main02  .scroll ul li { width:200px;}
  
  .index-main05box{ padding: 50px 0px 100px 0px;}
  .index-main05box .add{bottom: auto; top: 0; right: 10px; left: auto;}
  .index-main05box .cbox{ padding: 0; }
  .index-main05box .add{ width:50px; height: 50px;background-size: 100%; }
  .common-list4 li{ width: 100%;}
  .common-list4 { margin-top: 60px; }
  
  footer.footer .box{display: block; margin-top: 20px;}
  footer.footer .box .navbox{ width: 100%; padding: 0 10px;}
  footer.footer .box .contact{ width: 100%;padding: 0 10px; margin-top: 20px; padding-bottom: 20px;}
  footer.footer .box .contact .title{ padding-bottom: 0; margin-bottom: 0;}
  footer.footer .box .nav dd{line-height:30px;margin-top:6px;}
  footer.footer .box .nav dt{ padding-bottom: 0;}
  footer.footer .box .contact .dwx{ width:36%; text-align: center; padding-left:16px;}
  
  
  .Aboutus-main05box .lbox .img{display: none;}
 .Aboutus-main05box .lbox .img2{display: block;}
 .Aboutus-main05 .title{ top: 0; margin: 0 auto; left: 0;right: 0;}
 .Aboutus-main06  .scroll ul li { width:200px;}
 
}

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

}

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

}

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