@charset "utf-8";
/* CSS Document */
html{font-size:100px;}
body {
	max-width:640px;
	min-width:320px;
	margin:0px auto;
	font-family:"Microsoft YaHei";
	font-size:0.2rem;
	color:#444;
}
img{vertical-align:top;}

p{
	margin-top: 0px;
	margin-bottom: 0px;
}

a:link{color:#444; cursor:pointer; text-decoration:none;}
a:visited{color:#444; text-decoration:none;}
a:hover{color:#444; text-decoration:none;}
a:active{color:#444; text-decoration:none;}
.clear{clear:both;}
.fl {float: left;}
.fr {float: right;}

.trans {
	-webkit-transition:all ease .3s;
	-moz-transition:all ease .3s;
	transition:all ease .3s;
}

.inner {
	width:93.75%;
	margin:0 auto;
}

/*head*/
.header-box {
	max-width: 640px;
	height:1rem;
}

header {
	width: 6.4rem;
	height:1rem;
	background-color:#fff;
	border-bottom:0.05rem solid #63c7af;
	position:fixed;
	 
	top:0;
	z-index:9999;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
}

header .header-mid {
	width:92.1875%;
	overflow: hidden;
	margin:0 auto;
}

.header-mid .logo {
	display:block;
	width:3.22rem;
	height:0.62rem;
	background:url(../images/logo.jpg) left center no-repeat;
	background-size:100%;
	margin-top: 0.2rem;
	float: left;
}
.header-mid .language{
	overflow: hidden;
	float: right;
}
.header-mid .language span{
	font-family: "微软雅黑";
	font-size: 0.18rem;
	color: #1d1d1d;
	line-height: 0.05rem;
	line-height: 1rem;
}
.header-mid .language span.cn{
	background: url(../images/china.jpg) no-repeat left center;
	padding-left: 0.34rem;
	margin-right: 0.21rem;
	background-size: 0.28rem 0.15rem;
}
.header-mid .language span.en{
	background: url(../images/english.jpg) no-repeat left center;
	padding-left: 0.34rem;
	background-size: 0.28rem 0.15rem;
}

/*banner*/
.banner {
	width:100%;
	overflow:hidden;
	position:relative;
	margin-top: 0.05rem;
}
.banner img{
	
}

/*公用*/
.T_cn{
	font-family: "微软雅黑";
	font-size: 0.28rem;
	font-weight: bold;
	color: #009148;
	text-align: center;
}
.T_en{
	font-family: arial;
	font-size: 0.12rem;
	color: #97ada5;
	text-align: center;
	margin-top: 0.1rem;
}
.pulice{
	width: 92.1875%;
	overflow: hidden;
	margin: 0 auto;
}
/*development*/
.development{
	width: 100%;
	overflow: hidden;
	padding-top: 30px;
}
.development_title{
	font-family: "微软雅黑";
    font-size: 0.28rem;
    font-weight: bold;
	text-align: center;
}
.development img{
	width: 100%;
}
/*prt*/
.prt{
	width: 92.1875%;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 0.2rem;
}
.prt ul{
	overflow: hidden;
	margin-top: 0.2rem;
}
.prt ul li{
	overflow: hidden;
	float: left;
	margin-bottom: 0.24rem;
}
.prt ul li img{
	width: 2.9rem;
	height: 2.08rem;
}
.prt ul li p{
	font-family: "微软雅黑";
	font-size: 0.2rem;
	color: #444444;
	text-align: center;
	margin-top: 0.2rem;
}
.mr10{
	margin-right: 0.1rem;
}

/*abt*/
.abt{
	width: 100%;
	overflow: hidden;
	background: url(../images/abtbg.jpg) no-repeat;
	margin-top: 0.1rem;
	padding-bottom: 0.38rem;
}
.abt img{
	width: 5.9rem;
	height: 2.6rem;
	margin-top: 0.3rem;
}
.abt p.tit{
	font-family: "微软雅黑";
	font-size: 0.28rem;
	font-weight: bold;
	color: #182c25;
	padding-bottom: 0.02rem;
	margin-top: 0.3rem;
}
.abt p.tit span{
	font-family: arial;
	font-size: 0.16rem;
	font-weight: normal;
}
.abt p.content{
	font-family: "微软雅黑";
	font-size: 0.2rem;
	color: #182c25;
	margin-top: 0.3rem;
	line-height: 0.32rem;
}
.abt .more{
	width: 99%;
	overflow: hidden;
	height: 0.43rem;
	border: #a2dece solid 0.01rem;
	background-color: #dcf5ef;
	border-radius: 20px;
	margin-top: 0.3rem;
}
.abt .more span{
	font-family: "微软雅黑";
	font-size: 0.16rem;
	color: #009148;
	line-height: 0.43rem;
	text-align: center;
	display: block;
}

/*index_case*/
.index_case{
	width: 92.1875%;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 0.3rem;
}
.index_case ul{
	overflow: hidden;
	margin-top: 0.25rem;
}
.index_case ul li{
	overflow: hidden;
	background-color: #bdeee2;
	float: left;
	padding-bottom: 0.3rem;
	width: 2.9rem;
	margin-bottom: 0.25rem;
}
.index_case ul li img{
	width: 2.9rem;
	height: 3.19rem;
}
.index_case ul li p.title{
	font-family: "微软雅黑";
	font-size: 0.24rem;
	color: #182c25;
	width: 2.6rem;
	margin-left: 0.18rem;
	background: url(../images/puls.jpg) no-repeat right center;
	line-height: 0.26rem;
	margin-top: 0.25rem;
	background-size: 0.26rem 0.26rem;
}
.index_case ul li p.content{
	font-family: "微软雅黑";
	font-size: 0.18rem;
	color: #497163;
	width: 2.6rem;
	margin-left: 0.18rem;
	margin-top: 0.25rem;
	line-height: 0.3rem;
}

/*new*/
.new{
	width: 92.1875%;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 0.4rem;
}
.new ul{
	overflow: hidden;
	margin-top: 0.35rem;
}
.new ul li{
	overflow: hidden;
	width: 100%;
	font-family: "微软雅黑";
	font-size: 0.22rem;
	color: #444444;
	background: url(../images/arrow.jpg) no-repeat right 0rem;
	border-bottom: dashed 0.02rem #ddd;
	padding-bottom: 0.22rem;
	background-size: 0.18rem 0.25rem;
	margin-bottom: 0.27rem;
}

/*首页底部选项*/
.sjpc{
	font-family: "微软雅黑";
	font-size: 0.22rem;
	color: #333b48;
	text-align: center;
	margin-top: 0.35rem;
}
.cop{
	font-family: "微软雅黑";
	font-size: 0.16rem;
	color: #333b48;
	text-align: center;
	margin-top: 0.22rem;
}

/*Navigation*/
.navigation{
	width: 100%;
	overflow: hidden;
	border-bottom: #FFFFFF double 0.02rem;
	background-color: #f3f3f3;
	margin-top: 0.04rem;
}
.navigation p{
	margin: 0 auto;
	width: 1.65rem;
	text-align: center;
	line-height: 0.6rem;
	background-color: #63c7af;
	color: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 0.2rem;
}
.navigation ul{
	overflow: hidden;
	width: 4.95rem;
	display: block;
	margin: 0 auto;
}
.navigation ul li{
	overflow: hidden;
	width: 1.65rem;
	height: 0.6rem;
	float: left;
	font-family: "微软雅黑";
	font-size: 0.2rem;
	color: #182c25;
	background-color: #f3f3f3;
	text-align: center;
	line-height: 0.6rem;
}
.navigation ul li.auo{
	background-color: #63c7af;
}
.navigation ul li.auo a{
	color: #FFFFFF;
}

/*about*/
.about{
	width: 100%;
	overflow: hidden;
}
.about img.one{
	width: 5.9rem;
	height: 2.6rem;
	margin-top: 0.25rem;
}
.about p.content{
	font-family: "微软雅黑";
	font-size: 0.2rem;
	color: #444444;
	line-height: 0.35rem;
	margin-top: 0.2rem;
}
.about img.two{
	width: 100%;
	margin-top: 0.45rem;
	margin-bottom: 0.35rem;
}
.about ul{ 
   overflow: hidden;
   margin-left:0.5rem;
   margin: 0.35rem auto 0;
   width: 90%;
}
.about ul li{
	overflow: hidden;
	width: 47%;
	margin-bottom: 0.2rem;
	float: left; 
}
.about ul li:nth-of-type(2n+2){
	float: right;
}
.about ul li img{
	width: 100%; 
}

/*product*/
.product{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

/*productDe*/
.productDe{
	width: 92.1875%;
	overflow: hidden;
	margin: 0 auto;
}
.productDe p.title{
	font-family: "微软雅黑";
	font-size: 0.28rem;
	font-weight: bold;
	color: #008636;
	margin-top: 0.3rem;
}
.productDe p.date{
	font-family: "微软雅黑";
	font-size: 0.16rem;
	color: #666666;
	margin-top: 0.1rem;
}
.productDe img.one{
	width: 5.88rem;
	height: 4.2rem;
	margin-top: 0.22rem;
	border: solid 0.01rem #ace7d9;
}
.productDe p.content{
	font-family: "微软雅黑";
	font-size: 0.2rem;
	color: #444444;
	line-height: 0.35rem;
	margin-top: 0.25rem;
}
.productDe img.two{
	width: 1.4rem;
	height: 0.45rem;
	margin-top: 0.3rem;
}
.productDe .clas{
	width: 100%;
	height: 0.5rem;
	background-color: #f4f4f4;
	margin-top: 0.57rem;
}
.productDe .clas span{
	display: block;
	width: 1.3rem;
	font-family: "微软雅黑";
	font-size: 0.2rem;
	color: #182c25;
	line-height: 0.5rem;
	float: left;
	text-align: center;
}
.auo2{
	background-color: #bdeee2;
}

/*news*/
.news{
	width: 92.1875%;
	overflow: hidden;
	margin: 0 auto;
}
.news ul{
	overflow: hidden;
	margin-top: 0.4rem;
}
.news ul li{
	overflow: hidden;
	width: 100%;
	border-bottom: dashed #ddd 0.01rem;
	padding-bottom: 0.25rem;
	margin-bottom: 0.3rem;
}
.news ul li p.tit{
	font-family: "微软雅黑";
	font-size: 0.22rem;
	color: #444444;
	background: url(../images/newsarrow.jpg) no-repeat right center;
	background-size: 0.18rem 0.25rem;
}
.news ul li p.cont{
	font-family: "微软雅黑";
	font-size: 0.18rem;
	color: #666666;
	margin-top: 0.2rem;
	line-height: 0.32rem;
}

.newsDe{
	width: 92.1875%;
	overflow: hidden;
	margin: 0 auto;
}
.newsDe .titl{
	font-family: "微软雅黑";
	font-size: 0.28rem;
	font-weight: bold;
	color: #009148;
	text-align: center;
	margin-top: 0.55rem;
}
.newsDe .dat{
	font-family: "微软雅黑";
	font-size: 0.16rem;
	color: #6f9c91;
	margin-top: 0.2rem;
	text-align: center;
}
.newsDe .conte{
	margin-top: 0.45rem;
	line-height: 0.35rem;
}
.newsDe .conte img{ width:100%;height: auto !important;}
.syp{
	width: 100%;
	float: left;
	margin-top: 1.2rem;
}
.syp img{
	width: 0.9rem;
	height: 0.3rem;
}
.syp span{
	font: "微软雅黑" 0.2rem;
	color: #444444;
	line-height: 0.3rem;
}
.xyp{
	width: 100%;
	float: left;
	margin-top: 0.2rem;
}
.xyp img{
	width: 0.9rem;
	height: 0.3rem;
}
.xyp span{
	font: "微软雅黑" 0.2rem;
	color: #444444;
	line-height: 0.3rem;
}

/*message*/
.message{
	width: 92.1875%;
	overflow: hidden;
	margin: 0 auto;
}
.message form#mess_form {
	margin: 0 auto;
	padding: 0.84rem 0 0 0;
	overflow: hidden;
}

#mess_form input[type=text] {
	width: 98%;
	height: 0.48rem;
	padding: 0;
	border: 0.01rem solid #b7c5ce;
	outline: none;
	line-height: 0.478rem;
	text-indent: 2.5em;
	color: #444444;
	font-family: "微软雅黑";
	margin-bottom: 0.2rem;
	font-size: 0.2rem;
	color: #969696;
}
#mess_form #name {
	background: url(../images/name.jpg) 0.13rem center no-repeat;
	background-size: 0.11rem 0.16rem;
}

#mess_form #tel {
	background: url(../images/tel3.jpg) 0.11rem center no-repeat;
	background-size: 0.15rem 0.15rem;
}

#mess_form #email {
	background: url(../images/email2.jpg) 0.06rem center no-repeat;
	background-size: 0.21rem 0.14rem;
}
#mess_form #home {
	background: url(../images/home2.jpg) 0.06rem center no-repeat;
	background-size: 0.2rem 0.16rem;
}
#mess_form #address {
	background: url(../images/dz2.jpg) 0.06rem center no-repeat;
	background-size: 0.18rem 0.22rem;
}
#mess_form textarea {
	width: 92%;
	max-width: 92.5%;
	height: 1.88rem;
	clear: both;
	padding: 0;
	padding: 0.1rem 0 0 0.34rem;
	border: 0.01rem solid #b7c5ce;
	outline: none;
	line-height: 0.2rem;
	font-size: 0.2rem;
	color: #969696;
	font-family: "微软雅黑";
}

