.neifanwei{width:1200px; margin:0 auto; padding-top:8px;}
.title{

	width: 100%;

	float: left;

	margin-top: 30px;

}

.title h3{

	color: #444444;

	font-size: 22px;

	line-height: 34px;

}

.title h4{

	font-size: 16px;

	color: #444444;

	line-height: 20px; padding-bottom:10px;

}

.title p,.title p a{

	float: left;

	color: #666666;

	font-size: 12px;

	line-height: 20px;

}

.title p span{

	float: left;

}

.title p .sp{

	margin-right: 10px;

	margin-left: 10px;

}

.title p .red{

	color: #8cc82d;

}

.title .time{

	height: 80px;

	padding-left: 50px;

	background: url("../images/tel_10.png") left center no-repeat;

}

.title .time h3{

	font-weight: normal;

	color: #666666;

	font-size: 12px;

	margin-top: 12px;

}

.title .time h4{
	color: #8dc82e;
	font-size: 30px; font-weight:bold;
	line-height: 24px;
 

}

.about-nav{

	float: left;

	width: 100%;

	height: 58px;

	border-top: 1px solid #e5e5e5;

	border-bottom: 1px solid #e5e5e5;

	margin-top: 15px;

}

.about-nav ul{

	

	width: 580px; margin:0px auto;

	height: 60px; 

	margin-top: -1px;

}

.about-nav ul li{

	float: left;

}

.about-nav ul li a{

	width: 145px;

	line-height: 60px;

	text-align: center;

	color: #333333;

	font-size: 16px;

	display: block;

}

.about-nav ul li .red{

	background: #8dc82e;

	color: #fff;

}

.ab-con{

	float: left;

	width: 100%;

	margin-top: 30px;

	padding-bottom: 0px;

}

.a-title{

	width: 100%;

	float: left;

	color: #515050;

	font-size: 20px;

	line-height: 24px;

	font-weight: bold;

}

.a-title-r{

	color: #8cc82d;

	font-weight: bold;

	font-size: 14px;

	line-height: 24px;

	float: left;

	width: 100%;

}

.ab-l{

	width: 545px;

	margin-top: 30px;

}

.ab-l h2{

	font-weight: bold;

	color: #8cc82d;

	font-size: 16px;

}

.ab-l p{

	color: #868686;

	line-height: 24px;

	font-size: 12px;

	margin-top: 25px;

}

.line{

	float: left;

	width: 100%;

	margin-top: 40px;

	height: 11px;

	margin-bottom: 47px;

}

.ab2-l{

	float: left;

	width: 593px;

}

.ab2-l img{

	float: left;

	margin-bottom: 10px;

}

.ab2-r{

	width: 520px;

}

.ab2-r h2{

	font-size: 16px;

	font-weight: bold;

	line-height: 70px;

}

.ab2-r p{

	color: #868686;

	font-size: 12px;

	line-height: 22px;

}

.c-l{

	width: 480px;

}

.cul-text{

	float: left;

	width: 100%;

	margin-bottom: 20px;

}

.cul-text h2{

	font-size: 16px;

	font-weight: bold;

	line-height: 32px;

}

.cul-text p{

	color: #868686;

	font-size: 12px;

	line-height: 20px;

}

.down{

	float: left;

	width: 1200px;

	font-size: 14px;

	font-weight: normal;

	line-height: 60px;

}

.down tr{

/*	cursor: pointer;*/

	width: 1200px;

	border-bottom: 1px solid #e5e5e5;

}

.down .down-left{

	background: url("../images/dl_03_1.png") no-repeat left;

}

.down .down-left a{

	color: #444444;

	font-size: 14px;

	cursor: default;

}

.down .down-right a{

	display: block;

	width: 100%;

	height: 30px;

	float: left;

	background: url("../images/dr_1.png") top center no-repeat;

}

.download:hover .down-left a{

	color: #8cc82d;

}

.download:hover{

	background: #fafafa;

}

.download:hover .down-right a{

	background-position: bottom center; 

}

 

.fenlei{

	float: left;

	width: 100%;

	height: 27px;

	margin-bottom: 20px;

}

