body {margin:0px auto; font-size:16px; line-height:30px; color:#333;text-align:center;background: #fff;font-family: "Microsoft YaHei";}
* {margin:0px; padding:0px; border:0px;}
.left {float:left}
.right { float:right;}
.clear { clear:both;}
a { color:#333;text-decoration: none;}
ul,li { list-style:none; float:left;}
ul li { float:left;}

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



/*top*/
#top {
    width: 100%;
    height: 133px;
    margin: 0px auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: #fff;
}
#top .logo{
    float: left;
    height: 100%;
    margin-left: 3%;
}
/*search*/
#top #search{
    float: right;
    height: 100%;
    position: relative;
}
#top #search img{
	float:left;
	height: 100%;
}
#form1{
    position: absolute;
    top: 133px;
    right: 0;
    width: 320px;
    height: 60px;
    background: #3e8922;
	display:none;
}
#form1 label{
	float: left;
	width:100%;
}
#form1 label .ss{
    float: left;
    width: 215px;
    height: 32px;
    line-height: 32px;
    margin: 14px 0 0 14px;
    font-size: 14px;
    color: #999;
}
#form1 label .bb1{
    float: left;
    width: 70px;
    height: 32px;
    line-height: 32px;
    margin-top: 14px;
    background: #dcc43b;
    font-size: 14px;
    color: #fff;
}

/*nav*/
#menu-all{
    float: right;
    width: 58%;
    height: 133px;
}
#menu-all .iscro{
    width: 100%;
    margin: 0 auto;
}
#navigation { 
	list-style-type:none;
	width:100%;
	height: 133px;
} 
#navigation li ul { 
	list-style-type:none;
} 
#navigation {
} 
#navigation li { 
    float: left;
    width: 14.2%;
    height: 133px;
    text-align: center;
    position: relative;
} 
#navigation li ul{width:100%;}
#navigation li ul li{
    width: 100%;
    height: 50px;
    background: #48b71d;
}
#navigation li a:link, #navigation li a:visited { 
    display: inline-block;
    color: #333;
    width: 100%;
    line-height: 133px;
    height: 133px;
    font-size: 22px;
    border: none;
    top: 0;
} 
#navigation li a:hover { 
    background: #48b71d;
    color: #fff; 
} 
#navigation li ul li a:link, #navigation li ul li a:visited { 
    display: inline-block;
    color: #fff;
    width: 100%;
    line-height: 50px;
    height: 50px;
    font-size: 18px;
    border: none;
    top: 0;
    letter-spacing: 2px;
}
#navigation li ul li a:hover {  
	background: #3e8922;
} 
#navigation li ul { 
    position: absolute;
    top: 133px;
    left: 0;
    width: 100%;
    z-index: 99;
	display: none;
} 
#navigation li ul li ul { 
	display:none; 
	position:absolute; 
	top:0px; 
	left:130px; 
	margin-top:0; 
	margin-left:1px; 
	width:100%; 
}

@media screen and (min-height: 700px) and (max-height: 800px) {
	#top {
    	height: 110px;
	}
	#form1{
    	top: 110px;
	}
	#navigation { 
		height: 110px;
	}
	#navigation li { 
		height: 110px;
	}
	#navigation li a:link, #navigation li a:visited { 
		line-height: 110px;
		height: 110px;
		font-size: 20px;
	} 
	#navigation li ul { 
		top: 110px;
	}
	#navigation li ul li a:link, #navigation li ul li a:visited { 
		font-size: 16px;
	}
}
@media screen and (max-height: 700px) {
	#top {
    	height: 90px;
	}
	#form1{
    	top: 90px;
	}
	#navigation { 
		height: 90px;
	}
	#navigation li { 
		height: 90px;
	}
	#navigation li a:link, #navigation li a:visited { 
		line-height: 90px;
		height: 90px;
		font-size: 20px;
	} 
	#navigation li ul { 
		top: 90px;
	}
	#navigation li ul li a:link, #navigation li ul li a:visited { 
		font-size: 16px;
	}
}

