header{ width:1170px; margin:auto; position:relative;}
header .lan{ position:absolute; right:0px; top:10px; z-index:999;}
.topbg{z-index:999; background-color:#FFF; position:fixed}
.logo{	float: left;margin-right: 65px;	/*height: 101px;*/height: 90px;}
.logo a {display: block;height: 100%;/*line-height: 101px;*/line-height: 90px;}
.logo a img{	display: inline-block;vertical-align: middle;}
#nav{ float:right;  margin-top:40px;}
#nav ul{ margin-right:-20px}
#nav ul li{	float: left;width:100px;}
#nav ul li a{display: inline-block;	width: 100%;text-align: center;	font-size: 16px;border-bottom: 3px solid #fff;	height:35px; color:#333}
#nav ul li a:hover{	border-bottom: 3px solid #089745; color:#089745;}
/*顶部导航特效start*/
.headroom {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: all .2s ease-in-out
}
.headroom--unpinned {
	top: -100px
}
.headroom--pinned {
	top: 0
}
/*顶部导航特效end*/

header .tel{background: url(tel.jpg) left center no-repeat;padding-left: 37px;color: #089745;font-size: 18px;position: absolute;    right: 100px;    top: 10px;}

.banner{ position:relative; padding-top:90px;}

.banner img{ width:100%;}
.banner-bg{background: url(ban_bg.png) center top no-repeat;height: 54px;width: 100%;position: absolute;left: 0;bottom: -30px;z-index: 60;}

.tit-i{text-align: center;padding: 50px 0;line-height: 36px;overflow: hidden;}
.tit-i h3{font-size: 30px;color: #002;margin-bottom: 10px;}
.tit-i h5{font-size: 20px;color: #cacace;text-transform: uppercase;font-family: Arial;}
.tit-i h5 span{color: #089745;}
.tit-i em{width: 45px;border-bottom: 1px solid #7f7f90;display: inline-block;}


.tit-i-1 em{border-bottom-color: #dddde1;}

.wp{width: 100%;max-width: 1170px;margin: 0 auto;}
.tjbox{ position:relative;}
.tuijiangif{ position:absolute; top:10px; left:-10px;}
.tj1{ position:absolute; top:-30px; left:550px;}
.tjtit{position:absolute; top:45px; left:630px; width:500px; font-size:14px; line-height:35px; color:#393030;}
.tjtit h1{ font-size:24px; color:#393030;}
.tedian{ border-bottom:#0b9444 solid 1px;}
.tedian strong{ font-weight:normal; display:block; text-align:center; background:#0b9444; width:80px; height:30px; line-height:35px; color:#FFF}

.box2{ background:url(bg_1.png) no-repeat  top center; margin-top:50px}
.proindex ul{ margin:0px -15px;}
.proindex li{ width:33.3%; float:left; padding:0px 15px; box-sizing:border-box; text-align:center;}
.proindex a{ display:block; font-size:16px; color:#333}
.proindex img{height:250px; width:100%;}
.proindex p{ line-height:35px;}

.more-i{text-align: center;	padding-bottom: 35px;}
.more-i a{display: inline-block;width: 65px;height: 65px;background: url(arr2.png) center center no-repeat #000014;border-radius: 100%;}
.more-i a:hover{background-color: #e4392a;}
.box1{ position:relative; z-index:888 !important;}

.box3{background: url(bg_1.png) no-repeat  top center;overflow: hidden; padding-bottom:30px;}
.indexabout{width:1170px; margin:auto; color:#393030; font-size:18px; line-height:36px; text-align:center;}
.indexabout a{color:#393030;}
.indexabout span{ font-family:Arial, Helvetica, sans-serif;}

.box4{ color:#333; margin-bottom:50px}
.leftlx{width: 38%;float: left;}
.leftlx h1{ font-size:22px; color:#0b9444; margin-bottom:30px; margin-left:50px}
.leftlx .address{ background:url(i_icon2.png) no-repeat; font-size:18px; padding-left:60px; margin-bottom:20px; line-height:35px;}
.leftlx .linkcon{ line-height:28px; font-size:18px; background:url(i_icon2.png) no-repeat 0 -74px;padding-left:60px;}

.rightlx{width: 62%;float: right;}
.contact-form .inp{
	width: 49%;
	border: 1px solid #6d6d88;
	height: 33px;
	padding: 0 10px;
	margin-bottom: 15px;
	box-sizing:border-box
}
.contact-form textarea{
	width: 100%;
	border: 1px solid #6d6d88;
	height: 98px;
	margin-bottom: 24px;
}
.contact-form .sub{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #0b9444;
	border: 0;
	cursor: pointer;	
	font-family:"微软雅黑","Microsoft Yahei";
	font-size: 16px;
}
.l{ float:left; }
.r{ float:right; }

.box5{ text-align:center; margin-top:50px;}
.bottom{ background-color:#0b9444;}
.bottomnav{ text-align:center; color:#FFF; height:50px; line-height:50px;}
.bottomnav a{ width:120px; text-align:center; color:#FFF; font-size:18px; display:inline-block;}
.bottombox{ margin:auto; width:720px; padding-left:40px;}
.bottombox .erweima{ float:left; text-align:right; width:25%;}
.bottombox .bottomlx{ float:left; text-align:left; color:#FFF; font-size:16px; line-height:28px; margin-left:15px;}
.bottombox .bottomlx a{color:#FFF; }
.box7{ line-height:22px; font-size:14px;}
.link a{ color:#666}

/*内页*/
.neibanner{position:relative; background:url(neibanner.jpg) center 0px no-repeat; height:300px; margin-top:90px;}
.neibanner{}
.neicon{ font-size:14px; line-height:34px; color:#666; padding-bottom:50px;}
.box6{text-align:center}
.box6 img{ padding:5px; border:#CCC solid 1px; border-radius:10px; margin:10px;}
.box6 .styleimg1{ width:350px; box-sizing:border-box;}
.box6 .styleimg2{ width:400px; box-sizing:border-box; }

/*新闻动态*/
.ul-list{
	margin: 0 -15px;
}
.ul-list li{
	float: left;
	width: 25%;
	margin-bottom: 30px;
}
.ul-list li a{ color:#333}
.ul-list li .pic img{
	width: 100%;
	height:203px;
	display: block;
	transform: perspective(800px) rotateY(0deg);
	transition: all 1s ease 0s;
	-moz-transform: perspective(800px) rotateY(0deg);
	-moz-transition: all 1s ease 0s;
	-webkit-transform: perspective(800px) rotateY(0deg);
	-webkit-transition: all 1s ease 0s;
	-o-transform: perspective(800px) rotateY(0deg);
	-o-transition: all 1s ease 0s;
	-ms-transform: perspective(800px) rotateY(0deg);
	-ms-transition: all 1s ease 0s;
	zoom:1;
}
.ul-list li:hover img{

}
.ul-list li .pad{
	padding: 0 15px;
}
.ul-list li .pad .pic{border: 1px solid #e2e3e8; border-bottom:none}
.ul-list li .pad .pic a{ display:block; padding:10px;}
.ul-list li .bor{
	border: 1px solid #e2e3e8;
}
.ul-list li:hover .bor{
	border-color: #e4392a;
}
.ul-list li .txt{
	padding: 20px 14px;
	line-height: 20px;
	color: #666;
}
.ul-list li .txt span{
	float:right;
}
.ul-list li .txt span a{
	color:#089745
}
.ul-list li .more{
	height: 42px;
	line-height: 42px;
	border-top: 1px dotted #e2e3e8;
	background-color: #f0f2f5;
	padding: 0 14px;
	display: none;
}
.ul-list li .more a{
	color: #e4392a;
}
.ul-list li .more a:hover{
	text-decoration: underline;
}
.ul-list li .title{
	height: 55px;
	margin-bottom: 20px;
}
.ul-list li .title span{
	float: left;
	border: 1px solid #e2e3e8;
	background-color: #f0f2f5;
	display: inline-block;
	text-align: center;
	padding: 6px 5px;
	margin-right: 15px;
}
.ul-list li .title span em{
	display: block;
	font-size: 16px;
}
.ul-list li .title h3{
	border-bottom: 1px solid #e2e3e8;
	overflow: hidden;
	height: 54px;
}

/*产品列表*/
.ul-case{
	margin: 0 -15px;
}
.ul-case li{
	float: left;
	width: 33.3333%;
	padding: 0 15px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
	box-sizing:border-box
}
.ul-case li .block{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.ul-case li .pic img{
	display: block;
	width: 100%;
	height:250px;
}
.ul-case li .txt{
	position: absolute;
	left: 0;
	top: 0%;
	width: 100%;
	height: 100%;
	background: url(alpha_blue_60.png) repeat;
	text-align: center;
	color: #fff;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	opacity:0;
}
.ul-case li .txt h5,.ul-case li .txt h3{color: #fff;}
.ul-case li .txt:hover{opacity:1;}
.ul-case li .txt b,.ul-case li .txt .pad{
	display: inline-block;
	vertical-align: middle;
}
.ul-case li .txt b{
	width: 0;
	height: 100%;
}
.ul-case li .txt h5{
	font-size: 16px;
}
.ul-case li .txt em{
	width: 100%;
	height: 0;
	border-bottom: 1px solid #fff;
	display: inline-block;
	margin: 20px 0 40px 0;
}
.ul-case li .txt h3{
	font-size: 18px;
	margin-bottom: 40px;
}
.ul-case li .txt .more{
	width: 122px;
	height: 45px;
	display: inline-block;
	text-align: center;
	line-height: 45px;
	background-color: #e4392a;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
}
.ul-case li .txt .more:hover{
	opacity: .8;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.ul-case li.on .txt{
	top: 0;
}

/* 产品详情navbox */
.navbox,.nav li,.nav li.current a,.nav li.selected a span,.nav li a.selected,.nav li a.selected span{background:#089745; }
.nav{width:160px;margin:0 auto;z-index:999; position:absolute; left:50%;margin-left:-80px;}
.nav li{height:39px;position:relative;z-index:999;}
.nav li.last{background:none;}
.nav li a{display:block;height:39px;overflow:hidden;}
.nav li a span{float:left;display:block;line-height:39px;font-size:14px;color:#fff;font-weight:800;cursor:pointer;width:100%;text-align:center;}
.nav li.selected a,.nav li a.selected{background-position:0 -60px;text-decoration:none;}
.nav li.selected a span,.nav li a.selected span{background-position:100% -60px;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:;position:absolute;top:39px;z-index:999;}
.nav li .submenu{border-style:solid;border-width:0px 1px 1px 0px;border-color:#ddd;width:160px;background:#fff;}
.nav li .submenu{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-moz-box-shadow:0 5px 5px #D3D3D3;-webkit-box-shadow:0 5px 5px #D3D3D3;box-shadow:0 5px 5px #D3D3D3;}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 1px #BEBEBE;}
.nav li .submenu li.last{border:none;}
.nav li .submenu li a{float:none;padding:0;text-align:center;line-height:38px;background:none; color:#089745;}
.nav li .submenu li a:hover{background:#ddd; color:#FFF; background:#089745}


.btn-success {
	color: #fff;
	background-color: #0b9444;
	border-width: 0;
	border-radius: 0;
	padding: 12px 30px;
	margin: 0 15px 20px 15px
}
.btn-success:hover {
	color: #fff;
	background-color: #0A69C8
}
.fy{text-align:center}

.about {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.about .about01{ position:absolute; z-index:-1; font-size:36px; color:#f5f4f4; top:150px;}
.about dl {

    overflow: hidden;
}
.about dt {
    width: 636px;
    float: right;
    overflow: hidden;
}
.about dt img{
	width:100%;
}
.about dd {
    width: 500px;
    padding-right: 10px;
    overflow: hidden;
    float: left;
}
.about dd h3 {
    font-size: 30px;
    line-height: 30px;
    color: #0b9444;
    font-weight: normal;
}
.about dd p {
    padding-top: 20px;
    height: 216px;
    font-size: 14px;
    line-height: 30px;
    color: #393030;
}
.about dd em {
    display: block;
    width: 200px;
    height: 32px;
    border: 3px solid #0b9444;
    text-align: center;
    line-height: 32px;
    font-size: 18px;
    background: #0b9444;
	font-style:normal;
}
.about dd em a{ color:#FFF}
.about dd h3 i {
    display: block;
    font: 46px/47px "Times New Roman";
    color: #e9e9e9;
    text-transform: uppercase;
}