.fenlei span{

	float: left;

	color: #333;

	font-size: 14px;

	line-height: 27px;

}

.fenlei span b{

	font-weight: normal;

}

.fenlei a{

	display: block;

	border: 1px solid #e0e0e0;

	height: 25px;

	background: url("../images/del1_03.jpg") right  no-repeat;

	padding-left: 8px;

	padding-right: 24px;

	float: left;

	margin-left: 2px;

	margin-right: 2px;

	color: #333333;

	font-size: 14px;

	line-height: 25px;

}

.daohang{

	float: left;

	margin-bottom: 38px;

	width: 1160px;

	padding-left: 19px;

	padding-right: 19px;

	border: 1px solid #e0e0e0;

	padding-top: 10px;

	padding-bottom: 10px;

}

.daohang li{

	float: left;

	width: 100%;

	line-height: 40px;

}

.daohang .dashed{

	border-bottom: 1px dashed #e0e0e0;

}

.daohang li span{

	float: left;

	margin-left: 8px;

	font-size: 14px;

	color: #a0a0a0;

	margin-right: 20px;

}

.daohang li a{

	display: block;

	font-size: 14px;

	color: #333333;

	margin-right: 44px;

	float: left;

}

.daohang li a:hover{

	color: #8cc82d;

}

.pro{

	float: left;

	width: 1198px;

	border-left: 1px solid #e0e0e0;

	border-top: 1px solid #e0e0e0;

}

.pro td{

	border-right: 1px solid #e0e0e0;

	border-bottom: 1px solid #e0e0e0;

	padding: 22px;

}

.pro td a{

	display: block;

	float: left;

	width: 100%;

	height: 100%;

	transition:0.5s;

}

.pro td .pro-img1{

	width: 553px;

	height: 432px;

	overflow: hidden;

	float: left;

}
.pro td .pro-img2{

	width: 252px;

	height: 197px;

	overflow: hidden;

	float: left;

}
.pro td .pro-img2 img, .pro td .pro-img3 img, .pro td .pro-img1 img{
	display: block;
	width: 100%;
	height: 100%;
}

.pro td .pro-img3{

	width: 252px;

	height: 197px;

	overflow: hidden;

	float: right;

}

.pro td a:hover img{

	transform:scale(1.1,1.1);

}

.pro td a h2,.pro td a h3{

	float: left;

	width: 100%;

	font-weight: normal;

	text-align: center;

}

.pro td a h2{

	color: #333333;

}

.pro td a h3{

	color: #888888;

}

.pro .pro1 a h2{

	margin-top: 20px;

	line-height: 30px;

	font-size: 20px;

}

.pro .pro1 a h3{

	font-size: 14px;

}

.pro .pro2 a h2{

	margin-top: 10px;

	line-height: 20px;

	font-size: 13px;

}

.pro .pro2 a h3{

	font-size: 12px;

}

.pro .pro3 a h2{

	text-align: left;

	width: 50%;

	margin-top: 68px;

	font-size: 16px;

	line-height: 30px;

}

.pro .pro3 a h3{

	text-align: left;

	width: 50%;

	font-size: 12px;

}

.pro-box{

	float: left;

	width: 1198px;

	height: 512px;

	position: relative;

	border: 1px solid #f2f2f2;

	margin-bottom: 170px;

}

.pro-info{

	position: absolute;

	left: 0;

	top: 20px;

	width: 654px;

}

.pro-info .big-img{

	width: 634px;

	height: 464px;

}

.pro-info .imglist{

	position: relative;

	float: left;

	margin-top: 50px;

	overflow: hidden;

	width: 548px;

	height: 96px;

}

.pro-info .imglist ul{

	float: left;

	width: 1000%;

}

.pro-info .imglist ul li{

	float: left;

	width: 97px;

	height: 70px;

	padding: 10px;

	margin-right: 20px;

	border: 1px solid #f2f2f2;

	box-shadow: 2px 2px 2px #f2f2f2;

	cursor: pointer;

}

.pro-info .imglist ul .active{

	border: 1px solid #8cc82d;

}