/*主体*/
/*page1*/
.page1 .inner2 img{
    width: 71%;
    margin-top: 24%;	
}
/*page2*/
.inner2{/*width:1194px;*/margin:0 auto;width:60%;}
.inner2 .title{
	width: 471px;
    margin: 20% auto 0 auto;
    overflow: hidden;
}
.inner2 .title img{
	float: left;
    width: 100%;
}
.inner2 .ul2{
    float: left;
    width: 100%;
    margin-top: 6%;
}
.inner2 .ul2 li{
    float: left;
   	width: 19%;
    margin: 0 3%;
}
.inner2 .ul2 li img{
	float:left;
	width:100%;
}
.inner2 .ul2 li p{
    float: left;
    width: 100%;
    line-height: 30px;
    font-size: 20px;
    margin-top: 20%;
    text-align: left;
}
@media screen and (min-height: 700px) and (max-height: 800px) {
	.inner2 .ul2 li p{
		margin-top: 16%;
		font-size: 16px;
	}
}
@media screen and (max-height: 700px) {
	.inner2 .ul2 li p{
		margin-top: 12%;
		font-size: 16px;
	}
}

/*page3*/
.ul3{
    float: left;
    width: 100%;
    height: 42%;
    margin-top: 6%;
}
.ul3 li{
    float: left;
    width: 25%;
    height: 100%;
    background: url(../img/floor3_01.jpg) center no-repeat;
}
.ul3 li a{
    display: inline-block;
    float: left;
    width: 100%;
    height: 100%;
    color: #fff;
}
.ul3 li a:hover{
	background: url(../img/floor3_bg.png) center!important;
}
.ul3 li a .txt{
    float: left;
    width: 100%;
    position: relative;
    top: 50%;
}
.ul3 li a p{
    float: left;
    width: 100%;
    height: 54px;
    line-height: 54px;
    font-size: 22px;
    margin-top: 4%;
}
.ul3 li a span{
    float: left;
    width: 80%;
    height: 66px;
    text-align: left;
    line-height: 22px;
    margin: 0 10% 23.53% 10%;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media screen and (max-height: 800px) {
	.ul3 li a p{
		font-size: 20px;
	}
	.ul3 li a span{
		font-size: 14px;
	}
	.ul3{
		height: 48%;
		margin-top: 4%;
	}
}

/*page4*/
/*floor2*/
.floor2{
    float: left;
    width: 100%;
}
.nTab{
    float: left;
    width: 100%;
}
.inner2 .title4 {
    float: left;
    width: 142px;
    margin: 20% 0 0 10px;
}
.nTab .TabTitle{
    float: right;
    width: 50%;
    height: 50px;
    margin: 21% 10px 0 0;
}
.nTab #myTab0{
	float:left;
	width:100%;
}
.nTab #myTab0 li{
    float: left;
    width: 27%;
    line-height: 50px;
    margin-right: 6%;
}
.nTab #myTab0 li.active{background: #85b71a;}
.nTab #myTab0 li a{
    display:inline-block;
	float: left;
    width: 100%;
    line-height: 50px;
    font-size:18px;
	color:#fff;
}
.nTab #myTab0 li a:hover{
    background: #85b71a;
}
.TabContent{
	float:left;
	width:100%;
	margin-top:4%;
}
.TabContent #myTab0_Content0{
	float:left;
	width:100%;
}
.none{ display:none}

