﻿/*公共样式*/
*{margin: 0;padding: 0;list-style: none;}
html,body{margin: 0 auto;}
body{overflow-x: hidden;}
body, h1, h2, h3, h4, h5, h6, hr, p,span, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,header,section,footer{ margin: 0; padding: 0 ;font-family: "微软雅黑";}
body, button, input, select, textarea {
    color:#333 !important;
    font-family: "微软雅黑" !important;
}
em{font-style: normal;
    font-size: 12px;}

a{text-decoration: none;color: black;font-family: "微软雅黑";}
.clear{clear:both;}
.clear:after{display: block;content: "";clear: both;}

.fl{float: left;}
.fr{float: right;}

img{border: 0;display: inline-block;vertical-align: middle;}

.md{width: 1200px;margin: auto;}
.transtion {
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

i{
	font-style: normal;
}
#float-contact_list,.float-contact-mini,.float-contact,.close{
	z-index: 999 !important;
}
#float-contact_list{
	position: absolute;
	top: 0;
	right: 0;
}
.float-contact,.float-contact-mini{
	position: fixed !important;
    top: 30% !important;
}
.float-contact .close{
	background: #39B44C !important;
}
.float-contact .myqqlink{
	background: #39B44C !important;
	border: none !important;
    line-height: 20px !important;
}
.float-contact .qqtel .qqcontent{
color: #6FBA2D !important;
}
.transtion {
transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}

/*index*/
.wrapper{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	background-color: #FFFFFF;
}
.wrapper header{
	width: 100%;
	max-width: 1920px;
	height: 110px;
	margin: 0 auto;
}
.wrapper header .head{
	width: 1200px;
	margin: 0 auto;
	height: 110px;
}
.wrapper header .logo{
	float: left;
	width: 193px;
	height: 45px;
	line-height: 110px;
}

.wrapper header .logo img{
	max-width: 100%;
	max-height: 100%;
}


/*index  导航*/
.wrapper header .nav{
	width: 920px;
	float: right;
	height: 110px;
}
.wrapper header .nav ul li{
	width: 115px;
	height: 110px;
    float: left;
    text-align: center;
    line-height: 110px;
    position: relative;
    display: inline;
}
.wrapper header .nav ul li a{
	display: inline-block;
	width: 115px;
	height: 110px;
	font-size: 16px;
	margin: 0 auto;
    text-align: center;
    line-height: 110px;
}

.wrapper header .nav  ul li a  span{
	display: inline-block;
	width: 115px;
	margin: 0 auto;
	height: 110px;
	font-weight: bold;
    text-align: center;
    line-height: 110px;
	color: #FFFFFF;
	background-color: #6FBA2D;
}
.wrapper header .nav ul li a:hover{
	color: #22AB37;
	font-weight: bold;
}


.wrapper header .nav  ul li ul {
    width: 200px;
    position: absolute;
    top: 110px;
    left: -36px;
    line-height: 26px;
    padding: 5px 0;
    z-index: 9;
    background: rgba(0,153,0,0.5);
}
.wrapper header .nav  ul li ul li {
	width: 200px !important;
	height: 50px !important;
	line-height: 50px !important;
    zoom: 1;
    margin-bottom: 1px;
    text-align: center;
}
.wrapper header .nav  ul li ul li a {
	width: 200px !important;
	height: 50px !important;
	line-height: 50px !important;
	text-align: center;
    display: block;
    color: #FFFFFF !important;
}
.wrapper header .nav  ul li ul li a:hover{
	font-weight: bold;
	background-color: #6FBA2D;
}




/*轮播图*/
.wrapper  #banner{
	max-width: 1920px;
	max-height: 100%;
	margin: 0 auto;
	position: relative;
}
.wrapper  #banner .hd{
	position: absolute;
    width: 100%;
    height: 20px;
    bottom: 20px;
    left: 0px;
    z-index: 999;
    text-align: center;
}
.wrapper  #banner .hd ul{
	width: 105px;
	margin: 0 auto; 
	overflow: hidden;
}
.wrapper  #banner .hd li{
	float: left;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background-color: #FFFFFF;
	margin: 0 10px;
	cursor: pointer;
}.wrapper  #banner .hd li.on{
	background-color: #F0E80B;
}
#banner .bg  ul{
	width: 400%;
	text-align: center;
	overflow: hidden;
}
#banner .bg li{
	max-height: 600px;
	width: 25%;
	position: relative;
	overflow: hidden;
}
#banner .bg img{ 
	max-width: 100%;
	max-height: 100%;
}



/*index  关于我们*/
.wrapper .About-Us{
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 56px;
	padding-bottom: 88px;
}

