@charset "gb2312";
/* CSS Document */
*{-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:0}body,ul,ol,p,h1,h2,h3,h4,h5,h6,form,thead,tbody,dl,dd{margin:0}ul,ol{padding:0}body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;}input,textarea{-webkit-user-select:text}section,nav,article,aside,hgroup,header,footer{display:block}input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}img,fieldset{border:0}ul,ol{list-style:none}i,em,address{font-style:normal}a{color:inherit;text-decoration:none}hr{display:none}legend{display:none}
/*----------------------------------------------------------总体设置----------------------------------------------------------*/
input,textarea{-webkit-appearance: none;}
html{ margin:0 auto; padding:0; background:#eee; max-width:500px; width:100%; padding:0;}
body {margin:0 auto; padding:0; font-size:15px !important; line-height:2;color:#555; font-family:"Microsoft Yahei","Arial";max-width:500px;}
div,form,img,ul,li,dl,dt,dd,h1,h2,h3,p {margin:0; padding:0; border:0;}
a:link,a:visited,a:active{color: #555;text-decoration:none;}
a:hover {color: #f00; text-decoration: none;}
a,input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签虚线*/
img{ margin:0; padding:0; border:0;;max-width: 100%; display:block;}
ul,li{ list-style-type:none; margin:0; padding:0;}
.clear{ clear:both;}
.floatL{ float:left;}
.floatR{ float:right;}
.html{margin:2% 1.5% 0 1.5%; border-radius:0; background:#fff; padding:3%;}
.border{margin:2% 1.5% 0 1.5%; border-radius:0; background:#fff; padding:3%;}

@font-face {
  font-family: 'iconfont';  /* project id 591377 */
  src: url('//at.alicdn.com/t/font_591377_maxi28ke9laqbyb9.eot');
  src: url('//at.alicdn.com/t/font_591377_maxi28ke9laqbyb9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_591377_maxi28ke9laqbyb9.woff') format('woff'),
  url('//at.alicdn.com/t/font_591377_maxi28ke9laqbyb9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_591377_maxi28ke9laqbyb9.svg#iconfont') format('svg');
}
.iconfont {
          font-family:"iconfont" !important;
          font-size:1.6rem;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.01rem;
          -moz-osx-font-smoothing: grayscale;
        }

/*----------------------------------------------------------总体设置结束------------------------------------------------------*/
/*----------------------------------------------------------头部设置----------------------------------------------------------*/
/*----------------------------------------------------------头部设置----------------------------------------------------------*/
 /*头部整体布局样式*/
.m-logo{ border-top:4px solid #ab8506;}
.j-slide-not .m-box{ position:relative; display:inline-block; width:99%; margin:0 auto;}
.g-hd{}
.m-tel{ padding:45px 0 0 10px; color:#ff9814; line-height:15px;}

/*通栏广告*/
.g-adv{ position:relative; margin:0 auto 0 auto;  z-index:15; overflow:hidden; }
.g-adv .m-cnt{ width:100%; position:absolute; display:none; bottom:0; left:0; z-index:10; height:0px;}
.g-adv .m-cnt li{ float:left; height:0px;}

/*导航样式*/
.g-nav { margin:0 auto 0 auto; background-color:#009a44; 
background-image: -webkit-linear-gradient(top, #009a44, #01853b);
background-image: -moz-linear-gradient(top, #009a44, #01853b);
background-image: -o-linear-gradient(top, #009a44, #01853b);
background-image: -ms-linear-gradient(top, #009a44, #01853b);
background-image: linear-gradient(top, #009a44, #01853b);
height:70px; }
.g-nav li {border-top:1px solid #009a44;border-left: 1px solid #009a44; border-bottom: 1px solid #01853b;border-right: 1px solid #01853b;float: left;height: 33px;line-height: 33px;text-align: center;width:24.5%;}
.g-nav li:first-child { border-left: 0 none;}
.g-nav li:nth-child(5n) { border-left: medium none;}
.g-nav li:nth-child(4n) { border-right: medium none;}
.g-nav li:nth-child(5n), .g-nav li:nth-child(6n), .g-nav li:nth-child(7n), .g-nav li:nth-child(8n) { border-bottom: medium none;}
.g-nav li a {color: #fff;}
/*导航样式*/
/*栏目*/
.indextitle{ height:39px; line-height:39px; font-size:18px;border-bottom:1px solid #ddd; }
.indextitle .more{ float:right; font-size:12px; text-transform:capitalize; padding-top:17px  }

.indextitles{ height:39px; line-height:39px; font-size:18px; border-bottom:1px solid #ddd;}
.indextitles .more{ float:right; font-size:12px; padding-top:15px;  text-transform:capitalize; }
/*栏目*/
/*公司简介*/
.aboutt{ padding:3% 0; line-height:1.9;}
.aboutt img{  margin-bottom:8px; }
.aboutts{ overflow:hidden; margin:0 auto; }
.aboutts li{ float:left; width:30%;}
.aboutts li:first-child { margin-right:5%;}
.aboutts li:last-child{ float:right;}

.searver{ margin:0; padding:12px 0;  }
.searver li{ text-align:center; width:33.33%; float:left; padding-bottom:16px; }
.searver li img{ width:80px; margin:0 auto;  border:1px solid #eee; border-radius:3px;}
.searver li p{ text-align:center; font-weight:bold;}

/*首页图片列表*/
/*首页图片列表*/
.product{ margin:0; padding:0% 0;  }
.product ul{ padding:0;}
.product ul li{ margin:0 0 0% 0;  padding:3% 0;overflow:hidden; line-height:2; width:47%; float:left;}
.product ul li:nth-child(2n){ float:right !important;}
.product ul li .piccc{  margin:0 auto; padding:0; border:1px solid #ddd; }
.product ul li .piccc img{ width:100%; display:block;}
.product ul li strong{ display:block !important; overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; padding-top:3%;}
.product ul li p{display:block;word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

.showname{overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap;}
/*首页图片列表*/
.products{ margin:0; padding:0% 0;  }
.products ul{ padding:0;}
.products ul li{ margin:0 0 0% 0;  padding:3% 0; border-bottom:1px solid #eee; overflow:hidden; line-height:2;}
.products ul li .piccc{  margin:0 auto; padding:0;  }
.products ul li .piccc img{ width:100%; display:block; margin-bottom:3%;}
.products ul li strong{ display:block; height:22px; line-height:1; margin:0 auto; text-align:center;word-break:break-all;display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;}
.products ul li p{display:none;word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

/*首页图片列表*/

.swiper-slide{ text-align:center; }
.swiper-slide img{ display:block; margin:0 auto;}

/*首页新闻列表*/
.newss{ padding:3% 0; }
.newss ul{ margin:0; }
.newss ul li{ padding:6px 0; }

.newss ul li strong{overflow: hidden; display:block; color:#000; font-weight:normal;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis;white-space:nowrap; line-height:1; margin-bottom:6px;}
.newss ul li img{ width:110px; float:left;   margin-right:6px;}
.newss ul li p{display:block;word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.newss ul li span{font-size:12px; line-height:1.8; background:#f8f8f8;  word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;padding:5px 10px;color:#888;}
/*首页新闻列表*/

.content{ padding:0;}
.content img{ float:none !important; width:auto !important; height:auto !important; max-width:100%;}
.content .ueditor_baidumap{ margin:0 !important; padding:0 !important; max-width:500px; width:100% !important;}

/*留言*/
.feedfrom{ padding:3% 0;}
.feedfrom  input[type='text']{ margin:0; padding:0; border:1px solid #ddd; width:70%; padding:8px;}
.feedfrom  textarea{ border:1px solid #ddd; width:98%; margin:0; padding:0;}


/*留言*/

/*----------------------------------------------------------头部设置结束------------------------------------------------------*/


.classlist{ padding:0px 0;}
.classlist li{display: block;

	border-bottom:1px solid #dddddd;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-decoration: none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	position: relative;
	/*padding:10px 8px;*/overflow:hidden;
	
	}

.classlist li:last-child{ border-bottom:0;}
.classlist li a{
	padding:10px 40px 9px 8px; display: block;
}
.classlist li.only2 a{
	padding:10px 40px 9px 15px;display: block;
}
.classlist li:hover {

	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}
.classlist li:active {
	background-color:#eee;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}

.classlist li h2 {
	font-size: 16px;

	font-weight:normal;
	height:20px;font-weight:normal;line-height:16px;padding:0;
max-width:100%;text-overflow:ellipsis;white-space:nowrap !important;white-space:normal;overflow:hidden;
}
.classlist li.only2 h2 {
	padding:6px 0 8px;
}
.classlist li .icon {
	margin-top: -6px;
	position: absolute;
	top: 50%;
	right: 10px;
	height: 14px;
	width: 14px;
	background:url(images/jiantou.png) no-repeat 0 0 ;
	background-size: 14px 14px;
}


.classlist li.bordernone{ border:0;}
.classlist li a{ display:block;}


.info{ padding:3% 0; }
.info iframe{ width:100% !important; display:none !important;}
.info TABLE { width:100% !important; margin-bottom:2%;}
.info table tr{width:100% !important;}
.info table td{ width:0 !important; padding:5px;}
.info table td div{ width:auto !important;}

.feedback TABLE{ width:100% !important; margin-bottom:2%;}
.feedback table td{ width:auto !important;  padding:5px; line-height:1.5; font-size:13px;}
.feedback input[type='text']{ width:100%; border:0; padding:0; margin:0; height:35px;}
.feedback textarea{ width:100%; border:0; padding:0; margin:0;}
.feedback .booktext4{ width:50% !important; float:left;}
.feedback .bookbutt{ width:80%; border-radius:5px; background:#F60; color:#fff; margin:0; padding:0; border:0; height:35px; line-height:35px;}

.jiaruup{ width:28%; float:left; margin-right:3%; padding:1%;}
.jiaruup img{ width:100%;}


.prvepage{ width:30% !important; margin-left:5%;text-align:center; float:left; padding:0 3%; height:30px; line-height:30px; border-radius:10px; background:#F60; color:#fff;}
.prvepage a{ color:#fff;}
.nextpage{ width:30% !important; margin-right:5%; text-align:center; float:right; padding:0 3%; height:30px; line-height:30px; border-radius:10px; background:#F60; color:#fff;}
.nextpage a{ color:#fff;}

/*-----------------新闻列表------------------------------------------*/


.articlist{ margin:0 auto;}
.articlist ul{ margin:0; padding:0%; }
.articlist ul li{ padding:6px 0 12px 0; line-height:2;}
.articlist ul li strong{overflow: hidden; display:block; 
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap; line-height:1; margin-bottom:5px;
}
.articlist ul li img{ width:110px; margin-right:6px; float:left;}
.articlist ul li p{
font-size:12px; line-height:1.6; background:#f8f8f8;  word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;padding:6px 10px;color:#888;}
.articlist ul li dl{
font-size:13px; background:#f8f8f8;  word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;padding:6px 10px;color:#888;}
  
.artictitle{ text-align:center; font-size:15px; ; border-bottom:1px dotted #ccc;}
.artictitle_1{ text-align:center; color:#ccc;}

/*----------------------------------------------------------新闻列表----------------------------------------------------------*/


.footer_h{ height:52px; display:block; }
.footmenu a{ color:#fff;}
.footmenu{color:#fff; background:#009041; position:fixed; bottom:0; left:0; width:100%; z-index:10000; display:block; }
.footmenu ul{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:center;}
.footmenu ul li{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;font-size:12px;  padding-top:6px;}
.footmenu ul li i{ display:block; width:20px; height:20px; line-height:20px; font-size:20px;  margin:0 auto;}

/*--------------------------------------------------------------foot----------------------------------------------------------*/
.footer{text-align:center; margin:10px 0 0 0; line-height:25px; background:#009a44; }

.footer1{ height:35px;  line-height:22px; text-align:center;}
.footer1 span{ width:16px; height:16px;display:block; position:absolute; left:49%; margin-top:-25px; margin-left:-35px; }

.m-bmu{ padding:14px 0 70px 0;text-align:center; color:#fff; position:relative;;}
.m-bmu a{padding:0 5px; color:#fff;}
.m-bmu p{ line-height:24px; padding:10px 10px 0 10px;}


/*底部浮动栏样式*/
.social_nav4{height:55px; width:320px; position:fixed; bottom:0; left:0; z-index:999; overflow:hidden;}
/*底部浮动社交导航/电话*/
.social_nav4 .social4{display:block; width:288px; height:55px;  margin-right:18px;overflow:hidden;position:relative;}
.social_nav4 a{ height:55px; line-height:85px; font-size:13px; width:65px; display:inline-block; font-size:12px; position:relative; z-index:11; text-align:center; color:#fff;}
.social_nav4 a.tel{ width:65px; text-indent:15px;}
.social_nav4 span{display:block;width:35px;height:25px;position:absolute;top:0;z-index:10;}
.social4{ background-color:#2a2a31;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#32323a), to(#23232b)); 
	background-image: -webkit-linear-gradient(top, #32323a, #23232b); 
	background-image: -moz-linear-gradient(top, #32323a, #23232b); 
	background-image: -o-linear-gradient(top, #32323a, #23232b); 
	background-image: -ms-linear-gradient(top, #32323a, #23232b); 
	background-image: linear-gradient(top, #32323a, #23232b);}
.social4:before{ content:''; height:1px; width:100%; background:#000; border-bottom:1px solid #4b4c57; position:absolute; top:0; left:0;}
.social4:after{ content:''; height:1px; width:100%; background:#000; border-top:1px solid #4b4c57; position:absolute; bottom:0; left:0;}
.social4 b{width:1px; height:100%; background:#000; border-left:1px solid #4b4c57; position:absolute; top:0; right:0;}
/*底部社交-电话-动画*/
.social_nav4 span.tel{
	left:30px;
	top:5px;
	height:30px;
	background-position:3px -49px;
	animation-name: telshow;
	animation-duration: 1.0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: telshow;
	-webkit-animation-duration: 1.0s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: telshow;
	-o-animation-duration: 1.0s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
}
@keyframes telshow {
	0% {transform: rotate(0deg)}
	5% {transform: rotate(-13deg)}
	10% {transform: rotate(0deg)}
	15% {transform: rotate(-13deg)}
	20% {transform: rotate(0deg)}
	25% {transform: rotate(-13deg)}
	100% {transform: roate(0deg)}
}
@-webkit-keyframes telshow {
	0% {-webkit-transform: rotate(0deg)}
	5% {-webkit-transform: rotate(-13deg)}
	10% {-webkit-transform: rotate(0deg)}
	15% {-webkit-transform: rotate(-13deg)}
	20% {-webkit-transform: rotate(0deg)}
	25% {-webkit-transform: rotate(-13deg)}
	100% {-webkit-transform: roate(0deg)}
}
@-o-keyframes telshow {
	0% {-o-transform: rotate(0deg)}
	5% {-o-transform: rotate(-13deg)}
	10% {-o-transform: rotate(0deg)}
	15% {-o-transform: rotate(-13deg)}
	20% {-o-transform: rotate(0deg)}
	25% {-o-transform: rotate(-13deg)}
	100% {-o-transform: roate(0deg)}
}
/*底部社交-微信-动画*/
.social_nav4 span.weichat{
	left:86px; top:7px; background-position:6px -150px; background-repeat:no-repeat;

}
@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-o-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
/*底部社交-微博-动画*/
.social_nav4 span.weibo{left:157px; top:7px;background-position:1px -540px; background-repeat:no-repeat;height:26px;}


@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@-o-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
.social_nav4 span.home{background-position:0px -200px; background-repeat:no-repeat;left:224px; height:24px; width:26px; top:8px;}
.social_nav4 .btn{ display:block; width:34px; height:55px; position:absolute; right:0; background-position:0 -786px;}
.social_nav4 .btn2{ display:block; width:34px; height:55px; position:absolute; right:0;  background-position:0 -249px;display:none;}

/*定位图片样式*/
.header .tel_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav4 .btn, .social_nav4 .btn2, .social4 span, .brand_advance .yscontent .telbg {
    background-image: url(images/SkinsBar4.png);
	background-repeat:no-repeat;
    background-size: 32px 889px;}
.m-bmu .loaded{display:none;}
.m-bmu .code .loaded{display:block;}
/*