@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font:300%/150% "\5FAE\8F6F\96C5\9ED1","\5b8b\4f53",tahoma,vernada; font-size:14px; line-height:23px; color:#333333; background-color:#ffffff; min-width:1260px;}
p{margin:0; padding:0;}
form{margin:0; padding:0;}
h1{margin:0 0 10px 0; padding:0;}
h2{margin:0; padding:0;}
h3{margin:0; padding:0;}
div{margin:0; padding:0;}
A{text-decoration:none;}
li{list-style:none;}
ul{margin:0; padding:0;}
dl{margin:0; padding:0;}
dt{margin:0; padding:0;}
dd{margin:0; padding:0;}
A{text-decoration:none;}
a:link{color: #333;text-decoration: none;}
a:visited {text-decoration: none;color: #333;}
a:hover {text-decoration: none;color: #da251d;}
a:active {text-decoration: none;color: #333;}
.clear{clear:both;}
.floatl{float:right; margin-left:36px;}
.martop{margin-top:20px;}
.paddingtop{padding-top:40px;}
.pwz{text-align:center; margin:0; padding:0; font-size:16px; color:#5b5959;}
.inputclass{border:#dbdbdb solid 1px; height:23px; line-height:23px; width:170px; margin:0; padding:0;}
.phone{background:url(../images/phone.jpg) no-repeat left; text-indent:25px; font-size:20px; margin-top:4px;}
.phone b{font-size:16px;}
#top{width:1200px; margin:auto;}
#top .topleft{float:left; height:128px;}
#top .topright{float:right; width:308px; height:100px; text-align:right; padding-top:28px;}
#top .topright ul{ display:block; width:960px;}
#top .topright ul li{float:left;}
#top .topright ul li a:link{color:#333; padding:0 25px; font-size:16px; line-height:117px; display:block;}
#top .topright ul li a:visited{color:#333;padding:0 25px; font-size:16px;line-height:117px; display:block;}
#top .topright ul li a:hover{background-color:#d39a3c; display:block; padding:0 25px; color:#FFF; font-size:16px;line-height:117px;}

#bananer{background:url(../images/bananer.jpg) no-repeat center; height:900px; }

#mainjjfa{width:1200px; margin:auto; padding-top:30px;}
#mainjjfa h2{font-size:32px; padding:0; color:#000; text-align:center; height:60px; line-height:60px; font-weight:300; }
#mainjjfa h4{font-size:16px; text-align:center; font-weight:100;}
#mainjjfa .ultitle{ display:block; height:37px; line-height:37px; display:table; margin:auto;}
#mainjjfa .ultitle li{float:left; background:url(../images/libg.png) no-repeat center; margin-left:10px; width:120px; text-align:center;}
#mainjjfa .indexpro{ padding:40px 0 0 0;}
#mainjjfa .indexpro ul{ display:block; margin-bottom:30px;}
#mainjjfa .indexpro ul li{text-align:center; float:left; margin-right:20px;}
#mainjjfa .indexpro ul li p{ height:56px; line-height:56px; font-size:18px;}
#mainjjfa .indexpro ul li p a:link{background-color:#00923f; display:block; color:#FFF;}
#mainjjfa .indexpro ul li p a:visited{background-color:#00923f; display:block; color:#FFF;}
#mainjjfa .indexpro ul li p a:hover{background-color:#da251d; display:block; color:#FFF;}
#mainjjfa .more{width:260px; margin:70px auto;}
#mainjjfa .more a:link{width:260px; height:36px; line-height:36px; border:#169ad7 solid 1px; display:block; text-align:center; color:#169ad7;}
#mainjjfa .more a:visited{width:260px; height:36px; line-height:36px; border:#169ad7 solid 1px; display:block;text-align:center; color:#169ad7;}
#mainjjfa .more a:hover{width:260px; height:36px; line-height:36px; border:#043a6d solid 1px; display:block;text-align:center;}

#indexcom{ background-color:#eef9f3; padding:50px 0; margin-bottom:30px;}
#indexcom .indexcomcon{width:1200px; margin:auto; line-height:24px;}
#indexcom .indexcomcon h3{font-size:22px; padding:20px 0 0 0; height:80px; line-height:80px; }

#indexnews{width:1200px; margin:auto; }
#indexnews h2{font-size:32px; padding:0; color:#000; text-align:center; height:60px; line-height:60px; font-weight:300; }
#indexnews h4{font-size:16px; text-align:center; font-weight:100;}
#indexnews h1{font-size:30px; padding:0; height:30px; line-height:30px; padding-bottom:10px; font-weight:100; font-family: Arial, Helvetica, sans-serif; color:#00923f;}
#indexnews h1 span{font-size:12px; font-weight:100; margin-left:20px; color:#757575;}
#indexnews ul{ display:block; width:1260px; margin-top:30px;}
#indexnews ul li{float:left; margin-right:50px; display:block; width:363px; border:#eaeaea solid 1px;}
#indexnews .newsnr{width:360px; margin:auto; padding:25px 0;}
#indexnews .newsnr h3{font-size:16px; margin-bottom:10px; padding:0;}

#indexnews ul li:hover img{transition:all 0.5s;transform:scale(1.1,1.1);}
#indexnews ul li img{width:363px;height:200px;transition:all 0.5s;}
#indexnews .more{width:260px; margin:60px auto;}
#indexnews .more a:link{width:260px; height:36px; line-height:36px; border:#00923f solid 1px; display:block; text-align:center;color:#00923f;}
#indexnews .more a:visited{width:260px; height:36px; line-height:36px; border:#00923f solid 1px; display:block;text-align:center;color:#00923f;}
#indexnews .more a:hover{width:260px; height:36px; line-height:36px; border:#da251d solid 1px; display:block;text-align:center;color:#da251d;}

.box{
		text-align: center;
		overflow: hidden;
		position: relative;
	}
.box:before{
		content: "";
		width: 0;
		height: 100%;
		background: #037d36;
		padding: 14px 18px;
		position: absolute;
		top: 0;
		left: 50%;
		opacity: 0;
		transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
	}
	.box:hover:before{
		width: 100%;
		left: 0;
		opacity: 0.3;
	}

#foot{background-color:#141212; padding:50px 0 50px 0;}
#foot .footcon{width:1200px; margin:auto;}
#foot .footcon .footleft{float:left; width:400px; line-height:25px; color:#aeadad;}
#foot .footcon .footcenter{float:left; width:400px; line-height:26px; color:#aeadad; border-left:#433e3e solid 1px; border-right:#433e3e solid 1px; padding-left:120px; padding-right:0px;}
#foot .footcon .footright{float:right; width:200px; color:#fff; font-size:16px; text-align:center; line-height:30px; margin-left:60px;}
#foot .footcon .footright img{margin-top:10px;}
#foot .footcon .footleft ul{}
#foot .footcon .footleft ul li{float:left; padding-left:40px; padding-right:40px; color:#636161; display:block;}
#foot .footcon .footleft ul li b{display:block; font-size:18px; font-weight:100; margin-bottom:10px; color:#aeadad;}
#foot .footcon .footleft ul li a:link{color:#636161; font-size:14px;}
#foot .footcon .footleft ul li a:visited{color:#636161; font-size:14px;}
#foot .footcon .footleft ul li a:hover{color:#da251d; font-size:14px;}
#foot .footcon .footcenter b{display:block; font-size:18px; font-weight:100; margin-bottom:10px; color:#aeadad;}
#foot .footcon .footcenter h3{font-size:30px; line-height:38px; color:#aeadad; margin-bottom:10px;}
.bbg{background:url(../images/footimg.jpg) no-repeat left; text-indent:40px;}

#footcopy{background-color:#141212; color:#423e3e; height:60px; line-height:60px; text-align:center; border-top:#433e3e solid 1px;}
#footcopy a:link{color:#423e3e;}
#footcopy a:visited{color:#423e3e;}
#footcopy a:hover{color:#da251d;}

/* menu */
#menu{background-color:#00923f; height:55px;}
.jqueryslidemenu {width:1200px; margin:auto;}
.jqueryslidemenu UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; }
.jqueryslidemenu UL LI {Z-INDEX: 1000; POSITION: relative; DISPLAY: inline; float:left; width:199px; height:55px; line-height:55px; border-right:#037d36 solid 1px; }
.jqueryslidemenu UL LI A {DISPLAY: block; TEXT-DECORATION: none;}
* HTML .jqueryslidemenu UL LI A {DISPLAY: inline-block}
.jqueryslidemenu UL LI A:link { text-decoration: none; font-size:18px; color:#fff; text-align:center;}
.jqueryslidemenu UL LI A:visited {text-decoration: none; font-size:18px; color:#fff; text-align:center;}
.jqueryslidemenu UL LI A:hover {display:block; text-align:center; background-color:#84c225;}
.jqueryslidemenu UL LI UL {POSITION: absolute; MARGIN: 0px; DISPLAY: block; VISIBILITY: hidden; display:block; background-color:#84c225; WIDTH:199px;} 
.jqueryslidemenu UL LI UL LI {DISPLAY: list-item; FLOAT: none; line-height:45px; height:45px; text-align:center; background-image:none; border-right:#037d36 solid 0px;}
.jqueryslidemenu UL LI UL LI A:link { MARGIN: 0px;font-size:14px; BORDER-TOP-WIDTH: 0px; LETTER-SPACING: 0px;  color:#fff;  text-align:left; text-indent:22px;}
.jqueryslidemenu UL LI UL LI A:visited {MARGIN: 0px; font-size:14px; BORDER-TOP-WIDTH: 0px; LETTER-SPACING: 0px; color:#fff; text-align:left; text-indent:22px;}
.jqueryslidemenu UL LI UL LI A:hover {MARGIN: 0px;font-size:14px; BORDER-TOP-WIDTH: 0px; LETTER-SPACING: 0px; color:#fff; text-align:left; background-color:#00923f; text-indent:22px;}
.jqueryslidemenu .nav_parent:hover>a,.jqueryslidemenu .nav_parent:focus>a,.jqueryslidemenu .nav_parent:active>ul{color:#fff; background-color:#84c225;}

#aboutbananer{background:url(../images/about.jpg) no-repeat center; height:400px;}
#productbananer{background:url(../images/product.jpg) no-repeat center; height:400px;}
#contactbananer{background:url(../images/contact.jpg) no-repeat center; height:400px;}
#jobbananer{background:url(../images/job.jpg) no-repeat center; height:400px;}
#casebananer{background:url(../images/case.jpg) no-repeat center; height:400px;}
#newsbananer{background:url(../images/news.jpg) no-repeat center; height:400px;}
#dhline{height:50px; line-height:50px; border-bottom:#dbdbdb solid 1px;}
#dhline .dhcon{width:1230px; margin:auto; font-size:16px;}
#about{background:url(../images/aboutbg.jpg) no-repeat bottom; padding-bottom:50px;}
#about .aboutcon{ width:1230px; margin:auto; padding-top:30px;}
#about .aboutcon .aboutleft{float:left; width:260px;}
#about .aboutcon .aboutright{float:right; width:920px; line-height:30px;}

#about .aboutcon .aboutleft H1{padding:30px; background-color:#00923f; color:#FFF;}
#about .aboutcon .aboutleft H1 span{font-weight:100; font-size:22px; margin-left:40px;}
#about .aboutcon .aboutleft ul{}
#about .aboutcon .aboutleft ul li{background:url(../images/jt.png) no-repeat left center; border-bottom:#bfc0bf solid 1px; line-height:40px; font-size:18px; padding-left:30px;}
#about .aboutcon .aboutright h2{font-size:30px; padding-top:15px; font-weight:100; margin-bottom:16px;}
#about .aboutcon .aboutright h2 span{ font-family:Verdana, Geneva, sans-serif; font-size:18px; line-height:30px;}
#about .aboutcon .aboutleft ul li a:link{color:#333;}
#about .aboutcon .aboutleft ul li a:visited{color:#333;}
#about .aboutcon .aboutleft ul li a:hover{color:#000000;}

#about .aboutcon .aboutright input{height:28px; line-height:28px;}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:280px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#017634;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:14px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px 2px 14px; color:#017634;}
#floatDivBoxs .floatDtel{padding:0 0 15px 15px; font-size:16px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ border:1px solid #e3e3e3;}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:280px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

/*page*/
#page{ text-align:center; clear:both; margin-top:5px; margin-bottom:0px;}
#page a:link{ background-color:#00923f; width:80px; height:80px; margin-left:5px; color:#FFF; padding:5px 10px;}
#page a:visited{ background-color:#00923f; width:80px; height:80px; margin-left:5px; color:#FFF; padding:5px 10px;}
#page a:hover{ background-color:#da251d; width:80px; height:80px; margin-left:5px; color:#FFF; padding:5px 10px;}
#page .selected{ background-color:#da251d; color:#fff; width:80px; height:80px; padding:5px 10px;}