@charset "utf-8";

/* CSS Document */

* {
	margin: 0;
	padding: 0;
	/*去移动端点击阴影*/
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* font-family: "";
	font-weight: 400; */
}
html,
body {
	-webkit-text-size-adjust: none;
}
em,
i,
s,
b,
u {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}
body {
	font-size: .28rem;
	color: #333;
	font-family: "myFont";
	background: #fff;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
	position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}
form {
	display: block;
}
ul,
ol {
	list-style: none;
}
a {
	color: #333;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
a:hover,
a:active,
a:focus {
	text-decoration: none;
}
img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
}
/*去掉右下角斜线*/
textarea {
	resize: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	-moz-appearance: button;
}
input,
textarea {
	border: none;
	border-radius: 0;
	font-size: .28rem;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
input::-webkit-input-placeholder {
	color: #999;
}
input:-moz-placeholder {
	color: #999;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
textarea::-webkit-input-placeholder{
	font-family: "myFont";
	color: #999;
}
input[type=number]{
	-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input,
label {
	vertical-align: middle;
}
div:focus,
span:focus{
	outline: none;
}
strong,b{font-weight: bold;}
.clear{
	clear: both;
}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.tc{text-align: center;}
.Maximg img{
	width: 100%;
	height: 100%;
}
.maximg img{
	max-height: 100%;
	max-width: 100%;
}
.maxwimg img{
	width: 100%;
	height: auto;
	
}
.maxhimg img{
	width: auto;
	height: 100%;
}
.right-menu-fiexd img{box-shadow: 0px 0px 10px 0px rgba(27,27,27,0.1);
}
.aui-ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.aui-ellipsis-2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.aui-ellipsis-3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.aui-ellipsis-4{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.zhong{
	text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    display: flex;
}
.width{
	width: 6.9rem;
	margin: 0 auto;
	height: auto;
}
.wid7{
	width: 7rem;
	margin: 0 auto;
	height: auto;
}
.wid702{
	width: 7.02rem;
	margin: 0 auto;
	height: auto;
}
.wid67{
	width: 6.7rem;
	margin: 0 auto;
	height: auto;
}
.wid71{
	width: 7.1rem;
	margin: 0 auto;
	height: auto;
}
.wid69{
	width: 6.9rem;
	margin: 0 auto;
	height: auto;
}
.bgCen{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.marTop10{margin-top: 0.1rem;}
.marBot10{margin-bottom: 0.1rem;}
.marTop20{margin-top: 0.2rem;}
.marBot20{margin-bottom: 0.2rem;}
.marTop30{margin-top: 0.3rem;}
.marBot30{margin-bottom: 0.3rem;}
.marTop40{margin-top: 0.4rem;}
.marBot40{margin-bottom: 0.4rem;}
.marTop50{margin-top: 0.5rem;}
.marBot50{margin-bottom: 0.5rem;}
.marTop60{margin-top: 0.6rem;}
.marBot60{margin-bottom: 0.6rem;}
.d-flex{ display: -moz-flex; 
    display: -ms-flexbox; 
    display: flex;}
.align-items-center{align-items:center;
    -webkit-align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;}
.justify-content-center{
    -webkit-justify-content:center;
    justify-content:center;
    -moz-box-pack:center;
    box-pack:center;
    -webkit--moz-box-pack:center;
}
.justify-content-space-between{
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -moz-box-pack:space-between;
    box-pack:space-between;
    -webkit--moz-box-pack:space-between;
}
.justify-content-space-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.flex-direction-column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    flex-direction:column;
    -webkit-flex-direction:column;
}
.flex-wrap{ flex-wrap: wrap;}
._block{ display: block;}
.flex-end{ justify-content: flex-end;}
.flex-align-end{ align-items: flex-end;}
.marginR0{ margin-right: 0 !important;}
/*公共样式*/


::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}
.jiazai{
	display: flex;
	width: 100%;
	height: 1rem;
	justify-content: center;
	align-items: center;
	font-size: 0.26rem;
	color: #999999;
}
.jiazai img{
	display: block;
	width: 0.24rem;
	margin-right: 0.14rem;
}

/*公共样式*/
/*公共样式*/
/*@media screen and (min-width:937px){
	html,body{
		font-size: 125px !important;
		margin: 0 auto;
		max-width:  937px;
		overflow-x: hidden;
	}
}*/



.main{
	display: block;
	width: 100%;
	height: auto;
	min-height: calc(100vh - 1.26rem);
	position: relative;
	overflow-x: hidden;
	transition: all 500ms;
}
.headerZw{
	display: block;
	height: 1.26rem;
}

.header{
	display: flex;
	width: 100%;
	height: 1.26rem;
	background: #fff;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	transition: margin-left 500ms;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
}
.logo{
	display: flex;
	height: 100%;
	width: 1.55rem;
	align-items: center;
	margin-left: 0.3rem;
}
.menuBut{
	display: flex;
	width: auto;
	height: 100%;
	cursor: pointer;
}
.menuBut img{}
.menuBut .img2{
	display: none;
}
.menuBut.active .img1{
	display: none;
}
.menuBut.active .img2{
	display: block;
}
.rightMenuDiv{
	display: block;
	width: 4.1rem;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1003;
	margin-right: -4.1rem;
	transition: all 500ms;
}
.rightColse{
	display: none;
	width: 0.81rem;
	height: auto;
	position: absolute;
	top: 0.35rem;
	left: -0.81rem;
	z-index: 90;
}
.rightMenuDiv.active .rightColse{
	display: block;
}
.rightMenuDiv.active{
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
}
.rightMenuDivPop{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	transition: all 500ms;
	background: rgba(0, 0, 0, 0.6);
}
.rightMenu{
	display: block;
	width: 100%;
	height: 100vh;
	/* padding-top: 1.26rem; */
	overflow: auto;
}
.navLogo{ height: 1.29rem; width: 100%;}
.navLogo img{ display: block; width: 1.6rem; position: relative; top: 50%; margin: 0 auto; transform: translateY(-50%);}

rightMenu>li.logo{ position: absolute;width: 100%;
left: 0; top: 0; text-align: center;}
.rightMenu>li.logo img{width: 4.1rem;}
.rightMenu>li{
	border-top: 1px solid #e6e6e6;
	position: relative;
}
.rightMenu>li:last-child{
	border-bottom: 1px solid #e6e6e6;
}
.rightMenu>li>div{
	position: relative;
	display: block;
	width: 100%;
}
.rightMenu>li>div a{
	display: block;
	width: 100%;
	font-size: 0.3rem;
	color: #333333;
	line-height: 0.5rem;
	padding: 0.4rem 0.7rem 0.4rem 0.7rem;
}
.rightMenu>li>div a.active,.rightMenu>li:hover>div a{
	color: #389738;
}

.rightMenu>li>div>span{
	
	width: auto;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 0.3rem;
	z-index: 20;
	background: url(../img/jia.png) no-repeat center;
	background-size: 40%;
}
.rightMenu>li>div.active>span{background: url(../img/jian.png) no-repeat center;
	background-size: 40%;}
.rightMenu>li>div>span img{
	width: 0.3rem;
}
.rightMenu>li>div>span .img2{
	display: none;
}
.rightMenu>li>div.active>span .img1{
	display: none;
}
.rightMenu>li>div.active>span .img2{
	display: block;
}
.rightMenu>li>ul{
	border-top: 1px solid #e6e6e6;
	display: none;
}
.rightMenu>li>ul>li a{
	display: block;
	font-size: 0.26rem;
	color: #666666;
	line-height: 0.42rem;
	padding: 0.2rem 0.2rem 0.2rem 1rem;
	position: relative;
}
.rightMenu>li>ul>li a::before{
	content: "";
	display: block;
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 50%;
	background: #999999;
	position: absolute;
	left: 0.66rem;
	top: 0.35rem;
}
.rightMenu>li>ul>li:first-child a{
	padding-top: 0.36rem;
}
.rightMenu>li>ul>li:last-child a{
	padding-bottom: 0.36rem;
}
.rightMenu>li>ul>li:first-child a::before{
	top: 0.53rem;
}

.banner {
    position: relative;
    overflow: hidden;
    width: 100% !important;
}

.banner .slide,
.banner .swiper-slide{
    width: 100% !important;
    /* height: 710px; */
}
.banner a{ display: block;}

.banner .swiper-pagination-progressbar{
    width: 1.5rem;
    height: .03rem; position: static;
    background: rgba(255,255,255,.7);
}
.pagination{ position: absolute; bottom:.4rem ;
left: 0; z-index: 100; padding:0 .3rem ;}
.navigations{position: absolute; bottom:.4rem ;
    right: 0; z-index: 100;  
    display: -webkit-flex; 
    display: -moz-flex; 
    display: -ms-flexbox; 
    display: flex;}
.navigations>div{margin: 0 .3rem;}
.navigations i{ transition: all .3s; display: inline-block; width: .19rem; height: .37rem; }
.navigations .button-prev i{ background: url(../img/prev1.png) no-repeat; background-size: cover;}
.navigations .button-next i{ background: url(../img/prev2.png) no-repeat;background-size: cover;}
/*.navigations i:hover{background: url(../img/icon10.png) no-repeat;}
 .navigations .button-prev i:hover{ background-position: 0 0;}
.navigations .button-next i:hover{ background-position: -81px 0;} */
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #FFFFFF;
}
.swiper-num{
    margin-bottom: .2rem;
    color: #fff;
    font-size: .3rem;
}
.swiper-num .total{ font-size: .26rem;}
.position-relative{ position: relative;}
.backimage{ background-repeat: no-repeat; background-size: cover;}
.footer{	
	display: block;
	
	background-size: 100% auto;background-color: #19202A;
}

.footer-bot{
	
	padding: 0.22rem 0.3rem;
	background: #19202A;
	font-size: 0.2rem;
	line-height: 0.4rem;
	color: rgba(255, 255, 255, 0.4);
}
.footer-bot a{
	color: rgba(255, 255, 255, 0.4);
}
.footer-top{
	display: flex;
	justify-content: space-between;
	padding: 0.64rem 0.3rem 0.82rem 0.3rem;
	color: #fff; background: #161921;
}
.footer-ewm{
	display: block;
	text-align: center;
	line-height: 0.38rem;
	padding-top: 0.3rem;
}
.footer-ewm div{
	width: 1.48rem;
	margin: 0 auto 0.1rem;
}
.footer-in{
	flex: 1;
	padding-left: 0.3rem;
}
.footer-in h3{
	font-weight: bold;
	line-height: 0.38rem;
}
.footer-in h4{
	font-size: 0.36rem;
	line-height: 0.4rem;
}
.footer-in p{
	font-size: 0.26rem;
	line-height: 0.38rem;
}
.footer-in>div{
	margin-top: 0.14rem;
	padding-left: 0.5rem;
	position: relative;
}
.footer-in>div img{
	position: absolute;
	left: 0;
	width: 0.35rem;
	top: 50%;
	transform: translateY(-50%);
}
.right-menu-fiexd{
	position: fixed;
	z-index: 99;
	right: 0;
	bottom: 10%;
}
.right-menu-fiexd li{
	display: block;
	width: 0.7rem;
	margin-top: 0.2rem;
}
.ft24{ font-size: .24rem;}
.ft22{ font-size: .22rem;}
.ft20{ font-size: .2rem;}
.ft18{ font-size: .18rem;}
.modelName{ position: relative;}
.modelName span{position: relative; color: #545454; font-size: .3rem; margin-left:.3rem; opacity:.8;}
.modelName h4{ font-size: .36rem; line-height: 160%;font-weight: bold;margin-left:.3rem;
    color: #333333;}
.modelName::before{content: ''; width: .06rem;
    height: .8rem; 
    background: #389738;  position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.color_fff span,.color_fff h4{ color: #fff;}
.indexAbout {
    padding:.5rem .3rem;
    background: url(../img/bg1.jpg) no-repeat;
    background-size: cover;
}
	.indexAbout ul li{ margin-top: 7.19vw;
		text-align: center;
	}
	.indexAbout .aboutInfo p{font-size: .24rem; line-height: 160%;
		color: #666666;}
.indexAbout ul li img{width: .6rem;}
.indexAbout ul li i{font-style: normal;}
.indexAbout ul li b{  font-size: .22rem;margin: .1rem auto;}
.indexAbout ul li  span{color: #999; font-size: .15rem;}
.indexAbout .aboutPic img {
    width: 80%;
    display: block;
	margin: 0 auto;
	border-radius: 10vw 0;
}
.divTilte h4{ color: #333333; font-size:  2.92vw; font-weight: bold;font-family: "YouSheBiaoTiHei"; }
.divTilte h4 span{color: #389738;}
.divTilte em{font-weight: bold; font-size: 8.33vw; z-index: -1;
    color: #F6F8FF;opacity: 0.5; position: absolute; top: 0; right: -2.05vw;}
	.indexProduct {
		padding: .5rem .3rem;
		background: url(../img/bg2.jpg) no-repeat;
		background-size: cover;
	}
.indexProduct img.title{width: 4.69rem;}
.divTilte a{ width: 1.5rem; height: .5rem; line-height: .5rem; background: #ECECEC; color: #333; border-radius: .25rem; font-size: .22rem;}
.productName{ margin-top:  .4rem;}
.productName .swiper-slide {}
.productName .swiper-slide a{width: 100%;
    height: .6rem; line-height: .58rem;
    background: rgba(0, 0, 0, 0.3);  text-align: center;
color: #fff;}
.productName .swiper-slide a b{font-weight: 400; margin-bottom: 10px;}
.productName .swiper-slide.active a{ background: rgba(255, 255, 255, 0.8); color: #333;  }
.productName .swiper-slide.active a b{font-weight: bold;}
.productName .swiper-slide.active a em{color: #999;}
.productName .arrow {width: .46rem; height: .46rem;  margin: 0 .2rem; }


.productList{ width: 6.9rem; margin: .3rem auto; position: relative;}
.productList   dl{width:6.2rem; margin: 0 auto;}
.productList dd{background: rgba(255, 255, 255, .9); padding: .4rem .3rem;}
.slideTxt span{ color: #999; font-size: .18rem;}
.slideTxt h3{font-weight: 400;
	font-size: .28rem;
	color: #333333;}
.slideTxt p{ color: #666; font-size: .22rem; line-height: 180%;}
.indexCase .title{width: 5.19rem;}
.moreBtn{ margin: .3rem auto 0;}
.moreBtn a{ width: 1.8rem; text-align: center; line-height: .58rem;
    height: .6rem; font-size: .22rem;
    border: 1px solid rgba(255,255,255,.6);
    color: #FFFFFF;}
	.moreBtn a em{ font-family: "宋体"; font-weight: bold; margin-left: .1rem;}
.caseContent{ margin-top:  .36rem;}
.caseList {}
.caseList a{width: 100%; height: 3.45rem;  padding: 0 .3rem; position:relative;}
.caseList a:before{ content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:1; background-color:rgba(0,0,0,.5);}
.indexCase {
    padding:.3rem;
    background: url(../img/bg3.jpg) no-repeat;
    background-size: cover;
}
.indexCase .moreBtn a,.indexnews .moreBtn a{border-color: #C8C8C8; color: #666;}
.caseList a em{font-weight: bold; position:relative;z-index:2;
    color: #FFFFFF; font-size:.3rem; line-height: 160%;}
.caseList a p{ line-height: 180%; width: 80%; color: #fff;position:relative;z-index:2;}
.line1{width: .6rem;
    height: 2px;position:relative;z-index:2;
    background: #FFFFFF;
    opacity: 0.7; margin: .3rem 0 .2rem;}
.caseList a  img{width: .19rem; margin-top: .2rem;position:relative;z-index:2;}
.indexWeb .title{font-weight: bold; line-height: 160%; 
    color: #FFFFFF; font-size: .36rem;margin-bottom: .2rem;}
.indexWeb .title b{ color: #389738;}
.indexWeb ul{box-shadow: 0px 4px 10px 0px rgba(0,36,117,0.2); background: rgba(0,0,0,0.4);
    width: 6rem; height: 4rem; font-size: .22rem;
      color: #fff; padding: .3rem; margin: 0 auto;
}
.indexWeb ul li{ line-height: 180%;margin-top: .1rem;}
.indexWeb>div {
    padding: .5rem 0 .5rem .3rem;
}
.partnerSwiper .swiper-slide{overflow: hidden; border: #eee 1px solid;}
.indexWeb .partner{ padding-right: .3rem;}
.partnerSwiper img{display: block; }
.partnerSwiper .dot_style1 { margin-top: 20px; text-align: center;}
.partnerSwiper .dot_style1 .swiper-pagination-bullet{background: #fff; opacity: 1;}
.partnerSwiper .dot_style1 .swiper-pagination-bullet-active{background: #389738;}
.buttonNext,.buttonPrev{width: .6rem; height: .6rem; position: absolute; z-index: 50; top: 50%; transform: translateY(-50%);}
.buttonNext{ right: .08rem; background: url(../img/btn2.jpg) no-repeat; background-size: 100%;}
.buttonPrev{ left: .08rem; background: url(../img/btn1.jpg) no-repeat; background-size: 100%;}

.indexnews {background: #F9F9F9; padding: .5rem .3rem;}
.indexnews .left-content{
    margin-top: .4rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    
}
.indexnews .left-content a{display: block; width: 100%; }
.indexnews .left-content a img{display: block; width: 100%; }
.indexnews .left-content .txt{
   
    padding: .3rem .28rem .4rem;
    background: #fff;
}
.indexnews .left-content .txt .p1{font-size: .28rem; color: #000; line-height: 160%; font-weight: bold;}
.indexnews .left-content .txt .p2{font-size: .24rem; color: #666;line-height: 160%; margin-top: .07rem;}
.indexnews .left-content .txt>div{color: #999; font-size: .24rem; margin-top: .3rem; position: relative;}

 .indexnews .right-content{  margin-top:.3rem; padding: 0 .3rem;
  background: #FFFFFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.indexnews .left-content:hover .p1{color: #028166;}
.indexnews .left-content:hover .img img{ transform: scale(1.06);-webkit-transform: scale(1.06);-moz-transform: scale(1.06);}
.indexnews .right-content li{
    padding: .3rem 0;
    border-bottom: #e6e6e6 1px solid;
     cursor: pointer;
}
.indexnews .right-content li:last-child{border-bottom: none;}
.indexnews .right-content li .p1{ position: relative; }
.indexnews .right-content li .p1 a{ font-size: .26rem; color: #000;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;}

.indexnews .right-content li .p2{margin-top: .1rem; margin-bottom: .1rem; font-size: .22rem; color: #666;line-height: 160%;}
.indexnews .right-content li em{ font-size: .2rem; color: #999;}
.indexnews img.title{width: 3.63rem;}



.foot-nav{color: #fff; font-size: .22rem;  }
.foot-nav a{opacity: 0.8; }
.foot-nav em{opacity: .3;}

.about-name{
    font-weight: bold; position: relative; z-index: 2;
color: #333333; font-size: .36rem; text-align: center; margin-bottom: .3rem;
}
.about-name span{ opacity: .5; font-size: .3rem; display: block;color: #E3E2E2; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; position: relative; z-index: -1;}
.product li{width:3.3rem;box-shadow: 0px 4px 20px 0px rgba(6,0,31,0.06); border-radius: 10px; float: left;  margin-bottom: .3rem; margin-right:.3rem; padding: .3rem .2rem; background-color: #fff;border-radius: 4px;}
.product li .Image img{ display: block; margin: 0 auto; }
.product li .Image{height:2rem;}
.serchlist li .Image img{height:2.5rem;}
.product li .info{ margin-top: .1rem; font-size: .28rem; text-align: center;}
.product li:nth-child(2n) {
    margin-right: 0 !important;
}
.tabSwiper{
	display: block;
	width: 100%;
	height: 1.1rem;
	background: #fff;
	box-shadow: 0px 2px 6px 0px rgba(195,195,195,0.2);
}
.navSwiper{width: 100%;
	height: 1.2rem;
	background: #fff;
	box-shadow: 0px 4px 20px 0px rgba(6, 0, 31, 0.06);}
	.navSwiper .swiper-slide{line-height: 1.2rem; text-align: center;  }

.tabSwiper .swiper-slide{
	display: flex;
	padding: 0 0.3rem;
	position: relative;
	font-size: 0.26rem;
	color: #666666;
	width: auto;
	align-items: center;
}
.tabSwiper .swiper-slide.active,.tabSwiper .swiper-slide.active a,.navSwiper .swiper-slide.active a{
	color: #389738;
	font-weight: bold;
}
.tabSwiper .swiper-slide.active::after,.navSwiper .swiper-slide.active::after {
	content: "";
	display: block;
	width: 0.56rem;
	height: 0.05rem;
	background: #389738;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.newstab{
	display: flex;
	justify-content: space-between;
	padding: 0 .3rem;
}
.title-02{
	text-align: center;
	line-height: 1;
	margin: 0.4rem auto 0.3rem;
}
.title-02 h3{
	font-weight: bold;
	font-size: .42rem;
	color: #333333;
	position: relative;
	z-index: 9;
}
.title-02 h5{
	font-size: 0.3rem;
	font-weight: bold;
	color: #e3e2e2;
	text-transform: uppercase;
	margin-top: -0.1rem; opacity:.5;
}
.news-list1 {
	display: flex;
	height: 1.88rem;
	background-color: #fff;
	margin-bottom: 0.2rem;
	padding: 0.22rem 0.24rem;
	box-shadow: 0px 4px 14px 0px rgba(204,204,204,0.4);
}

.news-list-img{
	display: block;
	width: 2.5rem;
	height: 100%;
	border-radius: 0.08rem;
	overflow: hidden;
}
.news-list-img div{
	display: block;
	width: 100%;
	height: 100%;
}
.news-list-in{
	flex: 1;
	padding-left: 0.3rem;
	padding-top: 0.05rem;
}
.news-list-in h3{
	font-size: 0.28rem;
	line-height: 0.4rem;
	color: #333333;
	height: 0.8rem;
	margin-bottom: 0.24rem;
}
.news-list-in h5{
	display: flex;
	align-items: center;
	height: 0.34rem;
	 line-height:180%;
	font-size: 0.24rem;
	color: #999999;
	padding-left: 0.34rem;
	background: url(../img/ico9.png) no-repeat center left;
	background-size: 6% auto;
}
.page{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 7.2rem;
}
.page a{
	display: flex;
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 0.04rem;
	background:#fff;
	justify-content: center;
	align-items: center;
	font-size: 0.32rem;
	color: #333333;
	margin: 0 0.15rem;
}
.page a:first-child,
.page a:last-child{
	font-family: "宋体";
	color: #cacaca;
	font-weight: bold;
}
.page a.active{
	background: #389738;
	color: #fff;
}
.newdetail{ background-color: #FFF; padding: .3rem .3rem; margin-top: .3rem;}
.newdetail h1 {
    font-size: .34rem;
    color: #414D61;
    line-height: 160%;
    margin-bottom: .2rem;
    font-weight: bold;
}
.newdetail .tips span{color: #414D61; width: 50%; float: left; text-align: left; font-size: .24rem; line-height: 180%; padding-left: .3rem;}
.newdetail .tips {
    padding-bottom: .2rem;
    border-bottom: #ECECEC 1px solid;
}
.newdetail .intros p{
    line-height: 180%;  
    font-size: .24rem;
    color: #666;
    margin-top: .1rem;
}
.newdetail .intros img{ display: block; margin: 0 auto;}
.detail-page{  margin-top: .5rem;}
.detail-page a{
    width:100%;
height: 0.66rem;
background: #F5F5F5;
display: block;
color: #333;
font-size: 0.24rem;

margin-top: .25rem;
line-height: 0.66rem;
display: flex;
align-items: center;
justify-content: center;
position: relative;

}
.detail-page a span{ display: inline-block; width: 4rem; overflow: hidden ; white-space: nowrap;text-overflow: ellipsis;}
.detail-page a i{
    display: inline-block;
    width: .26rem;
    height:.12rem;
}
.detail-page .a1 i { background: url(../img/icon27.png) no-repeat; background-size: 100%;}
.detail-page .a2 i { background: url(../img/icon26.png) no-repeat;background-size: 100%; }
.detail-page .a1 span{ margin-left: 1.03vw;}
.detail-page .a2 span{  margin-left: 1.05vw;}


.servicelist dt{width: 100%; }
.servicelist dd{padding:.3rem  .2rem; font-size: .24rem; position: relative;}

.servicelist{margin-top: .3rem;
    border-radius: 4px;background: #F8F8F8;}
.servicelist dd .name{font-weight: bold; line-height: 150%; font-size: .28rem; margin-bottom:.3rem;}
.servicelist dd .name span{font-size:.2rem;
    font-weight: bold; display: block;
    color: #FFFFFF;width: .32rem;
    height: .32rem; text-align: center; line-height:.32rem;
    background: #389738;
    border-radius: 4px; margin-right:.1rem;}

.enCase dt,.enCase dd{}
.enCase dt img{display: block;}
.enCase dl{background: #fff;}
.enCase dd{ padding: .3rem .2rem;}
.enCase dd b{font-weight: bold;
	color: #000000; font-size: .3rem; line-height: 160%;}
.enCase .line1{ background: #389738;height: .05rem; margin:.2rem  0 ;
	}
	.enCase dd p{line-height: 180%; color: #666; font-size: .24rem;}
.caseList1  li{ margin-bottom: .3rem; background: #fff; box-shadow: 2px 6px 20px 0px rgba(0,0,0,0.1);
	border-radius:5px;padding:.3rem .2rem; }
.caseList1  li .backimage{width: 2.3rem; height: 1.5rem; overflow: hidden;}
.caseList1  li .info{width:calc(100% - 2.3rem); padding:0 .25rem;}
.caseList1  li .info em{font-weight: 500; font-size: .26rem;}
.caseList1  li .info .p1{line-height: 160%; font-size: .22rem; color: #999999; margin-top: .1rem;}
.caseList1  li .info .p2{ font-size: .2rem; color: #666; margin-top: .1rem;}


/* .caseDetail{ padding: 2.60vw;}
.caseDetail h1{ font-size: 1.25vw; font-weight: bold;line-height: 180%;}
.caseDetail .time{ color: #999;font-size: 0.94vw;margin-top: .8vw;}
.caseInfo{border-top: #EBEBEB 1px solid; margin-top: 2.05vw; padding-top: 1.05vw;text-align:center;}
.caseInfo img{display: flex; margin: auto;}
.caseInfo p{font-size: .84vw; line-height: 180%; margin-top: 1vw; color: #272727;text-align:left;} */
.detailpage a{width: 3.3rem; height: .8rem; background-color: #389738; color: #FFF; font-size: .28rem; text-align: center; line-height: .8rem;}


.yw-main{
    margin: 0.32rem auto 0.75rem;
    font-size: 0.26rem;
    line-height: 0.4rem;
    color: #666666;
}
.yw-det p{
    margin-bottom: 0.2rem;
    color: #333;
}
.yw-det-top{
    /* text-align: center; */
    margin-bottom: 0.3rem;
    line-height: 1.5;
    font-size: 0.24rem;
    color: #999999;
	padding-bottom: .3rem;
	border-bottom: #EBEBEB 1px solid;
}
.yw-det-top h3{
    font-size: 0.3rem;
    line-height: 0.42rem;
    margin-bottom: 0.1rem;
    color: #333333;
    font-weight: 500;
}
.yw-det-bot{
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
}
.yw-det-bot a{
    display: flex;
    width: 3.3rem;
    height: 0.8rem;
    background-color: #389738;
    justify-content: center;
    align-items: center;
    font-size: 0.28rem;
    color: #fff;
	border-radius: 5px;
    position: relative;
}
.product-main{ padding: .3rem;}
.product-nav li{width: 3.3rem;
	height: .6rem; line-height: .6rem; margin-bottom: .3rem; text-align: center; border-radius: .3rem;
	background: #FFFFFF;
	border-radius: .3rem; font-size: .24rem; color: #666; box-shadow: 0px 2px 6px 0px rgba(195,195,195,0.3);}
.product-nav li.active{background: #014099;}
.product-nav li.active a{ color: #fff;}
.product-main h1{ font-size: .28rem; font-weight: bold;}
.caseCont dl{width: 3.3rem; overflow: hidden; float: left;  margin-top: .3rem; margin-right:.3rem; background-color: #fff;}
.caseCont dt{width: 100%; height:2rem; position: relative;}
.caseCont dd{ width: 100%; height: .8rem; line-height: .8rem; padding: 0 .25rem;font-weight: 500;
    color: #333333; font-size: .24rem;}
.caseCont dl:nth-child(2n){ margin-right: 0 !important;}

.pages a{background: #F0F0F0;}
.detailCont{background: #FFFFFF;  padding:.3rem .2rem;}
.detailCont h4{color: #389738; font-weight: bold; font-size: .32rem;}
.contentShow img{ display: block; margin: .4rem auto 0; width: 3.5rem;}
.contentShow li{ padding: .3rem 0;border-bottom: 1px dotted #DDDDDD;}
.contentShow li span{color: #389738; font-size: .28rem;}
.contentShow li  p{font-weight: 400; margin-top: .2rem;
    color: #333333; line-height: 180%; font-size: .24rem;}
.contentShow li:last-child{border-bottom: none;}

.honor-type{  text-align: center; }
.honor-type a{ display: inline-block; width: 1.6rem;
    height:.5rem; margin: 0 .15rem;
    border: 1px solid #389738;
border-radius: 4px;font-size: .22rem;color: #389738; text-align: center; line-height: .47rem;}
.honor-type a.act{ background: #389738; color: #fff;}
.caseShow li{border-radius: 10px; overflow: hidden; width: 3.3rem; position: relative; margin-top: .3rem; margin-right: .3rem; float: left;}
.caseShow li span{
    width: 3.3rem; height:  4rem;
}
.caseShow li .info{ position: absolute;background: rgba(0,0,0,.5); width: 100%; left: 0 ;bottom: 0; font-weight: 500; color: #fff;
    box-shadow: 0px 4px 20px 0px rgba(6,0,31,0.06); height: .8rem; padding: 0 .2rem; font-size: .26rem;}
.caseShow li .info img{width: .36rem;}
.caseDetail{ padding: .4rem 0;}
.caseDetail h1{ font-size: .32rem; font-weight: bold;line-height: 180%;}
.caseDetail .time{ color: #999;font-size: .22rem;margin-top: .1rem;}
.caseInfo{border-top: #EBEBEB 1px solid; margin-top: .3rem; padding-top: .2rem;}
.caseInfo p{font-size: .24rem; line-height: 180%; margin-top: .1rem; color: #272727;}
.caseInfo img{ display: block; margin: .3rem auto;}

.history .year{ width: 1.5rem;position: relative; font-size: .28rem; margin-top: -.08rem; font-weight: bold;}
.history  .content{ width: 5.4rem; padding-left: .4rem; position: relative; margin-top: -.08rem;}
.history  .content .p1{ font-size: .28rem;  margin-bottom: .15rem;}
.history  .content .p2{ font-size: .24rem;  line-height: 180%;}
.history  .content img{ display: block;}
.history li{ padding-bottom: .4rem;}
.history ul{ position: relative;}
.history ul::before{ position: absolute; content: ''; width: 1px; height: 100%;background: #DDDDDD; left: 1.4rem;}
.history  .year::before{ content: ''; width: .46rem; height: .26rem;  background: url(../img/ico12.png) no-repeat; background-size: cover; position: absolute; right: -.22rem; top: .05rem;}

.fl{float: left;}
.news-swiper{position: relative; margin: .3rem auto ;}
/* .news-swiper .swiper-slide::before{content: ''; width: 2px; height: 100%;background-color: #F5F7F9; position: absolute; top: 0; right: 0;} */
.news-swiper .swiper-slide a{background-color: #F5F7F9; display: block; width: 100%; height: 100%; border-radius: 5px;overflow: hidden; }
.news-swiper .swiper-slide .img-box{ width: 3.5rem; overflow: hidden; position: relative;}
.news-swiper .swiper-slide .news-desc{ width:3.4rem; padding:2.40vw 2.19vw 0; }
.news-swiper .swiper-slide .img-box img{ display: block; width:100%;}

.news-desc h4{font-size:.28rem;
    font-weight: bold;
    color: #333333;
    line-height: 160%;}
.news-swiper .swiper-slide .img-box em{width: 1.1rem; background-color: rgba(0, 0, 0, 0.5); color: #fff; border-radius: .5rem;  position: absolute; top: .3rem; left: .2rem; height: .3rem; line-height: .25rem; text-align: center; font-size: .2rem;}
.news-desc p{margin-top:.1rem; font-size: .22rem;color: #999999;
    line-height: 160%;}
.news-desc em{padding-top:  1.7vw; margin-top: 9%; font-size: 0.9375vw;color: #999999;}
.news-swiper .tips{ font-size: 0.89vw; margin-top: 2vw; padding-top: 2vw; border-top: #ddd 1px solid;}
.news-swiper .tips img{width: 13px;
    height: 15px ;margin-right: 0.52vw;}
.news-swiper .tips i{height: 2.14vw;width: 6.20vw; font-style: normal; line-height: 2.14vw; text-align: center;
    background: #A0A0A0;
}  
.profile{
	background: #F7F7F7; margin-top: .3rem;}
.profile>img{display: block;
}

.profile-box{ 
	
	background: #F7F7F7; padding: .3rem .2rem;} 
.profile-box img{ display: block; margin: 0 auto 1.08vw; width:1.55rem;}
.profile-box h1{font-size: 1.25vw; text-align: center;}
.profile-box p{ font-size: .24rem; line-height:180%; color: #666; margin-top:.1rem;text-align: left; text-indent: 2em;}
.about-num{ background: url(../img/bg8.jpg) no-repeat center; background-size: cover;  padding: .3rem 0; margin-top: .4rem;
}
.about-num li{width: 50%; position: relative;font-size: .24rem; color: #666; float: left; text-align: center; margin-top: .3rem}
.about-num li::before{content: '';width: 1px;
height: 66px;
background: #E3E3E3; position: absolute; top: 50%; margin-top: -33px; right: 0;}
.about-num li:nth-child(2n)::before{ display: none;}
.about-num li span{font-size: .48rem;line-height: 160%;  font-weight: bold; color: #389738; vertical-align: middle;}
.about-num li span em{ font-weight: bold;}

.honor-list li{width: 3.3rem;border-radius: 5px; text-align: center; background-color: #fff; float: left;  margin-top: .3rem; padding: .1rem;box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.honor-list li p{font-size: .24rem; margin-top: .24rem; margin-bottom: .14rem;}
.honor-list li:nth-child(2n),.honor-list1 li:nth-child(2n){ float: right;}
.honor-list .Img-span{width: 100%; height: 2.1rem;}
.honor-list1 .Img-span{width: 100%; height: 4.6rem;}
.Img-span img{ display: block;}





.c-way1 li{background: #FFFFFF;box-shadow: 1px 6px 20px 0px rgba(0,0,0,0.05); 
	width: 100%; margin-top: .3rem; padding: .3rem .25rem;}
	
.c-way1 li img{ width:1.06rem;  }
.c-way1 li>div{width: calc(100% -  1.35rem); margin-left: .3rem;}
.c-way1 li span{position: relative;margin-bottom: .15rem;font-weight: bold; font-size: .28rem;}
/* .c-way1 li span::before{ content: ''; width: .3rem;
	height: .04rem; position: absolute; bottom: 0; left: 0; 
	background: #C67914;} */
.c-way1 li p{ margin-top: 1.1vw; font-size: .24rem; color: #333;}
.map{margin-top: .3rem; margin-bottom: .3rem;}
.comment {background-color: #fff;margin-top: .5rem; }
.comment  strong{ font-size: 1.56vw; line-height: 160%;}
.comment  p{ font-size: .24rem; font-weight: bold; margin-top: .2rem; line-height: 180%;}

.comment  .input-text{ font-size: .26rem; text-indent: .3rem;box-shadow: 0px 2px 20px 0px rgba(51,51,51,0.08);
	border-radius: 4px;color: #666;  background-color: #fff; margin-top:.3rem; height: .8rem; display: block; width: 100%;}
	.comment  textarea{ font-size: .26rem;margin-top:.3rem; text-indent: .3rem;box-shadow: 0px 2px 20px 0px rgba(51,51,51,0.08);
		border-radius: 4px; background-color: #fff; margin-bottom: .3rem; height:2.85rem; padding-top: .1rem; display: block; width: 100%;}
.submit-btn{width: 100%;
	height: .8rem; border: none;
	background: linear-gradient(90deg, #64C464, #389738);
box-shadow: -1px 4px 30px 0px rgba(1,62,151,0.24); 
	border-radius: .1rem; color: #fff; font-size: .28rem;}

.right-img{width: 33.91vw;}
.right-img img{width: 100%;}
.formSwitch{
	
	color: #333333;
	margin-bottom: .3rem;
}
.formSwitch>div{cursor: pointer; position: relative; padding-bottom: .22rem; font-size:.3rem;}
.formSwitch>div.active{ color: #389738; font-weight: bold; }
.formSwitch>div.active::before{ content: ''; width: .57rem; height: 2px; background: #389738; position: absolute;
	bottom: 0; left: 50%; transform: translateX(-50%);
}


.zp li{
	display: block;
	background: #fff;
	margin-bottom: 0.3rem;
	border-radius: 0.1rem;box-shadow: 0px 2px 30px 0px rgba(211,211,211,0.3);
}
.zpTop{
	min-height: 1.54rem;
	padding: 0.26rem 0.2rem 0.32rem;
	line-height: 0.4rem;
	font-size: 0.24rem;
	color: #666666;
}
.zpTop .top{
	display: flex;
	margin-bottom: 0.16rem;
	justify-content: space-between;
}
.zpTop .top h3{
	flex: 1;
	padding-right: 0.2rem;
	font-size: 0.3rem;
	font-weight: bold;
	color: #333333;
}
.zpTop .bot{
	display: flex;
	justify-content: space-between;
}
.zpTop .bot p{
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}
.zpTop .bot p span{
	display: block;
	min-width: 2rem;
	padding-right: 0.2rem;
}
.zpTop .bot div{
	padding-right: 0.28rem;
	color: #389738;
	height: 0.4rem;
	display: flex;
	align-items: center;
	background: url(../img/shang.png) no-repeat right center;
	background-size: 0.2rem auto;
}
.zpTop .bot div.active{
	background: url(../img/xia.png) no-repeat right center;
	background-size: 0.2rem auto;
}
.nashi{ margin-bottom: .8rem;}
.zpDiv{
	display: none;
	padding: 0.02rem 0.24rem 0.44rem;
	font-size: 0.24rem;
	color: #666666;
	line-height: 0.5rem;
}
.zpDiv h3{
	font-weight: bold;
	color: #389738;
}
.zpDiv>em{
	display: block;
	width: 0.46rem;
	height: 0.02rem;
	background: #389738;
	margin: 0.11rem 0 0.08rem;
}
.zpDivBot{
	font-size: 0.28rem;
	color: #389738;
	margin-top: 0.32rem;
	line-height: 180%;
}


.zhContent{ margin-top: .3rem;  }
.zhContent dd {padding: .2rem 0;}
.zhContent dd .name{font-size:.28rem ; font-weight: bold;}
.zhContent dd .line1{ background: #389738; width: .42rem; margin: .1rem 0 .15rem;}
.zhContent dd  p{ font-size: .24rem; line-height: 160%;}
.asses{ padding: .3rem 0 .5rem; background: url(../img/bg9.jpg) no-repeat; background-size: cover;}
.asses ul li{
    width: 50%;
    float: left;
}
.asses ul li img{ display: block; margin: 0 auto .18rem; width: 1.4rem;}
.asses ul li b{font-weight: 500;
    color: #333333; font-size: .24rem; line-height: 180%;}
.asses ul li p{ font-size: .2rem; width: 90%; margin: .1rem auto 0; line-height: 180%; min-height: 1.2rem;}
.research{ padding: .3rem 0;}
.research .p1{ font-size: .24rem; font-weight: 500; line-height: 180%; text-align: center;}
.research .p2{ font-size: .22rem;line-height: 180%; text-align: center;}

.researchSwiper{ margin-top: .3rem; position: relative;}
.researchSwiper .swiper-slide img{ display: block; width: 90%; margin: 0 auto;}
.researchSwiper .r-btnPrev,.researchSwiper .r-btnNext{width: .6rem; cursor: pointer;
    height: .6rem; font-size:.3rem ;   margin: 0 .22rem;
    background: #EDEDED; color: #666; line-height: .57rem;
 font-family: "宋体"; text-align: center; font-weight: bold;}

/* .researchSwiper .r-btnPrev:hover,.researchSwiper .r-btnNext:hover{ background: #389738;} */
.organ{background: #F4F4F4; padding:.3rem 0 ;}
.organDiv{ }
.organDiv li{padding: .3rem; background-color: #fff; margin-bottom:.2rem; align-items: flex-start;}
.organDiv li b{ font-size:.28rem ; line-height: 160%; }
.organDiv li p{ font-size: .24rem;line-height: 160%;  }
.organDiv li  img{margin-right: .2rem; width:.55rem;}
.imgpopBg{
        	display: none;
        	width: 100%;
        	height: 100%;
        	align-items: center;
        	justify-content: center;
        	background: rgba(0, 0, 0, 0.5);
        	position: fixed;
        	top: 0;
        	left: 0;
        	z-index: 999;
        }
        .imgpopBg img{
        	
        	max-width: 80%;
        	max-height: 90%;
        	border-radius: .2rem;
        	border: .05rem solid #fff;
        }
        .imgpopBg.active{
        	display: flex;
        }