@charset "utf-8";
/* CSS Document */

/* self-adaption global css v1.0
 * 此文件是网站全局自适应个性化css，也适当补充了自适应栅格系统（补充的是每行5个元素），此样式表在zui框架基础上进行开发，需要先引入zui核心文件。
 * This file is the global adaptive personalized CSS of the website, and it also complements the adaptive grid system (supplemented by 5 elements per line). This stylesheet is developed on the basis of the zui framework, which requires the introduction of the zui core file first.
 * 逗点科技，2018.08.09。	written by Doudian, 2018.07.26.
 * 使用此文件请保留我的信息，谢谢！	Please keep my information in this file, thank you!
 */


/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 2139286 */
  src: url('//at.alicdn.com/t/c/font_2139286_knpqd7r4pi.woff2?t=1712832398816') format('woff2'),
       url('//at.alicdn.com/t/c/font_2139286_knpqd7r4pi.woff?t=1712832398816') format('woff'),
       url('//at.alicdn.com/t/c/font_2139286_knpqd7r4pi.ttf?t=1712832398816') format('truetype');
}
.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}


/* for global 全局 */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-5ths {
    width: 20%;
}
@media (min-width : 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width : 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media (min-width : 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}

body {
	background: #ffffff;
	color: #333;
	font-size: 14px;
}
a {
	cursor: pointer;
	text-decoration: none;
	outline: none;
	blr:expression(this.onFocus=this.blur());
}
a:focus{outline:none;text-decoration: none;}
a:hover {cursor: pointer;text-decoration: none;}

.no-margin {margin: 0;}
.no-padding {padding: 0;}
.inline-block {display: inline-block}
.relative {position: relative;}
.clear {clear: both;}
.v-middle{vertical-align: middle;}

#headerbar{border: none;background-color: #fff;font-size: 0px;}
#headertitle{padding: 20px 0;}
#headerhd{display: block;float: left;}
#headerhd>img{height: 69px;width: auto;}
#headertel{display: block;float: right;}
#headertel>img{display: inline-block;vertical-align: middle;}
#headertel>div{display: inline-block;vertical-align: middle;margin-left: 20px;font-size: 18px;line-height:1.5;color: rgb(106, 119, 127);}
#headertel>div>b{font-size: 25px;line-height:0.5;}
#headernav {width: 100%;background-color: rgb(255, 255, 255);border-top: 2px solid rgb(106, 119, 127);}
#headernav ul{}
#headernav ul>li{position: relative;}
#headernav ul>li>a {font-size: 14px;line-height: 60px;color: rgb(0,0,0);padding: 0;}
#headernav ul>li::before{
content: '';
position: absolute;
width: 0%;
height: 38px;
left: 50%;
background-color: rgb(252, 206, 76);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
z-index: -1;
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#headernav ul>li:hover::before, #headernav .active::before{width: 100%;left: 0;opacity: 1;z-index: auto;}
#headernav ul>li:hover>a, #headernav .active>a {background-color: inherit;}
.lte-ie-8 #headernav ul>li:hover>a,.lte-ie-8 #headernav .active>a {background-color: rgb(252, 206, 76);}
#headernav ul>li .navplus{width: 100%;display: none;position: absolute;z-index: 99999;box-shadow: 0 2px 2px 0 rgb(252, 206, 76);text-align: center; }
#headernav ul>li .navplus>a{width: 100%;display: block;font-size: 14px;line-height: 50px;background-color: rgb(252, 206, 76);color: rgb(0,0,0);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#headernav ul>li .navplus>a:hover{background-color: rgb(251,150,49);}

#m-headerbar {
	padding-top: 6px;
	padding-bottom: 6px;
	border: none;
	background-color: rgb(106, 119, 127);
}
#m-headerhd{
	pointer-events:auto;
}
#m-headerhd:hover{
	color: #5faecc;
}
#m-headerbar .hdtitle-img {
	/*
	 *width: 40px;
	 */
	width: auto;
	height: 40px;
}
#m-headerbar .hdtitle-img img{
	width: auto;
	height: 100%;
}
#m-headerbar .hdtitle-ch {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 1px;
	padding-left: 10px;
}
#m-headerbar .hdtitle-en {
	font-family: Georgia, "serif";
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.1;
	padding-left: 10px;
}
#m-headerbtn{
	position: absolute;
	top:3px;
	right: 10px;
	color: rgb(106, 119, 127);
	text-shadow: none;
	background-color: #fff;
	border-color: #000;
}
#leftmenulayout{
	display: none;
	width: 100%;
	height: 100%;
	width: 100vw !important;
	height: 100vh !important;
	position: fixed;
    z-index: 999998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
	opacity: .5;
}
#leftmenulayout span{
	display: block;
	width: 40%;
	height: 100%;
	margin-left: 60%;
	color: #7d7d7d;
	font-size: 4rem;
	overflow: hidden;
	text-align: center;
}
#leftmenu{
	display: none;
	width: 60%;
	height: 100% !important;
	width: 60vw;
	height: 100vh !important;
	background-color: rgb(106, 119, 127);
	border-right:1px solid #333;
	position: fixed;
	z-index: 999999;
	box-shadow: rgba(0,0,0,.15) 0 .15rem .5rem,rgba(0,0,0,.25) 0 .15rem .5rem;
	overflow-y: auto !important;
}
#leftmenu>.iteams{
	display: block;
	width: 100%;
	border-bottom: 1px solid #969696;
	position: relative;
}
#leftmenu>.iteams>a{
	margin: 0 15%;
	font-size: 15px;
	display: block;
	height: 55px;
	line-height: 55px;
	position: relative;
	color: #fff;
	width: 70%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: inherit;
}
#leftmenu>.iteams>i{
	text-align: center;
	display: block;	
	position: absolute;
	top: 0;
	right: 10px;
	color: #fff;
	height: 55px;
	width: 55px;
	font-size: 24px;
	line-height: 55px;
}
#leftmenu>.iteams>.listplus{
	display: none;
	text-align: center;
	padding: 10px 0;
}
#leftmenu>.iteams>.listplus>a{
	display: block;
	color: #fff;
	line-height:26px;
	font-size: 14px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: inherit;
}
/*
 | ----------------------------------------------------------
 | Glide styles
 | ----------------------------------------------------------
 | Here are slider styles
 | banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用
*/
.mainbanner{
	width: 100%;
	height:auto;
	font-size: 0px;
}
.mainbanner ul,.mainbanner ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	display: block;
}
.mainbanner ul li{
	float: left;
}
.slider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.slides {
	height: auto;
	/* Simple clear fix */
	overflow: hidden;
	/**	
	 * Prevent blinking issue
	 * Not tested. Experimental.
	 */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	/**
	 * Here is CSS transitions 
	 * responsible for slider animation in modern broswers
	 */
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.arrowsWrapper{display:none}
.slider:hover .arrowsWrapper{display:block}
.slide {
	list-style: none;
	height: auto;
	float: left;
	clear: none;
}
.slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: 0px;
	width: 10%;
	height: 10%;
	text-decoration: none;
	text-align: center;
	opacity: 1;
}
.slider-arrow--right {
	bottom: 47.5%;
	right: 0px;
	background:url(../../images/right_jt.png) no-repeat center;
	background-size: 100%;
}
.slider-arrow--left {
	bottom: 47.5%;
	left: 0px;
	background:url(../../images/left_jt.png) no-repeat center;
	background-size: 100%;
}
.slider-nav {
	position: absolute;
	bottom: 5%;
	text-align: center;
}
.slider-nav__item {
	width: 10px;
	height: 10px;
	background: #ffffff66;
	border-radius: 50%;
	clear: none;
	display: inline-block;
	margin: 0 4px;
}
.slider-nav__item:hover {
	background: #ffffffee;
}
.slider-nav__item--current {
	background: #ffffffee;
}