.top3{
    float: left;
    width: 100%;
}
.top3 img{
    float: left;
    width: 100%;
    height: 204px;
}
.top3 .top3_main{
    float: left;
    width: 27%;
    margin: 0 3%;
    text-align: left;
    border: 1px solid #e3e3e3;
}
.top3 .top3_main .top3_title{
    float: left;
    width: 90%;
    height: 48px;
    margin: 5% 5% 0;
    line-height: 24px;
    text-align: left;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.top3 .top3_main .top3_txt{
    float: left;
    width: 90%;
    margin: 1% 5% 0;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
}
.top3_txt img{ display:none}
.top3 .top3_main .top3_txt p{
    float: left;
    width: 100%;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.top3 .top3_main .top3_txt div{
    float: left;
    width: 100%;
    line-height: 24px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
}
.top3 .top3_main .top3_txt span{
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    color: #666;
}
.top3 .top3_main .top3_txt img{
    display:none;
}
.top3 .top3_main span{
    display: inline-block;
    float: left;
    width: 90%;
    height: 24px;
    line-height: 24px;
	margin: 2% 5% 0;
    text-align: left;
    font-size: 16px;
}
.top3 .top3_more{
    display: inline-block;
    float: left;
    width: 44%;
    height: 36px;
    line-height: 36px;
    border: 1px solid #4e4e4e;
    text-align: center;
    margin: 10% 28% 10% 28%;
    font-size: 14px;
    overflow: hidden;
}
.top3 .top3_more:hover{
	background: #48b71d;
    color: #fff;
	border: 1px solid #48b71d;
}
@media screen and (min-height: 700px) and (max-height: 800px) {
	.top3 .top3_main .top3_txt{
        display: none;
    }
}
@media screen and (max-height: 700px) {
	.top3 .top3_main .top3_txt{
        display: none;
    }
	.top3 .top3_main span{display: none;}
}
@media screen and (max-height: 800px) {
	.top3 .top3_main .top3_title{
		font-size: 16px;
	}
}
/*page5*/
.page5_main{
	float:left;
	width:100%;
}
.page5_main iframe{
    float: left;
    width: 51.8%;
    height: 41%;
    margin-top: 2.2%;
}
.page5_main .txt{
    float: left;
    width: 44%;
    margin-top: 2.2%;
    margin-left: 3.8%;
}
.page5_main .txt p{
    float: left;
    width: 100%;
    line-height: 34px;
    font-size: 20px;
    text-align: left;
    margin-bottom: 9px;
    letter-spacing: 1px;
}
.page5_main .hzdw{
    float: left;
    width: 100%;
    margin-top: 5%;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
}
.page5_main .hzdw a{
	font-size: 18px;
    font-weight: bold;
}
.page5_main .jszc{
	float: left;
    width: 100%;
    margin-top: 4%;
    line-height: 30px;
    font-size: 14px;
}
.page5_main .jszc a{
	font-size: 14px;
}
@media screen and (min-height: 700px) and (max-height: 800px) {
	.page5_main .hzdw{
		margin-top: 3%;
		font-size: 18px;
	}
	.page5_main .hzdw a{
		font-size: 18px;
	}
	.page5_main .jszc{
		margin-top: 2%;
	}
	.page5_main .txt p{
		line-height: 30px;
		font-size: 18px;
	}
}
@media screen and (max-height: 700px) {
	.page5_main iframe{
        height: 36%;
    }
	.page5_main .txt p.phone{
		margin-top: 10%!important;
		font-size: 18px;
	}
	.page5_main .hzdw{
		margin-top: 3%;
		font-size: 16px;
	}
	.page5_main .hzdw a{
		font-size: 16px;
	}
	.page5_main .jszc{
		margin-top: 1%;
	}
	.page5_main .txt p{
		line-height: 30px;
		font-size: 16px;
	}
}


/*新闻动态*/
#main-all{
    float: left;
    width: 100%;
    margin-top: 133px;
}
#main-all #main{
    float: left;
    width: 100%;
}
#main-all #main #left{
    float: left;
    width: 100%;
}
#left #pro{
    float: left;
    width: 100%;
}
#left #pro .bq-top{
    float: left;
    width: 100%;
}
#left #pro .small-menu{
/*    float: left;
    width: 100%;
    height: 50px;
    background: url(../img/menu_bg.png) center repeat;*/
	float: left;
    width: 100%;
    height: 50px;
    background: #48b71d;
}
#pro .small-menu ul{
    float: left;
    width: 62.5%;
    margin: 0 18.75%;
}
#pro .small-menu ul li{
    float: left;
    width: 25%;
    height: 50px;
    line-height: 50px;
}
#pro .small-menu ul li a{
    display: inline-block;
    float: left;
    width: 100%;
    font-weight: bold;
    letter-spacing: 2px;
	color: #fff;
}
#pro .small-menu ul li a:hover{
	background: #3e8922;
	/*background: url(../img/menu_bg2.png) center repeat;*/
}

#right{
	float:left;
	width:100%;
}
#zi-content {
    float: left;
    width: 100%;
}
#zi-bq {
    float: left;
    width: 100%;
    height: 50px;
    margin-top: 20px;
}
#zi-bq .aa {width: 7px; height:30px; background:url(zi-bq.jpg) repeat-x; float:left}
#zi-bq .bb {
    margin-left: 1%;
    line-height: 50px;
    float: left;
    text-align: left;
}
#zi-bq .bb .bq-c{
    display: inline-block;
    font-size: 22px;
    color: #4baf25;
    height: 48px;
    border-bottom: 2px solid #48b71d;
    letter-spacing: 2px;
}
#zi-bq .bb .bq-e{
	font-size: 22px;
    color: #4baf25;
}
#zi-bq .position { 
    height: 50px;
    line-height: 50px;
    background: url(position.gif) left center no-repeat;
    float: right;
    padding-right: 1%;
}
#zi-con {
    width: 98%;
    float: left;
    text-align: left;
    margin: 22px 1%;
}
#zi-con1 {
    width: 98%;
    float: left;
    text-align: left;
    margin: 30px 1%;
    text-indent: 2em;
}

