@charset "utf-8";
.banner,.banner .swiper-container,.banner .swiper-slide{
	overflow: hidden;
	width: 100%;
}
.banner .swiper-slide{
	position: relative;
}
.banner .swiper-slide img{
	width: 100%;
	height: auto;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 20px;
}
.banner .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	opacity: 1;
	border-radius: 50%;
	border: solid 2px #FFFFFF;
	background-color: #fff;
}

.banner .swiper-pagination-bullet-active {
	background-color:#49af08;

}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{
	bottom: 20px;
}

/*首页产品*/
.title {
    height: 40px;
    background: url(../images/r.png) no-repeat center center;
}
.margin-b-30 {
    margin-bottom: 50px;
}
.margin-t-30 {
    margin-top: 50px;
}
.title h2{
    font-size: 35px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    color: #4cb034;
    letter-spacing: 4px;
    font-family: Microsoft YaHei;
}

.title p{
    text-align: center;
}


















/*关于我们*/
.about p {
    font-size: 14px !important;
    color: #5a5a5a;
    /*text-indent: 2em;*/
    line-height: 26px;
    margin-bottom: 12px;
}
/*联系我们*/
.contact-map ul li{
	float: left;
}
.contact-map ul li:last-child{
	float: right;
}
.contact-map ul li:nth-child(1) p{
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.contact-map ul li:nth-child(1) img{
	margin: 0 auto;
}
.contact-map ul li:nth-child(2) div{
	float: left;
	margin: 0 20px;
}
.contact-map ul li:nth-child(2) span{
	display: block;
	font-size: 12px;
	text-align: center;
}
.contact-map ul li:nth-child(2) img{
	width: 100px;
	height: 100px;
}
.contact-map ul li:nth-child(2){
	margin-left: 130px;
}
.contact-map ul li:last-child p{
	font-size: 14px;
	color: #333;
	margin-bottom: 15px;
}
.map{
	margin-top: 30px;
}
/*新闻详情*/
.xq-tit h2{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #333;
}
.xq-tit p{
	text-align: center;
	font-size: 14px;
	color: #999;
	margin-top: 8px;
}
.xq-tit p span{
	margin: 0 10px;
}
.xq-tit{
	padding-bottom: 35px;
	border-bottom: 1px dashed #e0e0e0;
}
.news-xq-box{
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;
}
.news-xq-box table{
    width: 100% !important;
}
.news-xq-box p{
	font-size: 14px;
	color: #5a5a5a;
	line-height: 26px;
	text-align: justify;
}
.news-xq-box img{
	max-width: 100%;
	margin-top: 15px;
	display: inline;
}
.news-fh{
	padding-top: 25px;
	border-top: 1px solid #e7e7e7;
	margin-top: 20px;
}
.news-fh>a{
	display: block;
	width: 138px;
	text-align: center;
	line-height: 38px;
	font-size: 12px;
	color: #333;
	border: 1px solid #333;
	border-radius: 50px;
	background: url(../img/news/fh.png) no-repeat 20px center;
	margin-bottom: 20px;
}
.news-fh ul li{
	font-size: 14px;
	line-height: 30px;
}
.news-fh ul li span{
	color: #666;
}
.news-fh ul li a{
	color: #787878;
}
/*新闻中心*/
.news li div{
	float: left;
	width: 590px;
}
.news li>a{
	display: block;
	float: right;
	width: 230px;
	height: 132px;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}
.news li>a img{
	width: 100%;
	height: 100%;
}
.news li div a{
	display: block;
	font-size: 16px;
	color: #333;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 20px;
}
.news li:hover div a{
	text-decoration: underline;
	color: #49af08;
}
.news li:hover>a{
	margin-right: 30px;
}
.news li div p{
	font-size: 14px;
	color: #5a5a5a;
	line-height: 24px;
    font-family: Microsoft YaHei;
	/*height: 24px;*/
	/*overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;*/
}
.news li div span{
	display: block;
	font-size: 12px;
	color: #999;
	margin-top: 10px;
}
.news li{
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #eee;
}

/*产品中心*/
.product a{
	float: left;
	position: relative;
	    width: 202px;
    height: 200px;
	margin-bottom: 20px;
	overflow: hidden;
	margin-right: 20px;
	box-sizing: border-box;
	border: 1px solid #eee;
    overflow: hidden;
}
.product a:hover img{ transform: scale(1.2); /* 放大1.2倍 */}
.product a img{
	width: 100%;
	height: 100%;transition: all 0.6s;  
}
.product a:nth-child(4n){
	margin-right: 0;
}
.product a h4{
	line-height: 40px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.68);
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*产品中心*/
.product-case a{
	float: left;
	width: 230px;
	margin-right: 16.66px;
	margin-bottom: 20px;
}
.product-case a:nth-child(4n){
	margin-right: 0;
}
.product-case a i{
	display: block;
	width: 230px;
	height: 170px;
	overflow: hidden;
}
.product-case a i img{
	width: 100%;
	height: 100%;
}
.product-case a span{
	display: block;
	line-height: 46px;
	text-align: center;
	font-size: 14px;
	background-color: #eee;
	color: #666;
	text-align: center;
}
.product-case a:hover span{
	color: #fff;
	background-color: #ef6001;
}

.i-pro-div li{
    width: 186px;
    float: left;
    margin-right: 15px;
    border: 1px solid #cccccc;
    padding: 10px;
    margin-bottom: 20px;

}
.i-pro-div li:nth-child(5n+5){margin-right:0px;}
.i-pro-div li a{

}
.i-pro-div li a img{
    width: 100%;
    height: 184px;
    transition: all 0.6s;  
}
.i-pro-div li:hover img{ transform: scale(1.2); /* 放大1.2倍 */}

.i-pro-div li a div h4{
    background-color: #49af08;
    text-align: center;
    color: white;
    font-size: 14px;
    padding: 10px 0px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "Microsoft YaHei";
}
.indexnews a:hover{
    color: #fd9119;
}

/* 关于我们 */
.i-aboutus{
    margin: 50px 0px;
    background-color: rgb(247, 247, 247);
    padding: 0px 0px 70px;
}
.iaboutnr{}
.iaboutnr>img{
    width: 545px;
    float: left;
    height: 330px;
}
.iaboutnr-d1{
    width: 505px;
    float: right;
    height: 260px;
    overflow: hidden;
    padding: 35px 20px;
    background-color: white;
}
.iaboutnr-d1>h3{
    font-size: 24px;
    line-height: 33.6px;
    color: rgb(73, 175, 8);
}
.iaboutnr-d1-d1{
    height: 132px;
    overflow: hidden;
    margin-top: 10px;
}
.iaboutnr-d1-d1 p{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-align: justify;
    overflow: hidden;
    font-size: 14px;
    color: rgb(90, 90, 90);
}
.iaboutnr-d1-d2{
    text-align: center;
}
.iaboutnr-d1-d2-d1{
    width: 90px;
    height: 90px;
    background-color: #f7f7f7;
    float: left;
    border-radius: 50%;
    margin-right: 38px;
}
.iaboutnr-d1-d2-d1:nth-child(1){margin-left: 16px;}
.iaboutnr-d1-d2-d1:nth-child(4){margin-right: 0px;}
.iaboutnr-d1-d2-d1 h3{
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin: 32px auto;
    width: 80%;
}
.iaboutnr-d1-d2-d1:hover{background-color: #49af08}
.iaboutnr-d1-d2-d1:hover h3 a{color:white}
.i-porimg-box{width: 186px; height: 184px;overflow: hidden;}


.aboutus-box{
    width: 1100px;
    margin: 0 auto;
}

/*  首页anli  */
.i-anli{
    margin: 50px auto;
}
.ianni-box{
    width: 1100px;
    margin: 0 auto;
}
.ianni-box>p{
    text-align: center;
    color: rgb(90, 90, 90);
    line-height: 30px;
}
.anli-imgbox{
    margin-top: 50px;
}
.anli-imgbox-d1{
    width: 310px;
    height: 436px;
    float: left;
    position: relative;
}
.anli-imgbox-d1>img{
    width: 310px;
    height: 436px;
}
.anli-imgbox-d1>div{
    width: 310px;
    height: 436px;
    position: absolute;
    top: 0px;
    text-align: center;
    background-color: #0000006e;
    color: white;
}
.anli-imgbox-d1>div>h3{
    margin-top: 110px;
    font-size: 18px;
    font-weight: bold;
}
.anli-imgbox-d1>div>a>p{
    padding: 5px 20px;
    font-size: 14px;
    color: #fff;
    text-align: justify;
}
.anli-imgbox-d2{
    width: 780px;
    float: right;
}
.anliibox1{
    width: 225px;
    height: 213px;
    float: left;
    margin-right: 10px;
    position: relative;
}
.anliibox1>img{
    width: 225px;
    height: 213px;
}

.anliibox1>div{
    width: 225px;
    height: 213px;
    top: 0px;
    position: absolute;
    background-color: #0000006e;
    color: white;
    text-align: center;
}
.anliibox1>div>h3{
    margin-top: 33px;
    font-size: 18px;
    font-weight: bold;
}
.anliibox1>div>a>p{
    padding: 5px 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;

    text-align: justify;
}

.anliibox2{
    width: 225px;
    height: 213px;
    float: left;
    margin-right: 10px;
    position: relative;
}
.anliibox2>img{
    width: 225px;
    height: 213px;
}
.anliibox2>div{
    width: 225px;
    height: 213px;
    top: 0px;
    position: absolute;
    background-color: #0000006e;
    color: white;
    text-align: center;
}
.anliibox2>div>h3{
    margin-top: 33px;
    font-size: 18px;
    font-weight: bold;
}
.anliibox2>div>a>p{
    padding: 5px 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    text-align: justify;
}

.anliibox3{
    width: 310px;
    height: 213px;
    float: left;
    position: relative;
}
.anliibox3>img{
    width: 310px;
    height: 213px;
}
.anliibox3>div{
    top: 0px;
    position: absolute;
    background-color: #0000006e;
    color: white;
    text-align: center;
    width: 310px;
    height: 213px;
}
.anliibox3>div>h3{
    margin-top: 33px;
    font-size: 18px;
    font-weight: bold;
}
.anliibox3>div>a>p{
    padding: 5px 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    text-align: justify;
}

.anliibox4{
    width: 460px;
    float: left;
    height: 213px;
    margin-top: 10px;
    position: relative;
}
.anliibox4>img{
    width: 460px;
    height: 213px;
}
.anliibox4>div{
    width: 460px;
    height: 213px;
    top: 0px;
    position: absolute;
    background-color: #0000006e;
    color: white;
    text-align: center;
}
.anliibox4>div>h3{
    margin-top: 33px;
    font-size: 18px;
    font-weight: bold;
}
.anliibox4>div>a>p{
    padding: 5px 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    text-align: justify;
}

.anliibox5{
    width: 310px;
    height: 213px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    position: relative;
}
.anliibox5>img{
    width: 310px;
    height: 213px;
}
.anliibox5>div{
    top: 0px;
    position: absolute;
    background-color: #0000006e;
    color: white;
    text-align: center;
    width: 310px;
    height: 213px;
    /* display: none; */
}
.anliibox5>div>h3{
    margin-top: 33px;
    font-size: 18px;
    font-weight: bold;
}
.anliibox5>div>a>p{
    padding: 5px 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    text-align: justify;
}
.anlishouwbox{display: none; cursor: pointer;}
.content {
    margin-top: 30px;
    margin-bottom: 100px;
    min-height: 500px;
}
.content-r{
    width:870px;
    float: right;
}

/* 新闻中心 */
.i-news{
    background-color: rgb(247, 247, 247);
    padding: 0px 0px 50px;
}
.news-box{
    width: 1100px;
    margin: 0 auto;
}
.inews-box{}
.inews-box ul{}
.inews-box ul li{
    width: 48%;
    margin-right: 4%;
    float: left;
    margin-top: 10px;
}
.inews-box ul li:nth-child(2n+2){margin-right: 0px}
.inews-box ul li img{
    width: 175px;
    height: 135px;
    
     transition: all 0.6s;  
}
.inews-box ul li:hover img{ transform: scale(1.2); /* 放大1.2倍 */}
.inews-box ul li div{
    width: 330px;
    float: right;
}
.inews-box ul li div h3{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    margin-top: 25px;
    color: #696969;
    }
.inews-box ul li div p{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
    font-size: 14px;
    color: rgb(152, 152, 152);
}



.product-content .wjdh-title {
    padding: 10px 0;
}
.wjdh-title {
    background-color: #fff;
    padding: 20px 0px;
    position: relative;

}
.wjdh-title .title-box {
    padding-bottom: 1px;
    border-bottom: 1px solid #ececec;
}
.wjdh-title h3 {
    border-bottom: 2px solid #fd9119;
    color: #313131;
    font-size: 20px;
    display: inline;
}
.wjdh-title h3 small {
    font-size: 16px;
    color: #bcbcbc;
    text-transform: uppercase;
}