#search{width: 100%;padding-top: 18px;background-color: rgb(242, 242, 242);border-bottom-style: solid;border-bottom-color: rgb(242, 242, 242);border-bottom-width: 14px;}
#search-hotkeywords{width: 100%;padding: 10px;}
#search-hotkeywords>div{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#search-hotkeywords a{display: inline-block;color: #333;}
#search-hotkeywords a::after{content: "、";}
#search-hotkeywords a:last-child::after{content: "";}
#search-hotkeywords span{text-decoration: underline;}
#search-input {width: 100%;padding: 4.5px 80px 4.5px 10px;}
#search-btn {position: absolute;top: 4.5px;right: 20px;}

.thebreadcrumb{width: 100%;background: #fff;font-size: 14px;}
.thebreadcrumb a{color:rgb(46,49,146);}
.breadcrumb{display:inline-block;margin:0;padding: 10px 0;}
.breadcrumb > li + li::before {padding: 0 5px;color: #ccc;content: " > ";}


.titlestyle-main{display: block;width: 100%;text-align: center;padding-bottom: 20px;}
.titlestyle-main .maintitle{font-size: 32px;color: rgb(106, 119, 127);font-weight: 700;}
.titlestyle-main .subtitle{color: rgb(127, 127, 127); font-size: 14px; line-height: 150%;text-transform: uppercase;}
.titlestyle-main .title-underline{width: 100px;height: 0;border-bottom: 2px solid rgb(248, 147, 31);display: inline-block;}

.propanel{width: 100%;}
.propanel .panelhead{width: 100%;height: 55px;line-height: 55px;color: #fff;background-color: rgb(106, 119, 127);font-size: 16px;text-align: center;position: relative;}
.propanel .panelhead>i{position: absolute;right: 20px;top:13.5px;}
.screen-phone .propanel .panelhead,.screen-tablet .propanel .panelhead{width: 100%;height: 55px;line-height: 55px;color: #fff;background-color: rgb(106, 119, 127);font-size: 16px;text-align: left;padding-left: 20px; }
.propanel .panelbody{ border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.screen-phone .propanel .panelbody,.screen-tablet .propanel .panelbody{ display: none;}
.propanel .panelbody>ul{ list-style: none;padding: 0px;margin: 0px;}
.propanel .panelbody>ul>li{
	display: block;
	width: 100%;
	padding: 13px 0px;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.propanel .panelbody>ul>li>a{ 
	display: block;
	width: 100%;
	color: #666;
	padding-left: 20px;
	font-size: 14px;
	line-height: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition:none;
}
.propanel .panelbody>ul>li.active{}
.propanel .panelbody>ul>li.active>a,.propanel .panelbody>ul>li.iscurrent>a{color: rgb(248, 147, 31);border-left: 5px solid rgb(248, 147, 31);padding-left: 15px;}

.pro-list{padding-left: 15px;padding-right: 10px;}
.pro-list .pro-item{margin: 0; padding: 0 0 2% 2%;}
.pro-list .pro-item>a{display: block; padding: 10px 10px 27px 10px;background-color: #f7f7f7;color: #333;text-align: center;}
.pro-list .pro-item>a:hover{background-color: #f8931f;color: #fff;}
.pro-list .pro-item>a .pro-itemimg{display: block;padding: 50%;position: relative;font-size: 0;line-height: 0;background-color: #fff;margin-bottom: 20px;}
.pro-list .pro-item>a .pro-itemimg>div{position: absolute;display:block;width: 100%;height: 100%;top:0;left: 0;right: 0;bottom: 0;}
.pro-list .pro-item>a .pro-itemimg>div>div{height: 100%;max-width: 100%;}
.pro-list .pro-item>a .pro-itemimg>div>div>span{height: 100%; width: 0px;display: inline-block;vertical-align: middle;}
.pro-list .pro-item>a .pro-itemimg>div>div>img{width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.pro-list .pro-item>a .pro-itemtitle{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;}

.beautifulbtn1{
	background-color: rgb(106, 119, 127);
	height: 50px;
	line-height: 50px;
	width: 180px;
	font-size: 14px;
	text-align: center;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	box-sizing: border-box;
	color: #fff !important;
	outline: none !important;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.beautifulbtn1::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(248,147,31);
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: all .3s ease-out;
}
.beautifulbtn1:hover::before {-webkit-transform: scale(1,1);transform: scale(1,1);}
.lte-ie-8 .beautifulbtn1:hover {background: rgb(248,147,31);}
.screen-phone .beautifulbtn1{height: 40px;line-height: 40px;width: 120px;}

.pagectrl{display: block;width: 100%;padding-top: 20px;}
.pagectrl>a{display: inline-block;padding: 0 8px;height: 30px;line-height: 28px;border: 1px solid #ccc;margin-bottom: 10px;color: #333;}
.pagectrl>a.active,.pagectrl>a:hover{background-color: #fd6e27; border: 1px solid  #fd6e27;color: #fff;}
.pagectrl>.pagectrlform {display: inline-block;height: 30px;line-height: 28px;padding: 0px 20px;margin-bottom: 10px;}
.pagectrl>.pagectrlform .pageinput{width:30px;height: 30px;border: 1px solid #ccc;border-radius: 0;margin-bottom: 10px;text-align: center;}
.pagectrl>.pagectrlform .pagesubmit{padding: 0 8px;height: 30px;background-color: #fd6e27; border: 1px solid  #fd6e27;color: #fff;margin-bottom: 10px;}

.newslist-list{width: 100%;}
.newslist-list .news-items{width: 100%;padding: 14px 0;border-bottom: 1px dashed #ccc}
.newslist-list .news-items>a{display: block;position: relative;padding: 0 10px;}
.newslist-list .news-items .news-img{display: block;width: 20%;float: left;overflow: hidden;position: relative;padding-top: 12%;}
.screen-phone .newslist-list .news-items .news-img{width: 30%;padding-top: 20%;}
.newslist-list .news-items .news-img img{
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.newslist-list .news-items>a:hover .news-img img{max-width: 120%; width: 120%;height: 120%;top:-10%;left: -10%;}
.newslist-list .news-items .news-con{display: block;width: 75%;margin-left: 5%;float: left;}
.screen-phone .newslist-list .news-items .news-con{display: block;width: 65%;margin-left: 5%;float: left;}
.newslist-list .news-items .news-con p{width: 100%;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist-list .news-items .news-con .news-title{color: #333;font-size: 20px;}
.newslist-list .news-items .news-con .news-desc{color: #999;}
.newslist-list .news-items .news-con .news-detailbtn{
	width: 108px;
	display: block;
	cursor: pointer;
	height: 30px;
	margin-top:20px;
	line-height: 30px;
	text-align: center;
	box-shadow: 0px 0px 2px rgba(0,0,0,.2);
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
	position: relative;
}
.newslist-list .news-items .news-con .news-detailbtn{
	width: 108px;
	display: block;
	cursor: pointer;
	color: #666;
	height: 30px;
	margin-top:20px;
	line-height: 30px;
	text-align: center;
	position: relative;
	box-shadow: 0px 0px 2px rgba(0,0,0,.2);
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.newslist-list .news-items .news-con .news-detailbtn:hover{padding-right: 30px;}
.newslist-list .news-items .news-con .news-detailbtn span{
	display: block;
	width: 0;
	color: #fff;
	background-color: rgb(248, 147, 31);
	box-shadow: 0px 0px 2px rgb(248, 147, 31);
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.newslist-list .news-items .news-con .news-detailbtn:hover span:last-child{width: 30px;}

#lightgallery{}
#lightgallery>a.col{padding: 10px;font-size: 0;text-align: center;position: relative;}
#lightgallery>a.col .grouphd{padding-top: 70%;position: relative;}
#lightgallery>a.col .grouphd .grouphd-img{display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;}
#lightgallery>a.col .grouphd .grouphd-img>span{width: 0;height: 100%;display: inline-block;vertical-align: middle;}
#lightgallery>a.col .grouphd .grouphd-img>img{width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#lightgallery>a.col .grouposter{display: none;width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.5);top: 0;left: 0;}
#lightgallery>a.col:hover .grouposter{display: block;}
#lightgallery>a.col .grouposter>span{width: 0;height: 100%;display: inline-block;vertical-align: middle;}
#lightgallery>a.col .grouptitle{width: 100%;height: 36px;font-size: 14px;line-height: 36px;background-color: #f1f1f1;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#lightgallery>a.col:hover .grouptitle{background-color: rgb(248, 147, 31);color: #fff;}

.prevnext{width: 100%;padding: 20px 0;}
.prevnext a{color: #333;}
.prevnext a:hover{text-decoration: underline;}
.prevnext .prev,.prevnext .next{width: 100%;display: block;}

#footerbar {width: 100%; border: none;background: rgb(75, 92, 102);color: #fff;font-size: 0px;}
#footerbox1 a{color: #fff;}
#footerbox1 img{max-width: 100%;}
#footerbox1>div {font-size: 14px;}
#footerbox1>div>p{margin: 0px;}
#footerbox1>div>p:first-child {font-size: 18px;font-weight: 700;margin-bottom: 20px;}
#footerbox2 a{color: #fff;}
#footerbox2>div {font-size: 14px;line-height: 2;}

#m-footer{
	border-top: 1px solid #969696;
	background-color: rgb(106, 119, 127);
}
#m-footer a{
	display: block;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}



/* for index 主页 */
#friendlink{width: 100%;background-color: rgb(246,246,246);padding: 38px 0px;}
#friendlink ul{list-style: none;}
#friendlink ul li{list-style: none;}
#friendlink ul li a{font-size: 14px;line-height: 1.8;color: #333;}
#friendlink ul li a:hover{	color: #5faecc;}

#index-pro{}
.index-propanel{width: 100%;}
.index-propanel .panelhead{width: 100%;height: 55px;line-height: 55px;color: #fff;background-color: rgb(106, 119, 127);padding-left: 48px;padding-right: 20px;font-size: 16px; }
.index-propanel .panelbody{ border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.index-propanel .panelbody>ul{ list-style: none;padding: 0px;margin: 0px;}
.index-propanel .panelbody>ul>li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	padding-left: 48px;
	padding-right: 40px;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.index-propanel .panelbody>ul>li>a{ 
	display: inline-block;
	color: #666;
	width: 100%;
	font-size: 14px;
	line-height: 45px;
	padding-right: 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}
.index-propanel .panelbody>ul>li>i{display: none;color: #c7c7c7;font-size: 12px;}
.index-propanel .panelbody>ul>li.active{padding-left: 58px;}
.index-propanel .panelbody>ul>li.active>a{color: #1e88e5;}
.index-propanel .panelbody>ul>li.active>i{display: block;}

#index-mold{}
.index-moldbox .group-left .mold-items{font-size: 0px;margin-bottom: 38px;display: flex;}
.index-moldbox .group-left .mold-items .mold-items-hd{display:inline-block;background-color: rgb(248,147,31);vertical-align: middle;font-size: 42px;line-height: 1; font-weight: 700;color: #fff;padding:18px;}
.index-moldbox .group-left .mold-items .items-right{width: 85%;display: inline-block;font-size: 14px;color: #666;vertical-align: middle;padding-left: 7%;}
.index-moldbox .group-left .mold-items .items-right .mold-items-title{font-size: 20px;color: #333;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-moldbox .group-left .mold-items .items-right .mold-items-text{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

#index-jishu {width: 100%;background: url('../../images/jishubg.png');}
#lightgallery-jishu{padding-top: 30px;padding-bottom: 30px;}
#lightgallery-jishu>a.col{padding: 10px;font-size: 0;text-align: center;position: relative;}
#lightgallery-jishu>a.col .grouphd{padding-top: 70%;position: relative;}
#lightgallery-jishu>a.col .grouphd .grouphd-img{display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;}
#lightgallery-jishu>a.col .grouphd .grouphd-img>span{width: 0;height: 100%;display: inline-block;vertical-align: middle;}
#lightgallery-jishu>a.col .grouphd .grouphd-img>img{width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
#lightgallery-jishu>a.col .grouposter{display: none;width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.5);top: 0;left: 0;}
#lightgallery-jishu>a.col:hover .grouposter{display: block;}
#lightgallery-jishu>a.col .grouposter>span{width: 0;height: 100%;display: inline-block;vertical-align: middle;}

#index-about{width: 100%;}
.index-aboutbox{padding-top: 30px;padding-bottom: 30px;}
.index-aboutbox .group-left{color: rgb(127, 127, 127);}
.index-aboutbox .group-right{}

#index-contact{width: 100%;background: url(../../images/contact.png) center center no-repeat;}

#index-newsqabox{}
#index-news{}
#index-news .news-headline{display: block;}
#index-news .news-headline>div.col:last-child{max-height: 165px;overflow: hidden;}
#index-news .news-headline .maintitle{font-size: 16px;color: #333;font-weight: 700; width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 5px;}
#index-news .news-headline .headline-text{font-size: 14px;color: rgb(127, 127, 127);width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;text-indent: 28px;line-height: 1.4;}
#index-news .news-list{width: 100%;list-style: none;}
#index-news .news-list .news-items{width: 100%;margin: 15px 0px;}
#index-news .news-list .news-items>a{display: block;position: relative;color: #333;font-size: 14px;line-height: 14px;}
#index-news .news-list .news-items>a .maintitle{display: block;position: relative;width: 100%;padding-right: 100px;}
#index-news .news-list .news-items>a .maintitle>p{display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0;}
#index-news .news-list .news-items>a:hover .maintitle span{color: rgb(25,118,210);}
#index-news .news-list .news-items>a .time{display: block;position: absolute;top: 0;right: 0;color: #666;font-size: 12px;}
#index-qa{}
#index-qa .qa-list>a{display: block;width: 100%;height: 95px; padding-left: 80px;position: relative;margin: 20px 0;overflow: hidden;}
#index-qa .qa-list>a:first-child{margin-top:0;}
#index-qa .qa-list>a>div{display: block;width:auto;position: absolute;left: 0;top:0;text-align: center;}
#index-qa .qa-list>a>div .q{display: block;margin-bottom: 10px;color: #fff;font-size: 16px;line-height: 1;padding: 12px;background: rgb(248,147,31);}
#index-qa .qa-list>a>div .a{display: block;color: #333;font-size: 16px;line-height: 1;padding: 12px;background: rgb(204,204,204);}
#index-qa .qa-list .maintitle{width: 100%;font-size: 16px;line-height: 2; color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#index-qa .qa-list .subtitle{width: 100%;max-height: 63px;font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}




/* for detail 详情页 */
/* for detail-news 新闻详情 */
.newsdetail{width: 100%;color: #666;}
.newsdetail .newsdetail-title{width: 100%;font-size: 18px;color: #333;padding-left: 5px;border-left: 5px solid #E52121;font-weight: 700;}
.newsdetail .newsdetail-info{color: #999;font-size:12px;}
.newsdetail .newsdetail-info span{margin-right: 15px;}

/* for detail-product 产品详情 */
.prodetail-info{
	color: #333;
	margin: 10px 0;
	font-size: 14px;
	line-height: 1.5;
}
.prodetail-info li{
	margin: 10px 0px;
}
.prodetail-info .downbtn{
	display: inline-block;
	color: #fff;
	padding: 10px 15px;
	background: rgb(46,49,146);
}
.prodetail-info .downbtn:hover{
	background: rgb(248, 147, 31);
}



/*浮动聊天窗口*/
  .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
			list-style: none;
        }
        
        .client-2 li i {
            background: url(/images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0c86e0;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0c86e0;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }


/* 右侧悬浮导航 */
.right_nav{right:0;bottom:130px;position:fixed;text-align:left;overflow:hidden;z-index:999;}
 
.right_nav li{ list-style-type:none; background:#d8eaf7;margin:4px 0;padding:5px;border-top-left-radius:4px;border-bottom-left-radius:4px;cursor:pointer;position:relative;right:-70px;}
.right_nav li .iconBox{text-align:center;overflow:hidden;display:flex;align-items:center;flex-direction:column;justify-content:center;width:60px;height:60px;}
.right_nav li .iconBox .iconfont{font-size:24px;color:#333;}
.right_nav li img{width:300px;height:auto;}
.right_nav li h4{color:#333;font-size:12px;font-weight:400;margin:2px 0;}
.right_nav li:hover{background:#015293;}
.right_nav li:hover h4{color:#fff;}
.right_nav li:hover .iconfont{color:#fff;}
.right_nav li .hideBox{display:none;position:absolute;right:70px;padding:10px;padding-right:15px;top:-10px;z-index:999;}
.right_nav li .hideBox .hb{border:1px solid #ccc;background-color:#fff;min-width: 200px;padding:10px 20px;border-top:2px solid #015293;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.right_nav li .hideBox .hb h5{padding:0 0 12px 0;;border-bottom:1px solid #ccc;color:#015293;font-size:16px;font-weight:300;text-align: center;display:block;white-space:nowrap;}
.right_nav li .hideBox .hb p{margin-top:5px;font-size:18px;font-weight:300;text-align: center;}
.right_nav li .hideBox .hb .qqtalk{margin-top:10px;}
.right_nav li .hideBox .hb .qqtalk a{display:flex;align-items:center}
.right_nav li .hideBox .hb .qqtalk img{width:25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size:14px;font-weight:400;white-space:nowrap;margin-top:-5px;margin-left:5px;}
.right_nav li:nth-child(5) .hideBox img{width:100%;height:auto;margin-top:0px;}