html, body {
    position: relative;
    height: 100%;
}
 html{
	color: #333;
	min-width: 320px;
	font-size: 100%;
}
.w-f {
    width: 100%;
}
ul,h1,h2,h3,p,div,dl,dt,dd,figure,figcaption{
	margin: 0;
	padding: 0;
}
li{list-style: none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{ max-width: 100%; height: auto; transition: all .5s;}
/*=============
 * 工具样式
 =============*/
.center-block{
	display: block;
	margin-right: 0;
	margin-left: 0;
}
.f-cb {
    zoom: 1;
}
.float_r{
	float: right !important;
}
.float_l{
	float: left !important;
}
.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
.text-center{
	text-align: center !important;
}
.hide{
	display: none !important;
}
.show{
	display: block !important;
}
.invisible{
	visibility: hidden;
}
.text-hide{
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.clearfix:after,.clearfix:before{
	content: '';
	display: table;
}
.clearfix:after{
	clear: both;
}
*{box-sizing: border-box;}

/*=============
 * 浏览器更新提示
 =============*/
.browerupgrade{
	margin: 0;
	padding: 1rem;
	background: #ccc;
}

/*=============
 * 自定义页面样式
 =============*/
body{
	line-height: 1.8;
	background: #fff;
	font-family: "Microsoft YaHei", Arial;
}
a{
	color: #666;
	text-decoration: none;
	transition: all .4s;
}
a:active,a:hover{
	color: #009d00;
	text-decoration: none;
}
.container{ max-width: 75rem; margin: 0 auto; padding: 0 1rem; }
.wrap_top {
    max-width: 84.0625rem;
    height: 100%;
    margin: 0 auto;
}
/**--------------------------------------------------------
**  Page---index.html
---------------------------------------------------------**/
.top-wrap {
  position: relative;
}
/*Home-tophead*/
.tophead{
  background: #f2f2f2;
  height: 2.31rem;
  line-height: 2.31rem;
  color: #7a7a7a;
  font-size: 0.75rem;
}
.tophead li{
  display: inline-block;
}
/*Home-header*/
.header-wrap {
  /*height: calc(6.875rem + 2.875rem);*/
  width: 100%;
}
.navbar_header {
  height: 100%;
  position: relative;
}
.navbar_header .navbar_box{
  width: 80%;
  margin: 0 auto;
}
.header-wrap .container {
  height: 100%;
}
.toplogo{
  margin-top: 1.625rem;
}
.logo {
  padding-bottom: 1.625rem;
  height: 100%;
  font-size: 0;
}
.logo a {
  display: inline-block;
  vertical-align: middle;
}
.logo a img{
  width: 100%;
}
.toptel{
	margin-top: -5px;
}
.toptelcon{
  border-left: #c8c8c8 solid 1px;
  padding-left: 1rem;
  height: 4.2625rem;
  margin-left: 1rem;
  margin-top: 0.25rem;
}
.toptelcon p{
  color: #3e3e3e;
  font-size: 0.875rem;
}
.toptelcon h4{
  color: #009d00;
  font-size:1.25rem ;
  line-height: 1.5rem;
  padding:0;
  margin:0;
}
/*.logo div{
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  padding-left: 10px;
  padding-top: 2px;
}
.logo div h2{
  font-size: 1.375rem;
  font-weight: bold;
  color: #1e1e1e;
}
.logo div p{
  font-size: .75rem;
  font-weight: bold;
  color: #777;
}*/
.navwrap{
  background: #009d00;
  height: 3.125rem;
  line-height: 3.125rem;
}
.pcNav {
  height: 100%;
}
.pcNav .nav {
  font-size: 0;
  height: 100%;
}
.pcNav .nav>li{
	width: calc(100%/8);
}
.pcNav .nav li{
    display: inline-block;
    font-size: 1rem;
    position: relative
}
.pcNav .nav>li>a{
    display: inline-block;
		width: 100%;
    height: 3.125rem;
    line-height: 3.125rem;
    padding: 0 2.6rem;
		text-align: center;
    color: #fff;
}
.pcNav .nav>li>a.current,.pcNav .nav>li>a:hover{
  background: #73b434;
}
.children{
    position: absolute;
    width: 14.2rem;
    background:#009d00;
    text-align: left;
    display: none;
    left:0;
    top: 100%;
    z-index: 9;
}
.pcNav .nav ul .children:ntn-child(2){

    width: 14.2rem;

}
.children a{
    color: #fff;
    display: block;
    padding:0 .6rem;
    text-align: center;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.children li{
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    display: block !important;
    margin: 0;
    padding: 0;
}
.children a:hover{
    display: block;
    width: 100%;
    background: #73b434;
    color: #fff;
}
/*.pcNav .nav li {
  display: inline-block;
  font-size: 1rem;
  height: 100%;
  position: relative;
  margin: 0 .5rem;
}
.pcNav .nav li:nth-last-child(1) {
  margin-right: 0;
}
.pcNav .nav>li>a {
  display: block;
  text-align: center;
  color: #fff;
  height: 100%;
  position: relative;
  padding: 0 10px;
}
.pcNav .nav li{
  position: relative;
  overflow: hidden;
}
.pcNav .nav li:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #bb341e;
  bottom: 0;
  left: -100%;
  transition: all .6s ease 0s;
  -webkit-transition: all .6s ease 0s;
  -moz-transition: all .6s ease 0s;
  -o-transition: all .6s ease 0s;
}
.pcNav .nav li:hover:after,
.pcNav .nav li.active:after{
  left: 0;
}
.pcNav .nav li p{
  line-height: 2.5;
  padding-bottom: 2px;
}
.pcNav .nav li img:nth-child(2){
  display: none;
}
.pcNav .nav li:hover img:first-child,
.pcNav .nav li.active img:first-child{
  display: none;
}
.pcNav .nav li:hover img:nth-child(2),
.pcNav .nav li.active img:nth-child(2){
  display: inline-block;
}
.pcNav .nav li:hover p,
.pcNav .nav li.active p{
  color: #bb341e;
}*/
.header_nav {
    height: 100%;
    margin-left: 11.47%;
}
.intop_pos {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 2px 7px #d8d8d899;
    transition: all 0.4s;
}
.intop_pos .nav li a {
    color: #333;
}
/* Home-mobile-header */
.menu {
    float: right;
    margin-top: 1.8rem;
    display: none;
}
.mm-menu .mm-navbar .mm-title {
    padding: 0;
    font-size: 1rem;
    color: #acacac;
    text-align: left;
}
.mm-navbar {
    height: 5rem;
    line-height: 5rem;
}
.mm-menu {
    background: #fff;
}
.mm-listview>li>a,
.mm-listview>li>span {
    font-size: 1rem;
    padding: 1.25rem 0.625rem 1.25rem 1.25rem;
}
.m-search>input::-webkit-input-placeholder {
    color: #3e4142;
    font-size: 0.875rem;
    line-height: 1.71rem;
}
.m-search>input {
    width: 100%;
    border: 0;
    outline: none;
    border-radius: 0 10rem 10rem 0;
    background: #f4f4f4;
    color: #9b9b9b;
    font-size: 0.875rem;
    height: 1.71rem;
    padding-top: 0.3rem;
}
.m-search>button {
    background: url(../images/search.png) no-repeat 10px 7px #f4f4f4;
    height: 1.71rem;
    width: 11%;
    border: 0;
    outline: none;
    background-size: 58%;
    padding: 0;
    border-radius: 10rem 0 0 10rem;
}
.m-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0.625rem 0rem 1rem;
    border-color: #fff;
    display: none;
    width: 100%;
}
.mm-hasnavbar-top-1 .mm-panels,
.mm-navbar-top-2 {
    top: 4.2rem;
}
.mm-listview>li .mm-next:before {
    content: none;
}
.mm-navbar-bottom {
    border: none;
}
.mm-btn {
    width: 60px;
    height: 60px;
}
.mm-clear:after,
.mm-clear:before,
.mm-close:after,
.mm-close:before,
.mm-arrow:after,
.mm-prev:before {
    width: 10px;
    height: 10px;
    top: 10px;
}
.mm-clear:before,
.mm-close:before {
    right: 18px;
}
.mm-clear:after,
.mm-close:after {
    right: 32px;
}
.mm-next:after {
    width: 10px;
    height: 10px;
    top: 4px;
}
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    width: calc(100% + 40px);
}
.mm-navbar.mm-hasbtns {
    background: #333;
    padding: 0 40px 0 17px;
    height: 4.25rem;
    line-height: 4.25rem;
}
.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
    border-color: #fff;
}

