﻿@charset "utf-8";
/*reset*/

/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:underline;}
.wapd,.xfnav,.h40{display:none}
/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;

/*其他*/
.curp{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
/*end reset*/



/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: microsoft yahei , "宋体"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1000px;}

/*页眉*/
.header{width:100%; overflow:hidden; background:url(../images/header_top.png) no-repeat center top;}

.headerTop { overflow:hidden; height:145px;}
.headerTop h1{ float:left; margin-top:20px;}
.headerTop .wen{ float:left; margin-left:20px; margin-top:50px; padding-left:20px; border-left:1px dotted #ccc;}
.headerTop h2{ font-size:28px; color:#009a44;}
.headerTop .wen p{ font-size:16px; color:#343434;}
.headerTop .headr{ float:right; overflow:hidden;}
.headerTop .htop{ overflow:hidden; margin-top:10px; margin-bottom:45px;}
.headerTop .htop li{ float:left; font-size:13px; padding:0 10px; border-right:1px dotted #6b6b6b;}
.headerTop .htop a{ color:#6b6b6b;}
.headerTop .htop .last{ padding-right:0; border:none}
.headerTop .phone{ padding-right:50px; text-align:right; background:url(../images/phone.png) no-repeat right center;}
.headerTop .phone p{ font-size:14px; color:#343434;}
.headerTop .phone h3{ font-weight:normal; font-family:Arial; font-size:24px; color:#2aaa4c;}

.headerNav { overflow:hidden; width:100%; height:58px; background-color:#0ba43b;}
.headerNav li{ float:left; line-height:58px; font-size:14px; background:url(../images/nav_bor.png) right top repeat-y}
.headerNav li a{ color:#fff; text-decoration:none;  display:block; padding:0 19px;}
.headerNav li.last{ background:none}
.headerNav li.cur,.headerNav li:hover{ background:url(../images/nav_cur.png) repeat-x center;}

/*footer*/
.footer { overflow:hidden; width:100%; background-color:#3e3e3e;}
.footer .f_nav { overflow:hidden; height:60px; background:url(../images/f_nav_bg.png) no-repeat center bottom; margin-bottom:24px;}
.footer .f_nav li{ float:left; font-size:14px; line-height:60px; background:url(../images/f_nav_bor.png) right center no-repeat; padding:0 25px;}
.footer .f_nav li a{ color:#fff;}
.footer .f_nav .last{ background:none}
.footer .link{ overflow:hidden; margin-bottom:15px;}
.footer .link h3{ float:left; font-size:14px; background:url(../images/link.png) no-repeat left center; padding-left:20px; margin-left:10px;}
.footer .link h3 a{ color:#0ba43a;}
.footer .link ul{ overflow:hidden; float:left; margin-left:30px;}
.footer .link li{ float:left; margin:0 10px; font-size:13px;}
.footer .link li a{ color:#a2a2a2;}
.footer .f_btm{ overflow:hidden; margin-bottom:35px;}
.footer dl{ overflow:hidden; float:left; width:700px;}
.footer dt{ overflow:hidden; float:left; margin-top:70px;}
.footer dd{ overflow:hidden; float:left; margin-left:35px; padding-left:40px; border-left:1px solid #545353; height:180px; padding-top:40px; width:400px;}
.footer dd p{ font-size:12px; color:#fff; line-height:28px;}
.footer dd em{ margin:0 10px;}
.footer .phone{ overflow:hidden; background:url(../images/phone.png) left center no-repeat; padding-left:45px; margin-top:20px;}
.footer .phone span{ display:block; font-size:12px; color:#fff;}
.footer .phone h4{ font-weight:normal; font-size:24px; color:#fff;}
.footer .ewm{ overflow:hidden; float:right; margin-top:50px; text-align:right;}
.footer .ewm img{ display:block; float:right}
.footer .ewm .ewen{ float:left; float:right; margin-right:20px;}
.footer .ewm P{ font-size:16px; color:#b5b5b5;}
.footer .ewm b{ display:block; font-size:19px; color:#b0b0b0; font-family:Arial; margin:8px 0;}
.footer .ewm span{ display:block; font-size:16px; color:#08a208; font-weight:bold;}


#roll_top, #fall, #ct
{
	position: relative;
	cursor: pointer;
	height: 52px;
	width: 52px;
}
#roll_top
{
	background: url(../images/top.jpg) no-repeat;
}
#fall
{
	background: url(../images/top.jpg) no-repeat 0 -80px;
}
#ct
{
	background: url(../images/top.jpg) no-repeat 0 -40px;
}
#roll
{
	display: block;
	width: 15px;
	margin-right: -515px;
	position: fixed;
	right: 50%;
	top: 50%;
	_margin-right: -525px;
	_position: absolute;
	_margin-top: 300px;
	_top: expression(eval(document.documentElement.scrollTop));
}

@media screen and (max-width: 800px) {
.headerTop .headr,.headerTop .wen,#kefubtn,.footer dt{display:none}{display:none}
.header, .content, .footer, .container{width:100%;}
.footer dl{ width:50%}
.header{background:none}
.headerTop{height:80px;}
.headerTop h1{margin-top:0;    margin-left: 20px;}
.headerTop h1 img{    height: 80px;width:auto
}
.wapd {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../images/d.png) center center no-repeat #0ba43b;
    padding: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}
#cpmenu{
    width: 20px;
    height: 20px;
    display: block;
         background: url(../images/d.png) center center no-repeat #0d8c35;
    padding: 10px;
    z-index: 1;
    float: right;    position: absolute;
    right: 0;
    top: 0;
}
#cpul {display:none}
.headerNav li.cur, .headerNav li:hover {
    background: #045a1f;
}

.headerNav{ display:none;position: absolute;
 
    z-index: 999999;   height: auto;
    text-align: center;}
.headerNav li{width:100%;float:none}
.headerNav li a {
 
    border-bottom: 1px #0b792e solid;
}
.footer dd {
 
    padding-left: 0;
    border-left: 0;
height:auto;
    padding-top:0px;
    width: 100%;
}
.footer .ewm{margin-top:0;    margin-right: 35px;}

 	.h40{display:block;height:48px;}	
		.xfnav{    display: block;z-index:999999;
    position: fixed;
    bottom: 0;
    height: 48px;
    background: #0ba43b;
    width: 100%;}
	.xfnav li{width:25%;float:left;list-style:none}
	.xfnav li a{display:block;    border-right:1px #06792a solid; text-align: center;color:#fff; height:48px}
	.xfnav li a   img{      margin: 0 auto;
    width: 28px;
    display: block;}
}

@media screen and (max-width: 480px)

{
.footer .f_nav{height:40px;    margin-bottom: 20px;}
.footer .f_nav li{width:14%;line-height:40px;background:none;padding: 0;
    text-align: center;}
.headerNav li{line-height:40px;}
.footer .f_btm{margin-bottom:20px;}
.footer .ewm .ewen{display:none}
.footer dl{ width:calc(100% - 134px)}
.footer dd {
 width: auto;
    margin-left: 20px;
}
.footer .ewm{margin-right:20px;}
}


@media screen and (max-width: 420px)

{
.footer .f_nav li{font-size:12px}
.headerTop h1 img {
    height: 60px;
 
    margin-top: 10px;
}}