html,body { font-size: 12px; color: #4c4c4c; line-height: 24px;  font-family: "微软雅黑", Arial, Helvetica, sans-serif; margin: 0; padding: 0; background:#f1f1f1; }
.clear{ clear: both;}
.lm { FONT-SIZE: 12px; COLOR: #4c4c4c; LINE-HEIGHT: 22px; letter-spacing: 1px;}
form{ margin:0px; padding:0px;}
a:link{text-decoration:none;color:#4c4c4c; font-size:14px;}
a:visited{text-decoration:none;color:#4c4c4c;}
a:hover{color:#005aab; text-decoration:none; }
a:active{text-decoration:none;color:#4c4c4c;}
strong{ color:#005aab;}
.title{ float:left; font-weight:bold; color:#e83829; font-size:12px; }
ul,li{list-style:none; margin:0; padding:0;}


.yuyan{ height:25px; width:100%;display:block;  overflow: hidden;}
.lan{ float:right; display:block;  overflow: hidden; width:225px;}
.lan a{display:inline;}
.cnimg{ background:url(../images/cn.jpg) no-repeat left center; padding-left:45px;}
.enimg{ background:url(../images/en.jpg) no-repeat left center;padding-left:45px;}

/*··········轮播·············*/
.banner{width:100%;height:auto;position: relative;overflow: hidden; margin:0 auto;z-index: 2;}
.banner ol{ position:absolute; z-index:1;right: 50%;bottom: 0px;transform: translateX(50px);}
.banner ol li{float: left;width: 60px;height: 5px;border: 1px solid #ccc; color:#fff;text-align: center;line-height: 5px;margin-left: 20px;font-weight: bold; cursor: pointer;background:#CCCCCC;}
.banner .cur{width: 60px;height: 5px;color:#333;line-height: 5px;margin-top:0;background: #333;border: 1px solid #333;}
.banner .all2{width: 300%;height: auto;position:relative; z-index:0;}
.banner .all2 li{width: 33.33%;height:auto;float: left;box-shadow:rgba(0,0,0,0.1) 0px 0px 14px 0px;}


.js-silder{
	position: relative;	
	min-width: 320px;
}
.silder-scroll{
	width: 100%;
	overflow: hidden;
}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.silder-main-img img{
	width: 100%;
}
.js-silder-ctrl{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom:5px;
}

.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "宋体";
	font-size: 52px;
	font-weight: 600;

}
.silder-ctrl-prev{
	left: 0;
	text-align: left;
}
.silder-ctrl-next{
	right: 0;
	text-align: right;
}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -180px;
}
.silder-ctrl-prev>span{
	left: 0;
}
.silder-ctrl-next>span{
	right: 0;
}

.silder-ctrl-con{
	display: inline-block;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;

}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 2px 0;
	cursor: pointer;
	background-color: #ccc;
}
.silder-ctrl-con.active>span{
	background-color: #000;
}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;
	}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;
	}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;
	}
}

/*··········轮播结束·············*/

.banner2{width:100%;height:auto;position: relative;overflow: hidden;margin: 0 auto;}


.cen{ max-width:1200px; margin:0px auto; overflow: hidden;}


/*产品展示*/

.pro1{ overflow: hidden; margin-bottom:30px;}
.pro1 ul li{float:left; width:20%;}
.box2{overflow: hidden; padding:10px;}
.box2 img{display:block;  width:100%; height:auto;}
.box2 a{color:#333; text-decoration:none;border:0px solid #FFF; float:left; cursor:hand; display: block;} 
.box2 a span{display:none; color:#F00;} 
.box2 a span h1{font-size:14px; text-align:left; line-height: 24px;padding-left:10px;display:block; font-weight:lighter;color:#fff; width:100%; display:inline-table;background: rgba(0,0,0,0.6); position: absolute; top:-20px; width:220px; height:205px; }
.box2 a span h1 em{ display:block; font-style:normal;color:#fff; width:100%; }
.box2 a:hover{color:#fff;} 
.box2 a:hover span{display:inline; position:absolute;} 



.owl-carousel .item img{ width:200px; height:186px;}



.pronav{ overflow: hidden; position:relative; line-height: 45px; margin-bottom:30px; margin-top:10px;}
.pronav li{ float:left; border-left:#fff 1px solid; text-align: center; width:20%; height:45px; background:#ddd; }
.pronav li:first-child{ border-left:#fff 0px solid;}
.pronav li a{ display:block;}
.pronav li a:hover{ color:#fff; display: block;}
.pronav li:hover{ background:#e6212a;}


/* scrollpic */
.scrollpic{max-width:1200px;min-height:300px;margin:20px auto;}
#myscroll{display:block; width:100%; position:relative; height:300px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0;}
#myscroll ul li a{display:block; float:left; width:304px; padding:0 10px; position:relative; height:250px; color:#333;}
#myscroll a .intro{z-index:10; background-color:#fff; padding:0 10px;height:40px; width:270px; display: block; text-align: center;}
#myscroll a .intro h5{padding:0; margin:0; font-size:14px; font-weight:bold;  line-height:40px; }
#myscroll ul li img{ width:270px; height:250px; background:#fff;}




#mybtns{margin:10px; width:100%; display:block; height:42px;}
#mybtns a{width:42px; height:42px; display:block; float:left; margin-right:1px; background-color: #c1c1c1;}
#mybtns a:hover{background-color: #d7000f;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/btn_left.png);}
#mybtns #right{background-image:url(../images/btn_right.png);}








/**新闻*/
.alltit{ text-align:center; margin-bottom:30px;}
.alltit span{ display:block;}
.more{ display:block; text-align: center; border:1px #ccc solid; height:30px; overflow: hidden; width:100px; margin:10px auto 50px; line-height: 30px;}
.more:hover{ background:#fff; border:1px #fff solid;}
.more a:hover{ text-decoration:none;}

.newsbox{ overflow:hidden; margin:50px auto;max-width: 1200px;}
.newsbox ul{}
.newsbox li{ float:left;  width:33.3%; }
.n-con{padding:30px 30px 10px 30px; border:1px #eee solid; margin:15px;  box-shadow:5px 5px 10px #eee; display: block; background:#fff;}
.newsbox li .npic{float:left;}
.newsbox li .npic img{ display: block;margin: 0 auto;vertical-align: top;width:100%}
.newsbox li .nt{ color:#000;  overflow: hidden; height:35px;text-overflow: ellipsis;display: block;white-space: nowrap;}
.newsbox li .ntxt{ width:100%; height:50px; overflow: hidden; color:#000; font-size:12px; line-height: 24px;}
.newsbox li a{ display:block; text-decoration: none;}
.newsbox .n-con:hover{ color:#005aab;border:1px #ddd solid;}


/*图标*/

.tb{overflow: hidden; max-width: 1200px; margin:0 auto; padding-top:30px; padding-bottom:20px;}
.tb li{ float:left; width:20%; text-align: center; margin-top:10px; margin-bottom:10px; height:auto;}
.tb li a img{ border-radius: 10px; width:100px;  }
.tb li span{ display:block;}
.tb li img:hover{box-shadow: 0px 0px 15px #ccc;}
.weixin{position:absolute; width:12%;}
.weixin a{ }
.weixin .weixin_nr{width:100%; height:120px; padding:10px;  text-align:center; position:absolute; left:0;bottom:140px; display:none;}
.weixin .weixin_nr img{ margin-bottom:5px; border-radius: 0;box-shadow: 0px;background:#fff; padding:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; position:absolute;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(images/wx.jpg) no-repeat left bottom;}
.weixin .weixin_nr img:hover{ box-shadow:none;}



.tby{ position:fixed; right:10px; bottom:100px; width:80px; z-index:999;}
.tqq,.twx,.tjd,.ttm,.tal,.tdb{ background:#fff; margin-top:1px; width:80px; height:85px; text-align: center;}
.tqq img{ height:55px; display:block; line-height: 26px; padding:5px auto;}
.tdb img{ width:45px; display:block; line-height: 26px; padding:15px auto 0;margin:1px auto;}
.tqq:hover,.twx:hover,.tjd:hover,.ttm:hover,.tal:hover,.tdb:hover{ background:#fff; }



/*底部*/
.footer{width:100%;background: #333333;margin: 0 auto;padding:0 15px;}
.footer-con{max-width: 1200px;margin: 0 auto;}
.footer-top{width:100%;padding: 40px 0;}

.f1{width:19.6%;margin: 0;padding: 0;vertical-align:top; display: inline-block;}
.f1 h2{font-family: '微软雅黑';font-size: 14px;color:#fff;margin: 0 0 10px 0;line-height: 24px;}
.f1 li{font-family: '微软雅黑';font-size: 12px;line-height: 24px;padding-left: 33%;}
.f1 li a{color:#999;text-decoration: none;}
.f1 li a:hover{color:#999;}
.f1 h2 em{float:right;display: none;font-family: '微软雅黑';font-size: 30px;color: #ccc;text-align: center; background-size: 13px 13px;width: 35px;height: 24px;}
.ta2{list-style: none;margin: 0 ;padding: 0;}

.f2{float:right;width:23%;margin: 0;padding: 0;}
.f2 h2{font-family: '微软雅黑';font-size: 14px;color:#fff;margin: 0 0 10px 0;line-height: 24px;}
.f2 li{font-family: '微软雅黑';font-size: 12px;line-height: 26px;color:#999;position: relative; }
.f2 li span{padding-right:10px;}
.f2 li span em img{width:26px;margin: 0 auto;vertical-align: top;}
.f2 li span a{color:#999;text-decoration: none;}
.f2 li span a:hover{color:#999;}


.footer2{width:100%;background: #262626;margin: 0 auto;padding: 0 15px;}
.footer2-con{max-width: 1200px;margin: 0 auto;padding: 15px 0;}
.footer2-con p{font-family: '微软雅黑';font-size: 12px;color:#999;line-height: 24px;text-align: center;margin: 0;}
.footer2-con p em{padding: 0 10px;}

.footer2-con h4{ font-size:15px; line-height: 30px; padding:0; margin:0; color:#fff;}
.footer2-con span{ display:block; color:#ccc; padding-right:10px;}
.footer2-con span:nth-of-type(2),.crcon span:nth-of-type(3){ display:inline-block;}
.footer2-con span a{ color:#ccc; display:inline-block; font-size:12px;}
.footer2-con span a:hover{ color:#ccc; text-decoration: none;}