/*Home-myMenu*/
#myMenu{
    position: absolute;
    top: 50%;
    left: calc(50% + 530px);
    transform: translate(-50%,-50%);
    padding: 30px 1.25rem;
    z-index: 1;
}
#myMenu li{
    margin-bottom: 1rem;
    text-align: right;
}
#myMenu span:first-child{
    display: inline-block;
    width: 4.25rem;
    height: 1.5625rem;
    text-align: center;
    line-height: 1.5625rem;;
    background: #c00;
    color: #fff;
    font-size: .875rem;
    position: relative;
    visibility: hidden;
}
#myMenu span:first-child:after{
    content: '';
    width: 0;
    height: 0;
    border: 0.5rem solid transparent;
    border-left: 0.5rem solid #c00;
    position: absolute;
    top: 50%;
    right: -1rem;
    transform: translateY(-50%);
    z-index: 100;
}
#myMenu li.active span:first-child{
  visibility: visible;
}
#myMenu li.active span:last-child i{
    background-color: #fff;
}
#myMenu li.active span:last-child{
    border: 1px solid #fff;
}
#myMenu span:last-child{
    width: 23px;
    height: 23px;
    display: inline-block;
    margin-left: 5px;
    line-height: 0;
    padding: 4px;
    background-position: center;
    background-size: auto auto;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
}
#myMenu span:last-child i{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #fff;
}
/*Home-banner*/
/*banner*/
.banner{
  text-align: center;
}
.swiper-container {
    width: 100%;
    /*height: 100%;*/
}
.swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
		height: 500px;
		background-position: center;
		/* background: #fff; */
    /* Center slide text vertically */
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; */
}
.swiper-button-prev:focus, .swiper-container-rtl .swiper-button-next:focus,
.swiper-button-next:focus, .swiper-container-rtl .swiper-button-prev:focus{
    outline: none;
}
.H-title{
  text-align: center;
  padding: 3rem 0 1.5625rem;
}
.H-title h2{
  font-size: 2.8125rem;
	line-height: 1.5;
  color: #2d2d2d;
  font-weight: normal;
}
.H-title h2 font{
  color: #009d00;
}
.H-title p{
  font-size: 1rem;
  color: #9e9e9e;
  line-height: 1;
}
/*Home-about*/
.H-abbox{
	width: 90%;
  margin: 0 auto 3.125rem;
	text-indent: 2em;
}
.H-abbox p{
  font-size: .875rem;
  color: #555555;
  line-height: 1.875rem;
}
/*Home-showbox1*/
.showbox1{
  background: url(../images/hbg1.jpg) center top;
/*  background-attachment: fixed;
  background-size: cover;*/
  width: 100%;
  position: relative;
  transition: all 0.5s ease 0s;
}
.showitem{
  padding:2.9375rem 0;
}
.showitem li{
  width: 20%;
  float: left;
  text-align: center;
}
.showitem li h5{
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  padding:1rem 0 .5rem;
  margin:0;
  line-height:1.875rem ;
}
.showitem li p{
  color: #eeffef;
  font-size: .875rem;
  line-height: 1.25rem;
}
/*Home-h-business*/
.h-business{
  margin-bottom:4rem;
}
/*pc端显示效果*/
.main-page{
  margin:12px auto 0;
  width:100%; 
}
.main-page .left{ 
  width: 18%;  
}
.main-page .right{
  width: 77.5%;
}
.dp{ display:block}
.busi_l_tit{ 
  background: #009d00;
  padding:.5rem 0;
}
.busi_l_tit h5{
  background: url(../images/ml-ico.png) 10px 10px no-repeat;
  padding-left: 3rem;
  color: #fff;
  font-size: 1.5rem;
}
.main-page .nav-back{
  height:300px;
}
.main-page .nav{
  position:relative;
  margin-top:-300px;
  width:100%;
  text-align:left;
  border-left: #dddddd solid 1px; 
  border-right: #dddddd solid 1px;
}
.main-page .nav div{
  height:3.69rem;
  line-height:3.69rem; 
  background: url(../images/fla-ico.png) 15px 20px no-repeat ;
  border-bottom: #dddddd solid 1px;
  cursor: pointer;

}
.main-page .nav div h4{
  color: #555;
  font-size:0.9375rem;
  padding-left: 2.2rem;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  padding-right: .5rem;
}
.main-page .nav div.on{ 
  background: url(../images/flh-ico.png) 15px 20px no-repeat; 
}
.main-page .nav div.on h4{
  color: #009d00;
}
.main-page .right{
  /*height:899px;*/
  /*height: 720px;*/
}
.main-page .content{
  position:relative; 
  width:100%; 
  /*height:899px; */
  overflow:hidden;
}
.main-page .content .con-ggh{ 
  width:100%; 
  /*height:899px;*/
  /*height: 630px;*/
}
.con-ggh ul{ 
  display:block;
} 
.con-ggh ul li{  
  float:left;
}
.main-page .zcinfo li{
  width: 32.3%;
  float: left;
  position: relative;
  overflow: hidden;
  display: block;
  margin-right: 1.5%;
  margin-bottom: 1.5%;
}
.zcinfo li:nth-child(3n){
  margin-right: 0;
}
.zcinfo li .list-pic img{
  width: 100%;
  position: relative;
}
.con-ggh a .item-name{ 
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2.625rem;
  line-height: 2.625rem;
  background: rgba(56,53,51,.8);
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.9375rem ;
  overflow: hidden; 
}
.con-ggh a:hover .item-name{
  background: rgba(63,158,69,.8);
}
/*移动端显示效果*/
.m-jcxmitem {
  margin-bottom: 1rem;
}
.m-jcxmitem li{
  float: left;
  width: 31%;
  margin:1%;
  background: #009d00;
  border-radius: 5px;
  padding:10px 10px;
  text-align: center;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  color: #fff;
}
.m-jcxmitem li a{
  font-size: .875rem;
  color: #fff;
}
.jcxmitem ul li{  
  float:left;
}
.jcxmitem li{
  width: 49%;
  float: left;
  position: relative;
  overflow: hidden;
  display: block;
  margin-right: 1%;
  margin-bottom: 2%;
  background: none;
}
.jcxmitem li:nth-child(2n){
  margin-right: 0;
}
.jcxmitem li .list-pic img{
  width: 100%;
  position: relative;
}
.jcxmitem a .item-name{ 
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2.625rem;
  line-height: 2.625rem;
  background: rgba(56,53,51,.8);
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.875rem ;
  overflow: hidden; 
}
/*Home-honor*/
.h-hor{
  padding:0 0 2.5rem;
  background: #f8f8f8;
	
}
.h-horitem{
  margin:0 auto 0 ;
  width: 80%;
  position: relative;
}
.h-horline{
  border-bottom: #dcdcdc dashed 1px;
  height: 9rem;
  padding:0 12rem;
  position: relative;
}
.swiper-container2 {
  width: 100%;
  height: 23rem;
  overflow: hidden;
  position: relative;
  margin-top: -10rem;
}
.swiper-container2 .swiper-slide {
  text-align: center;
  font-size:0.9375rem ; 
  transition: 300ms;
  transform: scale(0.8);
}
.swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
}
.swiper-button-prev:focus, .swiper-container-rtl .swiper-button-next:focus,
.swiper-button-next:focus, .swiper-container-rtl .swiper-button-prev:focus{
    outline: none;
    border:#000 solid 1px;
}
.swiper-container2 .swiper-button-prev{
  background: url(../images/arr_l.png) no-repeat;
  width: 40px;
}
.swiper-container2 .swiper-button-next{
  background: url(../images/arr_r.png) no-repeat;
  width: 40px;
}
.swiper-container2 .swiper-slide .hor_pic{
  width: 15.6875rem;
  height: 15.6875rem;
  border: solid 8px #eeeeee;
  border-radius: 50%;
  overflow: hidden;
  margin: 3rem auto;
}
.swiper-container2 .swiper-slide .hor_pic img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.swiper-container2 .swiper-slide-active .hor_pic{
  width: 19.9125rem;
  height: 19.9125rem;
  border: solid 7px #009d00;
  border-radius: 50%;
  overflow: hidden;
  margin: 2rem auto;
}
.swiper-container2 .swiper-slide-active .hor_pic img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.swiper-container2 .swiper-slide h6{
  color: #393838;
  font-size:0.9375rem ;
}
.swiper-container2 .swiper-slide h6 a{
  text-align: center;
  color: #393838;
  font-size:0.9375rem ;
  height: 2rem;
  display: block;
}
.mh-horitem{
  margin:0 auto 0 ;
  width: 100%;
  position: relative;
}
.swiper-container3 {
  width: 100%;
  height: 15rem;
  overflow: hidden;
  position: relative;
  margin-top: -10rem;
}
.swiper-container3 .swiper-slide {
  text-align: center;
  font-size:0.9375rem ; 
  transition: 300ms;
  transform: scale(0.8);
}
.swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
}
.swiper-button-prev:focus, .swiper-container-rtl .swiper-button-next:focus,
.swiper-button-next:focus, .swiper-container-rtl .swiper-button-prev:focus{
    outline: none;
    border:#000 solid 1px;
}
.swiper-container3 .swiper-button-prev{
  background: url(../images/arr_l.png) no-repeat;
  width: 40px;
}
.swiper-container3 .swiper-button-next{
  background: url(../images/arr_r.png) no-repeat;
  width: 40px;
}
.swiper-container3 .swiper-slide .hor_pic{
  width: 9.6875rem;
  height: 9.6875rem;
  border: solid 7px #eeeeee;
  border-radius: 50%;
  overflow: hidden;
  margin: 3rem auto;
}
.swiper-container3 .swiper-slide .hor_pic img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.swiper-container3 .swiper-slide-active .hor_pic{
  width: 12.3125rem;
  height: 12.3125rem;
  border: solid 7px #009d00;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.swiper-container3 .swiper-slide-active .hor_pic img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.swiper-container3 .swiper-slide h6{
  color: #393838;
  font-size:0.9375rem ;
}
.swiper-container3 .swiper-slide h6 a{
  text-align: center;
  color: #393838;
  font-size:0.9375rem ;
  height: 2rem;
  display: block;
}
/*Home-process*/
.process{
  background: url(../images/hbg2.jpg) center top;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  position: relative;
  transition: all 0.5s ease 0s;
}
.process .H-title h2,.process .H-title p{
  color: #fff;
}
.process_item{
  padding:2.9375rem 0;
}
.process_item li{
  width: 20%;
  float: left;
  text-align: center;
}
.process_item li .proc_pic{
  background: #fff;
  border-radius: 30%;
  width: 7.5rem;
  height: 7.5rem;
  line-height: 4.5rem;
	text-align: center;
	line-height: 7.5;
  margin:0 auto;
  transition: all 0.5s ease 0s;
}
.process_item li h5{
  color: #fff;
  font-size: 1.25rem;
  font-weight: normal;
  padding:1rem 0 .75rem;
  margin:0;
  line-height:1.875rem ;
}
.process_item li p{
  color: #eeffef;
  font-size: .875rem;
  line-height: 1.25rem;
}
.process_item li:hover .proc_pic{
  border-radius: 50%;
}
/*Home-h-case*/
.h-case{
  background: #f5f5f5;
  padding: 0 0 2.5rem;
}
/*pc端显示效果*/
.main-page2{
  margin:1rem auto 0;
  width:100%; 
}
.main-page2 .left{ 
  width: 18%;  
}
.main-page2 .right{
  width: 77.5%;
}
.dp{ display:block}
.main-page2 .busi_l_tit{ 
  background: #009d00;
  padding:.5rem 0;
}
.main-page2 .busi_l_tit h5{
  background: url(../images/ml-ico.png) 10px 10px no-repeat;
  padding-left: 3rem;
  color: #fff;
  font-size: 1.5rem;
}
.main-page2 .nav-back{
  height:300px;
}
.main-page2 .nav{
  position:relative;
  margin-top:-300px;
  width:100%;
  text-align:left;
  border-left: #dddddd solid 1px; 
  border-right: #dddddd solid 1px;
}
.main-page2 .nav div{
  height:3.525rem;
  line-height:3.525rem; 
  background: url(../images/fla-ico.png) 15px 20px no-repeat ;
  border-bottom: #dddddd solid 1px;
  cursor: pointer;
}
.main-page2 .nav div h4{
  color: #555;
  font-size:0.9375rem;
  padding-left: 2.5rem;
}
.main-page2 .nav div.on{ 
  background: url(../images/flh-ico.png) 15px 20px no-repeat; 
}
.main-page2 .nav div.on h4{
  color: #009d00;
}
.main-page2 .right{
  height:428px;
}
.main-page2 .content{
  position:relative; 
  width:100%; 
  height:428px; 
  overflow:hidden;
}
.main-page2 .content .con-ggh{ 
  width:100%; 
  height:428px;
}
.con-ggh ul{ 
  display:block;
} 
.con-ggh ul li{  
  float:left;
}
.main-page2 .zcinfo li{
  width: 32.2%;
  float: left;
  position: relative;
  overflow: hidden;
  display: block;
  margin-right: 1.5%;
  margin-bottom: 0.5%;
}
.zcinfo li:nth-child(3n){
  margin-right: 0;
}
.zcinfo li .list-pic img{
  width: 100%;
  position: relative;
}
.con-ggh a .item-name{ 
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2.625rem;
  line-height: 2.625rem;
  background: rgba(56,53,51,.8);
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.9375rem ;
  overflow: hidden; 
}
.con-ggh a:hover .item-name{
  background: rgba(63,158,69,.8);
}
/*Home-reason*/
.swiper-container4 {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-container4  .swiper-slide {
    background-size: cover;
    background-position: center;
    font-size: 1.25rem;
    color: #4c4c4c;
}
.gallery-thumbs {
    height: 9.5rem;
    box-sizing: border-box;
    padding: 10px 0;
    position: relative;
}
.swiper-container4  .gallery-thumbs .swiper-slide {
    height: 7.5rem;
    opacity: 0.4;
}
.swiper-container4  .gallery-thumbs .swiper-slide-thumb-active {
    color: #009d00;
    border:#009d00 solid 1px;
    border-radius: 10px;
}
.gallery-thumbs .swiper-slide h4{
  line-height: 3rem;
  text-align: center;
  border:#fff solid 1px;
  border-radius: 10px;
  cursor: pointer;
}
.gallery-thumbs .swiper-slide-thumb-active{
  cursor: pointer;
  background: url(../images/arr_b.png) no-repeat bottom;
  position: relative;
  z-index: 5;
}
.gallery-thumbs .swiper-slide-thumb-active h4{
  color: #009d00;
  border:#009d00 solid 1px;
  border-radius: 1.5rem;
}
.gallery-top {
    height: 28.125rem;
    width: 100%;
    position: relative;
    margin-top: -2.3rem;
    z-index: -1
}
.reason_bg{
  background: url(../images/reabg.jpg) no-repeat;
  overflow: hidden;
  position: relative;
  z-index: -2;
}
.gallery-top .swiper-slide-active{
  position: relative;
  z-index: 3;
}
.gallery-top .reason_con{
  padding:6rem 2rem;
  overflow: hidden;
  width: 100% !important;
  margin:0 auto;
  overflow: hidden;
}
.reasonwrap{
  width: 70%;
  margin: 0 auto;
}
.gallery-top .reason_con .reason_pic{
  width: 40%;
}
.reason_txt{
  width: 50%;
  margin-left: 4rem;
  margin-top: 3rem;
}
.reason_txt h3{
  color: #fff;
  font-size: 1.5rem;
  line-height: 4rem;
}
.reason_txt p{
  color: #ececec;
  font-size: .875rem;
  line-height: 2rem;
}
/*Home-h-equip*/
.h-equip{
 margin-bottom:4rem;
}
.equip_item li{
  float: left;
  width: 23%;
  margin:2% 1%;
  position: relative;
}
.text {
  width:100%;
  height:auto;
  background-color:#009d00;
  position:absolute;
  left:0px;
  bottom:3.2rem;
}
.imgtext {
  width:100%;
  padding:0;
  color:#fff;
  font-size:1.5rem;
  height: 1.875rem;
  line-height:1.875rem;
  text-align: center;
}
.quipname{
  margin-top: 1.2rem;
  padding:0 .5rem;
  height: 2rem;
  line-height: 2rem;
}
.equip_item li a:hover .quipname{
  color: #009d00;
}
.equip_item li a .equipmore{
  display: none;
}
.equip_item li a:hover .equipmore{
  display: block;
}
.h-more{
  background: url(../images/morebg.png) no-repeat;
  display: block;
  width: 11.1875rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  margin:1rem auto 0;
}
.h-more a{
  font-size: .875rem;
  color: #fff;
}
.h-more a:hover{
  text-decoration: underline;
}
/*Home-cooper*/
.cooper{
  padding: 0 0 2.5rem;
  background: #f8f8f8;
}
.cooper_item li{
  width: 14%;
	height: 96px;
  margin:1% 1%;
  float: left;
}
.cooper_item li img{
  width: 100%;
}
/*Home-h-news*/
.h-newscon1{
  width: 31%;
  float: left;
  margin-right: 3%;
}
.h-newscon1 .h-news-tit{
  border-bottom: #009d00 solid 1px;
  height: 2.8125rem;
  line-height: 2.8125rem;
  width: 100%;
  margin-bottom: 1rem;
}
.h-newscon1 .h-news-tit h3{
  text-align: left;
  float: left;
  color: #3d3d3d;
  font-size: 1.5rem;
}
.h-newscon1 ul li{
  height: 2.1rem;
  line-height: 2.1rem;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.h-newscon1 ul li a{
  font-size: .875rem;
  color: #666;
  text-align: left;
}
.h-newscon1 ul li a:hover{
  color: #009d00;
}
.h-newscon1:last-child{
  margin-right: 0;
}

/*footer*/
.foot1{
  background: #3a3a3a;
  padding:3.125rem 0;
  margin-top: 3.125rem;
}
.footcon1{
  width: 75%; 
  float: left;
}
.footcon1 dl{
  width: 13%;
  float: left;
  margin-right: 1%;
}
.footcon1 dl:last-child{
  margin-right: 0;
}
.footcon1 dl:first-child{
  width: 48%;
}
.footcon1 dl dt{
  text-align: left;
  height: 1.875rem;
  line-height: 1.875rem;
  font-size: 1.125rem;
  color: #37b337;
  margin-bottom: 1rem;
}
.footcon1 dl dd{
  height: 1.5625rem;
  line-height: 1.5625rem;
  text-align: left;
}
.footcon1 dl dd a{
  color: #c6c6c6;
  font-size: .875rem;
  width: 100%;
  display: block;
}
.footcon1 dl:first-child dd a{
  color: #c6c6c6;
  font-size: .875rem;
  width: 49%;
  float: left;
  margin-right: 1%;
}
.footcon2{
  width: 25%;
  float: right;
}
.foottelcon{
   
  color: #f1f1f1;
  font-size:1.75rem ;
  line-height: 2.075rem;
}
.footaddr{
  text-align: left;
  font-size: .875rem;
  color: #cacaca;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.addrtit{
  width: 14%;
}
.addttxt{
  width: 100%;
}
.footewm1 {
  float: right;
  width: 30%;
  margin:0 auto;
  text-align: center;  margin-right: 10px;
}
.footewm1 p{
  text-align: center;
  color: #cacaca;
  font-size: .875rem;
}
.footewm1 img{
  text-align: center;
}
.foot2{
  height: 4.375rem;
  line-height: 4.375rem;
  font-size: .875rem;
  color: #929292;
  background: #212121;
}
.foot2 a{
  color: #929292;
}
.foot2 a:hover{
  color: #fff;
}
/*子页面大图样式*/
.image_top {
    position: relative;
}
.image_top img {
    width: 100%;
    display: block;
}
/*about.html*/
.pagebody{
  margin-top: 2.375rem;
}
.sidebar {
  width: 20%;
  float: left;
}
.content {
    width: 75%;
    float: right;
}
.sidebar .nav{
  width:100%;
  text-align:left;
  border-left: #dddddd solid 1px; 
  border-right: #dddddd solid 1px;
}
.sidebar .nav div{
  height:3.525rem;
  line-height:3.525rem; 
  background: url(../images/fla-ico.png) 15px 20px no-repeat ;
  border-bottom: #dddddd solid 1px;
  cursor: pointer;
}
.sidebar .nav div h4{
  color: #555;
  font-size:0.9375rem;
  padding-left: 2.5rem;
}
.sidebar .nav div.on,.sidebar .nav div:hover { 
  background: url(../images/flh-ico.png) 15px 20px no-repeat; 
}
.sidebar .nav div.on h4{
  color: #009d00;
}
.sidebar .nav div.on h4 a{
  color: #009d00;
}
.pagertit{
  height: 3.5rem;
  line-height: 2.5rem;
  border-bottom: #eeeeee solid 1px;
  margin-bottom: 1.5rem;
}
.pagertit h5{
  text-align: left;
  color: #333;
  font-size: 1.5rem;
  float: left;
}
.stit{
  float: right;
  text-align: right;
  margin-top: .5rem;
}
.stit ul li{
  display: inline-block;
  font-size: .75rem;
  color: #009d00;
}
.stit ul li a{
  color: #666666;
}
.stit ul li a:hover{
  color: #009d00;
}
.conwrap p{
  color: #4a4a4a;
  font-size: 0.9375rem;
  line-height: 2rem;
}
.column-nav {
    text-align: center;
    padding: .5rem 0 1rem;
    border-bottom: #eee solid 1px;
    margin-bottom: 1rem;
}
.column-nav li {
    display: inline-block;
    box-sizing: border-box;
}
.column-nav li a {
    display: inline-block;
    padding: .2rem .5rem;
    border: 1px solid #dfdfdf;
    border-radius: .5rem;
    margin: 0 .1rem .5rem 0;
    font-size: 1rem;
}
.column-nav li a:hover, .column-nav li a:active, .column-nav li.active a {
    color: #fff;
    background: #009d00;
    border-color: #009d00;
}
/*contact.html*/
.map{
  padding-top: 0;
}
/*news.html*/
.pagenews{
  padding-bottom: 1.875rem;
  border-bottom: #f0f2f5 solid 1px;
  margin-bottom: 1.875rem;
  overflow: hidden;
}
.pagenews dt{
  width: 10%;
  float: left;
  text-align: left;
}
.pagenews dt h4{
  font-size: 1.875rem;
  line-height: 2rem;
  color: #666666;
}
.pagenews dt span{
  color: #999999;
  font-size: .875rem;
  text-align: left;
}
.pagenews dd{
  float: right;
  width: 80%;
}
.pagenews dd h6 a{
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.875rem;
  text-align: left;
}
.pagenews dd h6 a:hover{
  color: #009d00;
}
.pagenews dd p{
  font-size: .875rem;
  color: #999999;
  line-height: 1.5rem;
  margin-top: .5rem;
  height: 3.125rem;
  overflow: hidden;
}
/*分页*/
.sh_page {
  margin: 2.8125rem auto;
  height: 1.875rem;
  line-height: 1.875rem;
  *line-height: 1.875rem;
  display: flex;
  justify-content: center;
  text-align: center;
}
.sh_page a {
  display: inline-block;
  border: none;
  color: #989898;
  margin: 0px 10px 0px -1px;
  font-size: .875rem;
  float: left;
  text-align: center;
  line-height: 1.125rem;
  padding:7px 0.9375rem;
}
.sh_page a.dangqian {
  background: #009d00 !important;
  color: #fff !important;
}
.sh_page a:hover {
  background: #009d00 !important;
  color: #fff !important;
}
/*product.html*/
.conwrap{
  width:100%; 
}

.con-ggh ul{ 
  display:block;
} 
.con-ggh ul li{  
  float:left;
}
.conwrap .zcinfo li{
  width: 32%;
	height: 200px;
  float: left;
  position: relative;
  overflow: hidden;
  display: block;
  margin-right: 1%;
  margin-bottom: 20px;
}
.conwrap .zcinfo li:nth-child(3n){
  margin-right: 0;
}
.conwrap .zcinfo li .list-pic img{
  width: 100%;
  position: relative;
}
.conwrap .con-ggh a .item-name{ 
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2.625rem;
  line-height: 2.625rem;
  background: rgba(56,53,51,.8);
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.9375rem ;
  overflow: hidden; 
}
.conwrap .con-ggh a:hover .item-name{
  background: rgba(63,158,69,.8);
}
/*detail.html*/
.detail_content{
  padding:0 0;
  width: 90%;
  margin: auto;
}
.detail_tit{
  text-align: center;
}
.detail_tit h2{
  font-size: 1.75rem;
  color:#333;
}
.detail_tit p{
  font-size: .875rem;
  color: #999;
}
.detail_artial img{
  display: block;
  margin: 1.5rem auto;
}
.detail_artial div{
  margin-bottom: 1.5rem;
}
.detail_artial h3{
  font-size: 1.25rem;
  color:#222;
  font-weight: bold;
}
.detail_artial p{
  font-size: .875rem;
  color: #4a4a4a;
  line-height: 1.875rem;
}
.change_detail{
  margin-top: 1rem;
}
.change_detail div{
  border-bottom: 1px solid #e5e5e5;
}
.change_detail a{
  font-size: .875rem;
  color: #666;
  line-height: 2.375rem;
}


@media only screen and (max-width:100rem) {
  .logo div{margin-left: 0}
  .navbar_header .navbar_box{width: 90%}
  .pcNav .nav>li>a{    padding: 0 2.5rem;}
  /*.pcNav .nav li{margin-left: .9rem;}*/
}
@media only screen and (max-width:87rem) {
  .logo{padding-top: 0}
  #myMenu{display: none}
  .h-business{ margin-bottom: 0; }
  .reason_txt{ margin-top: 10%;transform: translateY(-50%); }
  .gallery-top{ height: 23.125rem !important; }
  .reasonwrap{ width: 90% !important; }
  .gallery-top .reason_con{ padding: 5rem 2rem 0 !important; }
  .h-equip{ margin-bottom: 1rem !important; }
	.h-horitem{width: 100%;}
	.swiper-container2{width: 80%;margin: -11.5rem auto 0;}
	.swiper-container2 .swiper-button-next{right: 0px;}
	.swiper-container2 .swiper-button-prev{left: 0px;}
	.gallery-thumbs .swiper-slide h4{font-size: 18px;line-height: 2.5rem;}
	.gallery-thumbs .swiper-slide-thumb-active h4{font-size: 18px;line-height: 2.5rem;border-radius: 1.25rem;}
}
@media only screen and (max-width:75rem) {
  .nav li {margin-right: .25rem;}
  .pcNav .nav li{margin-right: .5rem;}
  .logo{padding-top: 2.2rem}
  #myMenu{display: none}
}
@media only screen and (min-width:75rem) {
	.container{padding: 0;}
}
@media only screen and (max-width:75.9375rem) {
/*  .toplogo{ margin-bottom: 1rem !important;  }
  .logo{ padding-top:0 !important; }*/
}

/* screen 150% */
@media screen and (max-width:64rem) {
  .menu {display:block;}
  /*.nav{display: none !important;}*/
  .header-wrap {position:initial;background: #fff;height: auto}
  .header-wrap .header_input {display:none;}
  .logo{width: 42%; padding-top: .8rem;}
  /*.toptel{ display: none; }*/
  .pcNav .nav>li>a{ padding:0 1.5rem; }
  .navbar_box{ display: none; }
  /*Home-process*/
  .reasonwrap{ width: 96%; }
  .reason_txt{ margin-top: 0 !important; }
  .gallery-top{ height: 18rem }
  .gallery-top .reason_con{ padding:3rem 2rem; }
}
@media screen and (min-width:62rem) {

}
/*移动端隐藏*/
@media screen and (max-width: 46.875rem){
  .navbar_box{ display: block; }
	.swiper-container .swiper-slide{height: 135px;background-size: auto 100%;}
  .H-title{ padding: 1.685rem 0; }
  .H-title h2{ font-size: 1.8rem; }
  /*Home-showbox1*/
  .showitem li{ width: 48%; margin-bottom: 1rem;}
  .showitem li h5{ font-size: 1.125rem; padding-bottom: .2rem; }
  .showitem li p{ font-size: .875rem; }
  .showitem li:last-child{ display: none; }
  .contact-item01,.footer-item01,.hide-pc,.profession-wrap ul li p,.profession-wrap ul li div,.website-info-ban .up-cont .link-ico,.footer-item02 .footer-item02-r,.templateView-favorite,.news_detail_relevant_cont_left,.header-wrap .header_input,.new-float .hover ,.news-wrap.pc-scroll{display:none;}
  .profession-wrap ul li img{ margin-bottom: 0;width: 56%;}
  /*Home-header*/
  /*Home-banner*/
  /*Home-h-business*/
  /*Home-process*/
  .process_item{ padding:.9375rem 0 ; }
  .process_item li{ width: 48%; margin-bottom: 1.5rem;}
  .process_item li h5{ font-size: 1.125rem; padding-bottom: .2rem; }
  .process_item li p{ font-size: .875rem; }
  .process_item li:last-child{ display: none; }
  /*Home-reason*/
  .swiper-container4 .swiper-slide{ font-size: .875rem; }
  .gallery-thumbs .swiper-slide h4{ font-size: .675rem; line-height:1.425rem ; }
  .gallery-thumbs .swiper-slide-thumb-active h4{ border:none; }
  .gallery-top .reason_con{ padding:3rem 1rem; }
  .reasonwrap{ width: 90%; margin:0 auto; }
  .gallery-thumbs{ height: 7.5rem; }
  .gallery-top .reason_con{ padding-top: 3rem !important; }
  .gallery-top .reason_con .reason_pic{ clear: both; float: none; width: 100%; }
  .reason_txt h3{ font-size: 1.1rem; line-height: 2rem; }
  .reason_txt p{ line-height: 1.5rem; }
  .reason_txt{ width: 100%; clear: both; float: none;margin-left: 0; margin-top: 5rem !important; }
  /*Home-h-equip*/
  .equip_item li{width: 48%;margin:2% 1%;}
  .quipname{ margin-top: .5rem; }
  .quipname p{ text-align: center !important; float: none !important; clear: both !important; }
  /*Home-cooper*/
  .cooper{ padding-bottom: 0; }
  .cooper_item li{ width: 23%; height: 60px;}
  /*Home-h-news*/
  .h-newscon1{width: 100% !important;float: none;margin-right: 0;}
  .h-newscon1 li a{ padding-left: 1rem; }
  /*footer*/
  .footcon2{ width: 80%; float: none;margin:0 auto; }
  .foottel1{ width: 100%; margin:0 auto; }
  .footewm{ width: 80%; margin:0 auto; text-align: center;float: none !important; }
  .footewm1{ float: left; width: 41%; margin:0 10px !important;}
  .footcopy{ text-align: center; float: none; }
  .footcopy p{ line-height: 1.5rem; padding-top: .8rem;}
  .footcopy p:last-child{ display: none; }
  /*about.html*/
  .pagebody{ margin-top: 1.5rem; }
  .content {width: 100%;padding: 0;}
  /*contact.html*/
  .map{ padding-top: 2rem; }
  /*news.html*/
  .pagenews{ padding-bottom: 1rem; margin-bottom: 1rem; }
  .pagenews dt{width: 20%;float: left;text-align: left;}
  .pagenews dd{ width: 79%; overflow: hidden; }
  .pagenews dd h6 a{ font-size: 1rem; }
  .pagenews dd p{ display: none; }
  /*product.html*/
  .conwrap .zcinfo li{width: 48%;height: 100px;}
  .conwrap .zcinfo li:nth-child(even){margin-right: 0;}
  .conwrap .zcinfo li:nth-child(odd){margin-right: 4%;}
	
  /*分页*/
  .sh_page{ margin-bottom: 0; }
  .sh_page a{ padding: .5rem .5rem; }
}
/*PC端隐藏*/
@media (min-width: 46.875rem){
  .navbar_box .logo{ display: none; }
  .contact_list{ display: block; }
  .contact_con{ display: none; }
  .m-jcxm{ display: none; }
  .mh-horitem{display: none;}
  .column-nav{ display: none; }
}
/*移动端隐藏*/
@media (max-width: 46.875rem){
  .main-page{ display: none; }
  .h-horitem{ display: none; }
  .main-page2{ display: none; }
  .footcon1{ display: none; }
  .sidebar{ display: none; }
  .pagertit{ display: none; }
}
@media only screen and (max-width: 37.5rem) {
  .tophead,.toplogo,.navwrap{ display: none; }
  .case_content .swiper-container{padding: 0;}
  .case_content .swiper-slide a{box-shadow: none}
}
/*公用-小屏幕*/
@media only screen and (max-width: 30rem) {

}
