@charset "gb2312";
/* CSS Document
Theme Name: 300
Theme URI: 
Description: A website for guide themes.
Version: 2017.8.31
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: 1200px;margin:0 auto;}
.left{float:left;}
.right{float:right;}
/**head**/
.top{height:40px;line-height:40px;background:#464646;color:#fff;}
.head{  height: 100px;background:#333;}
.head .wrap{position:relative;z-index:50;}
.head .logo{    height: 130px;
    width: 210px;position:absolute;left:0;top:0;z-index:20;
    background: #53a128;
    line-height: 130px;}
.head .right{width:990px;}
.head .logo img{vertical-align:middle;}
.secondNav {    height: 47px;    width: 700px;}

.secondNav .nav li{float:left;position:relative;z-index:2;}
.secondNav .nav li a{    color: #fff;
    padding: 0 20px;
    font-size: 15px;
    display: block;
    border-top: 6px solid #333;
    line-height: 94px;}
.secondNav .nav li  ul li:hover{border:none;;}
.secondNav .nav li a:hover{color:#53a128;background:#282828;border-color:#53a128;}
.secondNav .nav li ul{       position: absolute;
    left: -22px;
    top: 100px;
    width: 100%;
    /* border-top: 4px solid #fff; */
    z-index: 50;
    white-space: nowrap;
padding: 0 22px;}
.secondNav .nav li ul a{color:#fff;height:45px;line-height:45px;background:#282828;border-top:5px solid #53a128;display:block;}
.secondNav .nav li ul a:hover{color:#53a128;}

/**other**/

.title  p{     color: #999;
    font-size: 14px;
    line-height: 36px;
    height: 36px;}
.location{     height: 57px;
    line-height: 57px;
    color: #666;}
.location img{vertical-align:middle;padding-right:6px;}
.location a{color:#666;}
.location a:hover{color:#53a128;}
.danleft{ width: 300px;}
.danyeright {    width: 870px;
    overflow: hidden;}
.mainAboutUs{     padding-bottom: 40px;  z-index: 20;}
.dantitle{ height: 114px;
    background: #53a128;
    text-align: center;}
.dantitle .zhongwen{     font-size: 24px;
    line-height: 65px;
    color: #fff;
    padding-top: 18px;
    /* padding-left: 28px; */
    font-weight: bold;
    background: url(../images/danzhongwen_03.jpg) no-repeat center bottom;}
.danyecatenav{ border-top: 1px solid #fff;
    margin-bottom: 20px;}
.dantitlecate{     background: #f8f8f8 url(../images/cate_12.png) no-repeat 20px 16px;
    border-bottom: 1px dashed #e2e0e0;}
.dantitlecate a:hover{color:#fff;}
.dantitlecate:hover{ background: #53a128 url(../images/catehover_15.png) no-repeat 20px 16px;}
.dantitlecate a{     color: #333;
    display: block;
    line-height: 55px;
    padding: 0px 50px;
    font-size: 16px;}
.dantitlecate:hover .erjip a{border-left:none;}
.dantitlecate .erjip a{      padding-left: 50px;
    background: #f7f7f7;
    font-size: 15px;
    margin: 0;}
.dantitlecate .erjip a:hover{background:#72af50;color:#fff;}
.bread{ height: 40px;
    background: #f8f8f8;
    border-left: 3px solid #53a128;
    font-size: 16px;
    line-height: 40px;
    color: #666;
    padding-left: 10px;}
.contway{    width: 260px;
    height: 172px;
    background: url(../images/contact_18.jpg) no-repeat;
    padding: 6px 20px;
    line-height: 20px;
    color: #555;}
.contway p{min-height:30px;}
.textbot{    font-size: 14px;
    color: #333;
    padding: 6px 0;
    line-height: 37px;}
.text-wrap a{color:#333;}
.text-wrap a:hover{color:#53a128;}
/**bottom**/
.bottom{background:url(../images/botbj_10.jpg) no-repeat 0 center;padding:50px 0;margin-top:40px;}
.bottom h4{font-size:24px;font-weight:normal;color:#fff;line-height:44px;}
.bottom p{font-size:14px;line-height:30px;color:#d3d2d2;border-bottom:1px solid #5a5a5a;padding-bottom:10px;}
.bottom .left1{width:340px;padding-right:150px;}
.bottom .left2{width:430px;}
.bottom .left2 p{border:none;}
.bottom .right{width:120px;text-align:center;}
.bottel{height:86px;width:380px;font-size:28px;color:#53a128;line-height:86px;    padding-bottom: 20px;}
.bottel img{vertical-align:middle;padding-right:20px;}
.bottom .left1 a{display: block;
    color: #53a128;
    width: 130px;
    height: 40px;
    background: #fff;
    border-radius: 30px;
    margin-top: 30px;
    text-align: center;
    line-height: 40px;}
.bottom .right img{width:120px;height:120px;}
.bottom .right span{color: #d3d2d2;
    line-height: 34px;
    height: 60px;
    display: block;}
.msgLeft_Txtbox_div input{    border: 1px solid #5a5a5a;
    background: none;
    line-height: 43px;
    padding: 0 6px;height:43px;
    margin-top: 10px;
    outline: medium;
    color: #9c9b9b!important;}
.msgLeft_Txtbox_div .name{    margin-right: 24px;}
.msgLeft_Txtbox_div textarea{height:71px;background:none; border: 1px solid #5a5a5a;color: #9c9b9b!important;
    outline: medium;padding:0 6px;
    margin-top: 10px;
    width: 424px;
    font-family: "微软雅黑";}
.msgLeft_Txtbox_div .phone{    width: 425px;}
#msgLeft_Btn_div{}
#msgLeft_Btn_div a{display: block;
    color: #53a128;
    width: 130px;
    height: 40px;
    background: #fff;
    border-radius: 30px;
    margin-top: 30px;
    text-align: center;
    line-height: 40px;}
.foot{    line-height: 40px;
    height: 40px;
    color: #4b4b4b;
    background: #0b0b0b;}
.foot a{color:#4b4b4b;}
.foot img{    padding-top: 12px;}
/**首页**/
.indexkong{padding:50px 0;}
.indextitle{height:90px;text-align:center;background:url(../images/title_03.jpg) no-repeat center bottom;}
.indextitle .yingwen{font-size:30px;color:#dadada;font-weight:bold;line-height:30px;text-transform:uppercase;}
.indextitle .zhongwen{font-size:24px;color:#53a128;line-height:46px;}
.indexadv ul{width:1320px;}
.indexadv li{padding-top:36px;width:308px;text-align:center;float:left;padding-right:132px;}
.indexadv li p{color:#777777;line-height:24px;}
.indexadv li h5{color:#53a128;font-size:18px;line-height:50px;padding-top:16px;}
.indexadv li img:hover{animation: run 1s;}
@keyframes run{
	0% {transform:rotate(0deg);}
	20% {transform:rotate(-15deg);}
	50% {transform:rotate(0deg);}
	75% {transform:rotate(15deg);}
	100% {transform:rotate(0deg);}
}
.indexabout{background:url(../images/indexaboutbj_06.jpg) no-repeat 0 center;}
.indexabout .indextitle{background:url(../images/abouttitle_03.jpg) no-repeat center bottom;}
.indexabout .indextitle .yingwen{color:#fff;}
.indexabout .content{width:860px;height:393px;position:relative;margin:50px auto 0;font-size:0;}
.indexabout .content .info{font-size: 12px;
    color: #fff;
    background: url(../images/touming_03.png);
    line-height: 30px;
    padding: 25px 50px;
    }
.indexabout .content a{    display: block;
    width: 1200px;
    height: 80px;
    position: absolute;
    left: -170px;
    top: 77px;
    z-index: 20;}
.indexabout .content p{height: 120px;
    overflow: hidden;}
.procate{padding:30px 0;text-align:Center;}
.procate a{    display: inline-block;
    text-align: center;
    /*width: 118px;*/
    border: 1px solid #54a22a;
    height: 38px;
    line-height: 38px;font-size:16px;
    color: #333;
    border-radius: 20px;
    margin-right: 20px;padding:0 10px;}
.procate a:hover{    color:#54a22a;  border: 1px solid #54a22a;}
.indexpro .content {    width: 1232px;}
.indexpro .content li{width:21%;height:auto;float:left;margin:0 14px;}

.indexpro .content li .proshowimg{width:100%;height:auto;border:6px solid #dadada;display:block;}
.indexpro .content li .proshowimg img{width:100%;height:100%;}
.indexpro .content li h2{text-align:center;line-height:46px;}
.indexpro .content li h2 a{font-size:16px;font-weight:normal;padding:0 15px;color:#333;    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.indexpro .content li .proshowimg:hover{border-color:#54a22a;}
.indexpro .content li h2 a:hover{   color:#54a22a; }


.indexpro .content .indexproli{width:31%;}




.indexnews .content{padding-top:20px;}
.indexnews .left{width:571px;}
.indexnews .left .imga{display:block;width:100%;height:262px;}
.indexnews .left .imga img{width:100%;height:100%;}
.indexnews .left  .titlea{font-size:15px;display:block;line-height:50px;white-space:nowrap;overflow:hidden;  color:#54a22a;
    text-overflow: ellipsis;}
.indexnews .left  .titlea:hover{text-decoration:underline;}
.indexnews .left p{color:#999;line-height:24px;height:48px;overflow:hidden;}
.indexnews .right{width:572px;}
.indexnews .right li{position:relative;  
    height: 109px;
    border-bottom: 2px dashed #e2e2e2;
    margin-bottom: 20px;}
.indexnews .right li .newsdate{    width: 90px;
    height: 90px;
    background: #53a128;
    color: #fff;float:left;margin-right:20px;
    text-align: center;}
.indexnews .right li .day{    font-size: 16px;
    line-height: 20px;
    padding-top: 24px;}
.indexnews .right li .mon{    font-size: 18px;
    line-height: 30px;
    font-weight: bold;}
.indexnews .right li .titlea{    font-size: 15px;
    color: #333;
    line-height: 40px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.indexnews .right li .titlea:hover{color:#53a128;text-decoration:underline;}
.indexnews .right li p{    color: #999;
    line-height: 22px;
    height: 44px;
    overflow: hidden;}
.newsmore{    display: block;
    width: 120px;
    height: 40px;
    background: #42871c;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    margin: 20px auto 0;}
.indexlink{      padding: 14px 0;}
.indexlink p{       line-height: 28px;
    height: 28px;
color: #333;}
.indexlink a{color:#333;padding-right:10px;}
.indexlink a:hover{color:#53a128;}
/**新闻**/
.mainNews li{line-height: 41px;
    height: 41px;
    border-bottom: 1px dashed #ddd;}
.mainNews li a{    display: block;
    float: left;
    width: 770px;
    white-space: nowrap;
    overflow: hidden;vertical-align:middle}
.mainNews li span{vertical-align:middle;display:block;float:right;color:#999;}

.pages{text-align:center;}
.pages ul{display: inline-block;}
.pages ul li{     float: left;
    margin: 40px 5px;
    min-width: 28px;
    min-height: 27px;
    line-height: 27px;
    text-align: center;
    border: 1px solid #e8e8e8;
    color: #999;}
.pages ul li a{color:#999;display:block;width:100%;height:100%;}
.pages ul li:hover{background:#53a128;}
.pages ul li:hover a{color:#fff;}
/**产品**/
.danyeright .indexpro {padding-top:15px;}
.danyeright .indexpro .content li{    margin-right: 15px;}

/**详情**/

.fwalneipcn {overflow:hidden;}
.fwalneipcn h1{     text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 33px;
    color: #333; padding-top: 14px;
}
.fwalneipcn .fabutime{      color: #999;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
    text-align: center;
    white-space: nowrap;}
.neinei{     line-height: 30px;
    font-size: 14px;
    color: #333;
    padding: 6px 20px 6px;}
.neinei a{ color: #333;}
.neinei a:hover{ color: #53a128;}
.fanye{}
.border h3{font-weight:normal;font-size:14px;float:left;}
.fanye a{ color: #666;}
.fanye a:hover{ color: #53a128;}
.border a:hover{ color: #53a128;}
.border a{ color: #666;padding-right:6px;}
.fanye{     line-height: 28px;
    padding: 2px 10px;
    color: #666;
    font-size: 14px;
    border: 1px solid #dadada;}
.relatags{     color: #666;
    background: #efefef;
    line-height: 26px;
    margin-top: 10px;
    padding: 6px 10px;}
.relatitle{    font-size: 18px;
    color: #fff;
    overflow: hidden;
    line-height: 45px;
    height: 45px;
    background: url(../images/relative_07.jpg) no-repeat 0 bottom;
    margin-top: 15px;
    padding-left: 10px;
    position: relative;}
.relatitle a{    color: #53a128;
    text-transform: uppercase;
    position: absolute;
    right: 10px;
    font-size: 14px;
}
.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: #53a128;}
.relanew li span{display: block;
    float: right;}