.wrapper .aboutus{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.wrapper .aboutus .About-title{
	width: 212px;
	height: 89px;
	margin: 0 auto;
	overflow: hidden;
	background: url(title01.png) no-repeat center;
	background-size: 100%;
}

.wrapper .aboutus .About-text{
	width: 630px;
	margin: 0 auto;
	margin-top: 5px;
	font-size: 14px;
	color: #7F7F7F;
	line-height: 28px;
	text-align: center;
	overflow: hidden;
}

.wrapper .aboutus  .center{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 40px;
}
.wrapper .aboutus  .center ul{
	width: 1300px;
}
.wrapper .aboutus  .center li{
	width: 146px;
	height: 220px;
	padding-top: 10px;
	float: left;
	margin-right: 280px;
	position: relative;
}

.wrapper .aboutus  .center li .icon{
	width: 100px;
	height: 98px;
	text-align: center;
	margin: 0 22px;
	overflow: hidden;
	background: url(icon01.png) no-repeat center;
	background-size: 100%;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.wrapper .aboutus  .center li .icon02{
	position: absolute;
	top: 17.5px;
	left: 31.5px;
	width: 84px;
	height: 84px;
	text-align: center;
	overflow: hidden;
}
.wrapper .aboutus  .center li .icon02 img{
	max-width: 100%;
	max-height: 100%;
}
.wrapper .aboutus  .center li .subtitle{
	max-width: 146px;
	font-size: 16px;
	font-weight:600;
	line-height: 30px;
	margin-top: 20px;
	text-align: center;
}
.wrapper .aboutus  .center li .subtitle02{
	display: block;
	max-width: 146px;
	font-size: 12px;
	color: #B3B3B3;
	text-align: center;
}

.wrapper .aboutus  .center li .tubiao {
	width: 17px;
	height: 47px;
	margin: 5px auto;
	/*overflow: hidden;*/
	text-align: center;
	
}
.wrapper .aboutus  .center li .tubiao i{
	display: block;
	width: 1px;
	height: 30px;
	margin-left: 7px;
	margin-bottom: 1px;
	background-color: #D2D2D2;
}
.wrapper .aboutus  .center li .tubiao p{
	font-size: 0;
	width: 12px;
	height: 12px;
	background-color: #D2D2D2;
	border: 1px solid #EDEEEC;
	border-radius: 50%;
	box-shadow: 0 0 3px 1px #EDEEEC;
}


.wrapper .aboutus  .center li:hover .icon{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
.wrapper .aboutus  .center li:hover{
	color: #6FBA2D;
}
.wrapper .aboutus  .center li:hover  .tubiao  i{
	background-color: #6FBA2D;
}
.wrapper .aboutus  .center li:hover  .tubiao  p{
	background-color: #6FBA2D;
}





/*index  新闻中心*/
.wrapper .NEWS{
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 55px;
	padding-bottom: 74px;
	background-color: #EDEDED;
	background-size: 100%;
}

.wrapper .NewsCenter{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.wrapper .NewsCenter .News-title{
	width: 237px;
	height: 89px;
	margin: 0 auto;
	overflow: hidden;
	background: url(title02.png) no-repeat center;
	background-size: 100%;
}

.wrapper .NewsCenter  .left{
	float: left;
	width: 600px;
	height: 343px;
	overflow: hidden;
	position: relative;
	margin-top: 50px;
}
.wrapper .NewsCenter  .left li{
	width: 600px;
	height: 343px;
	overflow: hidden;
}
.wrapper .NewsCenter  .left li img{
	width: 600px;
	height: 343px;
}
.wrapper .NewsCenter  .left .time{
	width: 98px;
	height: 78px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #39B44C;
	border: 2px solid #fff;
}
.wrapper .NewsCenter  .left .time p{
	font-size: 32px;
	color: #fff;
	text-align: center;
	line-height: 38px;
	margin-top: 8px;
}
.wrapper .NewsCenter  .left .time span{
	display: block;
	max-width: 98px;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	color: #fff;
}
.wrapper .NewsCenter  .left .bg02{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	background-color: #535353;
	opacity: 0.5;
}
.wrapper .NewsCenter  .left .news-text{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 50px;
}

.wrapper .NewsCenter  .hd{
	float: right;
	width: 560px;
	height: 343px;
	overflow: hidden;
	margin-top: 50px;
}
.wrapper .NewsCenter  .hd ul{
	width: 560px;
	height: 368px;
	margin-top: -25px;
	overflow: hidden;
}
.wrapper .NewsCenter  .hd li{
	width: 560px;
	height: 88px;
	border-bottom: 1px solid #fff;
	padding-top: 25px;
	padding-bottom: 8px;
	overflow: hidden;
}

.wrapper .NewsCenter  .hd li .time{
	width: 88px;
	height: 70px;
    float: left;
	background-color: #C4CACC;
}
.wrapper .NewsCenter  .hd li .time p{
	font-size: 28px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	margin-top: 5px;
}
.wrapper .NewsCenter  .hd li .time span{
	display: block;
	max-width: 88px;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

.wrapper .NewsCenter  .hd li .right-text{
	width: 460px;
	height: 70px;
	float: right;
	overflow: hidden;
}
 .wrapper .NewsCenter  .hd li .right-text p{
 	max-width: 460px;
 	font-size: 16px;
 	font-weight: 600;
 	margin-bottom: 7px;
 }
 .wrapper .NewsCenter  .hd li .right-text span{
 	display: block;
 	max-width: 460px;
 	font-size: 14px;
 	color: #8D8D8D;
 	line-height: 20px;
 }
 
 .wrapper .NewsCenter  .hd li.on .time{
 	background-color: #39B44C;
 }
  .wrapper .NewsCenter  .hd li.on .right-text p{
  	color: #39B44C;
  }

/*index  产品中心*/
.wrapper .Product{
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 55px;
	padding-bottom: 74px;
}

.wrapper .ProductCenter{
	width: 1300px;
	margin: 0 auto;
	position: relative;
}

.wrapper .ProductCenter .Product-title{
	width: 258px;
	height: 89px;
	margin: 0 auto;
	overflow: hidden;
	background: url(title03.png) no-repeat center;
	background-size: 100%;
}

/*.wrapper .ProductCenter .hd{
	width: 1200px;
	height: 60px;
	margin:25px auto;
	overflow: hidden;
}

.wrapper .ProductCenter .hd li{
	width: 240px;
	height: 55px;
	float: left;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
}
.wrapper .ProductCenter .hd li a{
	display: block;
	width: 240px;
	line-height: 30px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
}
.wrapper .ProductCenter .hd li .tubiao {
	width: 82px;
	height: 17px;
	margin: 5px auto;
	overflow: hidden;
	text-align: center;
	display: none;
}
.wrapper .ProductCenter .hd li .tubiao i{
	display: block;
	float: left;
	width: 65px;
	height: 1px;
	margin-top: 6px;
	margin-left: 2px;
	background-color: #6FBA2D;
}
.wrapper .ProductCenter .hd li .tubiao p{
	float: left;
	font-size: 0;
	width: 12px;
	height: 12px;
	border: 1px solid #EDEEEC;
	background-color: #6FBA2D;
	border-radius: 50%;
	box-shadow: 0 0 5px 1px #EDEEEC;
}
.wrapper .ProductCenter .hd li.on .tubiao{
	display: block;
}*/


.wrapper .ProductCenter .bd{
	display: block;
	width: 1200px !important;
	margin: 0 auto !important;
	height: 322px !important;
	margin-top: 30px !important;
	overflow: hidden;
}
.wrapper .ProductCenter .bd ul{
	width: 1300px;
}

.wrapper .ProductCenter .bd  li{
	width: 275px;
	height: 310px;
	float: left;
	margin: 6px;
	margin-right: 24px;
	overflow: hidden;
	box-shadow: 0px 1px 10px 3px #E9E9E9;
    -webkit-box-shadow: 0px 1px 10px 3px #E9E9E9;
}


.wrapper .ProductCenter .bd  li dl{
	width: 275px;
	height: 285px;
	overflow: hidden;

}
.wrapper .ProductCenter .bd  li dt{
	width: 275px;
	height: 149px;
	text-align: center;
	line-height: 149px;
	overflow: hidden;
}
.wrapper .ProductCenter .bd  li img{
	max-width: 100%;
	max-height: 100%;
}
.wrapper .ProductCenter .bd  li dd{
	margin-top: 10px;
	width: 275px;
	height: 126px;
	overflow: hidden;
}
.wrapper .ProductCenter .bd  li dd h3{
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
}
.wrapper .ProductCenter .bd  li dd span{
	display: block;
	max-width: 225px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	overflow: hidden;
}
.wrapper .ProductCenter .bd  li:hover{
	box-shadow: 0px 1px 10px 3px #C9EBCF;
    -webkit-box-shadow: 0px 1px 10px 3px #C9EBCF;
}

.wrapper .ProductCenter .bd  li:hover h3{
	color: #33A044;
}

.wrapper .ProductCenter  .prev{
	width: 33px;
	height: 33px;
	position: absolute;
	top: 275px;
	left: 0;
	cursor: pointer;
}
.wrapper .ProductCenter .prev img{
	max-width: 100%;
	max-height: 100%;
}
.wrapper .ProductCenter  .prev .arrow-04{
	display: none;
}
.wrapper .ProductCenter  .prev:hover .arrow-04{
	display: block;
}
.wrapper .ProductCenter  .prev:hover .arrow-05{
	display: none;
}
.wrapper .ProductCenter  .next{
	width: 33px;
	height: 33px;
	position: absolute;
	top: 275px;
	right: 0;
	cursor: pointer;
}
.wrapper .ProductCenter   .next img{
	max-width: 100%;
	max-height: 100%;
}
.wrapper .ProductCenter  .next .arrow-06{
	display: none;
}

.wrapper .ProductCenter  .next:hover .arrow-06{
	display: block;
}
.wrapper .ProductCenter  .next:hover .arrow-03{
	display: none;
}





/*index  成功案例*/
.wrapper .Success{
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 55px;
	padding-bottom: 95px;
	background-color: #48A0E4;
}

.wrapper .SuccessStories{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.wrapper .SuccessStories .Success-title{
	width: 269px;
	height: 89px;
	margin: 0 auto;
	overflow: hidden;
	background: url(title04.png) no-repeat center;
	background-size: 100%;
}

.wrapper .SuccessStories  .hd{
	float: left;
	width: 560px;
	height: 343px;
	overflow: hidden;
	position: relative;
	margin-top: 50px;
}
.wrapper .SuccessStories  .hd ul{
	width: 560px;
	border-top: 1px dashed #DCDCDC;
}
.wrapper .SuccessStories  .hd li{
	height: 78px;
	width: 540px;
	padding:  15px 0  20px 30px;
	border-bottom: 1px dashed #DCDCDC;
	overflow: hidden;
	cursor: pointer;
}
.wrapper .SuccessStories  .hd li p{
	max-width: 470px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 20px;
	overflow: hidden;
}
.wrapper .SuccessStories  .hd li span{
	display: block;
	max-width: 470px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 22px;
	margin-top: 5px;
	overflow: hidden;
}
.wrapper .SuccessStories  .hd li span a{
	display: block;
	float: right;
	color: #FFFFFF;
}

.wrapper .SuccessStories  .hd li.on p{
	color: #F0E80B;
}
.wrapper .SuccessStories  .hd li.on a{
	color: #F0E80B;
}
.wrapper .SuccessStories  .right{
	float: right;
	width: 600px;
	height: 343px;
	text-align: center;
	line-height: 343px;
	overflow: hidden;
	margin-top: 50px;
	background-color: #FFFFFF;
	position: relative;
}
.wrapper .SuccessStories  .right img{
	width: 600px;
	height: 343px;
}
.wrapper .SuccessStories  .right .Arrow{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 55px;
	line-height: 55px;
	overflow: hidden;
}
.wrapper .SuccessStories  .right .Arrow .prev{
	float: left;
	width: 38px;
	height: 55px;
	line-height: 55px;
	overflow: hidden;
}
.wrapper .SuccessStories  .right .Arrow .next{
	float: right;
	width: 38px;
	height: 55px;
	line-height: 55px !important;
	text-align: center;
	overflow: hidden;
}
.wrapper .SuccessStories  .right .Arrow .arrow02{
	display: none;
}
.wrapper .SuccessStories  .right .Arrow .prev:hover .arrow02{
	display: block !important;
}
.wrapper .SuccessStories  .right .Arrow .next:hover .arrow02{
	display: block !important;
}
.wrapper .SuccessStories  .right .Arrow .prev:hover .arrow01{
	display: none !important;
}
.wrapper .SuccessStories  .right .Arrow .next:hover .arrow01{
	display: none !important;
}

.wrapper .SuccessStories  .right .Arrow img{
	max-width: 100%;
	max-height: 100%;
	line-height: 55px !important;
}


/*index  footer*/
.wrapper footer{
	max-width: 1920px;
	width: 100%;
	height: 325px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #363C41;
}

.wrapper footer .foot{
	width: 1200px;
	margin: 0 auto;
	padding-top: 35px;
	overflow: hidden;
}
.wrapper footer .foot .foot-left{
	width: 113px;
	height: 170px;
	float: left;
	text-align: center;
	overflow: hidden;
	color: #E6E6E6;
	font-size: 14px;
	line-height: 22px;
}
.wrapper footer .foot .foot-left .code{
	width: 113px;
	height: 112px;
	line-height: 112px;
	text-align: center;
	margin-bottom: 5px;
}
.wrapper footer .foot .foot-right{
	float: right;
	width: 900px;
	height: 170px;
	overflow: hidden;
}

.wrapper footer .foot .foot-right li{
	width: 450px;
	height: 40px;
	line-height: 40px;
	float: left;
	text-align: left;
	color: #CCCCCC;
}
.wrapper footer .foot .foot-right li p{
	font-size: 16px;
	color: #E6E6E6;
}
.wrapper footer .foot .foot-right li span{
	font-size: 14px;
	color: #CCCCCC;
}
.wrapper footer .foot .foot-right li a{
	font-size: 14px;
	color: #CCCCCC;
}
.wrapper footer .foot .foot-right li img{
	max-width: 100%;
	max-height: 100%;
	margin-right: 15px;
}

.wrapper footer .foot-bottom{
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 15px;
	border-top: 1px solid #495965;
}
.wrapper footer .foot-center{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.wrapper footer .foot02{
	width: 820px;
	float: right;
	padding-top: 20px;
	overflow: hidden;
	margin-right: 80px;
}
.wrapper footer .foot02 ul{
	margin-left: -40px;
	height: 14px;
}
.wrapper footer .foot02 li{
	width: 106px;
	height: 14px;
	line-height: 14px;
	float: left;
	text-align: center;
	border-left: 1px solid #959595;
}
.wrapper footer .foot02 li a{
	display: block;
	width: 110px;
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	color: #CCCCCC;
}
.wrapper footer .foot02 p{
	max-width: 820px;
	height: 55px;
	color: #CCCCCC;
	font-size: 12px;
	line-height: 55px;
}
.wrapper footer .foot02 p a{
	height: 55px;
	color: #CCCCCC;
	font-size: 12px;
	line-height: 55px;
}
.wrapper footer .foot02 p a:hover{
	color: #39B44C;
}

/*内页公共样式*/
/*banner*/
.wrapper  .banner02{
	max-width: 1920px;
	width: 100%;
	max-height: 360px;
	margin: 0 auto;
	position: relative;
}
.wrapper  .banner02 img{
	max-width: 100%;
	max-height: 100%;
}

.wrapper  .banner02 .tubiao {
	width: 82px;
	height: 17px;
	margin: 5px auto;
	overflow: hidden;
	text-align: center;
	position: absolute;
	top: 32%;
	left: 35%;
}
.wrapper  .banner02  .circle{
	display: block;
	float: left;
	width: 65px;
	height: 1px;
	margin-top: 6px;
	margin-left: 2px;
	background-color: #FFFFFF;
	position: relative;
	left: -90px;
}
.wrapper  .banner02 .line{
	float: left;
	font-size: 0;
	width: 12px;
	height: 12px;
	position: relative;
	left: -20px;
	z-index: 5;
	background-color: #6FBA2D;
	border: 1px solid #EDEEEC;
	border-radius: 50%;
	box-shadow: 0 0 3px 1px #EDEEEC;
}
.wrapper  .banner02:hover .line{
	position: relative;
	left: 0px;
	transition: all 0.01s;
	-o-transition: all 0.01s;
	-webkit-transition: all 0.01s;
	-moz-transition: all 0.01s;
}
.wrapper  .banner02:hover .circle{
	position: relative;
	left: 0px;
    transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.wrapper  .banner02 .tubiao02{
	width: 82px;
	height: 17px;
	margin: 5px auto;
	overflow: hidden;
	text-align: center;
	position: absolute;
	top: 32%;
	left: 34%;
}
.wrapper  .banner02 .tubiao03{
	width: 82px;
	height: 17px;
	margin: 5px auto;
	overflow: hidden;
	text-align: center;
	position: absolute;
	top: 32%;
	left: 40%;
}
.wrapper  .banner02 .tubiao04{
	width: 82px;
	height: 17px;
	margin: 5px auto;
	overflow: hidden;
	text-align: center;
	position: absolute;
	top: 32%;
	right: 38%;
}

.wrapper  .banner02 .tubiao05{
	width: 82px;
	height: 17px;
	margin: 5px auto;
	overflow: hidden;
	text-align: center;
	position: absolute;
	top: 18%;
	left: 42%;
}
.wrapper  .banner02 .tubiao06{
	width: 82px;
	height: 17px;
	margin: 5px auto;
	overflow: hidden;
	text-align: center;
	position: absolute;
	top: 20%;
	left: 41%;
}

/*中间部分内容*/
.wrapper .Central{
	max-width: 1920px;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 80px;
	background-color: #F5F5F5;
}
.wrapper .Central  .Member{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
/*导航*/
.wrapper  .Member .hd{
	float: left;
	width: 270px;
	max-height: 560px;
	overflow: hidden;
	margin: 0  5px;
	margin-top: 30px;
	background-color: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0px 1px 5px 1px #DCDCDC;
    -webkit-box-shadow: 0px 1px 5px 1px #DCDCDC;
}
.wrapper  .Member .hd  h3{
	max-width: 220px;
	line-height: 40px;
	font-size: 24px;
	font-weight: normal;
	margin: 15px  auto;
	overflow: hidden;
	text-align: center;
}
.wrapper  .Member .hd h3 p{
	float: left;
}
.wrapper  .Member .hd h3 i{
	display: block;
	width: 40px;
	height: 40px;
	font-size:30px ;
	border: 1px solid black;
	border-radius: 50%;
	text-align: center;
	color: #6FBA2D;
	float: left;
	margin: 0 10px;
}
.wrapper  .Member .hd h3 span{
	float: left;
	font-size: 16px;
}


.wrapper  .Member .Titlt03 ul{
	width: 242px;
	margin: 0 auto;
	padding-bottom: 40px;
	overflow: hidden;
}
.wrapper  .Member .Titlt03 li{
	width: 242px;
	height: 60px;
	line-height: 59px;
	text-align: center;
	overflow: hidden;
}
.wrapper  .Member .Titlt03 li a{
	display: block;
	width: 242px;
	height: 59px;
	line-height: 59px;
	font-size: 18px;
	text-align: center;
	border-bottom: 1px dashed #6FBA2D;
}
.wrapper  .Member .Titlt03 li a.on{
	background: url(bg02.jpg);
	border-radius: 5px;
	color: #FFFFFF;
}
.wrapper  .Member .Titlt03 li img{
	max-width: 100%;
	max-height: 100%;
	margin-left: 5px;
}


/*联系我们*/
.wrapper  .Member .ContactUs{
	float: left;
	width: 270px;
	margin: 35px 5px;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 5px 1px #DCDCDC;
    -webkit-box-shadow: 0px 1px 5px 1px #DCDCDC;
}
.wrapper  .Member .ContactUs  h3{
	max-width: 230px;
	line-height: 40px;
	font-size: 24px;
	font-weight: normal;
	margin: 15px  auto;
	overflow: hidden;
	text-align: center;
}
.wrapper  .Member .ContactUs h3 p{
	float: left;
}
.wrapper  .Member .ContactUs h3 i{
	display: block;
	width: 40px;
	height: 40px;
	font-size:30px ;
	border: 1px solid black;
	border-radius: 50%;
	text-align: center;
	color: #6FBA2D;
	float: left;
	margin: 0 10px;
}
.wrapper  .Member .ContactUs h3 span{
	float: left;
	font-size: 16px;
}
.wrapper  .Member .ContactUs ul{
	width: 270px;
	border-top: 1px solid #E5E5E5;
	padding: 20px 0;
	overflow: hidden;
}
.wrapper  .Member .ContactUs ul li{
	width: 240px;
	line-height: 30px;
	padding: 0  20px;
	font-size: 14px;
	overflow: hidden;
}
.wrapper  .Member .ContactUs ul li img{
	max-width: 100%;
	max-height: 100%;
	margin-right: 15px;
}

/*当前位置*/
.wrapper  .Member .Titlt{
	width: 100%;
	padding-bottom:2px;
    border-bottom:1px solid #22AB37;
    overflow: hidden;
    margin-bottom: 30px;
}
.wrapper  .Member  .Titlt02{
	width: 100%;
    border-bottom:1px solid #22AB37;
    overflow: hidden;
}
.wrapper  .Member .Titlt h4{
	max-width: 190px;
	font-size: 20px;
	font-weight: normal;
	float: left;
	line-height: 40px;
	color: #22AB37;
}
.wrapper  .Member  .Titlt p{
	max-width: 700px;
	float: right;
	font-size: 16px;
	line-height: 40px;
}
.wrapper  .Member  .Titlt h4 img{
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 3px;
	margin-left: 10px;
}

.wrapper  .Member  .Titlt p img{
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 3px;
	margin-right: 5px;
}
.wrapper  .Member  .Titlt p a:hover{
	color: #22AB37;
}

/*右边内容*/
.wrapper .Central  .Member .bd{
	float: right;
	width: 890px;
	min-height: 600px;
	margin-top: 30px;
	overflow: hidden;
}
.wrapper .Central  .Member .details{
	width: 890px;
	overflow: hidden;
}

.wrapper .Central  .Member .details img{
	max-width: 100%;
	max-height: 100%;
}
.wrapper .Central  .Member .particulars{
	width: 850px;
	overflow: hidden;
	padding: 20px;
}

.wrapper .Central  .Member .particulars img{
	max-width: 100%;
	max-height: 100%;
}

/*公司荣誉*/
.wrapper .Central  .Member .company-details{
	width: 890px;
	overflow: hidden;
}

.wrapper .Central  .Member .company-details img{
	max-width: 100%;
	max-height: 100%;
}
.wrapper .Central  .Member .company-details  ul{
	width: 850px !important;
	padding: 0  20px;
	overflow: hidden;
}
.wrapper .Central  .Member .company-details  ul li{
	width: 40%;
	height: 340px;
	line-height: 340px;
	overflow: hidden;
	float: left;
	border: 1px solid #D3D3D3;
	margin-bottom: 20px;
	text-align: center;
}
.wrapper .Central  .Member .company-details  ul li:nth-child(2),.wrapper .Central  .Member .company-details  ul li:nth-child(4),.wrapper .Central  .Member .company-details  ul li:nth-child(6),.wrapper .Central  .Member .company-details  ul li:nth-child(8),.wrapper  .wrapper .Central  .Member .company-details  ul li:nth-child(10)
{
	float: right;
}
.wrapper .Central  .Member .company-details  ul li img{
	max-width: 100%;
	max-height: 100%;
}

.wrapper .Central  .Member .company-details .honor{
	width: 890px;
	font-size: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
.wrapper .Central  .Member .company-details .honor span{
	font-size: 20px;
	color: rgb(191, 191, 191);
	overflow: hidden;
}

/*产品中心*/
.wrapper .Central  .Member .bd ul{
	width: 950px;
}
.wrapper .Central  .Member .bd  li dl{
	width: 275px;
	height: 285px;
	float: left;
	margin: 6px;
	margin-right: 20px;
	margin-bottom: 30px;
	overflow: hidden;
	box-shadow: 0px 1px 10px 3px #E9E9E9;
    -webkit-box-shadow: 0px 1px 10px 3px #E9E9E9;
	background-color: #FFFFFF;
	position: relative;
}
.wrapper  .Central  .Member .bd  li dt{
	width: 275px;
	height: 149px;
	text-align: center;
	line-height: 149px;
	overflow: hidden;
}
.wrapper .Central   .Member .bd  li img{
	max-width: 100%;
	max-height: 100%;
}
.wrapper  .Central  .Member .bd  li dd{
	width: 275px;
	height: 126px;
	margin-top: 10px;
	overflow: hidden;
}
.wrapper  .Central  .Member .bd  li dd h3{
	text-align: center;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.wrapper  .Central  .Member .bd  li dd span{
	display: block;
	max-width: 225px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	overflow: hidden;
}
.wrapper  .Central  .Member .bd  li .dd{
	width: 275px;
	height: 126px;
	margin-top: 10px;
	overflow: hidden;
	position: absolute;
	bottom: -130px;
	left: 0;
}
.wrapper  .Central  .Member .bd  li .dd h3{
	text-align: center;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.wrapper  .Central  .Member .bd  li .dd span{
	display: block;
	max-width: 225px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	overflow: hidden;
}


.wrapper .Central .Member .bd  dl:hover{
	box-shadow: 0px 1px 10px 3px #C9EBCF;
    -webkit-box-shadow: 0px 1px 10px 3px #C9EBCF;
}
.wrapper .Central .Member .bd  dl:hover  .dd{
	position: absolute;
	bottom: 0px;
	left: 0;
	background-color: #22AB37;
    color: #fff;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.wrapper .Central .Member .bd  dl:hover  .dd span{
	color: #fff;
}


/*新闻中心*/
.wrapper .Central .Member .details .details02{
	width: 890px;
	margin-top: -20px;
}
.wrapper .Central .Member .details .News02{
	width: 890px;
	height: 88px;
	border-bottom: 1px dashed #DCDCDC;
	padding-top: 25px;
	padding-bottom: 8px;
	overflow: hidden;
}

.wrapper .Central .Member .details .News02 .time{
	width: 88px;
	height: 70px;
    float: left;
	background-color: #C4CACC;
}
.wrapper .Central .Member .details .News02  .time p{
	width: 88px;
	font-size: 28px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	margin-top: 5px;
}
.wrapper .Central .Member .details .News02  .time span{
	display: block;
	max-width: 88px;
	margin: 0 auto;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

.wrapper .Central .Member .details .News02  .right-text{
	width: 780px;
	height: 70px;
	float: left;
	margin-left: 20px;
	overflow: hidden;
}
.wrapper .Central .Member .details .News02  .right-text p{
 	max-width: 500px;
 	font-size: 16px;
 	font-weight: 600;
 	line-height: 24px !important;
 	margin-bottom: 7px;
 	float: none !important;
 }
.wrapper .Central .Member .details .News02  .right-text span{
 	display: block;
 	max-width: 780px;
 	font-size: 14px;
 	color: #8D8D8D;
 	line-height: 20px;
 }
 
.wrapper .Central .Member .details .News02:hover .time{
 	background-color: #39B44C;
 }
.wrapper .Central .Member .details .News02:hover .right-text p{
  	color: #39B44C;
}


/*新闻详情页*/
.wrapper .Central .Member .details .News-title02{
	width: 100%;
	height: 100px;
	overflow: hidden;
}
.wrapper .Central .Member .details .News-title02 h2{
	text-align: center;
	font-size: 26px;
	line-height: 50px;
	letter-spacing: 1px;
}
.wrapper .Central .Member .details .News-title02 .share{
	text-align: center;
	font-size: 14px;
	color: #B3B3B3;
}
.wrapper .Central .Member .details .News-title02 .share img{
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 3px;
	margin-right: 10px;
}


/*产品详情页*/
.wrapper .Central  .Member .ProductDetails{
	width: 870px;
	background-color: #FFFFFF;
	overflow: hidden;
	padding: 20px;
}

.wrapper .Central  .Member .ProductDetails img{
	max-width: 100%;
	max-height: 100%;
}

.wrapper .Central .Member .ProductDetails .Titlt04{
	width: 100%;
	margin-top: 40px;
	overflow: hidden;
}
.wrapper .Central .Member .ProductDetails h3{
	width: 100%;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
}
.wrapper .Central .Member .ProductDetails .Titlt04 .Overview{
	width: 100%;
	font-size: 18px;
	line-height: 40px;
}
.wrapper .Central .Member .ProductDetails .Titlt04 .Overview02{
	width: 100%;
	font-size: 14px;
	line-height: 26px;
}
.wrapper .Central .Member .ProductDetails .ProductOverview{
	width: 100%;
	margin-top: 40px;
	overflow: hidden;
}
.wrapper .Central .Member .ProductDetails .ProductOverview .parHd{
	width: 100%;
	height: 50px;
	/*background-color: #FFFFFF;*/
	box-shadow: none !important;
	margin: 0 !important;
}
.wrapper .Central .Member .ProductDetails .ProductOverview .parHd li{
	width: 135px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
	cursor: pointer;
}

.wrapper .Central .Member .ProductDetails .ProductOverview .parHd li a{
	display: block;
	width: 135px;
	height: 40px;
	line-height: 40px;
	margin-top: 5px;
	font-size: 16px;
	text-align: center;
	border-right: 1px solid #DCDCDC;
}
.wrapper .Central .Member .ProductDetails .ProductOverview .parHd li.on{
	background-color: #22AB37;
}
.wrapper .Central .Member .ProductDetails .ProductOverview .parHd li.on a{
	color: #FFFFFF;
}

.wrapper .Central .Member .ProductDetails .ProductOverview .parBd li{
	width: 850px;
	overflow: hidden;
	padding-top: 20px;
	font-size: 14px;
}
.wrapper .Central .Member .ProductDetails .ProductOverview .parBd li img{
	max-width: 100%;
	max-height: 100%;
}
.wrapper .Central .Member .ProductDetails .ProductOverview .parBd li p{
	font-family: "微软雅黑";
	line-height: 30px;
}



/*页脚*/
.wrapper .pageClass{
	width: 890px;
    text-align: center;
	font-size: 14px;
	line-height: 40px;
	clear: both;
	padding-top: 30px;
}
.pageClass a span{
	border: 1px solid #E9E9E9;
	line-height: 30px;
	padding: 5px 15px;
	margin: 0 5px;
	background-color: #FFFFFF;
}
.pageClass a span:hover{
	color: #FFFFFF;
	background: #22AB37;
}
.pageClass strong{
	border: 1px solid #E9E9E9;
	line-height: 30px;
	padding: 5px 15px;
	margin: 0 5px;
	color: #FFFFFF;
	background: #22AB37;
}


/*上一页，下一页*/

.up,.down {
	width: 1200px;
    font-size: 14px;
    text-align: left;
    color: #22AB37;
    font-weight: bold;
    /*margin:10px 0px 0px;*/
    margin: 0 auto;
}

.up a,.down a {
    color: #BFBFBF;
    font-weight: normal;
}
.up a,.down a,.up span,.down span{font-size: 14px;}
.up a:hover,.down a:hover{color:#22AB37;}
.up{border-top:1px solid #FFFFFF;padding-top: 20px;}

.up{
	 margin-top: 60px;
}
.down{
	margin-top: 10px;
}





/*招聘岗位*/
.hx_list,.news_list,.case_list,.call_us{
    width: 850px;
    height: auto;
    overflow: hidden;
    padding: 20px;
}
/*.hr{
	width: 890px;
	overflow: hidden;
	margin: 50px 0;
}
.hr .container{
    background: #fff;
}
.hr_pic{
    padding: 20px;
}
.hr .bottom{
    width: 890px;
    margin: auto;
}
.hr  .blue1{
    background: #005CA3;
    background-size: cover;
    width: 890px;
    height: 49px;
    margin-bottom: 18px;
}
.hr .bottom li{
    float: left;
    width: 160px;
    text-align: center;
    height: 56px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
    color: #6e6e6e;
    line-height: 56px;
}
.hr .bottom li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #005CA3;
}
.hr .bottom li a i {
    width: 14px;
    display: block;
    float: right;
    margin-right: 28px;
    margin-top: 22px;
    height: 14px;
    background: url(rt_03.png) no-repeat center;
    background-size: cover;
}
.hr .blue1 ul li {
    font-size: 16px;
    color: #efefef;
    line-height: 49px;
    border-bottom: 0;
    text-align: center;
    float: left;
    width: 160px;
    height: 49px;
    border-right: 1px solid #e2e2e2;
}
.hr .bottom li:nth-child(2) {
    width: 220px;
}
.hr .bottom li:nth-child(3){
    width: 130px;
}
.hr .bottom li:nth-child(4){
    width: 130px;
}
.hr .bottom li:nth-child(5){
    width: 100px;
}
.hr .bottom li:nth-child(6){
    width: 150px;
    border-right: 0;
}*/


/*成功案例*/
.hx_list ul, .news_list ul, .case_list ul {
    width: 890px;
    height: auto;
    margin: auto;
}
.case_list li{
    float: left;
    width: 378px;
    height: 370px;
    border: 1px solid #d8d8d8;
    margin-right: 40px;
    margin-left: 15px;
    margin-bottom: 30px;
}
.case_list li:hover{
    box-shadow:1px 0px 16px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow:1px 0px 16px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 1px 0px 16px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 0px 16px 1px rgba(0,0,0,0.2);
}
.case_list li .pic{
    width: 378px;
    height: 315px;
    position: relative;
}
.case_list li .pic img{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.case_list li:nth-child(2),.case_list li:nth-child(4),.case_list li:nth-child(6),.case_list li:nth-child(8){
    margin-right: 0;
}
.case_list li p{
    height: 55px;
    line-height: 55px;
    margin-left: 21px;
    font-size: 16px;
    color: #464545;
    font-weight: 600;
}
.case_list li p i{
    display: block;
    width:56px ;
    height: 6px;
    background: url(icon.png) no-repeat right top;
    transition: all .5s;
    float: right;
    margin-right: 19px;
    margin-top: 25px;
}
.case_list li:hover p i{
    background: url(icon.png) no-repeat left top;
}

.case_list li:hover p{
	font-weight: 600;
    color: #22AB37;
}
    
