@charset "utf-8";
	body {
	margin:0px auto;
	padding:0px;
	color:#505050;
	min-width:1400px;
	font-size:12px;
	font-family:Microsoft Yahei, Tahoma, Helvetica, Arial, "宋体", sans-serif;
	background:#ffffff;
}
a:link {
	color:#505050;
	cursor:pointer;
	text-decoration:none;
}
a:visited {
	color:#505050;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	color:#f6ad2b;
	text-decoration:none;
}
a:active {
	color:#505050;
	text-decoration:none;
}
img {
	border:none;
}
dl {
	margin:0px;
	padding:0px;
}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.fn-clear {
	zoom: 1;
	/* for IE6 IE7*/
}
/* 隐藏, 通常用来与 JS 配合*/
	body .fn-hide {
	display: none;
}
/* 设置内联, 减少浮动带来的bug*/
.fn-left, .fn-right {
	display: inline;
}
.fn-left {
	float: left;
}
.fn-right {
	float: right;
}
.hidden {
	display:none;
}
dl {
	margin: 0px;
	padding: 0px;
}
dt {
	margin: 0px;
	padding: 0px;
}
dd {
	margin: 0px;
	padding: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
}
ol {
	margin: 0px;
	padding: 0px;
}
li {
	margin: 0px;
	padding: 0px;
}
h1 {
	margin: 0px;
	padding: 0px;
}
h2 {
	margin: 0px;
	padding: 0px;
}
h3 {
	margin: 0px;
	padding: 0px;
}
h4 {
	margin: 0px;
	padding: 0px;
}
h5 {
	margin: 0px;
	padding: 0px;
}
h6 {
	margin: 0px;
	padding: 0px;
}
pre {
	margin: 0px;
	padding: 0px;
}
code {
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
fieldset {
	margin: 0px;
	padding: 0px;
}
legend {
	margin: 0px;
	padding: 0px;
}
input {
	margin: 0px;
	padding: 0px;
}
textarea {
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}
blockquote {
	margin: 0px;
	padding: 0px;
}
th {
	margin: 0px;
	padding: 0px;
}
td {
	margin: 0px;
	padding: 0px;
}
hr {
	margin: 0px;
	padding: 0px;
}
button {
	margin: 0px;
	padding: 0px;
}
/*布局专用*/
.layout {
	width:1200px;
	margin:0 auto;
	padding:0px;
	zoom: 1;
	overflow:hidden;
}
.layout:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.positRelative {
	position:relative;
}
/**---导航浮动--**/
.menu_fixed {
	POSITION: fixed;
	LEFT: 0px;
	top:0px;
	MARGIN: 0px auto;
	padding:0px;
	Z-INDEX: 99999;
	WIDTH: 100%;
}
/*----head---*/
.headWrap {
	width:100%;
	height:52px;
	padding:22px 0;
}
.head .tel{
	float:right;
	padding-top:16px;
	padding-left:28px;
}
.head .lange {
	color:#363636;
	padding-top:17px;
	font-size:14px;
	width:66px;
	text-align:right;
}
.head .lange  a{
	color:#363636;
	}

.dh{ width:1400px; margin:0 auto; height:50px; background:#005fa9; color:#fff; font-size:14px; margin-bottom:2px;}
.dh .specPro{ width:240px; text-align:center; line-height:50px; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/headcp.jpg) no-repeat left top; float:left;}
.dh ul{ margin:0; padding:0; list-style:none; float:left; padding-left:52px;}
.dh ul li{ float:left;}
.dh ul li .a{ display:block; height:50px; padding:0 24px; color:#fff; line-height:50px;}
.dh ul li .a:hover{ background:#db961b;}
.dh ul li .aon{ background:#db961b;}

.dh form{width:200px; margin:0;padding:0;margin-top:10px; background:#fff; overflow:hidden; height:30px;float:right;}
.dh form .input{width:160px; height:30px; margin:0; padding:0 0 0 10px !important; border:none; outline:none;float:left; line-height:30px; color:#959494;}
.dh form .submit{width:20px; height:30px; border:none; outline:none; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/button.jpg) no-repeat left  center; float:left; cursor:pointer;}




/*---首页案例展示---*/
.titWrap{ width:100%; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/line1.jpg) repeat-x left top; margin-top:28px; margin-bottom:22px; overflow:hidden;}
.titCase{ color:#27282a; padding-top:43px; text-align:center; background:#fff url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/tit1.jpg) no-repeat center top; width:260px; margin:0 auto; font-size:18px; font-weight:bold;}

.case{ width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-bottom:30px;}
.case ul li{ float:left; display:inline;margin-right:17px; margin-bottom:15px; text-align:center;}
.case ul li img{ width:281px; height:211px;}
.case ul li p{ margin-top:4px;}

.leftLoop2{ position:relative; border-top:none; width:1200px; margin:0 auto; height:330px;} 
.leftLoop2 .prev, .leftLoop2 .next{ display:block;  width:19px; height:30px; float:right; overflow:hidden;cursor:pointer; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/jt1.jpg) no-repeat; position:absolute;}
.leftLoop2 .prev{ left:10px; top:60px;} 
.leftLoop2  .next{ background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/jt2.jpg) no-repeat;  right:10px; top:60px; } 
.leftLoop2 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop2 .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/pie.htc);}
.leftLoop2 .hd ul li.on{ background:#f00;  } 
.leftLoop2 .bd{ padding:0px; margin:0px auto; width:1200px;} 
.leftLoop2 .display-none{ display:none;}
.leftLoop2 .bd ul{ overflow:hidden; zoom:1; margin:0px; padding:0px 0px 0px 0px; list-style:none;} 
.leftLoop2 .bd ul li{float:left; position:relative; _display:inline; list-style:none;width:285px;float:left;margin-right:20px;}
.leftLoop2 .bd ul li a{ display:block; width:100%; height:330px;}
.leftLoop2 .bd ul li .pic{ border:#a6999d solid 1px; padding:1px;}
.leftLoop2 .bd ul li .pic img{ width:281px; height:211px;}
.leftLoop2 .bd ul li .title{ height:41px; text-align:center; line-height:41px; color:#030303; font-weight:bold; font-size:14px;}
.leftLoop2 .bd ul li .line{ clear:both; background:#a6a6a6; height:1px; width:30px; margin:0 auto;}
.leftLoop2 .bd ul li .tetx{ line-height:22px; color:#8a8b8d; text-align:center; padding-top:12px;}


/*--首页关于我们--*/
.habout{ width:660px; float:left;}
.habtTitle{ background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/line2.jpg) repeat-x left top; margin-bottom:15px; overflow:hidden;}
.habtTitle span{ display:block; float:left; padding-left:5px; color:#27282a; font-size:18px; font-weight:bold; line-height:18px;}
.habout .content{ width:550px; float:right;}
.habout .content h1{ color:#838383; font-size:24px; margin:0; padding:0; line-height:54px; font-weight:normal;}
.habout .content p{ line-height:24px; margin:0; padding:0; color:#757474; font-size:14px; height:88px;}
.habout .content ul{ margin:0; padding:0;}
.habout .content ul li{ float:left; width:180px; text-align:center; font-weight:bold; color:#3a383b; font-size:14px; padding-top:28px;}
.habout .content ul li a{ display:block; width:100%;}
.habout .content ul li .titles{ padding-top:12px;}
.mr5{ margin-right:5px;}

/*--首页新闻中心--*/
.hnews{ width:489px;}
.mt5{ margin-top:5px;}

.hnewsClass{ height:41px; margin-bottom:23px;}
.hnewsClass ul li{ width:110px; height:41px; float:left; margin-right:5px;}
.hnewsClass ul li .menuOn{ display:block; width:100%; height:41px; background:#005fa9; cursor:pointer; text-align:center; line-height:41px; color:#fff; font-size:14px;}
.hnewsClass ul li .menuNo{ display:block; width:100%; height:41px; background:#666666; cursor:pointer; text-align:center; line-height:41px; color:#fff; font-size:14px;}
.newsList-none{ display:none;}
.newsList{ clear:both;}
.newsList .newsrec{ height:123px;}
.newsList .newsrec a{ display:block; width:100%; height:123px;}
.newsList .newsrec  img{ float:left; width:181px; height:110px;}
.newsList .newsrec .date{ width:289px; height:32px;float:right; color:#f6ad2b; font-size:30px; font-family:Arial, Helvetica, sans-serif;}
.newsList .newsrec  .title{ width:289px; line-height:30px; color:#353236; font-size:14px;}
.newsList .newsrec  .text{ width:289px; line-height:22px; color:#757474;}
.newsList ul{ margin:0; padding:0;}
.newsList ul li{ height:30px; border-bottom:#ddd dashed 1px;}
.newsList ul li a{ display:block; width:100%; line-height:30px; color:#666666; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/dot.jpg) no-repeat 1px center; text-indent:15px;}
.newsList ul li a span{ float:right;}
/*foot*/
.foot_wrap{width:100%; overflow:hidden; background-color:#2e2e2e; padding-top:45px; padding-bottom:40px; margin-top:35px;}
.foot_wrap .foot{width:1200px; margin:0 auto}
.foot_wrap .foot .introduce_wrap{width:423px; float:left}
.foot_wrap .foot .introduce_wrap h2{ color:#eff4f7; line-height:24px; font-size:12px;}
.foot_wrap .foot .introduce_wrap .list{ width:168px; height:217px; float:left; color:#bcbbbb; overflow:hidden;}
.foot_wrap .foot .introduce_wrap .list h2{ padding-top:17px;}
.foot_wrap .foot .introduce_wrap .list a{ line-height:30px; color:#bcbbbb;}
.foot_wrap .foot .address_wrap{width:286px; float:left; font-family:"宋体"; margin-left:68px}
.foot_title{height:27px; border-bottom:1px solid #454545; font-weight:bold; color:#fff;}
.foot_titleSpec{ font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.w75{ width:75px !important;}
.w180{ width:180px;}
.w286{width:286px}

.foot_wrap .foot .introduce_wrap  .morefoot{border-top:1px solid #454545; clear:both;}
.foot_wrap .foot .introduce_wrap  .morefoot .more{ width:168px; color:#bcbbbb; float:left; }
.foot_wrap .foot .introduce_wrap  .morefoot .more a{ line-height:40px; color:#bcbbbb;}

.foot_wrap .foot .address_wrap .address{width:282px; padding-top:17px; padding-bottom:23px; border-bottom:1px solid #454545; line-height:24px}
.foot_wrap .foot .address_wrap .address ul{padding-top:21px}
.foot_wrap .foot .address_wrap .share{padding-top:19px}
.foot_wrap .foot .address_wrap .share img{float:left}
.foot_wrap .foot .address_wrap .share a{ display:block; width:42px; height:42px; float:left;}
.foot_wrap .foot .address_wrap .share .a1{ background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/tb_weixin.png) no-repeat left top; float:left;}
.foot_wrap .foot .address_wrap .share .a1:hover{ background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/tb_weixincur.png) no-repeat left top;}
.foot_wrap .foot .address_wrap .share .a2{ background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/tb_xinlang.png) no-repeat left top;}
.foot_wrap .foot .address_wrap .share .a2:hover{ background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/tb_xinlangcur.png) no-repeat left top;}
.foot_wrap .foot .address_wrap .share .a3{ background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/tb_qq.png) no-repeat left top;}
.foot_wrap .foot .address_wrap .share .a3:hover{ background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/tb_qqcur.png) no-repeat left top;}
.foot_wrap .foot .address_wrap .share .a4{ background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/tb_tengxun.png) no-repeat left top;}
.foot_wrap .foot .address_wrap .share .a4:hover{ background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/tb_tengxuncur.png) no-repeat left top;}
.ml38{margin-left:38px}
.w305{width:305px}
.message{width:305px; float:left; margin-left:93px}
.message_font{color:#898989; font-family:微软雅黑; padding-left:15px; line-height:26px; background-color:#393838; border:none; outline:none}
.message form{margin:0; margin-top:18px; padding-bottom:11px}
.message form ul li .mess{width:290px; height:106px}
.message form ul li .name_qq{width:133px; height:27px; float:left; margin-top:8px; font-family:微软雅黑; color:#898989}
.message form ul li .contact{width:290px; height:27px; margin-top:8px;font-family:微软雅黑; color:#898989}
.message form ul li .refer{width:305px; height:27px; line-height:26px; text-align:center; color:#ffffff; border:none; outline:none; background-color:#de9e2b; margin-top:11px;font-family:微软雅黑; color:#fff; cursor:pointer;}
.ml7{margin-left:7px}


.inpage{width:1200px; margin:0 auto}
.incontent{width:960px; float:right; padding-bottom:100px}
.incontent .path{padding-left:58px; height:41px; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/path_dashed.jpg) bottom repeat-x; font:12px/40px "宋体"; color:#505050}
.path img{float:left; padding:12px 10px 0 0}
.path a{line-height:40px; font:12px/40px "宋体"; color:#505050}
.path span{padding:0 8px}
.con-mess{padding-top:48px}
.con-mess h1{text-align:center; font:20px/20px "Microsoft YaHei"; color:black}
.con-mess h1 span{display:block; padding-top:6px; font:14px/14px Arial; text-decoration:underline}
.con-mess .notice{display:block; text-align:center; padding:46px 0 24px; font:12px/12px "宋体"; color:#7d7d7d}
.con-mess li{overflow:hidden; padding-top:20px; line-height:30px}
.con-mess li span{width:102px; float:left; padding-left:122px; text-align:center; font:14px/30px "Microsoft YaHei"; color:black}
.con-mess li .input{width:334px; height:28px; float:left; border:1px solid #7e7e7e; outline:none; font:14px/28px "Microsoft YaHei"; padding-left:10px}
.con-mess li .mess{width:628px; height:168px; border:1px solid #7e7e7e; font:14px/24px "Microsoft YaHei"; padding-left:10px; outline:none}
.con-mess form div{text-align:center}
.con-mess form .submit{width:59px; height:26px; display:inline-block; *display:inline; *zoom:1; text-align:center; font:14px/26px "Microsoft YaHei"; color:black; margin:28px 3px; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/submit.jpg); border:none; outline:none; cursor:pointer;}

/*case*/
.con-case{padding-left:58px}
.incase{padding:51px 0 18px; overflow:hidden}
.incase h2{height:22px; border-bottom:1px solid #f1f1f1; font:bold 14px/12px "Microsoft YaHei"}
.incase .c-title span{display:block; height:26px; float:left; *display:inline; *zoom:1; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/title-trigon.jpg) center 22px no-repeat; margin-right:15px}
.incase ul{padding-top:33px}
.incase .c-more{display:block; float:right; width:156px; height:105px; padding-top:75px; font:16px/16px Arial, Helvetica, sans-serif; color:black; text-align:center}
.c-more span{display:block; padding-top:6px; font:12px/12px "Microsoft YaHei"; color:#a6a7a8}
.incase li{width:239px; float:left; padding-left:14px}
.incase li img{padding:1px; border:1px solid #a6999d; width:235px; height:176px}
.incase li h3{text-align:center; height:47px; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/c-hx.jpg) bottom center no-repeat; font:bold 14px/54px "Microsoft YaHei"; color:#030303; overflow:hidden}
.incase li span{display:block; width:168px; margin:0 auto; padding-top:12px; text-align:center; font:12px/24px "宋体"; color:#8a8b8d}

/*--caselist--*/
.incaseList{ width:902px; padding-top:30px;}
.incaseList ul{ margin:0; padding:0; list-style:none;}
.incaseList li{width:239px; float:left; margin-bottom:30px;}
.incaseList li img{padding:1px; border:1px solid #a6999d; width:235px; height:176px}
.incaseList li h3{text-align:center; height:47px; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/c-hx.jpg) bottom center no-repeat; font:bold 14px/54px "Microsoft YaHei"; color:#030303;}
.incaseList li span{display:block; width:168px; margin:0 auto; padding-top:12px; text-align:center; font:12px/24px "宋体"; color:#8a8b8d}
.mr92{ margin-right:92px;}


/*product*/
.con-product{padding-left:58px; padding-top:10px;}
.con-product .proClass-item {
	margin-top:20px;
	padding-bottom:16px;
	overflow:hidden;
	background-color:#f7f7f7;
}
.proClass-item .tit {
	height:46px;
	padding:0 30px;
	border-bottom:1px solid #e6e6e6;
	position:relative;
	font-size:18px;
	line-height:46px;
	color:#27282a;
}

.proClass-item .tit a.more {
	float:right;
	margin-top:26px;
	font-size:12px;
	line-height:1;
	color:#444;
}

.proClass-item .tit a:hover {
	text-decoration:underline;
}

.proClass-item .tit span {
	padding-left:8px;
	font:16px/46px Arial, Helvetica, sans-serif;
	color:#888;
}

.proClass-item .tit .icon {
	position:absolute;
	left:30px;
	bottom:-4px;
}

.proClass-item .proClass-item-b {
	padding:0 30px;
	overflow:hidden;
}

.proClass-item-b > a > img {
	float:left;
	margin-top:19px;
	padding:1px;
	border:1px solid #a6999d;
}

.proClass-item ul {
	float:left;
	width:340px;
	padding-top:11px;
	overflow:hidden;
}

.proClass-item ul li {
	float:left;
	width:160px;
	margin:13px 10px 0 0;
}

.proClass-item ul li img {
	padding:1px;
	border:1px solid #a6999d;
}

.proClass-item-b .text {
	padding-left:364px;
	font-size:14px;
	line-height:28px;
	color:#444;
}

/*product-detail*/
.con-pdetail{padding:39px 0 0 58px}
.con-pdetail .p-d{width:445px; float:right}
.p-d h1{font:bold 21px/36px "Microsoft YaHei"; color:#f6ad2b; padding-left:5px; border-bottom:1px solid #a3a3a3; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/p-hx.jpg) right 35px no-repeat}
.p-d .p-d-bd{padding-top:4px; line-height:40px; min-height:217px}
.p-d .ask a{display:inline-block; *display:inline-block; *zoom:1; width:100px; height:35px; margin-right:14px}
.ask .ask1{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/p-ask1.jpg)}
.ask .ask2{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/p-ask2.jpg)}
.ask .ask3{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/p-ask3.jpg)}
.ask .ask1:hover{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/p-ask1-on.jpg)}
.ask .ask2:hover{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/p-ask2-on.jpg)}
.ask .ask3:hover{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/p-ask3-on.jpg)}
.p-img{width:400px; position:relative}
.p-img .p-img-bd{width:400px; overflow:hidden}
.p-img-bd li{float:left}
.p-img-bd li img{width:396px; height:298px; padding:1px; border:1px solid #a6999d}
.p-img .p-img-hd{width:369px; margin:0 auto; padding-top:9px; overflow:hidden}
.p-img-hd li{width:119px; float:left; padding-left:3px}
.p-img-hd li img{width:115px; height:86px; padding:1px; border:1px solid #a6999d}
.p-img-hd .on img{border-color:#f6ad2b}
.p-img .p-btn{width:28px; height:28px; position:absolute; top:134px; cursor:pointer; z-index:9}
.p-img .p-prev{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/p-prev.jpg); left:2px}
.p-img .p-next{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/p-next.jpg); right:2px}
.parameter{padding-top:30px}
.parameter .para-title{width:100px; height:35px; background-color:#f6ad2b; text-align:center; font:bold 14px/35px "Microsoft YaHei"; color:white; clear:both; overflow:hidden;}
.parameter .para-bd{padding:26px 20px 50px 0; margin-top:17px; font-size:14px; line-height:24px ;clear:both;}
.parameter .para-bd table{font-weight:normal;}
.recommend{overflow:hidden}
.recommend .reco-title{padding-left:15px; font:14px/35px "Microsoft YaHei"; background-color:#f5f5f5; color:#2a2a2a}
.recommend li{width:285px; float:left; padding:15px 0 0 23px}
.recommend li img{width:281px; height:211px; padding:1px; border:1px solid #a6999d}
.recommend li span{display:block; text-align:center; font:bold 14px/44px "Microsoft YaHei"; color:#030303}
/*--产品展示--*/
.proList{ width:902px; float:right; padding-top:30px;}
.proList ul{ margin:0; padding:0; list-style:none;}
.proList li{width:285px; float:left; padding:15px 0 0 0px; margin-bottom:30px; text-align:center;}
.proList li img{width:281px; height:211px; padding:1px; border:1px solid #a6999d}
.proList li span{display:block; text-align:center; font:bold 14px/44px "Microsoft YaHei"; color:#030303}
.mr23{ margin-right:23px;}

.proList li .title{text-align:center; height:47px; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/c-hx.jpg) bottom center no-repeat; font:bold 14px/54px "Microsoft YaHei"; color:#030303;}
.proList li .subtitle{display:block; width:168px; margin:0 auto; padding-top:12px; text-align:center; font:12px/24px "宋体"; color:#8a8b8d}
/*sytle*/
.con-about{padding:38px 0 0 56px}
.con-about h1{font:72px/72px "Microsoft YaHei"; color:#e9e9e9}
.con-style{width:800px; margin:0 auto; padding-top:40px}
.con-style .s-bd{width:800px; overflow:hidden}
.s-bd li{width:800xp; float:left}
.s-bd li img{width:800px; height:550px}
.con-style .s-hd{overflow:hidden; padding-top:13px}
.s-hd .s-btn{width:40px; height:138px; cursor:pointer}
.s-hd .s-prev{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/s-prev1.jpg); float:left}
.s-hd .s-next{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/p-next1.jpg); float:right}
.s-hd .s-prev:hover{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/s-prev2.jpg); float:left}
.s-hd .s-next:hover{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/p-next2.jpg); float:right}
.s-hd ul{width:720px; float:left}
.s-hd ul li{width:200px; padding-left:30px; float:left}
.s-hd ul li img{width:200px; height:138px}
.s-hd ul li span{display:block; font:bold 12px/42px "宋体"; color:#505050; text-align:center}

/*culture*/
.con-cul{padding-top:76px; line-height:30px}

/*company*/
.con-com{padding-top:38px; padding-right:20px; line-height:30px}


/*返回顶部*/
.sroll_top {right: 0.8%;bottom: 3.7%;position: fixed;display:none;cursor:pointer;}
/**---导航浮动--**/
.menu_fixed {POSITION: fixed;LEFT: 0px;MARGIN: 0px;	Z-INDEX: 99999;	WIDTH: 100%; top:0!important;}


.inbanner{width:100%; height:260px; position:relative;}
.lsidebar_top_wrap{width:1200px; height:45px; margin:0 auto; padding-top:215px;}
.lsidebar_top{width:240px; height:45px; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/in_message1.jpg); text-align:center; line-height:45px; font-size:14px; color:white; position:absolute; bottom:0;}

.device_sidebar_wrap{width:240px; float:left; overflow:hidden; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/device_sidebar2.jpg) top repeat-y; padding-bottom:20px}
.device_sidebar{width:240px; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/device_sidebar1.jpg) left top no-repeat; overflow:hidden;}
.device_sidebar ul { overflow:hidden}
.device_sidebar ul .inback1{width:150px; height:42px;line-height:42px;color:white; display:block;text-align:right;padding-left:90px;text-align:left; font-weight:bold; background:#646363; margin-bottom:1px;}
.device_sidebar ul .inback2{width:150px; height:42px; line-height:42px;background-color:#005fa9; color:white; text-align:left; display:block;padding-left:90px; font-weight:bold; margin-bottom:1px;}
.device_sidebar ul li ul { margin:0; padding:0; display:none;}
.device_sidebar ul li ul li .a2{width:150px; height:42px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;line-height:42px;color:white; display:block;text-align:left;text-align:left; padding-left:90px;}
.device_sidebar ul li ul li .a2on{color:#f6ad2b; }


.innewsList{ width:902px; float:right; padding-top:20px;}
.innewsList > div {
	float:left;
	width:440px;
}

.innewsList .tit {
	height:49px;
	padding:13px 0 0 32px;
	background-color:#e9e9e9;
}

.innewsList .technology-box {
	padding-left:21px;
}

.innewsList ul {
	padding-top:11px;
	white-space:nowrap;
}

.innewsList ul li a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	width:350px;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:14px;
	line-height:36px;
	color:#505050;
}

.innewsList ul li span {
	padding-right:14px;
	font-size:12px;
	line-height:36px;
	color:#888;
}

/*--分页--*/
.page {
	padding:30px 0px 30px 0px;
	text-align:center;
	clear:both;
	margin:0px auto;
	font-size:14px;
}
.page A {
	BORDER-RIGHT: #c9c9c9 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #c9c9c9 1px solid;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 5px;
	MARGIN: 2px;
	BORDER-LEFT: #c9c9c9 1px solid;
	COLOR: #818181;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #c9c9c9 1px solid;
	TEXT-DECORATION: none;
}
.page A:hover {
	BORDER-RIGHT: #c9c9c9 1px solid;
	BORDER-TOP: #c9c9c9 1px solid;
	BORDER-LEFT: #c9c9c9 1px solid;
	COLOR: #322516;
	BORDER-BOTTOM: #c9c9c9 1px solid
}
.page A:active {
	BORDER-RIGHT: #c9c9c9 1px solid;
	BORDER-TOP: #c9c9c9 1px solid;
	BORDER-LEFT: #c9c9c9 1px solid;
	COLOR: #818181;
	BORDER-BOTTOM: #c9c9c9 1px solid
}
.page SPAN.current {
	BORDER-RIGHT: #f6ad2b 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #f6ad2b 1px solid;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 5px;
	MARGIN: 2px;
	BORDER-LEFT: #f6ad2b 1px solid;
	COLOR: #fff;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #f6ad2b 1px solid;
	BACKGROUND-COLOR: #f6ad2b
}
.page SPAN.disabled {
	BORDER-RIGHT: #c9c9c9 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #c9c9c9 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN: 2px;
	BORDER-LEFT: #c9c9c9 1px solid;
	COLOR:#ababab;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #c9c9c9 1px solid
}

/*--新闻详情--*/
.innews_content { width:902px; float:right; padding-top:40px;}
.innews_content h1{font-family:"宋体"; font-size:14px; color:#855f0e; text-align:center; font-weight:bold}
.incontent .fbrq{width:100%; height:40px; background-color:#ebebeb; font-family:"宋体"; color:#777777; text-align:center; line-height:40px; margin-top:18px}
.incontent .news_share{padding-top:18px; padding-bottom:41px; font-family:"宋体"; color:#8c8c8c; font-weight:bold; line-height:20px}
.incontent .news_share img{margin-left:24px; vertical-align:middle}
.news_share a.back {
	float:right;
	display:block;
	margin:4px 25px 0 0;
	padding:0 20px;
	line-height:2.2em;
	background-color:#f6ad2b;
	color:#fff;
}
.incontent .fp{font-family:"宋体"; width:893px; height:48px; line-height:48px; background-color:#e7e7e7; padding-left:22px; padding-right:22px}
.incontent .fp a{color:#777777}
.incontent .fp a span{color:7f7f7f; font-weight:bold}
.incontent .fp .fp_right{float:right}
.proDeInfo{padding-top:18px; padding-bottom:6px; line-height:24px; font-family:"宋体"; color:#777777; overflow:hidden;}


/*contact*/
.contact_sidebar{width:215px; overflow:hidden; float:left; padding-left:25px; padding-top:31px; padding-bottom:48px; background-color:#f3f3f3; margin-bottom:80px}
.contact_sidebar ul{padding-top:20px; line-height:24px; color:#787878}
.contact_sidebar .code{width:240px; height:221px; border:1px solid #6e6e6e; border-left:none; border-right:none; text-align:center; line-height:50px; color:#5a5a5a; padding-top:20px; margin-left:-25px; margin-top:28px; background-color:#333333}
.contact_sidebar .code img{width:140px; height:140px; border:1px solid #b2b2b2; border-left:none; border-top:none}
.contact_sidebar .code span{display:block}
.contact_sidebar .inshare{padding-top:49px; margin-left:-25px}
.contact_sidebar .inshare img{float:left; margin-left:11px; margin-right:6px}
.incontact_content{width:937px; padding-left:23px; padding-top:20px; float:left; line-height:24px; font-size:14px;}
.subcontact{ overflow:hidden; margin-bottom:20px;}



/*--人才招聘--*/
.peo_content{width:902px; float:right; padding-top:44px; padding-bottom:20px}
.peo_content .peo_list{width:902px;}
.peo_content .peo_list li{width:877px; height:200px; padding-top:34px; padding-left:25px; line-height:24px; font-family:"宋体"; color:white}
.peo_content .peo_list li:hover{background-color:#f5aa28}
.peo_content .peo_list li h2{float:left; width:131px; font-weight:bold; padding-top:10px;}
.peo_content .peo_list li h2 a{ color:#fff;}
.peo_content .peo_list li p{float:left; width:705px; padding:0; padding-left:37px; color:white}
.peo_back1{background-color:#aaaaaa}
.peo_back2{background-color:#848484}
.pt50{padding-top:50px}


/*--banner图片--*/

.bannerWrap{ width:100%;height:420px; max-width:1400px; margin:0 auto; position:relative; overflow:hidden;}
.banner{height:420px;overflow:hidden; clear:both;}
.banner .d1{width:100%;height:420px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%; position:absolute;z-index:100;left:0;bottom:20px;}
.banner .d2 ul{color:#fff; font-size:0; text-align:center;}
.banner .d2 li{display:inline-block; *display:inline; *zoom:1; width:180px;height:30px; background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/yybg.png);cursor:pointer; border-bottom:#9c9d9e solid 1px;margin:0 10px;}
.banner .d2 li span{display:block; font-size:14px; line-height:30px;}
.banner .d2 li.nuw{ border-bottom:#f6ad2b solid 1px;}
.banner .d2 li.nuw span{ background:#f6ad2b/* url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/jt.png) no-repeat 210px center*/;}


/*---浮动QQ--*/
.izl-rmenu{position:fixed; right:10px; bottom:10px;padding-bottom:60px;z-index:999;}
.izl-rmenu .btn{width:60px;height:60px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/fd_qq.png) center  center no-repeat;background-color:#f6ad2b;}
.izl-rmenu .btn-qq:hover{background-color:#e49a16;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/fd_qq.png) center center no-repeat;background-color:#f6ad2b;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/fd_ewm.png) center center no-repeat;background-color:#f6ad2b;}
.izl-rmenu .btn-wx:hover{background-color:#e49a16;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-148px;top:0px;display:none;width:148px;height:148px;}
.izl-rmenu .btn-sjz{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/fd_ewm.png) center 12px no-repeat;background-color:#f6ad2b;}
.izl-rmenu .btn-sjz:hover{background-color:#e49a16;}
.izl-rmenu .btn-sjz .pic-sjz{position:absolute;left:-121px;top:0px;display:none;width:121px;height:121px;}

.izl-rmenu .btn-phone{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/fd_tel.png) center 12px no-repeat;background-color:#f6ad2b;}
.izl-rmenu .btn-phone:hover{background-color:#e49a16;}
.izl-rmenu .btn-phone .phone{background-color:#2d2d2d;position:absolute;width:268px;top:0px;line-height:60px;color:#FFF;font-size:22px;text-align:center;display:none; right:0;}
.izl-rmenu .btn-phone .phone span{ float:left; padding-left:18px;}
.izl-rmenu .btn-top{background:url(/web/20180828095041im_/http://js-haiou.com/Templates/cn/images/fd_top.png) center center no-repeat;background-color:#f6ad2b;display:none;}
.izl-rmenu .btn-top:hover{background-color:#e49a16;}

.izl-rmenu > a , .izl-rmenu > div {
	-webkit-opacity:0.8;
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.izl-rmenu > a:hover , .izl-rmenu > div:hover {
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
}

.anchor {
	width:100%;
	height:0;
	padding-top:50px;
	margin-top:-50px;
}


/*
     FILE ARCHIVED ON 09:50:41 Aug 28, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:08:02 Apr 08, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 62.528
  exclusion.robots: 0.071
  exclusion.robots.policy: 0.062
  RedisCDXSource: 1.846
  esindex: 0.007
  LoadShardBlock: 44.036 (3)
  PetaboxLoader3.datanode: 74.919 (4)
  load_resource: 219.597
  PetaboxLoader3.resolve: 143.897
*/