﻿

/* -- 页面整体布局 -- */
.header { width:1100px; margin:0 auto; font-family:microsoft yahei;}
.left { width:201px; float:left; overflow:hidden;}
.content , .footer { width:1200px; margin:0 auto; font-family:microsoft yahei;}
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:680px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top {  height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.rightbot{ height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.right { width:764px; float:right; display:inline; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}

.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:762px; min-height:458px; border:solid 1px #d5d5d5;  padding-bottom:15px; overflow:hidden;background:#fff;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;background:#fff}
.left2_main { width:678px;  border:solid 1px #d5d5d5; padding-bottom:15px; overflow:hidden;background:#fff;}

.h_nav li a:-webkit-any-link{ display:block;}

.container{margin-left:auto; margin-right:auto; width:1100px;}





.alSpan{background-color:#efefef;}
.alSpan .container{padding-bottom:40px; background-color:#fff; overflow:hidden;}
.alSpan h4{margin-top:42px; margin-bottom:40px; height:40px; line-height:40px; text-align:center; background:url(../images/tit_kh.png) no-repeat center; font-size:18px; font-weight:normal;}
.alSpan h4 a{color:#fff;}
.alMu{ width:260px;}
.alMu h4{height:62px; line-height: 62px; text-align: center; background:url(../images/almutit.png) repeat-x center; font-size:24px; font-weight: normal; color:#533207;}
.alMu ul{}
.alMu li{position:relative; margin-bottom:5px;}
.alMu li a{display:block; line-height:24px; padding-left:30px; font-size:16px; color:#333; background-color:#EDEDED; text-decoration:none; padding:10px 0; text-align:center}
.alMu li a span{ font-size:13px;opacity: 0.7;}
.alMu li i{position: absolute; right:-16px; top:50%; margin-top:-8px; display: none; width:0px; height:0px; border:8px solid transparent; border-left-color:#77BB28;}
.alMu li:hover a , .alMu li.cur a{background-color:#77BB28; color:#fff;}
.alMu li:hover i , .alMu li.cur i{display:block;}
.alCont{ width:800px; overflow:hidden;}
.alCont dl{height:212px; overflow:hidden;}
.alCont dl dt{}
.alCont dl dd{margin-left:320px;}
.alCont dl dd h5{margin-bottom:6px; height:28px; line-height:28px; font-size:16px; font-weight:normal;}
.alCont dl dd h5 a{color:#77C61B; font-weight:bold;}
.alCont dl dd p{ line-height:28px; font-size:14px; height:148px; overflow:hidden;}
.alCont dl dd .btnMore{color:#77C61B;}
.aalBox{}
.aalBox h5{margin-top:22px; margin-bottom:22px; font-size:16px; font-weight:normal;}
.aalBox h5 a{color:#333;}
.aalBox .aalCont{position:relative;}
.aalBox .aalCont ul{margin:0 auto; width:765px; overflow:hidden;}
.aalBox .aalCont li{margin:0 2px; float:left; width:190px;}
.aalBox .aalCont .btnLeft , .aalBox .aalCont .btnRight{position:absolute; top:50%; margin-top:-14px; width:8px; height:25px;}
.aalBox .aalCont .btnLeft{left:0px; background:url(../images/aalbtnleft.png) no-repeat center;}
.aalBox .aalCont .btnRight{right:0px; background:url(../images/aalbtnright.png) no-repeat center;}

/*产品*/
.cpSpan{height:654px; background:url(../images/cpspan.jpg) no-repeat center;}
.cpTit{padding-top:40px; padding-bottom:50px; border-bottom:1px solid #4b8500;  text-align:center; background:url(../images/cptitp.png) no-repeat center;}
.cpTit h4{font-size:24px; font-weight:normal; color:#fff;}
.cpTit p{margin:12px 0; height:45px; line-height:45px; font-size:20px; color:#456d00;}
.cpTit span{font-size:16px; color:#fff;}
.cpTab{margin:46px auto 44px auto; width:612px; overflow:hidden;}
.cpTab span{float:left; margin:0 10px; width:184px; height:47px; line-height:40px; background:url(../images/cptab.png) no-repeat center top; text-align:center; font-size:18px; color:#77BB28; cursor:pointer;}
.cpTab span:hover , .cpTab span.cur{background-image:url(../images/cptabh.png);}
.cpCont{}
.cpCont ul{margin:0 auto; width:920px; overflow:hidden;}
.cpCont li{margin:0 5px; float:left; text-align:center;}
.cpCont li img{border:1px solid #ccc;}
.cpCont li h5{margin-top:10px; font-weight:normal; font-size:14px;}
.cpCont li h5 a{color:#fff;}
.cpSpan .cpMore{margin:50px auto 0 auto; display:block; width:206px; height:36px; line-height:36px; text-align:center; border:1px solid #487f00; font-size:16px; color:#2a5000;}



