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

body {
	margin: 0px;
	font-size: 12px;
	color: #333333;
	font-family: "微软雅黑"
}
* {
	padding: 0px;
	margin: 0px;
}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	list-style: none;
	font-weight: normal;
}
input, select {
	font: 100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;
}
button {
	overflow: visible
}
img {
	border: none;
}
a {
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	outline: none;
}
li {
	list-style: none;
}
input, select, button {
	font: 12px Verdana, Arial, Tahoma;
	vertical-align: middle;
}
.clear {
	clear: both;
}
.lf {
	float: left;
}
.rt {
	float: right;
}
.m {
	width: 1200px;
	margin: 0px auto;
}
.mm {
	margin-top: 60px;

}
/*头部*/
.head{ width:100%; height:42x; line-height:42px; background-color:#f0f0f0;}
.head font{ float:left; font-size:15px; color:#999}
.head span{ float:right; line-height:42px; color:#999}
.head span a{ line-height:42px; font-size:15px;color:#999; padding:0 7px;}
.head span a:hover{ color:#078ef9;}
.head1 p{ font-size:15px; color:#078ef9; background:url(t1.jpg) left center no-repeat; padding-left:62px; float:right; margin-top:30px;}
.head1 p span{ font-size:21px; font-weight:bold}
.headOn{ position: fixed; top: 0; left: 0;}
.dao{ width:100%; height:59px; background:url(x1.jpg) repeat-x; margin: auto; z-index:99999}
.dao font a{ width:70px; height:59px; line-height:62px; float:left; display:block; background:url(x8.jpg) no-repeat; padding-left:60px; font-size:16px; color:#fff}


.menu {font-family: "微软雅黑"; width:1200px; float:left; margin-top:8px;}
.menu ul li {float:left; position:relative;}
.menu ul li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none; height:50px; color:#fff; width:118px;  line-height:50px; font-size:16px;}
.menu ul li a.on1{width:80px; height:59px; line-height:62px; float:left; display:block; background:url(x8.jpg) no-repeat right center; padding-left:40px; font-size:16px; color:#fff;margin-top:-9px; }
.menu ul li a.on{width:120px; height:59px;margin-top:-9px; line-height:62px; float:left; display:block; background:url(x8a.jpg) no-repeat; text-align:center; font-size:16px; color:#fff}
.menu ul li ul {display: none;}
.menu ul li:hover ul {display:block; position:absolute; top:50px; left:0; width:118px;}
.menu ul li:hover ul li a {display:block; background:#f1f1f1;font-size:14px;font-weight:normal;height:32px;line-height:32px;border-bottom:1px solid #fff;color:#666;}
.menu ul li:hover ul li a:hover {background:#078ef9; color:#fff;font-size:14px;font-weight:normal;}




/*产品中心*/
.biao{  height:57px; line-height:57px; background:url(x2.jpg);border:#f1f1f1 solid 1px; padding:0 15px;}
.biao2{  height:57px; float:left;}
.biao2 font{ font-size:25px; font-weight:bold; color:#078ef9; float:left; margin-left:10px;}
.biao2 span{ font-size:17px; color:#666; text-transform:uppercase; font-weight:normal; padding-left:10px; float:left}
.biao1{ width:30px; float:right; margin-top:13px;}
.biao1 img:hover{ opacity:0.8}
.pro ul{ width:1250px; float:left; overflow:hidden; margin-top:32px; text-align:center}
.pro ul li{ width:280px; float:left; margin-right:25px;  border:#d7d7d7 solid 1px; margin-bottom:25px;}
.pro ul li p{ font-size:17px; color:#666; line-height:42px; height:42px; background-color:#d7d7d7}
.pro ul li:hover img{ opacity:0.8}
.pro ul li:hover { border:#078ef9 solid 1px;}
.pro ul li:hover p{ color:#fff; background-color:#078ef9;}


/*about*/

.bt{ padding-bottom:10px;border-bottom:#d6d6d6 solid 1px;}
.bt font{ font-size:25px; font-weight:bold; color:#078ef9; margin-left:5px; background:url(t7.jpg) left center no-repeat; padding-left:30px;}
.bt span{ font-size:17px; color:#666; text-transform:uppercase; font-weight:normal; padding-left:10px;}
.bt img:hover{ opacity:0.8}
.bt1{ background:url(t8.jpg) left center no-repeat !important;}
.aa{ width:100%; padding:50px 0; background-color:#f2f4f6; margin-top:40px;}
.about{ width:555px; float:left;}
.about h1{ height:54px; line-height:54px; text-align:center; font-size:23px; font-weight:bold; color:#fff; background-color:#078ef9; margin:20px 0}
.about p{ width:310px; float:right; font-size:15px; color:#888; line-height:24px;}
.about p a{ font-size:15px; color:#078ef9;}

.xiazai{ width:595px; float:right}
.xiazai img{ margin-top:}
.x1{ width:400px; float:right; margin-top:20px;}
.x1 h1 a{ font-size:16px; font-weight:bold; color:#7b7b7b}
.x1 h1 a:hover{  color:#078ef9}
.x1 span{ font-size:13px; color:#666; line-height:35px}
.x1 p{ font-size:14px; line-height:22px; color:#666; }
.xiazai ul{ margin-top:7px;}
.xiazai ul li{ line-height:49px; border-bottom:#CCC dashed 1px; background:url(t12.jpg) left center no-repeat; padding-left:15px;font-size:15px;  color:#7b7b7b}
.xiazai ul li span{ float:right}
.xiazai ul li a{font-size:15px;  color:#7b7b7b}
.xiazai ul li a:hover{ color:#078ef9}

/*解决方案*/
.scrollleft { margin-top:35px;}
.scrollleft ul li{ width:274px;  margin-right:34px; float:left; margin-right:35px; }
.case1{ width:244px; height:122px; overflow:hidden; padding:0 15px; background-color:#f5f5f5; text-align:left}
.case1 h3{ font-size:16px; color:#666; font-weight:bold; margin-top:18px;}
.case1 p{ font-size:14px; line-height:24px; color:#999; margin-top:12px;}
.case ul li:hover .case1{ background-color:#078ef9}
.case ul li:hover .case1 h3{ color:#fff}
.case ul li:hover .case1 p{ color:#fff}


/*foot*/
.foot{ width:100%; height:260px; background-color:#333;  }
.foot1{ width:390px; float:left; margin-left:140px; margin-top:60px; }
.foot1 h1{ font-size:18px; font-weight:bold; color:#fff; margin-bottom:20px;}
.foot1 ul li{ font-size:14px; color:#fff; line-height:35px}
.foot2{ width:156px; float:right; text-align:center;  color:#999; text-transform:uppercase; margin-top:50px; line-height:30px;}
.foot3{ width:100%; height:67px; background-color:#1e1e1e; line-height:67px; text-align:center; font-size:14px; color:#fff;   }


/*neiye*/
.nei{ width:100%; height:63px; line-height:63px; background-color:#f4f4f4;}
.nei h1{ background:url(t23.jpg) left center no-repeat; padding-left:80px; font-size:15px; font-weight:bold; color:#666}
.nei h1 a{ color:#078ef9; font-size:15px;}

.zuo{ width:242px; margin-top:40px; background:url(x5.jpg) repeat-y; padding:30px 0 15px 0;}
.zuo h1{ height:63px; line-height:55px;  color:#fff; font-size:18px; font-weight:bold; background:url(x4.jpg) left center no-repeat; padding-left:45px;}
.zuo ul li{ margin-top:6px}
.zuo ul li a{ font-size:14px; color:#666; padding-left:53px; height:38px; line-height:38px; background:url(x7.jpg) top center no-repeat; display:block; text-align:left; font-weight:bold}
.zuo ul li a:hover{  font-size:14px; color:#fff; height:38px; line-height:38px; background:url(x6.jpg) top center no-repeat; display:block;text-align:left}
.zuo1{ width:226px; float:right;margin-top:20px;}
.zuo1 p{  padding:10px 15px; font-size:13px; color:#666; line-height:24px;}
.zuo1 p span{ font-size:14px; color:#333; line-height:30px; font-weight:bold}
.zuo2{ margin-top:20px;}
.you{ width:895px; padding:40px 0 0 30px; border-left: #f4f4f4 solid 1px;}
.you h1{ font-size:17px; line-height:35px; font-weight:bold; border-bottom:#CCC solid 1px; }

.pro-nei ul{ width:930px; float:left; overflow:hidden; margin-top:32px; text-align:center}
.pro-nei ul li{ width:280px; float:left; margin-right:25px;  border:#d7d7d7 solid 1px; margin-bottom:25px;}
.pro-nei ul li p{ font-size:17px; color:#666; line-height:42px; height:42px; background-color:#d7d7d7}
.pro-nei ul li:hover img{ opacity:0.8}
.pro-nei ul li:hover { border:#078ef9 solid 1px;}
.pro-nei ul li:hover p{ color:#fff; background-color:#078ef9;}
.about-nei p{ font-size:15px; color:#666; line-height:24px; margin-top:20px;}
.about-nei img{ margin-top:25px;}

.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }

.foot3 a{ color:#fff}