#mess_form #content {
	background: url(../images/ly.jpg) 0.09rem 0.14rem no-repeat;
	background-size: 0.16rem 0.15rem;
}
#mess_form input[type=submit] {
	width: 98%;
	height: 0.48rem;
	margin-top: 0.3rem;
	border: 0.01rem solid #4da691;
	border-radius: 0.25rem;
	outline: none;
	background-color: #63c7af;
	cursor: pointer;
	font-family: "微软雅黑";
	font-feature-settings: 0.18rem;
	text-align: center;
	color: #fff;
	font-size: 0.24rem;
}

/*contact*/
.contact{
	width: 100%;
	overflow: hidden;
}
.contact .top{
	width: 92.1875%;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 0.3rem;
}
.contact .top .left{
	width: 3.8rem;
	overflow: hidden;
	float: left;
}
.contact .top .left ul{
	overflow: hidden;
}
.contact .top .left ul li{
	overflow: hidden;
	line-height: 0.22rem;
	padding-bottom: 0.2rem;
	padding-top: 0.2rem;
	margin-bottom: 0.1rem;
}
.contact .top .left ul li.one{
	background: url(../images/dz.jpg) no-repeat left center;
	background-size: 0.38rem 0.51rem;
	padding-left: 0.55rem;
}
.contact .top .left ul li.two{
	background: url(../images/tel2.jpg) no-repeat left center;
	background-size: 0.41rem 0.42rem;
	padding-left: 0.57rem;
}
.contact .top .left ul li.three{
	background: url(../images/cz.jpg) no-repeat left center;
	background-size: 0.45rem 0.49rem;
	padding-left: 0.58rem;
}
.contact .top .left ul li.four{
	background: url(../images/e-mail.jpg) no-repeat left center;
	background-size: 0.39rem 0.32rem;
	padding-left: 0.58rem;
}
.contact .top .left ul li p{
	font-family: "微软雅黑";
	font-size: 0.22rem;
	color: #444444;
}
.contact .top .left ul li p span{
	font-size: 0.16rem;
}
.contact .top .right{
	width: 2.1rem;
	overflow: hidden;
	float: right;
}
.contact .top .right img{
	float: right;
	width: 1.73rem;
	margin-top: 0.62rem;
}
.contact .top .right p{
	font-family: "微软雅黑";
	font-size: 0.14rem;
	color: #444444;
	float: right;
	margin-right: 0.3rem;
	margin-top: 0.13rem;
}
.contact .maps{
	overflow: hidden;
	margin-top: 0.5rem;
	width: 100%;
}