#zi-con .pro-ll1 {
    width: 100%;
    float: left;
	border-bottom: 1px solid #ccc;
}
#zi-con .pro-pic1 {
    float: left;
    width: 25%;
    height: 200px;
    margin: 15px 3% 25px 0;
    overflow: hidden;
}
#zi-con .pro-pic2 {
	float: left;
    width: 72%;
}
#zi-con .pro-pic1 img {
    width: 100%;
    height: 200px;
}
#zi-con .pro-text1 {
    float: left;
    height: 40px;
    line-height: 40px;
    clear: both;
    margin: 30px 0 15px;
    width: 75%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pro-text1 a{
    font-size: 20px;
    color: #333;
}
.pro-text1 a:hover{
    color: #48b71d;
}
.pro-time {
    width: 18%;
    height: 100px;
    line-height: 100px;
    float: right;
    font-size: 26px;
    margin-top: 60px;
    border-left: 1px solid #ccc;
    background: url(../img/li_1.png) right no-repeat;
    padding-left: 3%;
}
.pro-time a{color:#cacaca;}
.pro-main {
    width: 75%;
    height: 90px;
    line-height: 30px;
    margin: 10px 0;
    float: left;
	text-indent: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;	;
}
.pro-main img{display:none!important;}
.pro-main a{
    font-size: 16px;
    color: #555;
}
.pro-main img {display:none;}

#zi-con .pro-ll3 {
    width: 28%;
    float: left;
    margin: 0 2.6%;
}
#zi-con .pro-ll3 .pro-pic3 {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
#zi-con .pro-ll3 .pro-pic3 a{
    display: inline-block;
    float: left;
    width: 100%;
    line-height: 40px;
    text-align: center;
}
#zi-con .pro-ll3 .pro-pic3 a img{
    float: left;
    width: 100%;
    height: 230px;
}

#zi-productshow{
	float:left;
	width:96%;
	margin: 15px 2% 100px;
}
#zi-pro-inf{
    float: left;
    width: 100%;
    line-height: 36px;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}
#zi-pro-pic{
	float: left;
    width: 100%;	
}
#zi-pro-pic img{
	float: left;
    width: 80%;
	margin:0 10%;
	text-indent:0;	
}
#pp-jianjie{
    float: left;
    width: 100%;
	text-align:left;
	text-indent:2em;
	line-height:36px;	
}
#pp-jianjie img{
    float: left;
    width: 80%;
	margin:10px 10%;
	text-indent:0;	
}


.ye{
    float: left;
    width: 100%;
    text-align: center;
    margin: 50px 0;
}
.ye font{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #bbb;
    color: #666;
	margin: 0 5px;	
}
.ye strong{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #bbb;
    color: #fff;
    margin: 0 5px;
    background: #48b71d;	
}
.ye a{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #bbb;
    color: #666;
	margin: 0 5px;	
}
.ye a:hover{
	color: #fff;
	background: #48b71d;	
}




