@charset "utf-8";
#search{line-height:50px;border-bottom:1px solid #E4E4E4}
.search-key span{color: #008100;font-size: 16px;}
.search-key a{font-size:14px}
.search-box{position:relative}
.search{width:100%;box-sizing:border-box;padding:0 0 0 5px;line-height:36px;border:1px solid #B6B6B6}
#search-btn{display:block;position:absolute;right:10px;top: 8px;width:50px;border:0;background: #008100;text-align:center;line-height: 36px;color:#fff;cursor:pointer;}

#product{background:#F5F5F5;padding: 1px 0 50px 0;}
#product h2:after{content:'PRODUCT';COLOR:#ddd}
.prolist{margin-bottom: 30px;}
.prolist li{float:left;width: 20%;text-align:center;line-height:40px;margin-bottom:9px;}
.prolist a{display:block;background:#008100;color:#fff;border-right:1px solid #fff;font-size:13px;border-radius:20px;margin:0 3px}
.prolist a:hover{background: #014401;}
.product{padding-bottom:30px}
.product li{padding:10px;background:#fff;box-sizing:border-box;}
.product li>a{display:block;position:relative;overflow:hidden;padding: 0 0 63%;height:0;background: #eee;}
.product li>a:after{content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5) url(../images/yan.png) no-repeat center;left:0;top:-100%;transition:0.3s all ease-in-out;z-index:1}
.product li:hover>a:after{top:0}
.product li img{position:absolute;top:50%;left:50%;display:block;max-width:100%;max-height:100%;transform:translateX(-50%) translateY(-50%)}
.product li p{position:relative;overflow:hidden;}
.product li p a{display:block;text-align:center;line-height:3;z-index:1;position:relative;z-index:2}
.product li p:after{position:absolute;content:'';width:100%;height:100%;background:#008100;bottom:-100%;left:0;transition:0.3s all ease-in-out;z-index:0}
.product li:hover p:after{bottom:0}
.product li:hover a{color:#fff;}
.product li a:hover{color:#fff;}
.product li div{margin:10px 0 0}
.product li div:after{display:block;content:'';clear:both}
.product li div span:first-child{margin-right:2%}
.product li div span:last-child{margin-left:2%}
.product li span{background:#D8D8D8;border-radius:10px;display:block;float:left;width:32%;text-align:center;font-size:15px;color:#666}

#link{background: #eee;line-height: 3;}
@media (max-width:768px){
	#search{display:none;}
	#link{line-height:2}
	#link a{font-size:14px}
	#product{padding:30px 0 0;background: #fff;}
	.product li span{font-size:12px;width:33%}
	.pro-title div{padding-top:0}
	.pro-title h2{top:0;font-size:20px;left:20px}
	.pro-title h3{top:28px;left:20px}
	.pro-title p{font-size:12px;top:50px;left:20px;right:20px;line-height:1.5;height:4.5em;overflow:hidden}
	.product li div{display:none}
	.prolist li{width:50%;line-height: 2;margin-bottom: 3px;}
	.product li p a{line-height: 2;height: 2em;overflow: hidden;}
}

#jjfa{text-align:center;position:relative}
.title-h2{color:#353535;font-size:36px;margin:30px 0;position:relative;text-align: center;z-index: 1;}
.title-h2:after{font-size:80px;color:#F0F0F0;z-index: -1;position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
#jjfa h2:after{content:'ABOUT US';}
.title-h2 span{color: #008100;}
#jjfa>div{color:#444;margin-bottom:30px;text-align: left;text-indent: 2em;}
#jjfa>a{display:inline-block;background:#008100;color:#fff;padding:2px 15px}
#jjfa>a:hover{background: #014401;}
.jjfa{margin:40px 0 50px}
.jjfa:after{display:block;content:'';clear:both}
.jjfa a{display:block;padding:0 0 72% 0;background-repeat:no-repeat;background-position:center;background-size:contain;text-align:center;color:#fff;position:relative}
.jjfa a:after{display:block;content:'';position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:1}
.jjfa div{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:2}
.jjfa h4{font-size:24px}
.jjfa span{font-size:20px}
.gsjj a{background-image:url(../images/gongsi.jpg)}
.qywh a{background-image:url(../images/qiye.jpg)}
.fwtx a{background-image:url(../images/fuwu.jpg)}
@media (max-width:768px){
	#jjfa{padding-bottom: 10px;}
	.title-h2{font-size: 20px;margin: 15px 0;line-height: 1.5;}
	#jjfa .title-h2 span{display:block;}
	.title-h2:after{font-size: 35px;width: 100%;}
	#jjfa>div{font-size: 14px;height: 10em;overflow: hidden;}
}

#liucheng{background: url(../images/liucheng_bg.jpg) no-repeat center;color: #fff;padding: 50px 0;}
#liucheng h2{font-size: 36px;margin: 20px 0;}
#liucheng h2 span{color: #008100;}
.liucheng-div{margin-bottom: 30px;}
.liucheng{margin-bottom: 30px;}
.liucheng:after{display:block;content:'';clear:both;}
.liuchengL{float:left;width:250px}
.liuchengL b{font-size:30px;line-height:1.5}
.liuchengL p{font-size:14px;color:#BBCBE5}
.liuchengR{float:left;width:calc( 100% - 250px)}
.liuchengR li{float:left;width:14.2%;text-align:center;background: url(../images/next.png) no-repeat center left;}
.liuchengR li:hover{background-image:url(../images/r_hover.png);}
.liuchengR img{display:block;margin:0 auto}
.liuchengR p{display:inline-block;/* text-align:left */}
.lc-tel img{margin:0 auto;display:block;max-width: 100%;}
@media (max-width:768px){
	#youshi{display:none}
	#liucheng{padding: 20px 0 0;}
	#liucheng h2{font-size: 20px;text-align: center;margin: 10px 0;}
	.liucheng{margin-bottom: 10px;display: none;}
	.liuchengL b{font-size: 20px;}
	.liuchengL b br{display:none}
	.liuchengL p{font-size: 12px;}
	.liuchengL{width:100%;float:none}
	.liuchengR{width:100%;float:none}
	.liuchengR li{width:25%;margin-bottom:5px}
	.liuchengR img{height:46px}
	.liucheng-div{font-size: 14px;}
}

.ys-h2:after{content:'ADVANTAGE';}
.ys-tit{font-size:18px;color:#444}
.youshi{margin-top:50px;padding-bottom: 50px;background:url(../images/youshi_bg.jpg);color:#fff;}
.ys-dl{margin-top:-128px}
.ys-dl dt{background: #008100;color:#fff;text-align:center;line-height:1.5;padding:20px 0;}
.ys-dl dt h2{font-size:40px}
.ys-dl dd{background-color: #000000;background-repeat: no-repeat;background-position: 10px center;color:#fff;position:relative;padding: 20px 10px 20px 70px;cursor: pointer;}
.ys-dl dd.on{background-color: #F18910;}
.ys-dl dd.on:after{display:none;}
.ys-dl dd:after{display:block;content:'';width:94%;height:2px;background:#292929;position:absolute;bottom:0;left:3%}
.ys-dl dd h4{font-size:20px}
.ys-dl dd p{padding-bottom:10px}
.fuwu:after{display:none !important}
.ys-con{display:none;padding: 50px 30px;font-size:18px;}
.ys-con:after{display:block;content:'';clear:both;}
.ys-con.on{display:block}
.ys-con h4{font-size:40px;margin-bottom:20px}
.ys-con .more{margin-top: 50px;}
.ys-con p{line-height: 2;font-size: 16px;margin-bottom: 20px;}
.ys-con p:before{display: inline-block;content:'';width:0;border:5px solid #fff;transform: rotate(45deg);vertical-align: middle;margin-right: 10px;}
.ys-con .more a{display:block;float:left;color:#fff;padding:5px 35px}
.ys-con .more a:first-child{border:2px solid;margin-right:15px}
.ys-con .more a:last-child{background: #008100;border: 2px solid #008100;}
.ys-con .more a:hover{background: #F18910;border: 2px solid #F18910;}
.ys-con img{display:block;max-width:100%;}
.shili{background-image: url(../images/shili.png);}
.tuandui{background-image: url(../images/tuandui.png);}
.yanfa{background-image: url(../images/yanfa.png);}
.fuwu{background-image: url(../images/shouhou.png);}
@media (max-width:768px){
	.ys-h2{font-size:20px;margin:20px 0}
	.ys-h2:after{font-size:35px;}
	.ys-tit{font-size: 12px;}
	.youshi{margin-top:0}
	.youshi>div{padding:0}
	.ys-dl{margin-top:-88px;padding:0}
	.ys-dl dt{padding:10px 0}
	.ys-dl dt h2{font-size:20px}
	.ys-dl dt h3{font-size:12px}
	.ys-dl dd{padding:5px 10px;background-image:none}
	.ys-dl dd p{font-size:14px}
	.ys-ul li{padding:15px}
	.ys-ul li h4{font-size:30px;margin-bottom:0}
	.ys-con{font-size:14px}
	.ys-ul .more a{padding:2px 20px}
}

#case{margin-bottom:50px;overflow: hidden;background: #F5F5F5;padding-bottom: 50px;}
#case h2:after{content:'CASE';color: #ddd;}
.title-h3{text-align:center;color:#5C5C5C;margin-bottom:30px;font-weight: normal;}
.case a{display:block;overflow: hidden;position: relative;padding: 0 0 100%;height: 0;}
.case img{position: absolute;top: 50%;left: 50%;display: block;max-width: 100%;max-height: 100%;transform: translateX(-50%) translateY(-50%);}
.case p{text-align:center;line-height:3;border-bottom:1px solid #F1890E}
.case2{position:relative;}
.case2 .swiper-button-prev, .case2 .swiper-button-next{position:absolute;bottom: 50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;}
.case2 .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23EC6D0E'%2F%3E%3C%2Fsvg%3E");left:30px}
.case2 .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23EC6D0E'%2F%3E%3C%2Fsvg%3E");right:30px}

@media (max-width:768px){
	#case{margin-bottom: 20px;}
	#case h2:after{font-size: 35px;}
	.title-h3{font-size: 14px;line-height: 1.5;}
	.case li{margin-bottom: 10px;}
}

#news{padding-bottom:50px}
#news h2:after{content:'NEWS'}
.news{padding-top:30px}
.news li{margin: 10px 0.5%;width: 49%;float: left;box-sizing: border-box;}
.news li:after{display:block;content:'';clear:both}
.news-time{background: #008100;color:#fff;line-height:1.5;padding: 18px 0;width:18%;text-align:center;float:left;}
.news li:hover .news-time{background: #333;}
.news-time span{font-size:24px}
.news-text{float:right;width:80%}
.news-text a{font-size:20px;font-weight:bold}
.news-text p{font-size:14px;color:#666;height: 4em;overflow: hidden;}
@media (max-width:768px){
	#news{padding-bottom:20px}
	.news{padding:0}
	.news li{padding:10px 10px;margin:0;width: 100%;}
	.news-time{width:25%;padding:18px 0}
	.news-text{width:73%}
	.news-text a{font-size:18px;height: 2em;overflow: hidden;display: block;}
	.news-text p{line-height:1.5;height:4.5em;overflow:hidden}
}

#gg{background: url(../images/contact_bg.jpg);text-align: center;color: #fff;padding: 40px 0 50px;}
#gg p{font-size: 40px;margin-bottom: 10px;}
#gg a{border: 1px solid;color: #fff;padding: 5px 20px;}
@media (max-width:768px){
	#gg{padding: 20px 0 20px;}
	#gg p{font-size: 17px;margin-bottom: 0;}
}