@charset "gb2312";
/* CSS Document
Theme Name: 284
Theme URI: 
Description: A website for guide themes.
Version: 2017.8.3
Author: ljh
 */
/* CSS Document */
/***预设样式***/
body,h1,h2,h3,h4,h5,h6,li,ul,ol,dt,dl,dd,input,p{margin:0;padding:0;}
body{font-family:arial,"Microsoft Yahei","宋体";font-size:14px;}
ol,ul{list-style:none;}
input,img{border:none;}
a{text-decoration:none;}
i{font-style:normal;}
.clear:after{
	content:"200B";
	display:block;
	font-size:0;
	line-height:0;
	clear:both;
	}
.clear{*zoom:1}
/***公用样式**/
.wrap{width: 1100px;margin:0 auto;}
.left{float:left;}
.right{float:right;}
/**head**/
.top{height:40px;line-height:40px;color:#fff;background:#4a8c3f;}
.top a{color:#fff;}
.top span{padding:0 10px;}
.top a:hover{text-decoration:underline;}
.top .right span img{vertical-align:middle;padding-right:7px;}
.top .right a{padding-left:6px;}
.top .right span{padding-right:10px;}
.head{  height: 80px;}
.head .logo{    height: 80px;width:350px;}
.secondNav {     height: 80px;
    line-height: 80px;    position: relative;
    z-index: 50;
    width: 750px;}
.secondNav .nav li{float:left;position:relative;z-index:2;}
.secondNav .nav li a{color:#333;    padding: 0 30px;}
.secondNav .nav li ul{     position: absolute;
    left: -22px;
    top: 60px;
    width: 100%;
    z-index: 50;
    white-space: nowrap;
    padding: 0 22px;}
.secondNav .nav li ul a{height:40px;line-height:40px;background:#4a8c3f;border-top:1px solid #fff;display:block;}
.secondNav .nav li ul a:hover{color:#fff;}
/**other**/
.indexkong{padding:50px 0;}
.title{     height: 60px;
    text-align: center;
    width: 490px;
    margin: 0 auto;
    background: url(../images/title_10.png) no-repeat center 50px;}
.title .yingwen{     font-size: 32px;
    text-transform: uppercase;
    line-height: 30px;
    height: 40px;
    color: #4a8c3f;
    font-weight: bold;}
.title .zhongwen{     line-height: 20px;
    font-size: 20px;
    color: #333;
    font-weight: bold;}
.location{     height: 52px;
    line-height: 52px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 700px;
    text-align: right;}
.location a{color:#333;}
.location  img{    vertical-align: middle;
    padding-right: 10px;}
.danleft{width:280px;margin-top:-90px;position:relative;z-index:10;}
.danyeright {width:793px;    overflow: hidden;}
.mainAboutUs{    padding-bottom: 40px;}
.dantitle{ 
    height: 90px;position: relative;
    background: #4d993b;overflow:hidden;
    color: #fff;}
.dantitle .yingwen{      color: #3a8927;
    text-align: center;
    text-transform: uppercase;
    font-size: 55px;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: -20px;}
.dantitle .zhongwen{    font-size: 21px;
    line-height: 56px;
    padding-left: 37px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/dantitle_03.jpg) no-repeat 18px center;}
.dantitlebot{    height: 88px;
    line-height: 88px;
    border-bottom: 2px solid #99cc01;}
.dantitlecate{     background:#e4e3e5 url(../images/danli_07.jpg) no-repeat 0 0;}
.dantitlecate:hover{  background: #4d4c51 url(../images/danlihover_07.jpg) no-repeat 0 0;border-color:#4d4c51;}
.dantitlecate:hover a{color:#fff;}
.dantitlecate a{  color: #333;
    display: block;
    line-height: 59px;
    border-top: 1px solid #c6c6c6;
    padding-left: 30px;
    padding-right: 90px;}
.dantitlecate .erjip a{padding-left:50px;background:#e4e3e5 url(../images/danli_07.jpg) no-repeat 0 0;color:#333;}
.dantitlecate .erjip a:hover{background:#4d4c51 url(../images/danlihover_07.jpg) no-repeat 0 0;color:#fff;}
.bread{ background: url(../images/bread_10.jpg) no-repeat 0 bottom;
    height: 58px;
    position: relative;}
.danzhidao{    font-size: 20px;
    line-height: 58px;
    float: left;
    color: #333;}
.textbot{     font-size: 14px;
    color: #333;
    padding-top: 18px;
    line-height: 39px;}
/**bottom**/
.botcont{   background: #3a3a3c;
    padding: 60px 0;}
.botcont  dl{max-width:100px;padding:0 30px;float:left;height:153px;border-right:1px solid #505052;}
.botcont .first{    width: auto;
    padding-left: 20px;}
.botcont  dl dt{height:33px;}
.botcont  dl dt a{color:#fff;line-height:20px;}
.botcont  dl dd a{color: #d9d9d9;
    line-height: 30px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.botcont .right{padding-right:20px;}
.botcont .right dl{    border: none;
    height: auto;
    float: none;
    padding: 0;}
.botcont .right p{font-size:12px;line-height:35px;color:#fff;}
.botcont .right p img{padding-right:10px;vertical-align:middle;}
.bottom{background: #4d993b;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 12px;}
.bottom img{vertical-align:middle;}
.bottom .right{font-size:14px;}
.bottom .right img{padding-right:6px;}
/**首页**/
.indexabout .content{padding:26px 0;}
.indexabout .content p{color:#333;line-height:38px;text-align:center;
height:190px;overflow:hidden;}
.btn{display:block;width:170px;height:58px;margin:0 auto;text-align:center;color:#fff;
background:url(../images/btn_14.png) repeat-x;font-size:16px;line-height:50px;}
.btn:hover{background:url(../images/btnhover_17.png) repeat-x;}

.procate{      padding: 40px 0;
    text-align: center;}
.procate h6{display:inline;font-size: 16px;}
.procate a{  
    font-size: 16px;
    color: #333;
    height: 18px;
    line-height: 18px;}
.procate span{padding:0 12px;}
.procate a:hover{color:#4a8c3f;}


.indexpro{background:#ecf1f3;}
.indexpro .prosul{width:1237px;}
.prosul li{width: 247px;background:#4d4c51;
    height: auto;
    float: left;
    margin-right:37px;}
.prosul li:hover{background:#4a8c3f;}
.danyeright .prosul{width:950px;}
.danyeright .prosul li{    margin-top: 29px;
    margin-right: 29px;}
.prosul li .proshowimg{display:block;width:100%;height:268px;}
.prosul li .proshowimg img{display:block;width:100%;height:100%;}
.prosul li h2{font-size: 16px;
    line-height: 40px;
    text-align: center;}
.prosul li h2 a{color:#fff;display:block;white-space:nowrap;overflow:hidden;
text-overflow: ellipsis;padding:0 15px;font-weight: normal;}
.prosul li h2 a:hover{text-decoration:underline;}
.prosul li p{line-height:18px;overflow:hidden;height:36px;text-align:center;padding:0 15px;color:#fff;display:none;}

.indexnews{background:#ecf1f3;}
.indexnews .content{padding:30px 0;}
.indexnews .content li{    height: 70px;
    padding: 20px;}
.indexnews .content li .left{    width: 76px;
    text-align: center;
    height: 70px;
    border-right: 1px solid #cbd5d9;
    padding-right: 30px;
    margin-right: 30px;}
.indexnews .content li:hover  .left .day{color:#4d993b;}
.indexnews .content li:hover{background:#fff;}
.indexnews .content li .left .day{    display: block;
    font-size: 50px;
    line-height: 50px;
    font-weight: bold;    height: 50px;
    color: #333;}
.indexnews .content li .left .mon{    color: #333;
    display: block;
    font-size: 18px;
    line-height: 20px;
    padding-top: 4px;}
.indexnews .content li .right{    width: 916px;}
.indexnews .content li .right a{    color: #333;
    line-height: 16px;
    height: 34px;
    display: block;
    width: 900px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.indexnews .content li .right a:hover{color:#4d993b;}
.indexnews .content li .right p{    color: #666;
    font-size: 12px;
    line-height: 21px;
    height: 42px;
    overflow: hidden;}

.newsul{}
.newsul li{width:540px;float:left;height:100px;margin-bottom:30px;
padding-right:60px;border-right:1px solid #d2d2d2;}
.newsul li .left{    background: #f8f8f8;
    width: 112px;
    height: 100px; color: #333;
    text-align: center;
    margin-right: 30px;}
.newsul li .left:hover{background:#4a8c3f;color:#fff;}
.newsul li .left .day{    display: block;
    font-size: 32px;
    line-height: 40px;
    padding-top: 14px;
   }
.newsul li .left .mon{    font-size: 18px;
    line-height: 38px;}
.newsul li .right{width:398px;}
.newsul li .right .titlea{color: #333;
    font-size: 16px;
    line-height: 42px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.newsul li .right .titlea:hover{color:#4a8c3f;}
.newsul li .right p{    line-height: 28px;
    height: 56px;
    overflow: hidden;
    font-size: 14px;
    color: #666;}
.indexlink{padding:22px 0;}
.indexlink p{     line-height: 26px;
    font-size: 14px;
    color: #4a8c3f;
    padding-left: 25px;}
.indexlink a{color:#4a8c3f;padding-right:10px;}
.indexlink .link{background:url(../images/link_23.png) no-repeat 0 center;}
.indexlink .sub{background:url(../images/sub_20.png) no-repeat 0 center;}
/**新闻**/

.mainAboutUs .indexnews{background:#fff;}
.mainAboutUs .indexnews .content{padding:30px 0 0;}
.mainAboutUs .indexnews .content li{height:50px;padding:0 0 20px 0;border-bottom:1px solid #ddd;margin-bottom:20px;}
.mainAboutUs .indexnews .content li .left{width: 60px;
    height: 50px;
    border: none;
    padding-right: 40px;
    margin: 0;}
.mainAboutUs .indexnews .content li .left .day{font-size: 34px;height: 34px;
    line-height: 34px;}
.mainAboutUs  .indexnews .content li .left .mon{    font-size: 14px;
    line-height: 14px;}
.mainAboutUs .indexnews .content li .right{    width: 690px;}
.mainAboutUs  .indexnews .content li .right a{    height: 18px;}
.mainAboutUs .indexnews .content li .right p{    line-height: 18px;
    height: 36px;}
.pages{text-align:center;}
.pages ul{display: inline-block;}
.pages ul li{     float: left;
    margin: 40px 5px;background:#4d4c51;
    min-width: 29px;
    min-height: 29px;
    line-height: 29px;
    text-align: center;
    border-radius: 50%;}
.pages ul li a{color:#fff;display:block;width:100%;height:100%;}
.pages ul li:hover{background:#4d993b;}
/**产品**/
.mainProduct {width:944px;    margin-top: 12px;}
.mainProduct li{width:290px;height:250px;margin-right:24px;float:left;}
.mainProduct li .proshowimg{width:100%;height:200px;border:1px solid #d2d2d2;}
.mainProduct li .proshowimg:hover{border-color:#4a8c3f;}
.mainProduct li .proshowimg a{width:100%;height:100%;display:block;}
.mainProduct li .proshowimg a img{width:100%;height:100%;display:block;}
.mainProduct li h2{text-align:center;line-height:45px;font-size:16px;font-weight:normal;}
.mainProduct li h2 a{color:#333;display:block;white-space:nowrap;overflow:hidden;    text-overflow: ellipsis;
    padding: 0 20px;}
.mainProduct li h2 a:hover{color:#4a8c3f;}
/**详情**/
.fwalneipcn h1{     text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 54px;color: #4d993b;}
.fwalneipcn .fabutime{     color: #999;
    font-size: 12px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    border-top: 1px dashed #cecece;
    border-bottom: 1px dashed #cecece;
    width: 330px;
    margin: 0 auto;
    white-space: nowrap;}
.neinei{    line-height: 30px;
    font-size: 14px;
    color: #333;
    padding-top: 12px;}
.neinei a{ color: #333;}
.neinei a:hover{ color: #4a8c3f;}
.fanye{}
.relatags h3{font-weight:normal;font-size:14px;float:left;}
.fanye a{ color: #666;}
.fanye a:hover{ color: #4a8c3f;}
.relatags a:hover{ color: #4a8c3f;}
.relatags a{ color: #666;padding-right:6px;}
.border{line-height: 30px;
    padding: 3px 0;
    color: #666;}
.relatags{    background: #e4e3e5;
    line-height: 34px;}
.relatitle{     font-size: 20px;
    color: #4d4c51;    overflow: hidden;
    font-weight: bold;
    line-height: 50px;    height: 50px;
    background: url(../images/dant.jpg) no-repeat 0 47px;}
.relatitle span{float:left;}
.pcsuo{    text-align: center;
    padding: 10px 0;}
.relanew li{height:40px;line-height:40px;font-size:13px;color:#666;border-bottom:1px dashed #d2d2d2;}
.relanew li a{color: #666;
    display: block;
    float: left;
    width: 680px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.relanew li a:hover{ color: #4a8c3f;}
.relanew li span{display: block;
    float: right;}