/*产品类别*/
#pro-li {width:268px;text-align:left;}
#pro-li ul li {width:267px; height:33px; background:url(pro-out.jpg) repeat-x; line-height:33px;}
a.pp:link {width:219px; padding-left:48px; height:33px; line-height:33px; background:url(pro-out.jpg) repeat-x; color:#4b4b4b;text-decoration:none;display:block;}
a.pp:visited {width:219px;padding-left:48px; height:33px; line-height:33px; background:url(pro-out.jpg) repeat-x; color:#4b4b4b;text-decoration:none;display:block;}
a.pp:hover {width:219px;padding-left:48px; height:33px; line-height:33px; background:url(pro-over.jpg) repeat-x; color:#000000; text-decoration:none;display:block;}
a.pp:active {width:219px;padding-left:48px;height:33px; line-height:33px; background:url(pro-out.jpg) repeat-x; color:#4b4b4b;text-decoration:none; display:block;}

/*⑨thispage⑨*/
#contact {width:268px;text-align:left;}
#contact-con {width:251px; padding-top:12px;padding-right:8px;padding-bottom:8px;padding-left:8px; clear:both}
#contact-li {width:245px;}
#contact-li  ul li {width:245px; height:25px; line-height:25px; background:url(123.jpg) left center no-repeat;}
#contact-img {width:251px; height:52px; margin-bottom:11px;}

#contact-inf {width:632px; height:345px; line-height:32px; font-size:14px; padding-left:40px; padding-top:20px; background:url(contact-bg.jpg) right bottom no-repeat;}


/*flash*/
#flash {width:693px; height:125px; margin-bottom:8px;}

/*关于我们*/
#about {width:694px;}




/*首页选项卡新闻*/
#news-ll { width:385px; height:72px; border-bottom:1px dashed #cecece;}
.news-t { width:385px;color:#e20000; font-weight:bold;}
.news-text {width:385px; line-height:20px;}
.news-title {width:250px; height:24px; float:left; text-align:left;}
.news-time { width:100px; height:24px; line-height:24px; text-align:center; float:left;}
#news-li {width:385px;}
#news-li ul li {width:370px; padding-left:15px; height:24px; line-height:24px; background:url(123.jpg) left center no-repeat;}

/*子页新闻*/
#news {width:652px;}
#news ul li {width:642px; height:32px; margin-left:10px;  border-bottom:1px dashed #d5d5d5;  background:url(123.jpg) left center no-repeat;}
.t1 { width:550px; height:32px; line-height:32px; float:left; }
.t2 {width:70px; height:32px; line-height:32px; text-align:center; float:left;}

#zi-newshow {width:660px; padding-left:6px;padding-right:6px;}
#newshow-title {width:660px; height:36px; font-size:14px; color:#E20000; font-weight:bold; line-height:36px; text-align:center;}
#newshow-time {width:660px; height:24px; color:#666666; text-align:center; background:#e3e3e3;margin-bottom:15px;}
#newshow-con {width:660px;text-align:left;}



/*产品展示*/
#product {width: 692px;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5; margin-top:8px; float:left;}
#product-top { width:692px; height:29px;background:url(right-bq.jpg) repeat-x; padding-bottom:2px; float:left}
#product-bq {width:95px; height:29px; background:url(bq-over.jpg) no-repeat; line-height:29px; text-align:center; color:#FFFFFF; font-weight:bold; float:left;}
#product-con {width:672px;_width:693px; height:241px;height:241px\9;*height:241px;_height:230px;padding-left:10px; padding-top:13px; padding-right:10px; background:#ededed; float:left; }
#product-con ul li { width:224px; margin-bottom:15px;float:left; }
.product-img {width:140px; height:120px; margin-right:12px;border:1px solid #dddddd;}
.roduct-img img {width:118px; height:104px; }
.pro-small { width:90px; line-height:20px;}
.pro-small p {width:90px; background:url(123.jpg) left center no-repeat;}
.STYLE00 {
	color: #212121;
	font-weight: bold;
}




/*job*/
.job {width:652px; padding:10px; background:#eaeaea;text-align:left;}
.job-title {font-size:14px; font-weight:bold; color:#FF3333; width:650px;  margin-bottom:8px;height:30px; line-height:30px; border:1px solid #d6d6d6; background:#f6f6f6;}

/*guestbook*/
#gustbook {width:550px; margin-left:60px; margin-top:30px; line-height:35px;}
#gustbook form input {width:290px; height:20px; line-height:20px;border:1px solid #c1ced9}
#gustbook form textarea {width:390px;  border:1px solid #c1ced9}
#gustbook form p {margin-bottom:15px;}
.STYLE1 {color: #E40C0D}
#gustbook form input.bb {width:44px; height:20px; background:url(b.gif) no-repeat; border:none;}


#zi-lyshow {width:672px;text-align:left;}
#see {width:672px; text-align:center;}
.g-name {width:672px; background:#edeeef; height:25px; line-height:25px; margin-bottom:6px;}
.g-name1 {width:300px; height:25px; line-height:25px; float:left; padding-left:6px;}
.g-name-pic {width:40px; height:25px; background:#1653ab; float:left; text-align:center; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
.g-name-time {width:150px; height:25px; color:#666666; float:right; text-align:center;}
.g-danwei {width:626px; height:24px;padding-left:46px;}
.g-tel {width:300px;padding-left:46px; height:24px; float:left}
.g-email {width:314px;padding:6px; height:12px; line-height:12px; float:left}
.g-message {width:626px; height:24px;padding-left:46px;}
.g-reply {width:572px; height:24px; padding-left:100px;}


/*底部*/
#bottom {
    float: left;
    width: 100%;
    background: #333;
    color: #fff;
    margin-top: 80px;
}
#bottom .txt{
    float: left;
    width: 100%;
    margin-top: 60px;	
}
#bottom .txt p{
	float: left;
    width: 100%;
	line-height:36px;
}
#bottom .hzdw{
    float: left;
    width: 100%;
    line-height: 36px;
    margin-top: 20px;
}
#bottom .hzdw a{
	color: #fff;
}
#bottom .jszc{
    float: left;
    width: 100%;
    line-height: 36px;
    margin-bottom: 60px;
}
#bottom .jszc a{
	color: #fff;
}
#bottom a:hover{
	text-decoration: underline;
}