.pro-txt{

	float: right;

	width: 456px;

	height: 494px;

	margin-top: 20px;

	margin-right: 30px;

}

.pro-txt h2{

	float: left;

	width: 100%;

	color: #333333;

	font-size: 24px;

	font-weight: normal;

	line-height: 40px;

	margin-top: 10px;

	margin-bottom: 6px;

}

.pro-txt p{

	font-size: 12px;

	color: #888888;

	line-height: 24px;

	float: left;

	width: 100%;

}

.pr-t{

	margin-top: 44px;

	float: left;

	width: 100%;

}

.app-box{

	float: left;

	width: 1200px;

	height: 608px;

	position: relative;

	overflow: hidden;

}

.app-out{

	float: left;

	width: 1200px;

	height: 608px;

	position: relative;



}

.app-box .app{

	position: absolute;

	left: 0;

	top: 0;

	width: 1000%;

	height: 606px;

}

.app-box .app li{

	float: left;

	width: 1200px;

}

.app-left{

	float: left;

	width: 847px;

	height: 606px;

}

.app-big-img{

	float: left;

	width: 847px;

	height: 515px;

}

.app-left .img-list{

	float: left;

	width: 384px;

	height: 80px;

	overflow: hidden;

	margin-top: 20px;

}

.app-left .img-list ul {

	float: left;

	width: 1000%;

	height: 80px;

}

.app-left .img-list li{

	float: left;

	width: 118px;

	height: 80px;

	margin-right: 10px;

	opacity: 0.8;

	filter:alpha(opacity=80);

	cursor: pointer;

}

.app-left .img-list .active{

	width: 112px;

	height: 66px;

	border: 3px solid #8cc82d;

	opacity: 1;

}

.app-right{

	float: right;

	width: 276px;

	height: 598px;

	margin-right: 18px;

	padding-left: 20px;

	border-left: 1px solid #f2f2f2;

	position: relative;

}

.app-right .red-span{

	width: 4px;

	height: 30px;

	background: #b62200;

	position: absolute;

	left: 0;

	top: 34px;

}

.app-right h2{

	font-weight: normal;

	color: #333333;

	font-size: 20px;

	line-height: 40px;

	float: left;

	margin-bottom: 20px;

	width: 100%;

}

.app-right .con{

	float: left;

	width: 100%;

}

.app-right .con p{

	color: #888888;

	font-style: 12px;

	line-height: 24px;

}

.app-right .grey-span{

	float: left;

	width: 9px;

	height: 2px;

	background: #666666;

	margin-top: 26px;

	margin-bottom: 26px;

}

.app-right .con p span{

	color: #000000;

}

.app-right a{

	display: block;

	position: absolute;

	width: 62px;

	height: 28px;

	text-align: center;

	border: 1px solid #b2b2b2;

	line-height: 28px;

	font-size: 14px;

	color: #b2b2b2;

	bottom: 34px;

	right: -2px;

}

.app-right a:hover{

	width: 64px;

	height: 30px;

	line-height: 30px;

	color: #fff;

	background: #8cc82d;

	border: 0 none;

}

.app-btn{

	position: absolute;

	width: 50px;

	right: 238px;

	bottom: 46px;

	height: 24px;

}

.app-btn span{

	width: 24px;

	height: 24px;

	cursor: pointer;

}

.app-btn .app-btn-left{

	background: url("../images/btn_03_1.png") no-repeat;

}

.app-btn .app-btn-left:hover{

	background: url("../images/opbtnl.png") no-repeat;

}

.app-btn .app-btn-right{

	background: url("../images/opbtnr_1.png") no-repeat;

}

.app-btn .app-btn-right:hover{

	background: url("../images/btn_05.png") no-repeat;

}

.guwen{

	float: left;

	width: 100%;

	text-align: center;

	color: #8cc82d;

	font-weight: bold;

	font-size: 30px;

	line-height: 50px;

}

.guwen2{

	float: left;

	width: 100%;

	text-align: center;

	font-size: 14px;

	line-height: 30px;

	font-weight: bold;

	color: #333333;

}

