*{ margin:0; padding:0; font:12px/1.5 "微软雅黑"}
a{ text-decoration:none; color:#000}
ul{ list-style:none}
img{ border:none}
body{ background:#fdffd7 url(../images/bg.png) repeat}

.top{ width:100%; float:left; background:#000;background:url(../images/header_bg.png) repeat-x; height:624px;}
.logo{ position:absolute; width:144px; height:150px; box-shadow:0 0 10px #333; left:520px; display:block; z-index:1; top:20px}
.nav{ width:1186px; margin:0 auto; position:relative; height:115px}
.nav ul{ float:left; width:100%; height:80px; position:absolute; left:0; bottom:0}
.nav ul li{ float:left; width:125px; height:80px; position:relative; }
.nav ul li div{
	position: absolute;
	top: 90px;
	left: 12.5px;
	width: 100px;
	z-index:1;
	overflow:hidden;
	height:0;
	background:url(../images/ej_bg.png) no-repeat bottom left #4dae40;
	box-shadow:1px 1px 10px #333
}
.nav ul li div a{ width:90%; margin:0 5%; float:left; height:36px; line-height:36px; color:#FFF; font-size:12px; border-bottom:1px dashed #CCC;}
.nav ul li div a:hover{ text-shadow:1px 1px 1px #000; background:none}
.nav ul li a{ display:block; width:100%; height:80px; line-height:120px; font-weight:bold; font-size:14px; text-align:center; color:#FFF}
.nav ul li a:hover{ background:url(../images/nav_a_hover.png) no-repeat bottom center; text-shadow:1px 1px 1px #000}
.border{ background:url(../images/header_border.png) repeat-x right; height:9px; width:100%}

.mainbanner{ width:100%; height:500px; float:left; position:relative;}
.mainbanner .out{ width:100%;height:500px; position:relative;float:left }
.mainbanner .out .img { width:100%; height:500px;}
.mainbanner .out .img li{ position:absolute; top:0;left:0; width:100%; height:500px}
.mainbanner .out .img a{ width:100%; height:500px;  display:block;}
.mainbanner .out .img a img{ width:100%; height:500px}
.mainbanner .out .num{ position:absolute; bottom:60px;left:0px; font-size:0px; text-align:center; width:100%; height:40px; }
.mainbanner .out .num li{ width:8px; height:8px; background:#C80003; color:#fff; text-align:center; line-height:28px; display:inline-block; font-size:14px; margin:16px 3px 0; cursor:pointer; font-weight:bold; border-radius:50%}
.mainbanner .out .num li.active{ background:#F87B00;}
.mainbanner .out .btn{ position:absolute; top:50%; margin-top:-30px;width:30px; height:60px; background:rgba(0,0,0,0.5); color:#fff; text-align:center; line-height:60px; font-size:40px;cursor:pointer; transition:all 0.5s; opacity:0}
.mainbanner .out:hover .btn{opacity:1}
.mainbanner .out .left{ left:300px}
.mainbanner .out .right{ right:300px;} 
.gg{ width:100%; position:absolute; background:url(../images/banner_pos.png) no-repeat center bottom; height:70px; bottom:0; left:0}
.bg{ width:1000px; margin:0 auto; height:70px}
.bg h2{ width:330px; text-align:center; height:70px; line-height:70px; display:block; float:left; font-size:24px; font-weight:bold; color:#900; text-shadow:1px 1px 2px #999; background:url(../images/gg_bg.png) no-repeat left;}
#newsbox{ float:right; width:488px; height:56px; margin:14px 86px 0 0; overflow:hidden}
#newslist{ height:56px; width:100%}
#newslist li{ width:100%; height:56px}
#newslist a{ display:block; width:100%; font-family:"宋体"; font-weight:bold; text-align:center; line-height:56px; height:56px; color:#FFF; font-size:30px; color:#FFF; text-shadow:1px 1px 1px #000}

.main{ width:1100px; float:left; position:relative; padding:20px 0 0}
.search{ background:url(../images/search_bg.png) no-repeat; width:194px; height:40px; position:absolute; right:0; top:0; padding:0 0 0 100px;}
.search form{ width:166px; height:40px}
.ss{ width:130px; border:0; padding:0; height:24px; margin:6px 0 0; border:1px solid #CCC; text-indent:3px; float:left}
.fd{ width:26px; height:26px; background:url(../images/fd.png) no-repeat center; padding:0; border:0; margin:6px 3px 0 0; cursor:pointer; float:right;}
.about{ width:100%; float:left; margin:20px 0 0}
.about h2{ background:url(../images/h2_bg.png) no-repeat; height:69px;}

.gk{ float:left; width:380px}
.gk img{ padding:15px 4px; border-bottom:1px solid #cbcaca; float:left;}
.gk p{ width:96%; margin:0 2%; float:left; display:block; line-height:32px; font-size:14px; padding:8px 0 0;text-indent: 2em;}
.xx{ float:right; width:710px}
.xx p{ width:660px; float:left; margin:0 25px; font-size:14px;line-height:32px; padding:10px 0}

#demo {
overflow:hidden;
width:660px;
clear:both;
position:relative;
float:left;
margin:0 25px
}

.indemo {
float: left;
width: 800%;
}


#demo1 {
float: left;
}

#demo2 {
float: left;
}

#demo li{ float:left; margin:0 12.5px;/*width:110px;*/}
#demo img{background:#FFF; width:100%; height:310px;}
#demoo {
overflow:hidden;
width:100%;
clear:both;
position:relative;
float:left;
margin:20px 0
}

.indemo {
float: left;
width: 800%;
}


#demoo1 {
float: left;
}

#demoo2 {
float: left;
}

#demoo li{ float:left; margin:0 12.5px;width:270px;}
#demoo img{background:#FFF; width:100%; height:190px;}

.xd{ width:100%; float:left; margin:20px 0 0}
.news{ float:left; width:59%;}
.news h2{ height:69px; width:100%; background:url(../images/news_bg.png) no-repeat;}

.news ul{ width:94%; float:left; margin:15px 3% 0}
.news li{ width:100%; height:46px; line-height:46px}
.news li a{ display:block; float:left; height:46px; line-height:46px; font-size:14px; padding:0 0 0 20px; background:url(../images/news_a_bg.png) left center no-repeat}
.news li span{ display:block; float:right; height:46px; line-height:46px; font-size:14px}
.news li:hover a{ font-weight:bold; text-decoration:underline; color:#093}
.news li:hover span{ font-weight:bold; text-decoration:underline; color:#093}


.vi{ width:430px; float:right;}
.vi h2{ width:100%; height:69px; background:url(../images/vd_bg.png) no-repeat;}
.vi video{ display:block; width:100%; /*height:200px;*/ padding:10px 0 0}

.link{ width:100%; float:left;}
.link h2{ width:100%; height:46px; background:url(../images/link_bg.png) no-repeat left}
.mr_frbox{ height:112px;width:100%; position:relative; }

.mr_frUl{
	height: 72px;
	width: 1018px;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 20px;
	left:41px;
}
.mr_frBtnR{height:112px; width:41px; background:url(../images/r.png) no-repeat center; float:right;position:absolute; right:0; top:0;cursor:pointer; }
.mr_frBtnL{ height:112px; width:41px; background:url(../images/l.png) no-repeat center; position:absolute; left:60px; left:0; top:0; cursor:pointer; z-index:1; }
#mr_fu{ width:100%; display:block; overflow:hidden; height:112px;}
#mr_fu li { float:left; /*width:20%*/}
#mr_fu li a{display:block; /*width:95%;*/ margin:0 2.5%; height:72px; box-shadow:1px 1px 1px #FFF; overflow:hidden; position:relative}
#mr_fu li a img{ width:100%; height:72px}

.cus{ width:100%; background:url(../images/cus_bg.png) no-repeat center top; height:430px; clear:both; margin:30px 0 0}


.cus div{ width:1100px; margin:0 auto; padding:105px 0 0 35px}
.cus div ul li{ height:44px; line-height:44px; text-indent:2em; color:#FFF; font-weight:bold; font-size:14px; text-shadow:1px 1px 1px #000}

.bottom{ width:100%; float:left}
.bottom ul{ width:908px; height:14px; margin:15px auto}
.bottom ul li{ float:left; border-right:1px solid #000}
.bottom ul li a{ width:100px; height:14px; font-size:14px; line-height:14px; display:block; text-align:center;}

.bottom p{ width:100%; line-height:34px; font-size:14px; text-align:center;}

.pro{ width:100%; float:left}
.pro h2{ background:url(../images/prcb.png) no-repeat; width:100%; float:left; height:69px}

.list{ width:1080px; padding:20px 0 0; clear:both}
.bl{ width:224px; float:left;}
.lm{ width:826px; float:right; border:1px solid #e9e9e9}
.bl h2{ width:100%; height:60px; line-height:60px; font-size:16px; color:#FFF; text-indent:38px; float:left; background: no-repeat right #59a70e}
.sm{ width:222px; float:left;border:1px solid #e9e9e9; border-bottom:none; background:#fff}
.sm li{ border-bottom:1px solid #e9e9e9;}
.sm a{ height:50px; line-height:50px; font-size:14px; text-indent:40px; color:#777575; display:block; width:100%; background: no-repeat right}
.sm a:hover{color:#FFF; background:#59a70e;}
.lx{ width:222px; float:left;border:1px solid #e9e9e9; background:#fff}
.lx li{ height:40px; line-height:40px; text-align:center; font-size:14px; color:#000}
.lx a{ height:30px; width:90px; font-weight:bold; color:#FFF; font-size:14px; text-align:center; background:#59a70e; border-radius:5px; display:block; margin:0 auto; line-height:30px}
.wz{ width:100%; height:60px; border-bottom:1px solid #e9e9e9; background:#f8f8f8; }
.wz span{ display:block; float:left; height:60px; line-height:60px; text-indent:30px; text-align:center; color:#59a70e; font-weight:bold; font-size:18px}
.wz b{ float:right; height:60px; line-height:60px; font-size:13px; color:#929292; margin:0 20px 0 0}

.p{ width:100%; float:left;}
.p li{ float:left; width:217px; margin:20px 25px 0; padding:3px; border:1px solid #999; background:#FFFFFF}
.p li:hover{ border-color:#0175d4}
.p li:hover span{ font-weight:bold; color:#FFF; background:#0175d4}
.p a{ display:block; width:100%; float:left}
.p img{ width:100%; height:180px; display:block;}
.p span{ display:block; height:40px; line-height:40px; font-size:13px; text-align:center; font-weight:bold;}

.l{ width:100%; float:left;}
.l li{ width:758px; border:1px solid #c4c4c4; margin:20px auto 0; height:108px; background:#FFFFFF}
.l li div{ float:left; background:#c4c4c4; width:80px; height:108px}
.l li:hover div{ background:#59a70e}
.l li div b{ height:80px; text-align:center; line-height:80px; color:#FFF; display:block; width:100%; font-size:50px; font-weight:bold; border-bottom:1px solid #aaaaaa;text-shadow:0 0 1px #000}
.l li div span{ height:26px; line-height:26px; text-align:center; display:block; width:100%; color:#FFF; font-weight:bold; text-shadow:0 0 1px #000; font-size:16px; border-top:1px solid #d3d3d3}
.l li a{ display:block; height:108px; width:658px; float:right;}
.l li a span{ height:36px; line-height:36px; font-weight:bold; font-size:14px}
.l li a p{ font-size:12px; color:#797777; text-indent:2em; line-height:30px}

.page{ width:90%; margin:0 5%;float:left; text-align:right; padding:10px 0 25px;}
.page *{ display:inline-block;text-align:center; height:28px; line-height:28px; font-size:12px; margin:0 3px; padding:0 10px; border-radius:5px; border:1px solid #D5D5D5;}
.page span{ color:#aaaaaa; background:#E5E5E5; border-color:#FFFFFF}
.page a{ color:#969696;}
.page a:hover{ background:#59a70e; color:#FFFFFF; border-color:#fff}
.page span.active{ background:#59a70e; color:#FFFFFF; border-color:#fff}

h1.bt{ width:94%; margin:0 auto;line-height:28px; padding:10px 0; text-align:center; font-size:16px; border-bottom:1px dashed #999;}

span.tm{ width:100%; height:38px; line-height:38px; display:block; text-align:center; color:#898989}

.cont{ width:92%; margin:0 auto;}

div.el{ width:94%; margin:12px auto 0; height:28px; border-top:1px dashed #999}
div.el a.left{ height:28px; line-height:28px; float:left; font-size:12px; display:block; color:#000}

div.el a.right{ height:28px; line-height:28px; float:right; font-size:12px; display:block; color:#000}

div.el a:hover{ color:#900}

.cuss{ width:100%; float:left; margin:0 0 20px 0}


.cuss form{ width:80%;margin:0 10%; float:left; background:url(../images/cus_b.png) no-repeat right top; background-size:40% auto}
.cuss form div{ margin:8px auto; font-size:14px}
input.wbk{ width:200px; height:24px; line-height:24px; font-size:14px; background:#fff; box-shadow:1px 1px 3px #999; border-top:1px solid #999; border-left:1px solid #999}

.gen{ width:300px; height:150px; overflow-y:hidden; background:#FFF;border-top:1px solid #999; border-left:1px solid #999; box-shadow:1px 1px 3px #999; padding:5px; font-size:12px; font-family:"微软雅黑"; margin:0 0 0 8px}

input.an{ width:140px; height:40px; background:#59a70e; color:#FFF; font-size:14px; font-weight:bold; padding:0; border:none; border-radius:5px; box-shadow:3px 3px 5px #999; font-family:"微软雅黑"; font-size:18px; font-weight:bold;}

.cuslist{ padding:20px 0 0 0; float:left; width:100%;}
.cuslist li{ width:90%; margin:10px 5%; box-shadow:5px 5px 5px #CCC; float:left;}
.cuslist li h2{ width:100%; height:30px; line-height:30px;  background:#59a70e; color:#fff; font-size:12px; text-indent:2em; float:left}
.cuslist li h2 span{ line-height:30px; height:30px; float:left}
.cuslist li p{ line-height:24px}