﻿@charset "utf-8";
/* CSS Document */
.ban{ height:399px; width:100%; background-position:center; background-repeat:no-repeat; margin-top:-14px}
@media screen and (max-width:768px){
.ab1{ background-position:-260px;}
.ab2{ background-position:-1060px;
}
}
.cmenu{ max-height:85px; background:#efefef}
.cmenu p{ color:#7a9400; padding:32px 0; margin-left:8px;}
.cmenu p a{ color:#7a9400;}
.teimg{ position:relative; margin-top:-16px; float:left;}
.cmenu .aul{ width:auto;}
.cmenu .aul li{ float:left;margin:0 0 0 20px;}
.cmenu .aul li a{ display:inline-block; position:relative; color:#7a7a7a; padding:32px 0; transition:all 0.5s}
.cmenu .aul li a span{ position:absolute; width:100%; transform:scale(0,1); height:4px; background:#779100; left:0; bottom:0; transition:all 0.5s;}
.cmenu .aul li a:hover span{ transform:scale(1);}
.cmenu .aul li a:hover{ color:#779100}
.cmenu .aul li a.cur span{ transform:scale(1);}
.cmenu .aul li a.cur{ color:#779100}
@media screen and (max-width:1024px){
.abn{ background-position:-650px;}
.teimg{ display:none;}
}
@media screen and (max-width:768px){
.abn{ background-position:-880px;}
.cmenu{ max-height:100px;}
.teimg{ display:none;}
.cmenu p{ display:none;}
.cmenu .aul{ width:100%;}
.cmenu .aul li{ width:25%;margin:0;text-align:center;}
.cmenu .aul li a{}
}

.main{ padding:40px 0 120px;}

/*公司简介*/
.atit{}
.atit h4{ font-size:1.875rem; color:#131313; font-weight:bold;}
.atit h4 span{ font-size:1.875rem; color:#3b3b3b; font-family:'AlibabaSans'; text-transform:uppercase;}

.an-ne{ margin-top:35px;}
.an-ne .fl{ width:38%; position:relative;}
.an-ne .fl h4{ font-size:1.875rem; color:#91b000; font-weight:bold; margin-top:21px;}
.an-ne .fl span{ font-size:1.375rem; color:#454545; display:block; margin-bottom:50px;}
.an-ne .fl p{ font-size:1rem; color:#444444; line-height:1.5em; text-align:justify;}

.an-ne .fr{ width:60%;}
.an-ne img{}

.an-ee{ width:100%; margin-top:30px;}
.an-ee p{ line-height:1.5em;}
.an-ee .fl{ width:49%;}
.an-ee .fr{ width:48%; position:relative; margin-top:-70px;}

.gushu1{ background:#f1f1f1; border:1px solid #d7d7d7; padding:20px 0; box-sizing:border-box;}
.gushu1{ margin:48px 0;}
.gushu1 li{ float:left; width:33.33%; background:url(../images/gu1.jpg) right center no-repeat; text-align:center;}
.gushu1 li h4{ font-family:'AlibabaSans'; color:#91b000; font-size:80px;}
.gushu1 li h4 font{ position:relative; top:-5px; font-weight:lighter; font-family:'微软雅黑'; font-size:60px;}
.gushu1 li h4 em{ font-size:1.125rem; color:#282828}
.gushu1 li p{ font-size:1.875rem; color:#282828;}
.gushu1 li p span{ color:#282828}
.gushu1 li:nth-child(3){ background:none;}
@media screen and (max-width:768px){
.an-ne .fl{ width:100%; position:relative; margin-bottom:20px;}
.an-ne .fr{ width:100%;}
.an-ee .fl{ width:100%;}
.an-ee .fr{ width:100%; position:relative; margin-top:0px;}
.gushu1 li{ background:none; width:100%; margin-bottom:20px;}
}


.hulist{ width:100%;}
.hulist li{ box-sizing:border-box; float:left; width:23%; margin-right:2.66%; margin-bottom:33px;}
.hulist li div{ overflow:hidden; border:2px solid #d5d3d3}
.hulist li div img{ transform:scale(1); transition:all 0.5s; width:100%;}
.hulist li div img{}
.hulist li:hover div img{ transform:scale(1.05);}
.hulist li p{ color:#fff; background:#91b000; padding:12px 0; text-align:center;}
@media screen and (max-width:768px){
.hulist li{ width:49%; margin:0 0.5% 32px 0.5% !important;}
}

/*联系我们*/
.lx-con{ margin:64px 0;}
.lx-con .title{ text-align:center}
.lx-con .title h4{ font-size:1.625rem; color:#748d00; font-weight:bold;}
.lx-con .title span{ font-size:1rem; color:#000000;}
.lx-con ul{ margin:82px auto 0; width:92%;}
.lx-con li{ float:left; width:27%;}
.lx-con li:nth-child(1){ width:46%;}
.lx-con li p{ color:#000000;}
@media screen and (max-width:768px){

}

/*案例*/
.csort{ width:90%; margin:0 auto 20px;}
.csort li{ box-sizing:border-box; float:left; width:15.6%; margin-right:1.18%; margin-bottom:20px;}
.csort li:nth-child(6){ margin-right:0;}
.csort li a{ font-size:1.125rem; color:#5b5b5b; transition:all 0.5s; display:block; border:1px solid #d8d8d8; padding:14px 36px; text-align:center;}
.csort li a:hover{ color:#839f00; border:1px solid #839f00;}
.csort li a.cur{ color:#839f00; border:1px solid #839f00;}

.caselist{ width:100%;}
.caselist dl{ width:31.33%; margin-right:3%; float:left; margin-bottom:24px;}
.caselist dl a{ display:block;}
.caselist dl dt{ width:100%; box-sizing:border-box; border:5px solid #dcdcdc; overflow:hidden; transition:all 0.5s;}
.caselist dl:hover dt{ border:5px solid #91b000}
.caselist dl dt img{ width:100%; transition:all 0.8s;}
.caselist dl:hover dt img{ transform:scale(1.05); transition:all 0.8s;}
.caselist dl dd{ height:auto; border-bottom:2px solid #c5c5c5}
.caselist dl dd p{ font-size:1rem; color:#5b5b5b; padding:16px 0;}
.caselist dl:nth-child(3){ margin-right:0}
.caselist dl:nth-child(6){ margin-right:0;}
@media screen and (max-width:768px){
.caselist dl{ width:48%; margin:0 1% 24px;}
.csort li{ width:31.33%; margin-right:3%;}
.csort li:nth-child(3){ margin-right:0;}
.csort li:nth-child(6){ margin-right:0;}
}

.kelist{ width:100%;}
.kelist li{ width:15%; margin-right:2%; box-sizing:border-box; padding:5px; background:#eee; float:left; margin-bottom:24px;}
.kelist li:nth-child(6){ margin-right:0}
.kelist li:nth-child(12){ margin-right:0}
.kelist li:nth-child(18) {margin-right:0}
.kelist li p{ font-size:1rem; line-height:1.5em; margin-top:5px; text-align:center;}

@media screen and (max-width: 768px){
.kelist li{ width:32.33%; margin:0 0.5% !important;}
.kelist li img{ width:100%;}
}

/*加入我们*/
.jlist{ background:#fff; padding:30px; box-shadow:0 0 5px 3px rgba(0,0,0,0.1); margin-top:32px;}
.jlist .jname{ width:38%;}
.jlist .jname h4{ font-size:1.5rem; font-weight:bold; color:#333}
.jlist .jname p{ margin:18px 0;color: #ff0000; font-size:1.25rem; font-weight:bold;}
.jlist .jname p em{ font-size:1rem;}
.jlist .jzhi{ width:38%; margin-top:36px;}
.jlist .jzhi p{ color:#666; margin-bottom:8px;}
.jlist .jzhi p b{ color:#333;}
.jlist .sqa{ background:#91b000; display:block; color:#fff; border-radius:5px; padding:8px 10px; margin-top:40px;}
@media screen and (max-width: 768px){
.jlist .jname{ width:100%;}
.jlist .jzhi{ width:100%;}
}

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 121;
	display: none;
	top: 0;
	left: 0; 
}


.reveal-modal-bg3 { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 121;
	display: none;
	top: 0;
	left: 0; 
}

.reveal-modal3 {
	visibility: hidden;
	top: 150px !important; 
	left: 55%;
	margin-left: -300px;
	width: 500px;
	height:300px;
	background: #fff url(modal-gloss.png.html) no-repeat -200px -80px;
	position:fixed;
	z-index: 131;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal3 .close-reveal-modal {
	 background: url(../images/global.png.html) no-repeat;
    width: 34px;
    height: 31px;
    background-position: -283px -13px;
    float: right;
    margin-right: 15px;
    margin-top: 18px;
    cursor: pointer;
	display:block
} 
.close-back{ display:block; height:80px; width:100%;}
.tks{ width:80%; margin:0 auto;}
.tks .tefeed{ margin-bottom:20px;}
.tks .tefeed p{ float:left; font-size:1.125rem; width:28%;  color:#333; line-height:36px;}
.tks .tefeed input{ width:72%; padding:5px; height:36px; box-sizing:border-box}
.tks .sum{ display:block; width:70%; margin:0 auto; background:#91b000; color:#fff; font-size:1.25rem; border:none; padding:5px 0; border-radius:5px;}

/*服务宗旨*/
.ser{ margin-top:32px;}


/*在线留言*/
.feed{ text-align:center; }
.feed .fzx{ font-size:2em; color:#474443; font-weight:bold; margin:0.5em 0;}
.feed .fww{ font-size:0.875em; color:#474443;margin:1em 0; display:block;}
.feed .tab1 p{ width:24%; float:left; text-align:left; margin:20px 1.3% 20px 0px;}
.contxt{ background:#FFF; border:1px solid #ddd; padding:1%; width:98%; height:35px; color:#474443; font-size:1rem;}
.btn{ border:1px solid #ddd; background:#ddd; color:#000; font-family:"微软雅黑"; width:124px; height:36px; line-height:36px;-webkit-border-radius: 20px;-moz-border-radius: 20px; margin:30px 0; cursor:pointer; transition:all 0.5s}
.btn:hover{ background:#91b000; color:#000;border:1px solid #91b000; color:#fff;}
@media screen and (max-width:768px){
.feed .tab1 p{ width:100%;margin:20px 0 20px 0px;}
.contxt{ font-size:1rem; padding:2%;}
.btn{ font-size:1em; width:140px; height:60px;}
}

/*新闻资讯*/
.netit{ padding:22px 0 0 16px; background:url(../images/no.jpg) left top no-repeat; margin-bottom:24px;}
.netit h4{ font-size:2.375rem; color:#363636; }
.netit h4 span{ font-size:1rem; color:#737373; font-weight:normal;}
.newsall{ padding:26px 35px; background:#fff; width:auto; transition:all 0.8s; margin-bottom:22px; box-sizing:border-box; border:1px solid #dcdcdc}
.newsall a{ display:block;}
.newsall:hover{ box-shadow:0 0 10px 2px rgba(0,0,0,0.2)}
.newsall .npic{ width:21.58%;}
.newsall .npic img{ width:100%;}
.newsall .ncon{ width:55%; margin-left:4%;}
.newsall .ncon p{ font-size:1.5em; color:#515151; margin-top:16px}
.newsall .ncon span{ display:block; font-size:0.875em; color:#515151; margin:1.5em 0 2.2em; line-height:1.5em}
.newsall .ncon em{ color:#fff; font-size:0.875em; background:#ce1018; padding:8px 12px;}
.newsall .ndate{ margin-top:1.5em;}
.newsall .ndate dt{ font-size:60px; color:#4b4b4b; text-align:center;}
.newsall .ndate dl{ display:inline-block; color:#858585; border-top:1px solid #e1e1e1; padding:10px 10px}
@media screen and (max-width: 768px){
.impnews .fl{ width:100%;}
.impnews .fl img{ width:100%}
.impnews .fr{ width:100%;}
.impnews .fr h6{ font-size:1.375rem; color:#2d2d2d}
.newsall .npic{ width:23%; display:none}
.newsall .ncon{ width:75%; margin-left:4%;}
.newsall .ncon span{ display:none;}
.newsall .ncon em{ display:block; width:130px; text-align:center; margin-top:20px;}
}


/*新闻资讯*/

.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#242424;}
.news-type{width:100%; height:24px; text-align:center; margin:0 auto; color:#242424;font-size:0.875em; border-bottom:#242424 1px dotted;}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:24px; line-height:1.5em; color:#242424}
.news-pn{ font-size:1em;line-height:20px; color:#242424}
.news-pn a{ color:#242424; font-size:0.875em;}
/*相关新闻*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:16px; color:#242424;}
.xgnews-con{border-top:1px solid #242424;border-top:none;padding:10px 20px;}
.xgnews-con li{width:45%;height:30px;line-height:30px;overflow:hidden;}
.xgnews-con li span{float:right; color:#242424}
.xgnews-con li a{ padding-right:10px; color:#242424;}
.xgnews-con li a:hover{ color:#333;}
@media screen and (max-width: 768px){
	.knd{ padding:1em }
	.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
	.news-type{ height:auto; line-height:1.5em}
.news-content{ font-size:1.25rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.25rem !important; }
.news-content p{ font-size:1.25rem !important;}
.news-pn{ font-size:1.25em; line-height:1.875em;}
.news-pn span{ width:100%; display:block;}
.xgnews-tit{ font-size:1.25em;}
.xgnews-con li{ width:100%; height:2.875em; line-height:2.875em;}
.xgnews-con li{ width:100%; margin:0; line-height:2.875em;}
}

/*产品中心*/
.pushow{ padding:0px 0 20px; width:79%; float:right}
.sortf{ background:url(../images/xl_03.jpg) left center no-repeat #f2f2f2; padding:0 23px; min-height:65px; line-height:65px;}
.sortf p{ font-size:1.5rem; color:#2b2b2b}
.sortf span{ display:block; padding-top:30px; }
.pmore{ border-bottom:4px solid #d0d0d0; margin-bottom:25px;}
.pmore a{ color:#383838; display:block; margin:20px auto; text-align:center; border:1px solid #d0d0d0; padding:8px; width:8%; text-align:center;}
.pmore a:hover{ color:#91b000}
.prolist{ margin:18px 0;}

.prolist dl{ width:31.33%; float:left; margin-bottom:20px; margin-right:3%; position:relative; overflow:hidden;}
.prolist dl:nth-child(3){ margin-right:0;}
.prolist dl:nth-child(6){ margin-right:0;}
.prolist dl:nth-child(9){ margin-right:0;}
.prolist dl:nth-child(12){ margin-right:0;}
.prolist dl a{ display:block;}
.prolist dl dt{ overflow:hidden; width:100%;}
.prolist dl dt img{ width:100%; transition:all 0.8s;}
.prolist dl:hover dt img{ transform:scale(1.05);}
.prolist dl dd{ position:absolute; bottom:0; width:100%; background:rgba(117,142,0,0.7); z-index:2;}
.prolist dl dd p{ color:#FFF; padding:12px 12px;}
@media screen and (max-width: 768px){
.pushow{ width:100%; float:none}
.prolist dl{ width:48%; margin:0 1% 24px;}
.pmore a{ width:20%}
}

.sot{ font-size:1.875rem; color:#2b2b2b}
.pmain1{ padding:37px 29px; border:1px solid #d0d0d0; background:#fff; margin-top:20px;}
.pzhan{ width:82%;}
.pzhan .pic{ width:54.5%; box-sizing:border-box; border:2px solid #e4e4e4}
.pzhan .pcon{ width:43%;}
.pcon h4{ font-size:2.25rem; color:#676767}
.pcon div{ border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; margin:17px 0; padding:36px 0;}
.pcon div p{ line-height:1.5em; color:#676767}
.pcon h6{ font-size:1.125rem; color:#222222; background:url(../images/ma.jpg) left center no-repeat; padding-left:24px;}
.pcon .lj{ font-size:1.125rem; color:#fff; font-weight:bold; display:inline-block; padding:10px 16px; background:#91b000; margin-top:20px;}

.ptui{ width:16%; background:#f3f3f3; padding:18px 16px; box-sizing:border-box;}
.ptui h6{ border-bottom:1px solid #e1e1e1; padding-bottom:12px; margin-bottom:16px;}
.ptui li{ width:100%; margin-bottom:10px;}

.pkt{ border:1px solid #d0d0d0; background:#fff; margin:10px 0;}
.pkt p{ font-size:1.125rem; color:#303030; font-weight:bold; display:inline-block; padding:20px; border-bottom:4px solid #91b000}
.pmain2{ padding:37px 29px; border:1px solid #d0d0d0; background:#fff; }
.dd{ width:100%; margin:20px auto 0;}
.dd span{ background:#eee; padding:5px 8px;}

@media screen and (max-width: 768px){
.pzhan{ width:100%;}
.pzhan .pic{ width:100%; box-sizing:border-box; border:2px solid #e4e4e4}
.pzhan .pcon{ width:100%;}
.ptui{ width:100%; margin-top:20px;}
.ptui li{ width:31.33%; margin-bottom:10px; float:left; margin-right:2%; }

.pmain2 p{ font-size:1.125rem !important;}
.pmain2 span{ font-size:1.125rem !important;}
}


/*产品修改*/
.ppul{ width:18%; }
.pr2tit{ padding:20px; background:#91b000}
.pr2tit h4{ font-size:1.5rem; font-weight:bold; color:#fff;}
.pr2tit span{ font-size:0.875rem; color:#fff;}
.ppul li{ margin-bottom:1px; box-sizing:border-box; background:#eee; }
.ppul li a{ display:block;padding:20px 16px;font-size:1.125rem; transition:all 0.5s; position:relative;}
.ppul li a span{ position:absolute; font-family:'宋体'; right:10%; top:23px;}
.ppul li a:hover,.ppul li a.cur{ background:#758d01; color:#fff;}
@media screen and (max-width: 768px){
.ppul{ width:100%; }
.ppul li{ width:50%; float:left;}
}
.pwid{ width:79%;}
@media screen and (max-width: 768px){
.pwid{ width:100%;}
}

.cdd p{}
.cdd p a{ display:inline-block; padding:8px 12px;background:#f3f3f3; transition:0.7s all ease; }
.cdd p a:hover{ background:#91b000; color:#fff;}
@media screen and (max-width:768px){
.cdd p{ float:none; margin-bottom:20px; }

}