@charset "utf-8";
/* CSS Document */
html,body{height:100%;color:#434343;background-color:#FFFFFF}
html,body,div,h1,h2,h3,dl,dt,dd,ul,ol,li,a,span,strong,em,small,img,form,input,table,thead,tbody,tr,th,td{margin:0;padding:0}
body{font:normal 100% Arial,"\5fae\8f6f\96c5\9ed1","\5b8b\4f53",sans-serif;}
body #wrapper{width:100%;text-align:left;margin:0 auto;min-width:320px;height:100%;max-width:640px;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol{list-style:none}
em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
img{max-width:100%;border:0;-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;/*添加以下属性是解决图片在微信浏览器下默认转换效果造成页面模糊*/-webkit-transform:scale(1)rotate(0)translate3d(0,0,0);transform:scale(1)rotate(0)translate3d(0,0,0);}

input[type=button],input[type=submit],input[type=file],input,button{cursor:pointer;-webkit-appearance:none} 
input:focus, textarea:focus {outline: none;}

a:link,a:visited {text-decoration:none;color:#434343;}
a:hover {color:#08B963;text-decoration:underline;}

a.more1:link,a.more1:visited {display:inline-block;font-size:14px;font-family:Arial,'\5FAE\8F6F\96C5\9ED1';text-decoration:none;color:#FFFFFF; padding:3px 10px;text-align:center;border:1px solid #06944F;border-radius:20px;}
a.more1:hover {color:#FFFFFF;background-color:#06944F;text-decoration:none}

.top-bar{position:relative}
.logo{float:left;text-align:left;padding:5px;}
.company-name{float:left;font-size:16px;line-height:64px;font-weight:bold}
.en-company-name{float:left;font-size:11px;line-height:64px;}
.nav{position:absolute;right:10px;top:10px;padding:5px 12px;background-color:#18A598;border-radius:5px}

.slider{display:none}/*用于获取更加体验*/
.slogan{position:absolute;top:50%;left:50%;text-align:center;z-index:6;margin-top:-60px;margin-left:-150px;}
.slogan p{margin:0;text-align:center}

.about{
	margin-top:20px;
	padding:0 10px
}
.title {
    font-size: 20px;
	font-weight:bold;
	padding-top:20px;
	text-align:center;
    background: url(style.png) no-repeat center 0px;
	box-sizing:border-box
}
.about-content{
	font-size:14px;
	padding:10px;
	line-height:160%
}
.about-pic{
	padding-top:10px
}
.product{
	margin-top:20px;
	padding:0 10px
}
.list{margin-top:10px}
.list ul{
	font-size:0;
	[;font-size:12px;];
	*font-size:0;
	[;letter-spacing:-3px;];
	*letter-spacing:normal;
	*word-spacing:-1px;
}
.list ul li{
	vertical-align:top;
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:14px;
	letter-spacing:normal;
	word-spacing:normal;
	margin-right:4%;
	margin-bottom:4%;
	width:48%;
	box-sizing:border-box
}
.list ul li:nth-child(2n+0){margin-right:0px;}
.list ul li span{
	display:block;
	width:100%;
	text-align:center;
	padding:5px 0;
	font-size:14px
}
.news{
	margin-top:20px;
	padding:0 10px
}
.news-pic{
	padding:2px
}
.news-pic img{
	display:block
}
.news-content{
	padding-top:10px
}
.news-content h3{
	font-size:16px;
	padding:5px 0;
	font-weight:bold
}
.news-content span{
	color:#666;
	font-size:14px
}
a.btnDetail {
	margin-top:10px;
    display: block;
    width: 120px;
    height: 35px;
    border: 2px solid #007268;
    text-align: center;
    line-height: 35px;
    color: #007268;
    font-size: 14px;
}
.footer{
	margin-top:20px;
	background-color:#18A598;
	padding:10px;
	color:#FFF;
	font-size:14px
}
.contact h3{
	color:#FFF;
	font-size: 20px;
    line-height: 160%;
	font-weight:bold
}
.contact ul li{
	margin-top:10px;
	color:#FFF;
	padding-left:30px;
}
.contact ul li.icon1{
	background:url(4-add.png) no-repeat left center;
}
.contact ul li.icon2{
	background:url(4-tel.png) no-repeat left center;
}
.contact ul li.icon3{
	background:url(4-email.png) no-repeat left center;
}
.contact ul li.icon4{
	background:url(4-fax.png) no-repeat left center;
}
.main{
	margin-top:20px;
	padding:0 10px
}
.sub-class{
	margin:10px 0
}
.sub-class ul li{
	margin-bottom:5px;
}
.sub-class ul li a{display:block;width:100%;box-sizing:border-box;color:#434343;font-size:14px;height:34px;text-decoration:none;line-height:34px;text-align:left;padding-left:15px;padding-right:15px;background-color:#F5F5F5;}
.sub-nov{background-color:#18A497 !important;color:#FFFFFF !important}

.column-content{
	padding-bottom:20px;
	font-size:14px;
	line-height:160%;
}
.culture-txt{
	margin-top:10px
}
.culture-txt h3{
	color:#18A598;
	font-size:20px
}
.culture-txt span{
	padding-left:22px;
	display:block;
	margin-bottom:30px;
	font-size:16px
}
.culture-pic{
	margin-top:10px
}
.equipment-title{
	text-align:center;
	margin-top:20px
}
.equipment-title span {
	display:inline-block;
	text-transform: uppercase;
	line-height:120%;
	font-weight:bold;
	white-space:nowrap;
	color:#18A598;
	font-size:16px;
	font-weight:bold;
}
.equipment-title span::before {
	border-bottom: 1px solid #999;
	display:inline-block;
    height: 1px;
    content: "";
    width: 20px;
    margin-right: 12px;
	margin-bottom: 5px;
}
.equipment-title span::after {
	border-bottom: 1px solid #999;
	display:inline-block;
    height: 1px;
    content: "";
    width: 20px;
    margin-left: 12px;
	margin-bottom: 5px;
}
.news-list li{
	border-bottom:1px solid #CCC;
	padding:10px 0;
	margin-bottom:10px
}
.news-list li h3{
	font-size:16px;
	padding:5px 0;
	font-weight:bold
}
.news-box{text-align: center;}
.news-box h3{
	font-weight: bold;
    font-size: 20px;
	line-height:140%;
    text-align: center;
}
.news-box em{
    color: #aaa;
    padding: 1em 0;
}
.news-box span{
	display:block;
	padding-top:20px;
	text-align: left
}

.main-map{height:300px;margin-top:10px}

.jobcell{margin-top:10px;position:relative;background:#f5f5f5 url(../images/jiao.jpg) no-repeat left top;padding:10px;margin-bottom:2em;}
.jobtit{height:42px;line-height:42px;border-bottom:1px solid #fff;}
.jobtit h3{font-size:16px;font-weight:bold;float:left; }
.jobtit span{float:right;font-size:14px;}
.jobcell ul{width:100%;margin-top:2em;overflow:hidden;}
.jobcell ul li{width:100%;float:left;overflow:hidden;margin-bottom:5px;font-size:14px;color:#000;line-height:160%; } 
.jobcell ul li span{display:block;float:left;}
.jobcell ul li p{color:#000;overflow:hidden;margin:0}
.jobcell ul li.li1{width:50%;}
.jobcell ul li a{display:block;float:right;text-align:center;line-height:25px;color:#fff;background:#f8b62b;}

.contact-us h3{
	color:#2286E4;
	font-size: 20px;
    line-height: 160%;
    text-transform: uppercase;
	font-weight:bold
}
.contact-us ul li{
	margin-top:10px;
	color:#666666;
	padding-left:25px;
}
.contact-us ul li.icon1{
	background:url(con-icon1.png) no-repeat left center;
}
.contact-us ul li.icon2{
	background:url(con-icon2.png) no-repeat left center;
}
.contact-us ul li.icon3{
	background:url(con-icon3.png) no-repeat left center;
}
.contact-us ul li.icon4{
	background:url(con-icon4.png) no-repeat left center;
}


.pagination{text-align:center;margin-top:10px}
.pagination ul li.wap{display:inline-block}
.pagination ul {
	display: inline-block;
	padding: 0;
	margin: 2% auto;
	font-size: 14px;
}
.pagination ul li {
	display: inline;
	list-style: none;
}
.pagination ul li a,.pagination ul li span {
	color: black;
	display: inline;
	padding: 5px 8px;
	margin-left: -1px;
	border:1px solid #e1e2e3;
	text-decoration: none;
}
.pagination ul li span {
	color: #666;
}
.pagination ul li a:hover{
	background: #E70012;
	color: #FFFFFF;
}
.pagination ul li.current span{
	font-weight: bold;
	background: #E70012;
	color: #FFFFFF;
}
.product-box{text-align:center;}
.product-box img{max-width:100%;}
.product-box h3{padding:10px;font-size:24px;font-weight:normal}
.product-box p{
	text-align:left;
	font-size:14px;
	line-height:140%
}

.clear{height:74px;clear:both;overflow:hidden}
.footer_contact {-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;position:fixed;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;z-index:1000;opacity:1;width:100%;max-width:640px;overflow:hidden;bottom:0;}
.footer_contact ul {overflow:hidden;border-left:solid 0.5px #ffffff}
.footer_contact li {float:left;width:25%;text-align:center;font-size:14px;background:#22272D}
.footer_contact li a {border-right:solid 0.5px #ffffff;color:#FFFFFF;height:60px;padding-top:14px;text-decoration:none;display:block;}

.clearfix{zoom:1}
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}

@media (min-width: 375px) {
	.company-name{font-size:18px;font-weight:bold}
	.en-company-name{font-size:13px}
}
@media (min-width: 414px) {
	.company-name{font-size:20px;font-weight:bold}
	.en-company-name{font-size:16px}
	.company{
		font-size:16px
	}
}