@charset "utf-8";
#youshi{background:#F6F8F7;padding:50px 0}
.youshi li{/* border-bottom:3px solid #D8D8D8; */padding:30px 20px;}
.youshi h4{font-size:20px}
.youshi p{font-size:14px}
.youshi li:nth-child(odd){background:#fff}
.youshi li:nth-child(even){background:#334048;color:#fff;border-bottom: 3px solid #334048;}
.youshi li:after{display:block;content:'';width:0;height:3px;background: #59BC09;position: absolute;left: 0;bottom: -3px;transition: 1s all;}
.youshi li:hover:after{width:100%;}
.youshi img{display:block;height: 50px;}
.about{margin-top:50px;background:#fff;overflow:hidden;border-bottom:3px solid #59BC09}
.about h1{margin:50px 20px 0 50px;font-size:30px;background:url(../images/logo2.png) no-repeat top right}
.about-box{margin:20px 50px 0}
.about-ul{text-align:center;margin:30px 0}
.about-ul li{border-right: 2px solid #E3E3E3;line-height:1.5;position:relative;}
.about-ul li:last-child{border:0}
.about-ul li:last-child:after{display:none;}
.about-ul b{font-size:26px}
.about-ul b i{font-style:normal}
.about-ul span{display:block;color:#61B927}
#product{padding:30px 0}
.title h2{font-size:30px}
.prolist li{float:left;border-right:1px solid #242424;line-height:1.2;padding:0 5px}
.prolist li:last-child{border-right:0}
.prolist a{font-size:14px}
.product{margin-top:30px}
.product li{margin-bottom:30px}
.product a{position:relative;display:block}
.product .img{position:relative;padding:0 0 100% 0}
.product .tit{background:#F6F8F7;text-align:center;line-height:3}
.product a:before{display:none;content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(89,188,9,0.5) url(../images/cp.png) no-repeat center;z-index:5}
.product a:hover:before{display:block}
#jszc{background:#233039;color:#fff;position:relative}
.jszcL{padding:20px 30px 10px}
.jszcL h3{color:#63686C}
.jszcL h2{font-weight:normal;font-size:30px}
.jszcL li{margin-bottom:15px}
.jszcL .tit{background:#38454D;line-height:2.5;padding:0px 10px;border-bottom:3px solid #38454D;cursor:pointer}
.jszcL .on{border-bottom:3px solid #67B720}
.jszcL .tit:before{content:'+';margin-right:10px;width:18px;height:21px;display:inline-block;text-align:center}
.jszcL .text{display:none;font-size:14px;padding:10px 10px 0}
.jszcL .on:before{content:'-'}
.jszcR{position:absolute;height:100%;top:0;right:0;padding:0}
.jszc-img{width:100%;height:100%;overflow:hidden}
.jszc-img img{display:block;width: 100%;min-height: 100%;animation:bgPos 20s ease infinite;}
.jszcR .tit{position:absolute;top:5%;left:5%;font-size:20px}
.jszcR .xian{position:absolute;width:2px;height:60%;background:#fff;left:10%;top:26%}
#news{padding:40px 0}
#news .title{margin-bottom:20px}
.news{padding-bottom:50px}
.news .img{position:relative;padding: 0 0 100% 0;overflow:hidden;}
.news .text{padding:10px}
.news .text a{font-weight:bold;display: block;height: 2em;overflow: hidden;}
.news .text span{display:block;font-size:14px;color:#666;}
.news .text p{font-size:14px;color:#666}
.news .more{border-top:1px solid #E1E1E1;position:relative}
.news .more:before{content:'';display:block;width:0;position:absolute;height:1px;background:#63B920;top:-1px;transition:1s all}
.news .more a{display:block;font-size:14px;line-height:3}
.more span{float:right;color:#fff;background:#868686;border-radius:50%;padding:5px;font-size:12px;margin-top:9px}
.news li img{transition:1s all}
.news li:hover img{-webkit-transform:scale(1.1) translateX(-45%) translateY(-45%);-moz-transform:scale(1.1) translateX(-45%) translateY(-45%);-ms-transform:scale(1.1) translateX(-45%) translateY(-45%);transform:scale(1.1) translateX(-45%) translateY(-45%)}
.news li:hover .text a{color:#67B720}
.news li:hover .more:before{width:100%}
.news li:hover .more a{color:#61B217}
.news li:hover .more span{background:#63B920}
@keyframes bgPos {
    0% {transform: scale(1)}
    50% {transform: scale(1.1);}
    100% {transform: scale(1);}
}

@media (max-width: 767px){
	#youshi{padding: 10px 0;}
	.youshi li{padding: 20px;margin-bottom: 10px;}
	.about{margin-top:0}
	.about h1{margin:10px 0;font-size:20px}
	.about-box{margin:10px 0;font-size:14px;height:10em;overflow:hidden}
	.about-ul{margin:10px 0 0}
	.about-ul li{margin-bottom:10px}
	.about-ul li:nth-child(even){border:0}
	.about-ul b{font-size:20px}
	.about-ul span{font-size:14px}
	#product{padding: 10px;}
	.title h2{font-size: 20px;}
	.product{margin-top:10px}
	.product li{margin-bottom: 10px;}
	.jszcL{padding:10px 0}
	.jszcL h2{font-size:20px}
	.jszcL .text{height:6em;overflow:hidden}
	.jszcR{position:relative;height:auto}
	.jszc-img{height:auto}
	.jszc-img img{object-fit:none;max-width:100%;height:auto;animation: unset;}
	.jszcR .tit{font-size: 14px;text-shadow: 2px 2px 2px #67B720;font-weight: bold;}
	.jszcR .xian{top: 33%;display: none;}
	#news{padding: 10px;}
	#news .title{margin-bottom: 10px;}
	.prolist li{
    width: 50%;
    box-sizing: border-box;
    text-align: center;
}
	.prolist li:nth-child(even){
    border-right: 0;
    margin-bottom: 3px;
}
.product .tit{
    display: block;
    line-height: 2.5;
    height: 2.5em;
    overflow: hidden;
    font-size: 14px;
}
}