/*tech*/
.tech{
	width: 92.1875%;
	overflow: hidden;
	margin: 0 auto;
}
.tech ul{
	overflow: hidden;
	margin-top: 0.3rem;
}
.tech ul li{
	overflow: hidden;
	width: 2.9rem;
	float: left;
	margin-bottom: 0.25rem;
	position: relative;
}
.tech ul li img{
	width: 100%;
}
.tech ul li span{
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: rgba(255,255,255,0.6);
	line-height: 0.25rem;
	font-family: "微软雅黑";
	font-size: 0.16rem;
	text-align: center;
}

.meun{
	width: 33.3%;
	background-color: #bdeee2;/*63c7af*/
	bottom: 1rem;
	position: fixed;
	z-index: 999;
	-webkit-border-top-left-radius: 0.2rem;
	-webkit-border-top-right-radius: 0.2rem;
}
.meun ul{
	overflow: hidden;
	margin-top: 0.1rem;
}
.meun ul li{
	overflow: hidden;
	font-family: "微软雅黑";
	font-size: 0.2rem;
	font-weight: bold;
	line-height: 0.3rem;
	border-bottom: solid #63c7af 0.02rem;
	text-align: center;
	margin-top: 0.15rem;
	padding-bottom: 0.1rem;
}
.meun ul li a{
	color: #444;
	font-weight: bold;
}
/*foot*/
.footer-box {
	max-width: 640px;
	height:1rem;
	margin-top: 2rem;
	overflow:hidden;
}

footer {
	width: 6.4rem;
	height:1rem;
	background-color: #bdeee2;
	position:fixed;
 
	bottom:0;
	z-index:9999;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
}

footer a {
	float:left;
	display:block;
	width:33.3%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	line-height: 1rem;
	font-size: 0.24rem;
	color: #182C25;
}

footer a.f-home {
	background-image:url(../images/dh.jpg);
	background-size:1.09rem 0.25rem;
}

footer a.f-tel {
	background-image:url(../images/tel.jpg);
	background-size:0.81rem 0.26rem;
}

footer a.f-email {
	background-image:url(../images/qq.jpg);
	background-size:0.82rem 0.3rem;
}