/* CSS Document */
/* 颜色 */
.green,a.green:hover {color:#006600;}
.lightgreen{color:#2ECC71;}
.deepgreen{color:#27AE60;}
.seagreen{color:#16A085;}
.turquoise{color:#1ABC9C;}
.red,a.red:hover{ color:#F00;}
.blue,a.blue:hover{ color:#09F;}
.yellow,a.yellow:hover{ color:#FF0;}
.orange,a.orange:hover{ color:#F60;}
.lightorange{ color:#F39C12;}
.silver{color:#BDC3C7;}
.clouds{color:#ECF0F1;}
.concrete{color:#95A5A6;}
.asbestos{color:#7F8C8D;}
.asphalt{ color:#34495E;}
.night{color:#2C3E50;}
.sun{color:#F1C40F;}
.carrot{color:#E67E22;}
.pumpkin{color:#D35400;}
.alizarin{ color:#E74C3C;}
.pomegranate{ color:#C0392B;}
.river{color:#3498DB;}
.belize{color:#2980B9;}
.lightpurple{ color:#9B59B6;}
.deeppurple{ color:#8E44AD;}
.white{ color:#FFF;}
.f36{ font-size:36px; margin-top:0; padding-top:0;}
/*边距*/
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}

.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb50{padding-bottom:50px}

.ct{ text-align:center;}
a{ text-decoration:none; color:#333;}
a.qa{ color:#FC0;}
.position{ color:#999; text-align:left; line-height:60px; border-bottom:1px dashed #ccc;}
.position a{color:#999;}
.pagebox{text-align:center; background-color: #666;}
.box{ margin:10px auto; padding:10px; }
.box img{ display:block; max-width:100%;}
.box_1{margin:10px auto; padding:5px; background-color:#FFF; color:#000;}
.lineheight{ line-height:2em;}
.yellow15{ color:#FF0; font-size:16px;}
.border{ border:1px solid #eaeaea;}
.borderbottom{ border-bottom:1px dashed #fff;}
ul{padding:0; margin:0;}
li{list-style:none;}
body{ font-family:"微软雅黑", "宋体", "新宋体"; font-size: 14px;}
.bottom_border{ border-bottom:1px solid #eaeaea; padding-bottom:15px;}
.article_link{padding:10px; background-color:#f5f5f5; line-height:2em;}
.inline_li li{ float:left; margin-right:5px;}
.line_2em{ line-height:2em;}
.b_l{border-left:1px solid #e5e5e5; padding:40px 10px 10px 10px;}
.newstitle{ font-size:15px; color:#333;}


#topline{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #f5f5f5; text-align:right; background-color:#fafafa}

#top{ height:75px; line-height:75px;}
.header{ background-color:#464646; height:120px; width:100%;}
#slogon{ font-size:18px; text-align: left; line-height: 75px;}
#navicon{ margin-top:10px; width:40px; height:40px; line-height:40px; background-color:#2C5C8C; float:right; margin-top:10px;}

#nav{background-color: #0064b6;}
.navmenu{ line-height:40px; height:40px; padding:0; margin:0; }
.navmenu li.mainMenuLi{ float:left; display:inline; width:11%; text-align:center; position:relative; z-index:999;}
.navmenu li.mainMenuLi  ul { display:none; position:absolute; left:0; top:39px; width:100%; z-index:999; opacity:0.8; } 
.navmenu li.mainMenuLi  ul li {margin-top:-1px;  width:100%; height:40px; line-height:40px; background-color:#01448A;} 
.navmenu a{ color:#fff; text-decoration:none; font-size:15px;}
.navmenu a:hover{ background-color:#2C5C8C; display:block; width:100%; color:#fff;}
.navmenu li.mainMenuLi  ul li a{ color:#FFF; font-size:14px;}
.navmenu li.mainMenuLi  ul li a:hover{ background-color: #F00; color:#000;}

.about{ width:100%; height:auto; padding-bottom:10px; margin-top:10px;}

.about .col-md-3 p{ text-align:center;  height:30px; line-height:30px; color:#FFF; background-color:#333;}
.about .col-md-3 { position:relative;}
.about .col-md-3 a:hover{ text-decoration:none;}
.about .col-md-3 a:hover p{ background-color:#F90; text-decoration:none;}
.about .col-md-3  .search{ position:absolute; height:60px; width:60px; margin:-120px 0px 0px -30px; top: 50%; left: 50%;  z-index:1; opacity:0;}
.title{ text-align:center; color:#000; margin-top:50px; font-size:18px;}
.subtitle{ text-align:center; font-family: Arial, Helvetica, sans-serif; color: #999;  font-size:14px;}
.about_content{ margin:10px auto; line-height:2em; margin-bottom:20px;}

.products{  width:100%; height:400px}
.products h3.title{ color:#333; padding-top:50px;}
.products .subtitle,.products a p{ color:#333;}
.proname{ height:60px; line-height:60px; text-align:center; color:#000; background-color:#f4f4f4; font-size:15px;}


.working{ background-color:#eaeaea; width:100%; }
.working h3.title{ color:#000; padding-top:30px;}
.working p{ text-align:center; line-height:40px; height:40px}
.working .col-md-3 a .search{ position:absolute; height:60px; width:60px; margin:-120px 0px 0px -30px; top: 50%; left: 50%;  z-index:1; opacity:0;}
.working a{ color:#333;}

.adv{width:100%; height:400px; background:url(../images/footer_bg_odqs.jpg) no-repeat 0 0;}
.adv h3.title{ color:#000; padding-top:50px;}
.adv p{ text-align:center; line-height:40px; height:40px}
.adv .col-md-3{ text-align:center;}


.case{ width:100%; padding:50px 0; background-color:#f4f4f4;}
.case .title{ margin-top:0;}
.case .col-md-3 a .search{ position:absolute; height:60px; width:60px; margin:-120px 0px 0px -30px; top: 50%; left: 50%;  z-index:1; opacity:0;}
.casename{ height:60px; line-height:60px; text-align:center; color:#000; background-color:#fff; font-size:15px;}

.contact{background:url(../images/contact_bg.jpg) repeat-x 0 0; width:100%;}
.contact .title{ color:#fff; margin:0; padding-top:30px;}
.contact .subtitle{ color:#FFF;}
.contact_content{ width:80%; margin:0 auto; background:url(../images/bgc.jpg) repeat 0 0;  text-align:center; padding:30px; font-size:15px;}
.plist p{text-align:center; height:35px; line-height:35px;}


.piclist p{ text-align:center; padding-bottom:10px;}
.piclist a{ color:#FFF;}
.piclist a:hover{ color:#09F;}

.picmenu p{ width:100%; height:40px; line-height:40px; background-color:#FFF; text-align:center;}
.picmenu a{ font-size:18px; color:#930;}

.news{ width:100%; padding-bottom:30px;}
.newslist{ margin-bottom:5px; }
.newslist a{color:#333; text-decoration:none; width:90%; display:block;}
.newslist a:hover{ color: #036}
.newslist p{ font-size:10px; color: #999; text-align:left; margin-top:10px; width:90%; border-top:1px solid #333; padding-top:10px;}

.newlist{ width:100%; margin:10px auto;}
.newlist li{ height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.newlist li a{ color:#333;}
.newlist li em{ color:#ccc; font-size:12px;}

.alist li{ margin-bottom:5px; height:35px; line-height:35px; border-bottom:1px dashed #ccc;}
.alist li a{ color:#FFF;}
.alist li em{ color:#ccc;}

.friend_link-box{
	 margin: 30px auto;

}

.friend_link-box li{padding: 5px 0;}
.friend_link-box li a{color: #333;}

.footbox{ background-color:#333;}
#footmenu{ width:90%; margin:20px auto;}
#footmenu>li{ display: inline; float:left; width:20%; text-align:center;}
#footmenu li a{ color:#FFF;}
#footmenu li ul{ margin-top:10px;}
#footmenu li ul a{ font-size:12px;}


.footer{width:100%; height:60px; line-height:60px; text-align:center; color: #fff; font-size:12px; border-top:1px solid #36C;}
.maintitle{border-bottom:1px solid #000; height:40px; line-height:40px;}
.maintitle h2{text-align:left;  font-size:16px; height:40px; line-height:40px; margin:0;}
.maintitle p{}

.leftmenu{ padding:20px 0;}
.leftmenu li{ margin-bottom:5px; text-align:center;  }
.leftmenu>li>a{ display:block; text-align:left; font-size:15px; color:#000; text-indent:15px; background-color:#eaeaea; padding:10px 0;}
.lefttitle{text-align:left;  font-size:16px; height:40px; line-height:40px; margin:0; border-bottom:1px solid #000;}
.leftmenu li ul{ display:none;}
.leftmenu li ul li{ border:1px dashed #ccc;}
.leftmenu li ul a{ background-color:fff; display:block; text-align:left; text-indent:15px; font-size:15px; height:30px; line-height:30px;}

.articletitle{ text-align:center; color:#FFF; border-bottom:1px dashed #ccc; padding-bottom:20px; margin:0 auto;}
.articlesubtitle{ text-align:center; color:#ccc; height:40px; line-height:40px;}

.probox{ width:100%; margin-top:10px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.probox .imgbox{ width:25%;}
.probox .desbox{ width:70%;}

.panel-body img{ width:100%;}

.dede_pages{ margin:o auto;}
.dede_pages ul{
	float:right;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	padding:2px 4px 2px;
	border:1px solid #E9E9E9;
	background-color:#F8F8F8;
}
.dede_pages ul li a{
	float:left;
	
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;

}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:18px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#ccc;
	font-weight:normal;
	margin:0px 2px;
}
.dede_pages select{ border:0; padding:0; margin:0; height:16px;}
#banner{}

#slide_wrap {margin:10px auto;}
#slide_content { width:100%; position:relative; margin:10px auto;  overflow: hidden; height:280px;}
#slide_content .box{overflow:hidden;position:relative;width:90%;height:260px;margin:0 auto;}
#slide_content .list{overflow:hidden;width:9999px;}


#slide_content ul li { float:left; display:inline; width:258px; margin-bottom:2px;}
#slide_content ul li a img { width:248px;  background-color:#FFFFFF; height:220px; margin-bottom:2px; }
#slide_content ul li a{color:#333333; text-align:center; display:block; text-decoration:none;}
#slide_content ul li a:hover{color:#FF3300;}
#slide_content ul li a:hover img{ background-color:#FF9900;}
#slide_content ul li a h3 { font-size:16px;  height:20px; color:#333;}
#slide_content p{text-align:center;  height:30px; line-height:30px; color:#fff; }

#slide_content .prev,
#slide_content .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(../images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
#slide_content .prev{left:5px;background-position:0 0;}
#slide_content .next{right:5px;background-position:-40px 0;}
#slide_content .prev:hover{background-position:0 -50px;}
#slide_content .next:hover{background-position:-40px -50px;}

.scroll_horizontal{position:relative;width:100%;height:120px;padding:10px;margin:0 auto;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:92%;height:120px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:270px;}
.scroll_horizontal .list li a{ width:95%;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(../images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.scroll_horizontal .prev{left:5px;background-position:0 0;}
.scroll_horizontal .next{right:5px;background-position:-40px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-40px -50px;}
.search{ display:none;}

#menubox { position:fixed; top:0; left:-260px; width:260px; z-index:999; background-color:#333333}
#menubox ul{ margin:40px 0;}
#menubox ul li{ width:100%; text-align:left;}
#menubox ul li a{ width:100%; display:block; height:60px; line-height:60px; color:#ccc; text-indent:20px; font-size:14px; border-bottom:1px solid #666;}

.hiSlider{
	overflow: hidden;
	width: 100%;
	background: #eee;
}
.hiSlider-item{
	float: left;
}

/**
 * 滑动导航
 * ------------------------------ */
.nav_left{width:100%;}
.nav_left a:focus{outline:none;}
.nav_left li{padding:0 0 2px 0;font:bold 15px/24px "\5FAE\8F6F\96C5\9ED1";text-indent:10px; }
.nav_left li a:link,
.nav_left li a:visited{display:block;width:100%;height:30px; line-height:30px;border:1px solid #ccc;background:#fff;color:#347ebf;text-decoration:none;}
.nav_left li.selected a,
.nav_left li a:hover{background:#eee;color:#d00;}

.nav_left ul{display:none;}
.nav_left ul li{padding:0;font:14px/24px Arial,"\5b8b\4f53";}
.nav_left ul li a:link,
.nav_left ul li a:visited{height:26px; line-height:26px; border:none;border-bottom:1px solid #ddd;border-radius:0;background:none;color:#555;}
.nav_left ul li a:hover{background:#eee;}
.nav_left ul li.selected > a{background:#eee;font-weight:bold;}

.layui-box,.layui-box *{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing:content-box!important}
.layui-laypage button,.layui-laypage input,.layui-nav{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important}
.layui-laypage{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin:10px 0;font-size:0}.layui-laypage>:first-child,.layui-laypage>:first-child em{border-radius:2px 0 0 2px}.layui-laypage>:last-child,.layui-laypage>:last-child em{border-radius:0 2px 2px 0}.layui-laypage a,.layui-laypage span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 15px;border:1px solid #e2e2e2;height:28px;line-height:28px;margin:0 -1px 5px 0;background-color:#fff;color:#333;font-size:12px}.layui-laypage em{font-style:normal}.layui-laypage span{color:#999;font-weight:700}.layui-laypage .layui-laypage-curr{position:relative}.layui-laypage .layui-laypage-curr em{position:relative;color:#fff;font-weight:400}.layui-laypage .layui-laypage-curr .layui-laypage-em{position:absolute;left:-1px;top:-1px;padding:1px;width:100%;height:100%;background-color:#009688}.layui-laypage-em{border-radius:2px}.layui-laypage-next em,.layui-laypage-prev em{font-family:Sim sun;font-size:16px}.layui-laypage .layui-laypage-total{height:30px;line-height:30px;margin-left:1px;border:none;font-weight:400}.layui-laypage button,.layui-laypage input{height:30px;line-height:30px;border:1px solid #e2e2e2;border-radius:2px;vertical-align:top;background-color:#fff;box-sizing:border-box!important}.layui-laypage input{width:50px;margin:0 5px;text-align:center}.layui-laypage button{margin-left:5px;padding:0 15px;cursor:pointer}


/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}

.footmenu li{ float:left; width:33%;}
.footmenu li a{color:#FFF; font-size:14px;}
.foot_white{ color:#FFF; font-size:14px;}

.proview{
	background-color:#ececec;
	width:100%;
	}
.proviewTab a{
	background-color:#c7c7c7;
	color:#fff;
	display:inline-block;
	text-align:center;
	line-height:40px;
	width:49%;
	}
.proviewTab a:hover, .proviewTab a.current{
	background-color:#f39800;
	}
.proviewUl{
	margin-top:12px;
	height:auto;
	}
.proviewUl li{
	cursor:pointer;
	font-size:12px;
	text-align:center;
}
.proviewUl li img{
 height:50px;
}

.proviewUl li p{
	text-overflow:ellipsis;
	width:100%;
	white-space:nowrap;
	line-height:30px;
}

p.current{
background-color:#f39800;
line-height:40px;
color:#FFF;
text-indent:10px;
font-size:15px;
}