.guwen4{

	float: left;

	margin-top: 30px;

}

.guwen4 li{

	float: left;

	margin-right: 40px;

	margin-bottom: 40px;

}

.guwen4 li a{

	float: left;

	display: block;

	width: 505px;

	height: 106px;

	padding-left: 25px;

	padding-right: 25px;

	padding-top: 42px;

	padding-bottom: 42px;

	background: #f2f2f2;

	transition:0.5s;

}

.guwen4 li a:hover{

	background: #8cc82d;

}

.guwen4 li a:hover h3,.guwen4 li a:hover h4,.guwen4 li a:hover p{

	color: #fff;

}

.guwen4 li a:hover img{

	transform:scale(1.1,1.1);

}

.guwen-a .img-div{

	float: left;

	width: 173px;

	height: 106px;

	display: block;

	overflow: hidden;

}

.txt-div{

	height: 100%;

	width: 310px;

	float: right;

}

.txt-div h3{

	color: #adadad;

	font-size: 12px;

	font-weight: normal;

	line-height: 24px;

}

.txt-div h4{

	color: #232323;

	font-size: 15px;

	line-height: 30px;

	font-weight: normal;

}

.txt-div p{

	font-size: 12px;

	color: #666666;

	line-height: 20px;

}

.guwen3{

	float: left;

	width: 100%;

	height: 2px;

	text-align: center;

	position: relative;

	margin-top: 26px;

}

.guwen3 span{

	width: 74px;

	height: 2px;

	background: #8cc82d;

	display: block;

	position: absolute;

	left: 50%;

	margin-left: -37px;

}

.fangwei{

	float: left;

	width: 100%;

	color: #8cc82d;

	font-size: 36px;

	line-height: 60px;

	margin-top: 40px;

	text-align: center;

}

.ma-line{

	width: 712px;

	height: 62px;

	float: left;

	left: 50%;

	margin-left: -356px;

	position: absolute;

	top: 190px;

}

.ma-line .ma{

	float: left;

	width: 506px;

	height: 60px;

	padding-left: 20px;

	background: #f5f5f5;

	border: 1px solid #e6e6e6;

	line-height: 60px;

	font-size: 16px;

	color: #818181;

	line-height: 60px;

}

.ma-line .query{

	width: 160px;

	height: 62px;

	background: #8cc82d;

	border: 0 none;

	float: right;

	color: #fff;

	text-align: center;

	font-size: 18px;

	line-height: 62px;

}

.app-nav{

	float: left;

	width: 100%;

	height: 48px;

	border-bottom: 1px solid #e5e5e5;

}

.app-nav li{

	float: left;

	margin-right: 20px;

}

.app-nav li a{

	display: block;

	padding-left: 11px;

	padding-right: 11px;

	line-height: 48px;

	height: 48px;

	color: #000000;

	font-size: 14px;

}

.app-nav li .app-nav-red{

	color: #8cc82d;

	border-bottom: 2px solid #8cc82d;

}

.app-nav li a:hover{

	color: #8cc82d;

	border-bottom: 2px solid #8cc82d;

}

.content{

	float: left;

	width: 1200px;

	margin-top: 30px;

}

#container{

	margin: 0 auto;

	width: 1200px;

	position: relative;

}

.grid{

	width: 280px;

	min-height: 100px;

	float: left;

	margin-left: 20px;

	margin-bottom: 20px;

}

.grid .imgholder{

	position: relative;

	overflow: hidden;

}

.imgholder .cover{

	position: absolute;

	width: 100%;

	height: 100%;

	background: url("../images/redp_1.png") repeat;

	z-index: 4;

	display: block;

	left: 0;

	top: 0;

	text-align: center;

	font-size: 14px;

	color: #fff;

	display: none;

}

.imgholder .cover i{

	display: block;

	height: 60px;

	width: 100%;

	top: 50%;

	margin-top: -30px;

	background: url("../images/eye.png") no-repeat top center;

	position: relative;

	padding-top: 36px;

}

.imgholder img{

	max-width: 100%;

	display: block;

}

.case-box{

	float: left;

	width: 1220px;

}

