﻿	@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;}

/*定位*/
.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;

/*其他*/
.cur{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;}
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px}
#roll_top{background:url(../images/top.gif) no-repeat}
#fall{background:url(../images/top.gif) no-repeat 0 -80px}
#ct{background:url(../images/top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}


/*end reset*/



/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#333; font-size:12px; font-family: "微软雅黑"; position:relative;}/*网站字体颜色*/

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1000px;}

/*页眉*/
.header{width:100%; background:url(../images/header_bg.png) no-repeat center top; height:193px;}

.header_top { overflow:hidden; width:1000px; margin:0 auto; height:137px;}
.header_top h1{ float:left; margin-top:20px;}
.header_top h2{ float:left; padding:5px 0; padding-left:25px; margin-top:10px; font-size:22px; color:#5aa733;}
.header_top h2 p{ font-weight:normal; font-size:16px; color:#333;}
/*
.header_top .phone{ overflow:hidden; float:right; margin-top:40px; padding-left:50px; background:url(../images/phone.png) no-repeat left top;}
.header_top .phone p{ font-size:13px; color:#333; text-align-last:justify}
.header_top .phone b{ display:block; font-size:26px; color:#5aa733; font-family:Impact}
.header_top .phone em{ display:block; font-size:18px; color:#000; background:url(../images/phone02.png) no-repeat center; margin-left:-50px; margin-top:5px; text-align:center}
*/
.header_top .phone{ overflow:hidden; float:right; margin-top:33px; padding-left:50px; background:url(../images/phone.png) no-repeat left top;}
.header_top .phone p{ font-size:13px; color:#333;letter-spacing: 14px;}
.header_top .phone b{ display:block; font-size:26px; color:#5aa733; font-family:Impact}
.header_top .phone em{ display:block; font-size:20px; color:#333; background:url(../images/phone02.png) no-repeat center; margin-left:-60px; margin-top:5px; text-align:center}

.header_nav {height:56px; background:url(../images/header_nav.png) repeat-x left bottom; width:100%;}

.header_nav .firstUl>li{ float:left; padding-top:6px; line-height:50px; background:url(../images/header_nav_bor.png) no-repeat right 15px;position:relative;}
.header_nav .last{ background:none}
.header_nav li a{ display:block; font-size:16px; color:#fff; text-decoration:none}
.header_nav ul li.cur,.header_nav .firstUl>li:hover{  background-color:#7ce21e;}
.header_nav li.cur a,.header_nav li:hover a{ color:#5aa733; font-weight:bold}


/*
.header_nav h1{ float:left; margin-left:3%; width:10%; margin-top:8px;}
.header_nav h1 img{ display:block; width:100%;}

.header_nav>ul>li{ float:left; font-size:16px; color:#333; padding:12px 0; width:12%; text-align:center; position:relative;}
.header_nav>ul>li>a{ display:block; text-decoration:none; border-right:1px solid #ccc;}
.header_nav>ul>li.last>a{ border:none}
.header_nav>ul>li.cur,.headerNav>ul>li:hover{ background:url(../images/headernavcur.png) no-repeat center; background-size:80%;}
.header_nav>ul>li.cur>a,.headerNav>ul>li:hover>a{ color:#fff;}
*/


/*下拉*/

.header .sedNav{ padding:10px 15px 20px 15px; position:absolute;    background: url(../images/erji_bg.png) repeat center; top:56px; z-index:99;width:71px; display:none;}

.header .sedNav ul{ float:left;  margin-top:4px; text-align:center; }
.header .sedNav li{ float:left; width:100%}

.header .sedNav li.noPr{ padding-right:0;}
.header .sedNav li p{ height:39px; line-height:39px;}
.header .sedNav li p a{ color:#fff; font-size:12px;}
.header .sedNav li p a:hover{ color:#5aa733; font-weight:bold;}

.header .header_nav li.right_SN:hover .sedNav{ display:block; left:0;}
.header .header_nav li.left_SN:hover .sedNav{ display:block; right:0}

/*footer*/
.footer{ overflow:hidden; width:100%; height:422px; background:url(../images/footer_floor.png) no-repeat center top;}
.footer .fnav{ overflow:hidden; width:100%; height:50px; background-color:#5aa733; line-height:50px; margin-bottom:70px;}
.footer .fnav ul{ overflow:hidden}
.footer .fnav li{ float:left; background:url(../images/header_nav_bor.png) no-repeat right center;}
.footer .fnav li.last{ background:none;}
.footer .fnav li a{ display:block; font-size:16px; color:#fff; text-decoration:none}
.footer .fnav li:hover a{ color:#5aa733; font-weight:bold; background-color:#ffff00}
.footer .list{ overflow:hidden; float:left; width:145px; margin-right:40px;}
.footer .list h3{ font-size:18px; font-weight:normal; padding-bottom:20px; border-bottom:1px solid #b3b0a8; margin-bottom:10px;}
.footer .list a{ color:#333}
.footer .list p{ font-size:13px; line-height:30px;}
.footer .list p a:hover{ color:#5aa733;}
.footer .list.last{ margin:0}
.footer .info{ float:right; width:450px;}
.footer .info img{ display:block; float:left; margin-left:30px;}
.footer .info p{ font-size:13px; line-height:32px; color:#333; float: left; margin:55px 0px 0px 20px;}
.footer .info i{ display:block; width:243px; height:1px; background-color:#bcbbb8; float:right; margin:20px 0 20px 0;}
.footer .info span{ display:block; font-size:13px; color:#868686;}


#roll_top,#fall,#ct{position:relative;cursor:pointer;height:60px;width:52px}
#roll_top{background:url(../images/top.gif) no-repeat}
#fall{background:url(../images/top.gif) no-repeat 0 -80px}
#ct{background:url(../images/top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}

.clsas{width:300px; height:170px; background:#ffed99; border:5px solid #bfbfbf; position:fixed; _position:absolute; left:0; bottom:0; z-index:9999}
.clsas h5{color:#843e00; font-size:24px; line-height:40px; text-align:center; font-weight:bold; height:46px}
.clsas p{ color:#111; font-size:14px; font-weight:bold; line-height:18px; padding-left:20px; height:24px}
.clsas span{  width: 0;height: 0; border-top: 9px solid transparent; border-left: 18px solid red; border-bottom: 9px solid transparent; display:block; float:left; margin-right:5px}
.clsas a{ color:#111}
.clsas a:hover{ color:#f00}
.proleft h4{ font-size:18px; margin:0 auto; margin-bottom:15px; font-weight:normal; width:160px; padding-left:40px; height:35px; background:url(../images/pro_left_h02.png) no-repeat 15px center; background-color:#5aa733; line-height:35px; color:#fff;}
#divOranIm{position:fixed;_position:absolute;left:0px;width:140px;top:50px;z-index:999999;}

@media screen and (max-width: 800px) {
.header_top h2{display:none}
.header .header_nav li.right_SN:hover .sedNav{display:none !important}	
.header_top{height:110px;}
.header{height:183px;}
.header_top h1,.header_top .phone{     margin-top:10px;   width: 50%;
    padding: 10px;
    box-sizing: border-box;
    background: none;}
	.header_top h1 img{width:100%;height:auto}
	.header_top .phone{text-align:center}
	.header_top .phone em{background:none;margin:0}
.header_top,.header, .content, .footer, .container{width:100%}

.header_nav .firstUl>li{width:25%; background:none;border-bottom: 1px #3e7523 solid;   text-align: center;    padding: 0;
    line-height: 35px;
    height: 35px;}
	#nav{height:72px;    background: #63b43b;}
.header_nav li a{font-size: 14px;padding:0 !important}
.pro h2 a{font-size:20px;}

.footer .list{width:31%;    text-align: center;margin:0 1%}
.footer .list.last{margin:0 1%}
.footer .list h3{margin-bottom:5px;padding-bottom:5px;}
.footer .info{width: 100%;
    text-align: center;}
	.footer .info p{float:none;margin-top:10px;}
	#divOranIm{   
    right: 0px;
    left: inherit;
    top: 35%}
}

