@charset "utf-8";
/** 清除内外边距 **/ 
/*
76C037
*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td, /* table elements 表格元素 */ img/* img elements 图片元素 */ { margin: 0; padding: 0; }
/** 设置默认字体 **/ 
body, button, input, select, textarea { font: 12px/1.5 'microsoft yahei', '宋体', tahoma, Srial, helvetica, sans-serif; color: #333; }
body { background-color: #ebebeb; }
form { display: block; }
em { font-style: normal; }
/** 重置列表元素 **/ 
ul, ol, li { list-style: none; }
/** 重置超链接元素 **/ 
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #76C037; }
/** 重置图片元素 **/ 
img { border: 0px; }
/** 重置表格元素 **/ 
table { border-collapse: collapse; border-spacing: 0; }
.al { float: left; }
.ar { float: right; text-align: right; }
.tc { text-align: center; }
.fl, .l { float: left; }
.fr, .r { float: right; }
.clear { clear: both; text-indent: -9999px; }
.clf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clf { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clf { display: block; }
/* End hide from IE-mac */
.wp { width: 996px; padding: 0 10px; background-color: #fff; margin: 0 auto; }
.mb20 { margin-bottom: 20px; }
.mt20 { margin-top: 20px; }
.mt10 { margin-top: 10px; }
.hide { display: none; }
input, select { vertical-align: middle; }
.f14 { font-size: 14px; }
/* -- 页面整体布局 -- */
/*翻页，下一页*/
.pagination a.number { }
.pagination { text-align: center; font-family: "微软雅黑"; font-size: 12px; display: block; clear: both; height: 30px; line-height: 30px; margin-top: 18px; }
.pagination a { margin: 0 2px 0 0; padding: 2px 8px; background: #fff; color: #333; border:1px solid #ccc; }
.pagination a.number { /*border: 1px solid #ddd;*/ }
.pagination a.current { background: #76C037 top left repeat-x !important; /*border-color: #009bff !important;*/ color: #fff !important; }
.pagination a.current:hover { text-decoration: underline; }
.pagination ul.pager { width: 100%; text-align: center; }
.pagination ul span.msg { font-size: 14px; font-family: "微软雅黑" }
.pagination a:hover { background: #faa203; color: #fff; }
.pagination ul.pager a { cursor: pointer; }
.keys { float: right; }
.keys a { display: block; float: left; padding-left: 28px; margin-right: 5px; }
.keys a.cn { background: url(../images/cn.jpg) no-repeat left center; }
.keys a.en { background: url(../images/en.jpg) no-repeat left center; }
#head .top { width: 100%; height:90px; font-size: 12px; }
#head .top .TopInfo { margin: auto; padding-top: 10px; }
#head .top .TopInfo .link { text-align: center; line-height: 23px; width: 207px; float: right; color: #999999; }
#head .top .TopInfo .link a { color: #059809; }
#head .top .TopLogo { margin: auto; padding-top: 10px; }
#head .top .TopLogo .logo { float: left; margin-top: -20px; }
#head .top .TopLogo .tel { float: right; width: 358px; padding-top: 8px;  }
#head .top .TopLogo .tel .telW {color: #036;margin-left:-10px; float:left;}
#head .top .TopLogo .tel .telW a{ display:inline-block; margin-left:10px;}
#head .top .TopLogo .tel .telW a img{widht:27px;height:27px;}
#head .top .TopLogo .tel .telN { padding-left: 30px;height:27px; line-height:27px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #333; display:block; float:right; }
/* navs*/
#head #NavLink { height: 40px; margin:0 auto;margin-bottom: 5px;padding-left:5px;background:url(../images/a_20.gif) repeat-x left top;  border-radius: 8px; }
#head #NavLink #sddm { margin: auto; z-index: 30; }
#head #NavLink #sddm li { float: left; background:url(../images/a_22.gif) no-repeat right top;font-weight: bold; font-size: 12px;}
#head #NavLink #sddm li:last-child{ background:none;}
#head #NavLink #sddm li>a { display: block; color: #FFF; text-align: center; line-height: 40px; padding:0 9px 0 9px;  }
#head #NavLink #sddm li>a:hover { text-decoration: none;background:url(../images/a_21.gif) repeat-x left top; }
#head #NavLink #sddm #productmenu #m2>a{width:172px;padding:0;}
#head #NavLink #sddm li  ul{ float:left;margin-top:-31px;margin-left:172px;}
#head #NavLink #sddm .on a { background-color: #959444;background:url(../images/a_21.gif) repeat-x left top; }
#head #NavLink #sddm div { position: absolute; visibility: hidden; background: #808080; padding: 0px 0px; filter: alpha(opacity=85); z-index: 9999; }
#head #NavLink #sddm div a { position: relative;min-width:120px;padding:0 4px; display:block; text-align: center; color: #333; font-size: 12px; font-weight: normal; text-decoration: none; line-height: 30px; border-bottom: 1px solid #fff;padding: 0px;
  height: 36px;
  line-height: 36px;
  background: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }
#head #NavLink #sddm div a:hover { background: #76C037; line-height: 30px; border-bottom: 1px solid #fff;color:#fff;}
/*Focus*/
#Focus { width: 996px; height: 275px; overflow: hidden; position: relative;  border-radius:5px;}
#Focus ul { height: 240px; position: absolute; }
#Focus ul li { float: left;  width: 996px; height: 275px; overflow: hidden; position: relative; background: #000; }
#Focus ul li a{ display:block;}
#Focus ul li img{width: 996px; height: 275px; }
#Focus ul li div { position: absolute; overflow: hidden; }
#Focus .btnBg { position: absolute; width: 996px; height: 20px; left: 0; bottom: 0; }
#Focus .btn { position: absolute; width: 980px; height: 10px; padding: 10px 10px; right: 0; bottom: 0; text-align: right; }
#Focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 10px; height: 10px; border-radius:5px;  _font-size: 0; margin-left: 5px; cursor: pointer; background: #f00; }
#Focus .preNext { width: 45px; height: 100px; position: absolute; top: 90px; cursor: pointer; }
#Focus .pre { left: 0; }
#Focus .next { right: 0; background-position: right top; }

.index_left{width:237px; float:left;overflow:hidden;}
.index_right{width:739px; float:right; overflow:hidden;}

.box{}
.box .hd{
	height:29px;
	line-height:29px;
	text-indent:35px;
	font-size:14px;
	color:#fff;
	border-radius:5px 5px 0 0;
	background:url(../images/a_30.gif) left top no-repeat;
}
.box .hd .tit{
	color:#fff;
	height:29px;
	float:left;
	}
.box .hd .more{
	float:right;
	font-size:12px;
	padding-right:10px;
	color:#fff;}
.box .bd
{padding:10px;
border:1px solid #ccc;
	border-radius:0 0 5px 5px ;
margin-top:-1px;
}
.box .bd .pc_list{}
.box .bd .pc_list li{height:32px; line-height:32px; font-size:14px; background:url(../images/a_38.gif) no-repeat center; text-align:center;margin:5px 0; display:block;}
.box .bd .pc_list li a{ display:block; text-align:center}

.box .bd ,.news_list{}
.box .bd .news_list li{ padding:5px;width:205px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; }
.box .bd .news_list li a{font-size:14px;color:#000;}


.box1{}
.box1 .hd{
	height:29px;
	line-height:29px;
	text-indent:35px;
	font-size:14px;
	color:#fff;
	background:url(../images/a_33.gif) left top no-repeat;
	border:1px solid #ccc;
	border-radius:5px 5px 0 0;
	border-left:0;
}
.box1 .hd .tit{
	color:#fff;
	height:30px;
	float:left;
	}
.box1 .hd .more{
	float:right;
	font-size:12px;
	padding-right:10px;
	color:#fff;
	}
	.box1 .hd .more a{color:#fff;}
	.box1 .hd .Location{
	float:right;
	font-size:12px;
	padding-right:10px;
	color:#fff;
	}
.box1 .bd
{padding:10px;
border:1px solid #ccc;
border-radius: 0 0 5px 5px;
margin-top:-1px;
}
.box1 .bd .server_list{ display:block;margin:10px 0; width: 220px; }
.box1 .bd .server_list li{padding:6px 0; font-size:14px; background:url(../images/f0cb.png) no-repeat left 11px; text-indent:20px;table-layout:fixed; word-break: break-all; overflow:hidden;}
.box1 .bd.aboutus{ padding:20px;}

.box1 .txt{ font-size:13px; line-height:20px;table-layout: fixed;  word-break: break-all;}
.box1 .txt .p{ text-indent:2em;}

/*案例滚动*/
#box_caselist { padding:10px 20px;padding-bottom:10px; }
#demo6 { width:100%; overflow:hidden; margin:0 auto;overflow:hidden; }
#demo6 img { margin:0 auto; }
#demo6 h1 { font-weight:normal; font-size:12px; }
#indemo { float: left; width:600%; overflow:hidden; }
#demo7 { float: left; overflow:hidden; }
#demo8 { float: left; overflow:hidden; }
#demo7 a, #demo8 a { font-size:12px; text-decoration:none; border: #f5f5f5 5px solid; border-radius:5px; display: inline-block; }
#demo7 a:hover, #demo8 a:hover { text-decoration:underline; border: #FAA203 5px solid; display: inline-block; background: #fff4ce; }
#demo7 ul li, #demo8 ul li { float:left; width:174px; margin:0px 10px; text-align:center; display:block; overflow:hidden; display:inline; }
#demo7 ul li img, #demo8 ul li img {width: 160px; height: 120px;border:2px solid #fff; }
#demo7 ul li span, #demo8 ul li span { float:left; width:100%; height:24px; line-height:24px; overflow:hidden; }
#demo7 ul li span a, #demo8 ul li span a, #demo7 ul li span a:hover, #demo8 ul li span a:hover { border:0; background:none; }
#box_caselist h3{ font-size:12px; font-weight:normal;}

.page_baner{margin-bottom:10px;}

.newsList {}
.newsList li { padding-left:13px; line-height:30px; background:url(../images/label_c2.gif) 2px 14px no-repeat;border-bottom:1px dotted #ccc;}
.newsList li a:hover { color:#76C037; text-decoration:underline;}
.newsList li span { float: right;}
.newsList li em.new { width:30px; padding-right:30px; background: url(../images/new.gif) no-repeat right center;}
.newsList h1 { padding:0;height:30px; line-height:30px;border-bottom:1px solid #ACACAC;}
.newsList h1 b { float:right;}
.newsList h1 span {color:#acacac;}
.newsContent { padding:10px;}
.newsContent p { padding:5px 0;text-indent:2em; line-height:22px;}
.newsContent .news_bd{}
.newsContent .news_bd h1{  display: block;
  font-size:18px;padding:10px 0;}


#footer{ line-height:25px;padding:10px 20px; background-color:#fff;border-top:3px solid #393738; color:#333;}
#footer a{color:#333;}
#footer .inner{ float:left;}
#footer .copyright{ float:right;}
#footer .copyright .foot_logo{margin-top:10px;}

.box1 .pro_list{padding:10px 8px;}
.mainul { position: relative; width: 100%; overflow: hidden; }
.mainul li { margin-top: 5px; width: 170px; padding: 5px; text-align: center; float: left; overflow: hidden; }
.mainul A.pic { width: 160px; height: 120px; text-align: center; display: block; float: left; border: #e6e7e7 1px solid; padding: 4px; }
.mainul A.pic:hover { text-decoration: underline; border: #f60 1px solid; display: inline-block; background: #fff4ce; }
.mainul .pic IMG { width: 160px; height: 120px; }
.mainul H1 { text-align: center; margin: 0; width: 166px; color: #0068cc; font-size: 12px; }
.mainul H1 a { font-weight: normal;width:170px; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; display:block; }

/*产品详情*/
.ProInfo .image { float: left; }
.ProInfo .column { float: right; width: 400px; }
.ProInfo .image img { width: 300px; height: 225px; }
.ProInfo .image a { display: block; width: 300px; height: 225px; border: 2px solid #F5F5F5; padding: 2px; }
.ProInfo .image a:hover { border: 2px solid #26aa3c; }
.ProInfo .column .d_title { border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.ProInfo .column .d_title h3 { text-align: left; font-size: 18px; font-weight: normal; font-family: "Microsoft Yahei"; }
.ProInfo .column .infos { text-align: left; font-size: 12px; line-height: 40px; color: #666666; }
.ProInfo .column .des { line-height: 40px; }
.ProInfo .column .des span { width: 100px; height: 20px; border: 1px solid #26aa3c; padding: 3px; color: #26aa3c; }
.ProInfo .column .des p { color: #666666; line-height: 30px; }
.IntroTitle { border-bottom: 2px solid #26aa3c; margin: 10px 0px; color: #fff; height: 32px; }
.IntroTitle span { background: #26aa3c; font-size: 14px; font-family: "Microsoft Yahei", "黑体"; line-height: 35px; display: inline; padding: 5px 10px; }

#online{ width:170px; height:280px; position:fixed; right:-130px; top:150px; background:url(../images/online.png) no-repeat 0 0;}
#online .lanren{ width:130px; height:280px; float:right; overflow:hidden; text-align:center; font-size:14px;color:#15890c;}
#online .lanren h2{margin-top:74px;}
#online .lanren h2 a{ color:#15890c; font-size:14px; text-decoration:none;}
#online .lanren h2 a:hover{ color:#FF3600;}

.navbox{width:996px; margin:0 auto;margin-bottom: 5px;border-radius:8px;
  background: url(../images/a_20.gif) repeat-x left top;}
.navbox ul{margin:0px; padding:0px; list-style:none;border: 0;}
.navbox ul li{   background: url(../images/a_22.gif) no-repeat right top;
  font-weight: bold;
  font-size: 14px;display: block; border-radius: 0px;  border: 0; height:40px; line-height:40px;float:left; position:relative; }
.navbox ul li:last-child{ background-image:none;}
.navbox ul li:hover{background:url(../images/a_21.gif) repeat-x left top;}
/*
.navbox ul>li:hover:frist-child{border-radius:8px 0 0 8px;}
.navbox ul>li:hover:last-child{border-radius:0 8px 8px 0;}
*/
.navbox ul li:hover ul{display:block;}
.navbox ul li a{text-align:center; display:block; text-decoration:none; color:#fff;font-size:14px;padding:0 15px;}
.navbox ul li.promenu a{}
.navbox ul li ul{display:none;position:absolute;z-index:9999;}
.navbox ul li ul li{ padding:0px; height:36px; line-height:36px; background: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);}
.navbox ul li.promenu ul li a{ font-weight:normal;font-size:12px;width:149px;color:#666;}
.navbox ul li ul li:hover{ background: #76C037;}
.navbox ul li ul li:hover a{color:#fff;}
.navbox ul li.promenu ul li ul{visibility:hidden; position:relative; top:-36px; left:172px;}
.navbox ul li ul li:hover ul{visibility:visible;}
.navbox ul li ul li ul li{background:#76C037;}
.navbox ul li ul li ul li a{font-size:12px;}
.navbox ul li ul li ul li:hover{background:#5076f3;}