.case-box li{

	float: left;

	margin-right: 74px;

	margin-bottom: 30px;

}

.case-box li a{

	display: block;

	float: left;

	width: 100%;

	height: 100%;

	text-align: center;

	cursor: default;

}

.case-box .case-img{

	width: 168px;

	height: 168px;

	border: 1px solid #f2f2f2;

	box-shadow: 2px 2px #f2f2f2;

}

.case-box h3{

	font-weight: normal;

	font-size: 14px;

	color: #444444;

	line-height: 28px;

	margin-top: 5px;

}

.case-line{

	float: left;

	width: 100%;

	height: 2px;

	background: #e5e5e5;

	margin-top: 30px;

}

.year{

	float: left;

	width: 1200px;

	position: relative;

	height: 105px;

}

.year .yl{

	position: absolute;

	display: block;

	width: 21px;

	height: 31px;

	left: 0;

	top: 36px;

	background: url("../images/ybtn_11.jpg") no-repeat;

	z-index: 5;

}

.year .yr{

	position: absolute;

	display: block;

	width: 21px;

	height: 31px;

	right: 0;

	top: 36px;

	background: url("../images/ybtn_14.jpg") no-repeat;

	z-index: 5;

}

.yline{

	float: left;

	height: 105px;

	width: 1164px;

	margin-left: 22px;

	position: relative;

}

.yline ul{

	position: absolute;

	left: 0;

	top: 0;

	width: 1000%;

}

.yline li{

	float: left;

	width: 194px;

	height: 105px;

	background: url("../images/yea_06_1.jpg") no-repeat bottom center;

	text-align: center;

	font-size: 26px;

	color: #8cc82d;

}

.yline li span{

	font-size: 16px;

	margin-left: 4px;

}

.yline .ulon{

	background: url("../images/yea_08_1.jpg") no-repeat bottom center;

}

.dev-con{

	float: left;

	padding-left: 70px;

	padding-right: 70px;

	width: 1060px;

	padding-top: 56px;

	padding-bottom: 96px;

	background: #f5f5f5;

}

.dev-box{

	float: left;

	width: 1060px;

	background: url("../images/debg_1.jpg") repeat;

}

.dev-list{

	float: left;

	width: 100%;

}

.dev-list dt{

	float: left;

	width: 40px;

	padding-right: 17px;

	background: url("../images/dot_1.png") no-repeat right center;

	color: #8cc82d;

	font-size: 16px;

	font-weight: bold;

	line-height: 40px;

	text-align: right;

}

.dev-list dd{

	float: right;

	width: 988px;

}

.dev-list dd p{

	color: #666666;

	font-size: 14px;

	line-height: 40px;

	float: left;

	width: 100%;

}

.dev-list dd p img{

	margin-top: 10px;

	margin-bottom: 10px;

}

.case-info-box{

	width: 100%;

	float: left;

}

.case-cent{

	width: 1055px;

	float: left;

	left: 50%;

	margin-left: -528px;

	position: relative;

}

.case-big-img{

	float: left;

	width: 1055px;

	height: 555px;

}

.case-cent .img-list{

	float: left;

	width: 384px;

	height: 72px;

	margin-top: 10px;

}

.case-cent .img-list li{

	float: left;

	width: 118px;

	height: 72px;

	margin-right: 10px;

	cursor: pointer;

	opacity: 0.8;

	filter:alpha(opacity=80);

}

.case-cent .img-list .active{

	width: 112px;

	height: 66px;

	border: 3px solid #8cc82d;

	opacity: 1;

	filter:alpha(opacity=100);

}

.case-cent span{

	position: absolute;

	width: 61px;

	height: 61px;

	cursor: pointer;

}

.case-cent .prev{

	left: -71px;

	top: 266px;

	background: url("../images/clg.png") no-repeat;

}

.case-cent .prev:hover{

	background: url("../images/clr.png") no-repeat;

}

.case-cent .next{

	right: -71px;

	top: 266px;

	background: url("../images/crg.png") no-repeat;

}

.case-cent .next:hover{

	background: url("../images/crr.png") no-repeat;

}