@charset "utf-8";

/* CSS Document by zel*/

/*@Style Reset*/

body,div,dl,dt,dd,ul,li,form,input,button,h1,h2,h3,h4,h5,h6,p,tabel,tr,td{margin:0;padding:0;border: 0;} 

html{overflow-x:hidden;-webkit-text-size-adjust:none;height: 100%;}

ul,li,dl,dt,dd{display:block;list-style:none;}

img{border:0;max-width:100%; display:block;}

.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}

body{position:relative;overflow-x:hidden;height: 100%;}

/*@Link*/

a{text-decoration:none;outline:none;}

.head_logo img {
    width: 60%;
    /*padding-left: 10px;*/
        display: block;
    margin: 0 auto;
}

/*index.html*/

.wrapper{position:relative;z-index:10;right:0;background:#FFF; font-family:"微软雅黑";height: 100%;}

.head{ background-color:#28a472; width:100%; position:relative; padding:1% 0; padding-bottom:2%;}

.head_logo{ width:100%; margin:0 auto; text-align:center; padding-top:1.5%;}

.head_logo span{ font-size:1.5em;color:#FFF; padding-left:3%;}

.head_menu{ width:6.40625%; position:absolute; top:30%; right:3%;}

.head_back{ width:3.125%; position:absolute; top:30%; left:3%;}

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

.search{ width:100%; float:left; margin-top:2%;}

.search span{ float:left; font-size:0.9em; color:#707070; line-height:2; margin-left:25%;}

.search_input{ width:40%; border:#CCC 1px solid; padding:1.3% 0; float:left;}

.search_submit{ background:url(../images/1_09.jpg) no-repeat center/100% 100% transparent;height: 1.95rem; width:11.875%; padding:1.3% 0; float:left; margin-left:2%; cursor:pointer;}

.index_bt{ width:95%; float:left; margin-left:2.5%; margin-top:5%;}

.index_bt span{ font-size:1.3em; color:#28a472; font-weight:bold;}

.index_bt a{ float:right; background-color:#28a472; padding:0.3% 2%; color:#FFF; margin-top:1%;}

.case_box{ width:45%; padding:1%; float:left; border:#CCC 1px solid; margin:2.5%; box-sizing:border-box; background-color:#FFF;}

.case_pic{ width:100%;}

.case_txt{ width:100%; text-align:center; padding-top:2%;}

.pro_box{ width:45%; padding:1%; float:left; border:#CCC 1px solid; margin:2.5%; box-sizing:border-box; background-color:#FFF;}

.pro_pic{ width:50%; float:left;}

.pro_txt{ width:50%; float:left; text-align:center;}

.pro_txt p{ color:#808080; border-bottom:#CCC 1px solid; line-height:2.5; margin-bottom:3%; margin-top:15%;}

.news_box{ width:95%; float:left; margin-left:2.5%; margin-top:5%;border:#CCC 1px solid; box-sizing:border-box; background-color:#FFF; padding-bottom:8%;}

.news_bt p{ width:100%; border-bottom:#e3ebe6 1px solid; padding:2.5% 0; text-align:center; font-size:1.3em; color:#28a472; font-weight:bold;}

.news_box li{ width:96%; float:left; margin-left:2%; border-bottom:#CCC dashed 1px; padding:2% 0;}

.news_box li img{ float:left; padding-top:1%; padding-right:2%;}

.news_box li p{ width:60%; float:left; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; color:#000; font-size:0.9em; font-weight:bold;}

.news_box li time{ float:right; color:#bfbfbf;}

.foot{ background-color:#28a472; position:fixed; bottom:0px; width:100%; display:block; }

.foot li{ float:left; width:25%; position:relative;text-align:center;}

.foot li span{ color:#FFF; width:100%; position:absolute; left:0; bottom:0;}

/*panel*/

.panel{

	display:block;

	position:absolute;

	top:0;

	right:0;

	z-index:1;

	width:14em;

	height:100%;

	background:#28a472;

	box-shadow:inset 0.125em 0 0.5em rgba(0,0,0,.4);

	border-left:1px solid #636e7d;

}

.panel > ul{

	width:100%;

	height:auto;

}

.panel-son{

	width:100%;

	font:normal 1.375em/1 "Microsoft YaHei";

	border-bottom:1px solid #FFF;

}

.panel-son > a{

	display:block;

	color:#FFF;

	 text-align:center;

	padding:10% 0;

}

.panel-son  > a:visited{

	color:#fffffe;

}



/************** *****************************/





/*case.html*/

.all_title{ width:95%; margin-left:2.5%; float:left; margin-top:3%; background-color:#FFF; border-top:#28a472 2px solid; padding:2% 0; position:relative;}

.all_title span{ padding-left:3%;  font-size:1.2em; color:#28a472; font-weight:bold;position: relative;top: 2px;}

.case_body{ width:100%; float:left; margin-top:3%;}

.page{ width:95%; text-align:right; float:left; margin-left:2.5%; margin-top:5%;}

.page a{ margin-left:3%; font-size:0.9em; border:#CCC 1px solid; padding:0.2% 1%; color:#656565;}

.page a.page_next{ color:#28a472; border:none; padding:inherit;}

.page a.page_on{ background-color:#42c490; color:#FFF;border:none;}

.nav_bt{ width:28%; position:absolute; right:2%; top:25%; font-size:0.8em; color:#4d4d4d;}

.nav_bt img{ float:right; padding-top:3%; padding-right:5%;}

.nav_bt span{ float:right;}

.nav_li{position:absolute;padding:0 1.5%;width:40%;right:0;display:none}

.nav_li ul{right:0;}

.nav_li li{float:left;width:100%; border-bottom:#494949 1px solid;}

.nav_li a{ padding:5% 0;width:100%; text-align:center; color:#fff;text-align:center; float:left; font-weight:normal ;font-size:0.9rem;background:#3a3a3a;opacity:0.9;}

.nav_li li a:hover{background-color:#f6a048;opacity:1}

/************** *****************************/



/*about.html*/

.about{width:95%; margin-left:2.5%; float:left; margin-top:0.5%; background-color:#FFF;}

.about p{ color:#808080; padding-top:3%; line-height:1.8; font-size:0.9em; text-indent:2em;}

/************** *****************************/





/*message.html*/

.message{width:95%; margin-left:2.5%; float:left; margin-top:0.5%; background-color:#FFF;}

.message form{ margin-top:15%; margin-left:10%; padding-bottom:10%;}

.message label{ width:75px; float:left; font-size:0.9em;}

.msg_name{ border:#CCC 1px solid; width:40%; padding:1% 0; margin-bottom:3%;}

.msg_tel{ border:#CCC 1px solid; width:50%; padding:1% 0;margin-bottom:3%;}

.msg_text{border:#CCC 1px solid; width:60%; padding:1% 0;margin-bottom:3%;}

.msg_yzm{border:#CCC 1px solid; width:35%; padding:1% 0;margin-bottom:3%; float:left;}

.message img{ width:16%; float:left; margin-left:3%;}

.msg_submit{ margin-top:5%; background-color:#28a472; padding:2% 5%; color:#FFF; border-radius:5px; margin-left:30%; cursor:pointer; font-weight:bold;}

.msg_more{ width:95%; float:left; margin-left:2.5%; margin-top:5%; background-color:#28a472; padding:2% 0; text-align:center;}

.msg_more a{ color:#FFF; padding:0 20%;}

/************** *****************************/



/*contact.html*/

.contact{width:95%; margin-left:2.5%; float:left; margin-top:0.5%; background-color:#FFF; padding-bottom:20%;padding: 2%;box-sizing: border-box;text-align: justify;line-height: 1.64;}

.contact p{ color:#808080; padding-top:3%; line-height:3; font-size:0.9em; padding-left:5%;}

.contact_map{ width:95%; margin-left:5%; float:left; margin-top:5%;}

.contact_map span{ color:#28a472; line-height:3; font-size:1.2em;}

.contact_map img{ border:#CCC 1px solid; box-sizing:border-box; width:95%;}

/************** *****************************/



/*message_p.html*/

.msg_p{width:95%; margin-left:2.5%; float:left; margin-top:0.5%; background-color:#FFF; padding-bottom:15%;}

.msg_p_box{width:95%; margin-left:2.5%; float:left; margin-top:5%; border-bottom:#CCC 1px solid;}

.msg_p_box p{ font-size:0.85em; color:#808080; line-height:2;}

.msg_p_box p span{ color:#000; padding-right:5%;}

.msg_p_box time{ float:right;color:#b3b3b3; font-size:0.8em; line-height:2;}



/************** *****************************/



/*news_p.html*/

.news_p{width:95%; margin:0 auto; margin-top:0.5%; background-color:#FFF; padding-bottom:5%;}

.news_p_bt{width:95%;  margin:0 auto; border-bottom:#CCC 1px solid; padding:2% 0; text-align:center;}

.news_p_bt p{ color:#28a472; font-size:1.3em; line-height:2;}

.news_p_bt time{ color:#a4a4a4; font-size:0.9em;}

.news_p_pic{ width:43.75%; margin:3% auto; border:#CCC 1px solid; padding:1%; text-align:center;}

.news_p_txt{width:95%;  margin:0 auto;}

.news_p_txt p{ color:#808080; padding-top:3%; line-height:1.8; font-size:0.9em; text-indent:2em;}

.news_p_page{width:95%;  margin:0 auto;}

.news_p_page li{ background-color:#FFF; border:#CCC 1px solid; margin-top:3%; padding:2.5% 0; color:#808080; font-size:0.9em; padding-left:3%;}

/************** *****************************/

@media screen and (min-width:640px){.all{width:640px;margin:0 auto;}}

@media screen and (max-width:540px){body,html{font-size:15px}}

@media screen and (max-width:480px){body,html{font-size:14.5px}}

@media screen and (max-width:420px){body,html{font-size:14px}}

@media screen and (max-width:360px){body,html{font-size:13.5px}}

@media screen and (max-width:320px){body,html{font-size:12px}}



/*page-fengye*/

.page-fenye{

	width:100%;

	text-align:center;

	margin-bottom:1em;

}

.pre-page,.next-page{

	display:inline-block;

	vertical-align:middle;

	border:1px solid #84ce60;

	background:#a1ce38;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #a1ce38), to( #48b610));

	background-image: -webkit-linear-gradient( #a1ce38, #48b610);

	background-image: linear-gradient( #a1ce38, #48b610);

}

.pre-page > a,.next-page > a {

	display:block;

	font:normal 2.4em/1 "Microsoft YaHei";

    color:#FFF;

	padding:0 0.5em 0.125em;

	border:1px solid #FFF;

}

.pre-page > a:visited,.next-page > a:visited {

    color:#fffffe;

}

.page-num{

	text-align:center;

	display:inline-block;

	width:20%;

	color:#04a7b8;

    font: 1.5em/1.5em "Microsoft YaHei";

	vertical-align:middle;

}