@charset "utf-8";
/* CSS Document */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #b3b3b3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #b3b3b3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #b3b3b3;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #b3b3b3;
}
*{padding: 0;margin: 0;list-style: none;background-position: center;background-repeat: no-repeat;background-size: contain;font-family: "微软雅黑";}
a{text-decoration: none;color: inherit;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.bg-color{top: 0 !important;}
.clearfix {zoom: 1;}
.wrap{position: relative;right: 0;transition:right ease 0.35s;padding-bottom: 3.5rem;}
.wrap.on{right: 60%;}
#nav-over{position: fixed;left: 0;top: 0;z-index: 998;display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
#nav-over.on{display: block;}
.sp_header{width: 23rem;height: 4rem;padding: 0 1rem;-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);background-color: #5aaf20;z-index: 100;}
.sp_logo{
	display: block;
	float: left;
	width: 18rem;
	line-height: 4rem;
}
.sp_logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.sp_nav{width:2rem;float:right;position:relative;cursor:pointer;height:2rem;margin-top: 1.3rem;}
.sp_nav span{display:block;background:#fff;width:2rem;height:0.2rem;position:absolute;left:0;transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:0px;}
.sp_nav span:nth-of-type(2){top:0.6rem;}
.sp_nav span:nth-of-type(3){top:1.2rem;}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999;background:#fff;width:60%;font-size:14px;line-height:40px;top:0;right:-60%;height: 100%;overflow:auto;overflow-x:hidden;transition:right ease 0.35s;}
.nav_show{right: 0;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.sjj_nav ul{padding: 10% 0;}
.sjj_nav ul li{border-top:1px #ddd solid;padding: 0 20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav ul li:first-child{border-top: none;}
.sjj_nav ul li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li ul li{border-top:1px #ddd solid;}
.sjj_nav ul li ul li:first-child{border-top: 1px #ddd solid;}
.sjj_nav ul li a{color:#666;width:80%;display: block;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.banner{width: 100%;margin: 0rem auto;position: relative;overflow: hidden;}
.banner img{display: block;width: 100%;}
/*底部导航栏*/
.footer_nav{position: fixed;z-index: 99;width: 100%;height: 3.5rem;background: #5aaf20;bottom: 0;left: 0;}
.footer_nav .nav_list{position: absolute;bottom: 0;left: 0;width: 100%;height: 3.5rem;}
.footer_nav .nav_list li{float: left;text-align: center;}
.footer_nav .nav_list .nav_li01{width: 25%;height: 3.5rem;}
.footer_nav .nav_list .nav_li01 .icon{width: 1.4rem;height: 1.4rem;margin: 0.3rem auto 0;}
.footer_nav .nav_list .nav_li01 .nav_p{font-size: 0.8rem;color: #fff;line-height: 1.2rem;}
.footer_nav .nav_list li:nth-child(1) .icon{background-image: url(../images/footer-nav-icon101.png);}
.footer_nav .nav_list li:nth-child(2) .icon{background-image: url(../images/footer-nav-icon201.png);}
.footer_nav .nav_list li:nth-child(3) .icon{background-image: url(../images/footer-nav-icon301.png);}
.footer_nav .nav_list li:nth-child(4) .icon{background-image: url(../images/footer-nav-icon401.png);}
.footer_nav .nav_list .nav_li01 a{display: block;height: 3.5rem;border-right: 1px solid rgba(255,255,255,0.4);}
.cd-top{
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 5rem;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-align: center;
	line-height: 40px;
	white-space: nowrap;
	background: #5aaf20;
	visibility: hidden;
	opacity: 0;
	z-index: 99;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.cd-top img{width: 50%;}
.cd-top.cd-is-visible{visibility: visible;opacity: 1;}
/* 无内容 */
.no-goods,.no-network{padding-top:7rem;overflow: hidden;text-align: center;}
.no-goods img{display: block;margin:0 auto 2rem;width:14rem;max-height: 10rem;}
.no-network img{display: block;margin:0 auto 2rem;width:14rem;max-height: 10rem;}
.no-goods p,.no-network p{font-size:14px;color:#666666;line-height: 20px;}

.title{padding: 0 1rem;background-color: #ededed;line-height: 3rem;color: #6d6d6d;font-size: 0.9rem;}
.title span{color: #5aaf20;}

.common{padding: 1rem;}

.de-about-content p{font-size: 1rem;line-height: 2rem;}
.de-about-content p img{max-width: 100%;}
.de-about-content p video{display: block;width: 100%;height: 16rem;margin-bottom: 1rem;}

.de-page-mian{overflow: hidden;text-align: center;font-size: 0;margin: 1rem 0;}
.de-page-mian .page-inner{display: inline-block;overflow: hidden;}
.de-page-mian .page-inner a {display: block;float: left;min-width: 26px;padding: 0 5px;height: 36px;border: 1px solid #dddddd;background: #fff;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin-right: -1px;overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {color: #fff;border-color: #5aaf20;background: #5aaf20;}
.de-page-mian .page-inner a.prev {margin-right: 10px;background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on {background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.next {margin-left: 10px;margin-right: 15px;background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on {background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn {font-size: 12px;margin-right: 0;width: 63px;margin-left: 10px;display: none;}
.de-page-mian .page-inner span {display: none;font-size: 12px;color: #333;float: left;line-height: 38px;}
.de-page-mian .page-inner input {display: none;float: left;height: 36px;width: 36px;border: 1px solid #dddddd;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin: 0 5px;}

.swiper-container{width: 100%;margin: 0 auto;overflow: hidden;}
.swiper-slide img{display: block;width: 100%;object-fit: cover;}

.center-img img{width: 100%;display: block;}
.center-name{text-align: center;line-height: 2rem;font-size: 1rem;}
.center-title{font-weight: bold;font-size: 1.2rem;color: #2e2e2e;line-height: 3rem;margin-bottom: 20px;height: 3rem;border-bottom: 1px solid #ededed;text-align: center;}
.center-content {overflow: hidden;padding-bottom: 1rem;}
.center-content p{line-height: 1.8rem;font-size: 1rem;}
.center-content img {max-width: 100%;display: block;}
.prodect-Info .info-center .infoCenter-right .center-content table {max-width: 100%;}
.prodect-Info .info-center .infoCenter-right .center-content table.contentTab {font-family: '微软雅黑';width: 100%;border-collapse: collapse;table-layout: fixed;margin-bottom: 20px;}
.prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr th {width: 50%;text-align: center;font-size: 15px;color: #262626;background: #f6f6f6;border: 1px solid #e6e6e6;line-height: 48px;font-weight: bold;}
.prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr td {line-height: 45px;color: #595959;font-size: 15px;text-align: center;border: 1px solid #e6e6e6;}

.newsPage {font-size: 14px;color: #323232;line-height:26px; margin: 0.5rem 0 1rem;}
.newsPage a {color: #323232;}

.news-detail-content {width: 100%;margin: 0 auto;}
.news-detail-content .news-detail-title {padding-bottom: 0.8rem;border-bottom: 1px dashed #ededed;text-align: center;margin-bottom: 0.8rem;}
.news-detail-content .news-detail-title .h3 {font-size: 1rem;color: #323232;line-height: 24px;font-weight: bold;margin: 0 0 0.5rem;}
.news-detail-content .news-detail-title .b {font-size: 14px;color: #999999;line-height: 20px;}
.news-detail-content .news-detail p {font-size: 14px;color: #595959;line-height: 24px;}
.news-detail-content .news-detail img {max-width: 100%;margin: 0 auto;}

.de-contact {overflow: hidden;}
.de-contact .contact-list {overflow: hidden;margin: 0.8rem 0 1rem;}
.de-contact .contact-list ul li {min-height: 28px;padding-left: 3rem;float: left;width: 20rem;font-size: 14px;color: #595959;line-height: 20px;padding-top: 8px;margin-bottom: 14px;word-wrap: break-word;}
.de-contact .contact-list ul li span {display: block;float: left;color: #999;}
.de-contact .contact-list ul li.icon-01 {background: url(../images/contact-icon-01.png) no-repeat left top;}
.de-contact .contact-list ul li.icon-02 {background: url(../images/contact-icon-02.png) no-repeat left top;}
.de-contact .contact-list ul li.icon-03 {background: url(../images/contact-icon-03.png) no-repeat left top;}
.de-contact .contact-list ul li.icon-04 {background: url(../images/contact-icon-04.png) no-repeat left top;}
.de-contact .contact-list ul li.icon-05 {background: url(../images/contact-icon-05.png) no-repeat left top;}
.de-contact .contact-list ul li.icon-06 {background: url(../images/contact-icon-06.png) no-repeat left top;}
.de-contact .contact-map {overflow: hidden;}
.de-contact .contact-map #dituContent {width: 100%;height: 24rem;margin: 0 auto 1rem;}

.de-message {overflow: hidden;}
.de-message .tips {font-size: 14px;line-height: 2rem;color: #737373;}
.de-message .mes-form {overflow: hidden;margin: 1rem 0;}
.de-message .mes-form .form-tr {overflow: hidden;}
.de-message .mes-form .form-tr input {display: block;width: 21rem;padding: 0 10px;height: 38px;line-height: 38px;border: 1px solid #e6e6e6;}
.de-message .mes-form .form-tr textarea {display: block;width: 21rem;padding: 5px 10px;height: 168px;border: 1px solid #e6e6e6;}
.de-message .mes-form .form-tr .code {overflow: hidden;}
.de-message .mes-form .form-tr .code input {width: 11rem;float: left;}
.de-message .mes-form .form-tr .code .verify {cursor: pointer;float: left;margin-left: 2rem;width: 8rem;height: 40px;line-height: 40px;text-align: center;font-size: 0;}
.de-message .mes-form .form-tr .code .verify img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.de-message .mes-form .form-tr .submit {display: block;width: 100%;height: 40px;text-align: center;line-height: 40px;background: #5aaf20;color: #fff;font-size: 15px;}
.de-message .mes-form .form-tr .submit:hover {background: #000;}
.de-message .mes-form .form-tr .error {height: 18px;line-height: 18px;font-size: 12px;color: #f00;padding: 0 5px;}

.pro-sider-ul{margin-bottom: 0.5rem;}
.pro-sider-ul .ul-li{height: 2rem;width: 33.33%;margin-bottom: 0.5rem;float: left;}
.pro-sider-ul .ul-li a{line-height: 2rem;font-size: 14px;color: #fff;display: block;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../images/type.png) center center no-repeat;background-size: 100% 100%;}

.index-about{padding: 1rem;background-color: #fff;}
.index-about .img{width: 100%;margin: 0 auto 1rem;}
.index-about .img img{display: block;width: 100%;}
.index-about .tit{color: #227ad7;font-size: 1.2rem;line-height: 1.5rem;font-weight: bold;}
.index-about .about-line{width: 15%;height: 2px;background-color: #227ad7;margin: 1rem 0;}
.index-about .text{color: #212121;font-size: 0.9rem;line-height: 1.8rem;text-indent: 2em;}

.product li{width: 49%;float: left;margin-right: 2%;}
.product li:nth-child(2n){margin-right: 0;}
.product li .product_img{height: 11rem;text-align: center;line-height: 11rem;background-color: #fff;overflow: hidden;}
.product li .product_img img{width: 100%;height: 100%;object-fit: cover;vertical-align: middle;}
.product li p{height: 2.5rem;line-height: 2.5rem;text-align: center;color: #1a1a1a;font-size: 1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.honor li{width: 11rem;float: left;margin-right: 1rem;}
.honor li:nth-child(2n){margin-right: 0;}
.honor li .honor_img{height: 11rem;text-align: center;line-height: 11rem;border: 1px solid #eee;background-color: #fff;overflow: hidden;}
.honor li .honor_img img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.honor li p{height: 2.2rem;line-height: 2.2rem;text-align: center;color: #646464;font-size: 1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news{width:100%;}
.news li{width: 100%;margin: 0 auto;}
.news li a h4{width: 16rem;color: #686868;font-size: 1.0rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2.5rem;font-weight: normal;float: left;background: url(../images/news-li.png) left center no-repeat;padding-left: 1rem;}
.news li a p{float: right;color: #a0a0a0;font-size: 1rem;width: 6rem;line-height: 2.5rem;text-align: right;}

.contact{width: 100%;margin: 0 auto;text-align: center;}
.contact li{line-height: 2.4rem;color: #3e3e3e;font-size: 1.2rem;}

.page{clear: both;margin-top: 10px;text-align: center;font-size: 12px;letter-spacing: 0px; font-family:"微软雅黑";}
.page #page_num{ width:50px; margin-top:6px; border-radius:0px;}
.page a{ display:inline-block; height:16px; line-height:16px; border:1px solid #ccc; padding:5px;color:#000; border-radius:0px; background:#fff; margin-right:4px;
		transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.page a &:hover{background:#f4f4f4;border:none; padding:5px 25px;color:#000; text-decoration:none; border:1px solid #ccc; height:16px; line-height:16px;}
.btn2 { border:solid 1px #ccc; padding:5px; }
.btn3 { border:solid 1px #ccc; background:#f4f4f4; padding:5px 25px; margin-right:4px; height:18px; }
#page_num1 { width:50px; height:29px; line-height:18px; margin-top:4px; border:solid 1px #ccc; border-radius:0px; }

.topic-con{padding:20px; font-size:1rem;line-height:1.8rem;}
.article{padding:0;}
.article .hd{font-size:1.3em;font-weight:normal;text-align:center;}
.article .meta{padding:0 0.833em;font-size:0.857em;color:#9c9c9c;text-align:center;}
.article .intro{padding:0.5em 1em;margin:0 0.833em;border-radius:0.21em;}
.article .article-con{margin:0.8em 0.833em 0 0.833em;}
.article .article-con img{width:95%;height:auto;max-width:600px;}

#prev_next {width: 100%;padding: 10px 0px;border-top: 1px solid #f2f2f2;margin-top: 10px;}
#prev_next li {line-height: 36px;width: 100%;padding: 0 1%;}
#prev_next li a {color: #333;text-decoration: none;}

.cnyleft{width: 96%;margin: 2rem auto;}
.cnyleft h4{width: 100%;height: 3rem;border-bottom: 1px solid #ddd;line-height: 3rem;font-size: 1.2rem;font-weight: normal;}
.cnyleft h4 img{width: 8%;margin-right: 1rem;display: inline-block;vertical-align: middle;}
.cnyleft li{width: 100%;line-height: 3rem;}
.cnyleft li img{width: 8%;display: inline-block;vertical-align: middle;}
.cnyleft .cnyewm{width: 100%;}
.cnyleft .cnyewm img{width: 50%;margin: 2rem;}

.ly {width:96%;margin: 2rem auto;}
.ly-k {border:solid 1px #f4f4f4; padding:15px;}
.ly-k-k{width:100%; height:2.6rem; line-height:2.6rem;font-family:"微软雅黑"; font-size:14px;border-radius:0px; border:dashed 1px #ccc; box-shadow:none; background:#fff;margin-bottom: 1rem;text-indent: 1rem;}
.ly-k-k1 {width:100%; height:5rem; line-height:2.6rem; font-family:"微软雅黑"; font-size:14px;border-radius:0px; border:dashed 1px #ccc; box-shadow:none;margin-bottom: 1rem;text-indent: 1rem;}
.ly-k-k2 {float:left; width:30%; height:2.6rem; line-height:2.6rem; font-family:"微软雅黑"; font-size:14px; border-radius:0px; border:dashed 1px #ccc; box-shadow:none; margin-right:15px;text-indent: 1rem;}
.ly-k-k3{float: left;}
input.ly-k-k4{width: 34%;margin-top: 1rem;height: 2.6rem;line-height: 2.6rem;text-align: center;border: none;box-shadow: none;border-radius: 0;background: #000;color: #fff;}

.index-title{height: 2.5rem;margin-bottom: 1rem;display: flex;justify-content:center;line-height: 2.5rem;align-items: center;}
.index-title img{vertical-align: middle;}
.index-title h4{padding: 0 0.5rem;color: #5aaf20;font-size: 1.4rem;}

/* 汇聚优势 */
.youshi{
	background-color: #5aaf20;
	padding: 2rem 1rem;
}
.youshi .index-title h4{color: #fff;}
.youshi li{
	background-color: #fff;
	padding: 1rem;
	margin-top: 1rem;
	color: #191919;
}
.youshi li h4{
	font-size: 1.2rem;
	line-height: 2rem;
	margin-bottom: 0.5rem;
}
.youshi li p{
	font-size: 0.9rem;
	line-height: 1.8rem;
}
/* 公司简介 */
.index-about{
	background-color: #fff;
	padding: 2rem 1rem;
}
.index-about .img img{
	display: block;
	width: 100%;
	margin-bottom: 0.5rem;
}
.index-about .text{
	color: #0c0c0c;
	font-size: 1rem;
	line-height: 2rem;
	text-indent: 2em;
}
/* 新闻资讯 */
.index-news{
	background-color: #f5f5f5;
	padding: 2rem 1rem;
}
.index-news ul li{
	width: 100%;
	margin-top: 1rem;
}
.index-news ul li a{
	display: block;
	background-color: #e7e7e7;
	padding: 1rem;
	color: #1d1d1d;
}
.index-news ul li a h4{
	font-size: 1rem;
	line-height: 2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.index-news ul li a p{
	font-size: 0.9rem;
	line-height: 1.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}