@charset "utf-8";
/* Style Reset */
*{margin:0; padding:0;list-style:none;}
.clear { clear:both; }.fr{ float:right}.fl{ float:left}
body{color:#217fbb; font:"宋体"; background:#fff; width:100%; }
a{
	text-decoration:none;
	outline:0px;
	color:#333;
	font-family:微软雅黑
}
.mingc { width:100%; height:50px; line-height:50px; border-bottom:1px dotted #fff;font-weight:bold; font-size:19px; text-align:center; color:#fff;  float:left; background-color:#017cbf;}


.sydh { width:100%; height:30px; font-size:16px; color:#FFFFFF; background-color:#2669b5; float:left;}
.nav_new{
	width:100%; margin: 0 auto;
	
}
.nav_new ul li{ 
	width: 25%;
	height: 0.5rem;
	float: left;
	text-align: center; margin:1% 0;
 	
}

.tpp ul li:nth-child(even){ }
.boo ul li:nth-child(odd){ }
.tpp{background:#2269d5; }
.boo{background:#2269d5;}

.nav_new ul li a{
	display: inline-block;
	/* padding:80%; */
	color:#ffffff;
	
	font-size: 0.21rem;
	font-family: "microsoft yahei";
	
	height: 0.5rem;
	line-height: 0.5rem;
}
.nav_new ul li a:nth-child(4){
	border:none!important;
}
.nav_new ul li a:last-child{
	border:none;
}

.sycpdh { width:100%; height:26px; font-size:26px; line-height:26px;  color:#71bc2e; float:right; text-align:center;  text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} 
.sycpdh1 {width:100%; height:35px; color:#71bc2e;float:left; background-image:url(../images/dhbj.jpg); background-repeat:repeat-x; margin-bottom:10px;}
.sycpdh2 { width:200px; height:35px; line-height:35px; font-size:25px; text-align:center; margin:0px auto; background-color:#FFFFFF;}
.sycp1 { width:770px; height:490px; float:right;}


 /* header */
 .wrap{ margin:0 auto; width:100%; max-width:840px;overflow:auto; overflow-x:hidden; background:#fff; padding-bottom:80px; }
.padding20{ margin:2% 3% 4%; border-radius:10px; background:#fff; padding:3%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; color:#525050;border:1px solid #c6c6c6;float:left;width:94%; text-align:justify; line-height:180%; min-height:300px;}
.content{ float:left;width:100%; }
.header{ float:left;width:100%; min-height:35px;border-bottom:1px solid #fff;background:-webkit-linear-gradient(top,#,#); box-shadow:0 3px 3px #c3ceb0 ;background-color:#FFFFFF;}
.logo{ float:left; width:80%; text-align:center; }
.logo a{ float:left;}
.logo img{ width:100%; display:block;}
.menu_but{ float:right; display:block;text-align:right;width:15%;min-width:42px; color:#fff; max-height:45px; text-align:center; background-color:#FFFFFF;}
.menu_but a{ float:left;width:100%; text-align:center; color:#2a314b;min-width:40px; border:0px;}
.menu_but a img{ width:100%;border:0px;}
#modal { display:none; } 
#pageslide { display:none;background:#4a4a4a;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav{width:100%; float:left; font-size:16px;}
.navli{float:left;width:100%}
.navli a{ padding:5% 0 5% 10%;width:90%; color:#fff;font-size:14px;text-align:left; float:left; border-bottom:1px solid #fff;}
.navli a:hover{ background:#000;}
.banner{float:left;width:100%; }.banner img{ display:block;width:100%;}
/*index*/
#searchindex{ margin-top:-29%; }
.search{float:left; width:93.75%; padding:0 3.125%; margin-top:4%;}
.searchbg{ display:block; float:left; width:100%;}
.searchbg img{display:block;width:100%; }
.searchmain{float:left;width:96%;border-radius:12px; padding:2%;
background:-webkit-linear-gradient(top,#349a1e,#25881f,#176a23);background:-moz-linear-gradient(top,#349a1e,#25881f,#176a23);background:linear-gradient(top,#349a1e,#25881f,#176a23);}
.search_txt{ float:left; padding-left:2%;width:81%; min-height:30px;border:0; background:#fff;color:#696d7f; font-family:微软雅黑;box-shadow:1px 3px 3px #dddad9 inset;}
.search_but{ float:right;width:35px; border:0;height:32px;background:url(../images/search_but.gif) no-repeat left center; background-size:100%; box-shadow:2px 3px 4px #145f1a }
.pronav{width:100%;float:left;margin-top:-10%;}
.pronav ul{width:100%; padding:4px 0% 0; }
.pronav li{ width:40%; margin-bottom:14px; margin-left:6%; float:left;}
.pronav li div{ width:100%;float:left;}
.pronav li img{width:100%; pad/ding:3%; background:#fff;display:block; float:left;-moz-border-radius: 120px;-webkit-border-radius: 120px;border-radius:120px;}
.pronav a span{ padding:3%;  float:left; box-shadow:0 0 5px #cfdfe9;-moz-border-radius: 120px;-webkit-border-radius: 120px;border-radius:120px;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:url(../images/probg.png) no-repeat center; background-size:100%;}
.pronav li p{width:96%; text-align:center;float:left; margin-top:3px;font:300 16px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2% ; color:#1d6822;}
.case{float:left; width:100%;}
.case_t,#moreList{ margin:0 auto;width:93.75%; color:#fff; line-height:2; font-size:1.2em; text-align:center; border-radius:8px;background:-webkit-linear-gradient(top,#349a1e,#176b23);background:-moz-linear-gradient(top,#349a1e,#176b23);background:linear-gradient(top,#349a1e,#176b23);}



.lxwm { width:100%; height:auto; overflow:hidden; min-height:300px; line-height:30px; color:#000;margin:0px auto; padding-top:20px;}
.lxwm p { text-indent:14px;}
.lxwm img { border:1px solid  #CCCCCC}

#moreList{ float:left; margin:10px 3.125%;}






#moreList a{ color:#fff;}






.case ul{width:100%; float:left; }






.case li{ float:left; width:44%; margin-left:5%; margin-bottom:3%;}






.case li div{ width:100%;float:left; padding-top:6.4%; }






.case li a{width:100%; display:block; float:left; text-align:center; color:#528a1e;}






.case li img{width:96%; border:2px solid #fff; box-shadow:0 0 3px #c5cabd;border-radius:160px; display:block; }






.case li .protxt{width:100%; float:left; margin-top:10px; color:#528a1e;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }













.news{ float:left;margin:3% 0 0;width:100%; background:#1a7122}






.newsmain{float:left;width:94%; padding:2% 3% 0; }






.news ul li{float:left; width:100%;  border:1px solid #e6e6e6; border-radius:8px;margin-bottom:2%; box-shadow:1px 1px 2px #44ab7e;






background:-webkit-linear-gradient(top,#fff,#e6eef2);background:-moz-linear-gradient(top,#fff,#e6eef2);background:linear-gradient(top,#fff,#e6eef2);}






.news ul li a{float:left; width:90%; line-height:2.5; padding:0 4% 0 3%; background:url(../images/newsico.png) no-repeat center right; background-size:2%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#1a7122;}






.more{ float:left; width:100%;line-height:2; background:#06470c;}






.more a{  color:#fff; float:left; width:100%;text-align:center; }






.newsshadow{float:left; width:100%; position:relative; top:10px; }.newsshadow img{ position:absolute;width:100%; display:block; }






/* footer */






.footnav{ float:left;width:100%; position:relative; z-index:2;}






.footnav ul{ float:left; width:100%; padding:3% 0 ; }






.footnav ul li{ float:left;padding:1% 0; text-align:center; width:13.5%; margin-right:1%;margin-left:1%;  border-radius:4px; box-shadow:0px 0px 8px #ff0000 inset;background:#ff0000;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}






.footnav li a{ color:#fff;}






.foottxt{ float:left; width:100%;color:#fff;font-size:11px; text-align:center; padding:2% 0;}






.foottxt a{color:#fff; }






.footer{
	float:left;
	width:93.75%;
	padding:0 3.125%;
	font-size:1em; background-color:rgba(0,0,0,0.6);
	position: fixed; bottom:0;font-family: entypo;
} 






.footer ul{float:left;width:100%;}






.footer ul li{float:left; width:33%; padding:2% 0 1%; background:url(../images/footline.gif) no-repeat right center;}






.footer ul li a{float:left;min-height:20px;width:100%;text-align:center; float:left; display:block; color:#fff;}






.footer img{ margin-bottom:3px; vertical-align:middle}











/*product*/






.center{ text-align:center; width:100%; }






.center img{margin:5.8% 0;}






.productnav{ float:right; position:relative; font-family:微软雅黑; margin-right:3%;padding-right:10px; margin-top:-40px; width:30%; text-align:right; color:#fff;}






.productnav img{ vertical-align:middle; margin-top:-2px; margin-right:2px;width:14%;}






@media all and (max-width:500px){.productnav{margin-top:-25px;}}






.proul{float:left; width:100%;}






.proul ul{width:100%; float:left; }






.proul li{ float:left; width:46%; margin-left:2%; margin-bottom:3%;}






.proul li div{ width:100%; margin:0 auto;padding-top:6.4%; }






.proul li a{width:100%; display:block; float:left; text-align:center; color:#525050;}






.proul li img{width:96%;display:block; overflow:hidden; }






.proul li .protxt{width:100%; float:left; margin-top:4%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }






.newslist{ float:left;width:94%; margin:2% 3% 0; border:1px solid #c6c6c6; border-radius:6px ; overflow:hidden; }






.newslist li{float:left; width:100%;  border-bottom:1px solid #fff; margin-bottom:1px;box-shadow:0px 1px 0px #c9c9c9;background:-webkit-linear-gradient(top,#fff,#efecec);background:-moz-linear-gradient(top,#fff,#efecec);background:linear-gradient(top,#fff,#efecec)}






.newslist li a{float:left; width:90%; line-height:2.5; padding:0 4% 0 3%; background:url(../images/newsico.png) no-repeat center right; background-size:2%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#525050;}






/*view*/






.title{ float:left; width:94%; border:1px solid #aca89b;  border-radius:8px; margin:0 3%;margin-top:3%;box-shadow:0 0 8px #dee6f2 inset; text-align:center;padding:1.6% 0;font-size:1.2em; color:#fff;






background:-webkit-linear-gradient(top,#349a1e,#176b23);background:-moz-linear-gradient(top,#349a1e,#176b23);background:linear-gradient(top,#349a1e,#176b23) }






.titlebg{float:left; width:94%; padding:0 3%; }






.titlebg img{ display:block; float:left; width:100%;}






.view_title{text-align:center; width:96%; float:left; padding:5px 2%;font-size:1.2em; margin:1% 0 0; font-weight:normal;font-family:微软雅黑; border-bottom:1px dashed ;padding-bottom:1%;margin-bottom:2%;}






.pages{width:110px;margin:15px auto; clear:both; overflow:auto;}






.page_change{ float:left;width:44px; text-align:center; color:#1a7122; line-height:28px; height:28px; display:block;}






.left{float:left;}






.left,.right{ float:left;font-size:16px;color:#fff;text-align:center; width:28px; padding:2% 0;border-radius:4px;background:-webkit-linear-gradient(top,#fff,#e6edf2);background:-moz-linear-gradient(top,#fff,#e6edf2);background:linear-gradient(top,#fff,#e6edf2); box-shadow:2px 3px 0 #e7e7d9;}






.left img,.right img{ width:13px;display:inline}






@media all and (min-width:640px){.left,.right{width:28px;}}






.view_menumain{float:right;right:2%; width:130px; padding:2px 2px 0px; display:none;position:absolute; z-index:10;}






.view_menumain a{float:left;width:100%; text-align:center; line-height:2;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border-bottom:1px solid #4e9255; background:#1a7122; font-size:14px; color:#fff; }






.view_menumain a:hover{border-bottom:1px solid #1a7122; background:#298c1f; color:#fff; }






.viewpage{float:left;width:100%;margin-top:34px;}






.viewpage a{float:left;width:98.8%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:1% 0.6%;margin-bottom:8px;background:#f8f8f8;border:1px solid #ececec;}






.viewback{ margin:0 auto; width:35.666%; margin-top:30px;}






.viewback a{float:left; padding:2% 0; font-size:16px;width:100%; text-align:center;background:#eee;border:1px solid #d6d6d6;}






.share_t{ text-align:center; float:left; line-height:2;background:#4a83ab; width:100%; color:#fff; margin:1% 0 0 0%;}






.searchnull{ float:left; width:100%; text-align:center; color:#333; padding:8% 0;}






.searchnull font{ color:#f00; }






@media only screen and (max-width:480px), 






only screen and (min-resolution: 144dpi) {






	body,html{font-size:14px;}






}






@media only screen and (max-width:320px), 






only screen and (min-resolution: 144dpi) {






	body,html{font-size:12px;}






}






.black{position:fixed;width:100%;height:100%;background:#000;z-index:999;top:0;left:0;display:none}






.img-zoom{position:fixed;max-width:100%;z-index:9999;max-height:100%;}