@charset "UTF-8";
/*首页-关于我们*/
.sy-about-box li{
	float: left;
	width: 50%;
}
.sy-ahout-pic{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 3.5rem;
	height: 3.2rem;
	line-height: 3.2rem;
	margin-right: 0.04rem;
	-webkit-border-radius: 0.1rem;
	-moz-border-radius: 0.1rem;
	border-radius: 0.1rem;
}
.sy-ahout-pic img{
	width: 100%;
	vertical-align: middle;
}
/*各个标题的宽度方便居中*/
.about-width{
	width: 2.46rem;
}
.pro-width{
	width: 3.2rem;
}
.service-width{
	width: 3.23rem;
}
/*各个标题的宽度方便居中---完*/
/*多出文本变为省略号*/
.sy-about-content p{
	font-size: 0.26rem;
	color: #fff;
	text-indent: 0.52rem;
	line-height: 0.4rem;
	max-height: 2rem;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
	width: 90%;
	margin: 0.3rem auto;
}
.sy-about-content p a { color:#333}
/*省略号-完*/
.sy-about-more{
	float: right;
	font-size: 0.2rem;
	line-height: 0.4rem;
	background-color: #006837;
	color: #fff;
	padding: 0 0.1rem;
	margin-top:0.2rem ;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	border-radius: 0.2rem;
}
/*产品展示*/
.sy-pro-box{
	width: 100%;
	margin-bottom: 0.3rem;
}
.sy-pro-box li{
	float: left;
	width: 50%;
	margin-bottom: 0.2rem;
}
.sy-pro-show{
	width: 3.45rem;
	
	/*display: table-cell;*/
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	position: relative;
}
.sy-pro-show img{
	width: 100%;
	vertical-align: middle;
	-webkit-border-radius:0.08rem;
	-moz-border-radius: 0.08rem;
	border-radius: 0.08rem;
}
.sy-pro-message{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	color: #fff;
	line-height: 0.4rem;
	background-color: rgba(0,0,0,0.6);
	-webkit-border-radius:0.1rem;
	-moz-border-radius: 0.1rem;
	border-radius: 0.1rem;
}
.sy-pro-message p{
	float:left;
	padding-left: 0.1rem;
	font-size: 0.26rem
}
.sy-pro-message a{
	float: right;
	font-size: 0.24rem;
	color: #fff;
	padding-right: 0.1rem;
}
/*首页-服务- */
.sy-service-pic{
	width: 100%;
}
.sy-service-pic img{
	width: 100%;
}
.sy-row{
	width: 100%;
	margin: 0.2rem auto;
}
.sy-row li{
	float: left;
	width: 33.33%;
}
.sy-wow a{
	font-size: 0.24rem;
	line-height: 0.4rem;
	text-align: center;
}
.blue{
	color: #1a9cff;
}
.red{
	color: #f00;
}
.purple{
	color: #ff0eda;
}
.sy-icon-box{
	width: 40%;
	margin: 0 auto;
}
.sy-icon-box img{
	width: 100%;
}
/*首页-服务-icon-完*/
/*首页-新闻*/
.sy-news-list{
	/*width: 100%;*/
	padding-bottom: 0.2rem;
	border-width:0 0 1px 0 ;
	border-style: solid;
	border-color: #cccccc;
	margin: 0 0.23rem 0.3rem 0.23rem;
}
.sy-news-list li{
	float: left;
}
.news-pic-box{
	width: 40%;
}
.sy-news-pic{
	width: 90%;
}
.news-pic-box img{
	width: 100%;
}
.news-text-box{

}
.news-list-text h3{
	font-size: 0.3rem;
	color: #333;
	line-height: 0.5rem;
	width: 4.04rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-list-text p{
	font-size: 0.24rem;
	line-height: 20px;
	color: #808080;

	max-height: 0.95rem;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	position: relative;
}
.news-list-text time{
	float: right;
	font-size: 0.22rem;
	color: #999999;
	margin-top: 0.28rem;
}
/*二级页面---关于我们*/
/*padding:0 0.23rem*/
.com-main-box{
	/*width: 100%;*/
	padding: 0 0.23rem;
}
/*padding:0 0.23rem*/
/*子标题公共部分*/
.sub-title-box{
	background-color: #BFBFBF;
	width: 100%;
	margin-bottom: 0.3rem;
}
.com-title-text{
	color: #ffffff;
	font-size: 0.26rem;
	padding: 0.17rem 0 0.17rem 0.46rem;
	margin-left: 0.23rem;
}
.icon-company{
	background: url(../fonts/icon-company.svg) no-repeat left center;
	background-size: 5%;
}
.icon-history{
	background: url(../fonts/icon-history.svg) no-repeat left center;
	background-size: 5%;
}
.icon-honor{
	background: url(../fonts/icon-honor.svg) no-repeat left center;
	background-size: 5%;
}
.icon-v{
	background: url(../fonts/icon-video.svg) no-repeat left center;
	background-size: 5%;
}
/*子标题公共部分---完*/

.about-company-pic{
	width: 100%;
	margin-bottom: 0.2rem;
}
.about-company-pic img{
	width: 100%;
}
.about-company-text{
	margin-bottom: 0.2rem;
}
.about-company-text p{
	font-size: 0.24rem;
	color: #333333;
	text-align: justify;
	text-indent: 0.48rem;
	line-height: 0.36rem;
	margin-bottom: 0.2rem;
}
/*动画部分css样式*/
.history-line{
	width: 100%;
	height: 2px;
	background-color: #46A1E5;
}
.left-row,.right-row{
	width: 100%;
	overflow: hidden;
}
.left-row li{
	float: left;
}
.right-row li{
	float: right;
}
.left-row p,.right-row p{
	font-size: 0.20rem;
	color: #fff;
	width: 0.8rem;
	height: 0.8rem;
	text-align: center;
	line-height: 0.8rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.circle{
	padding: 0.1rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.v-line{
	width: 1px;
	text-align: center;
	height: 0.6rem;
	margin-left: 0.4rem;
}
.line-red,.line-purle,.line-green{
	margin-left: 0.51rem;
}
.bg-black,.line-black{
	background-color: #000000;
}
.bg-blue,.line-blue{
	background-color: #4e23ef;
}
.bg-green,.line-green{
	background-color: #0b7b1b;
}
.bg-sgreen,.line-sgreen{
	background-color: #39e3f2;
}
.bg-purple,.line-purle{
	background-color: #c716c1;
}
.bg-red,.line-red{
	background-color: #FF0000;
}
.c-purle{
	border: 1px solid #c716c1;
}
.c-green{
	border: 1px solid #0b7b1b;
}
.c-red{
	border: 1px solid #f00;
}
.wow-01{
	margin-left: 0.23rem;
	margin-right: 1.5rem;
}
.wow-02,.wow-03{
	margin-right: 1.5rem;
	margin-top: 0.22rem;
}
.wow-06{
	margin-right: 0.23rem;
	margin-left: 1.5rem;
}
.wow-05{
	margin-left: 1.5rem;
}

/*动画部分css样式*/
.history-event{
	width: 100%;
	padding-left: 0.23rem;
	margin:0.2rem 0 ;
}
.history-event p{
	font-size: 0.26rem;
	line-height: 0.5rem;
	color: #333;
}
/*.color-black{
	color: #000000;
}
.color-blue{
	color: #4e23ef;
}
.color-green{
	color: #0b7b1b;
}
.color-purle{
	color: #c716c1;
}
.color-red{
	color: #f00;
}
.color-sg{
	color: #39e3f2;
}*/

/*产品中心*/
.icon-new{
	background: url(../fonts/icon-pro-new.svg) no-repeat left center;
	background-size: 5%;
}
.icon-pro01{
	background: url(../fonts/icon-pro-01.svg) no-repeat left center;
	background-size: 5%;
}
/*产品中心---完*/
/*产品详情*/
/*产品详情--滑动*/

/*产品详情--滑动完*/
.icon-pro-detail{
	background: url(../fonts/icon-pro-details.svg) no-repeat left center;
	background-size: 5%;
	margin-top: 0.2rem;
}
.pro-detail-pic{
	width: 100%;
}
.pro-detail-pic img{
	width: 100%;
}
.pro-detail-text{
	width: 100%;
	padding: 0 0.23rem;
}
.pro-detail-text li{
	float: left;
	width: 50%;
}
.pro-detail-text p{
	font-size: 0.26rem;
	color: #333333;
	line-height: 0.6rem;
}
.hotline{
	font-size: 0.3rem;
	color: #f00;
	padding-left: 0.23rem;
	line-height: 0.6rem;
}
.pro-order{
	margin:0.2rem 0;
}
.pro-order li{
	float: left;
	width: 50%;
}
.pro-order a{
	font-size: 0.26rem;
	color: #fff;
	text-align: center;
	width: 40%;
	margin: 0 auto;
	background-color: #f00;
	line-height: 0.6rem;
	-webkit-border-radius: 0.1rem;
	-moz-border-radius: 0.1rem;
	border-radius: 0.1rem;
}

.product-details{
	width: 100%;
	padding: 0 0.23rem;
}
.pro-detail-title{
	width: 100%;
	margin:0.8rem 0 0 0.2rem;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #ccc;
	position: relative;
}
.pro-detail-title h3{
	font-size: 0.24rem;
	color: #ffffff;
	line-height: 0.4rem;
	padding: 0 0.2rem;
	background-color: #ccc;
	display: inline-block;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	border-radius: 0.2rem;
	position: absolute;
	left: 0;
	margin-left: -0.2rem;
	bottom: 0;
}

.pro-det-message{
	font-size: 0.22rem;
	line-height: 0.4rem;
	color: #333;
	text-indent: 0.44rem;
	text-align: justify;
	margin-top: 0.1rem;
}

/*子集标题*/

.sub-width-c{
	max-width: 6.31rem;
	margin: 0 auto;
}
.service-sub-title{
	text-align: center;
}
.service-sub-title li{
	float: left;
	padding: 0 0.2rem;
}
.sub-width-z li{
	width: 33.3333%;	
}
.service-sub-title a{
	display: block;
	font-size: 0.24rem;
	color: #666;
	line-height: 0.4rem;
	padding: 0 0.1rem;
	background-color: #e6e6e6;
}
.sub-width-c li{
	width: 25%;
	padding: 0 0.1rem;
}

.service-sub-com{
	margin: 0 0 0.2rem 0.23rem;
}
.com-sub-title{
	font-size: 0.22rem;
	color: #fff;
	display: inline-block;
	line-height: 0.4rem;
	padding: 0 0.2rem;
	background-color: #bfbfbf;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	border-radius: 0.2rem;
}
/*普通服务内容*/
.service-sub-text{
	/*width: 100%;*/
	margin: 0 0.23rem;
}
.service-sub-text h4{
	font-size: 0.22rem;
	line-height: 0.5rem;
	color:#46A1E5;
}
.service-sub-text p{
	font-size: 0.22rem;
	line-height: 0.3rem;
	text-align: justify;
	text-indent: 0.44rem;
	color:#666;
	margin-bottom: 0.1rem;
}

.pagebar{clear:both;margin:10px 0;text-align:center;}
.pagebar a:hover{color:#006837;}
.page-status{border-radius:2px 0 0 2px;}
.page-last{border-radius:0 2px 2px 0;}
.page-index,.page-last,.page-next,.page-num,.page-pre,.page-status{display:inline-block;margin:0 -1px 5px 0;padding:0 15px;height:28px;border:1px solid #e2e2e2;background-color:#e3e3e3;color:#333;vertical-align:middle;font-size:12px;line-height:28px;}
.page-status{display:none;}
.page-num-current{height:30px;border-top:none;border-bottom:none;background-color:#006837;color:#fff !important;line-height:30px;}
a.page-num-current:hover{color:#fff;}

.js_lb { font-size:14px; line-height:25px;}
.kaiti img{ max-width:100%; height:auto !important;}
.kaiti{font-family:华文楷体;font-size:18px;}
.reimg{line-height:24px;}
.reimg img{max-width:100%; height:auto !important;}


#maximg img{ max-width:100% !important; height:auto !important}

.xiwnen{ overflow:hidden}
.xiwnen dd{ line-height:30px;}
.xiwnen dd span{ float:right}
.xiwnen dd a{white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}



