<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="/js/jquery-3.6.0.min.js" type="text/javascript"></script>
<link href="/css/nav.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header">
<div class="tip">
<div class="cont">
<div class="hy fl">
xxx,欢迎</div>
<div class="tool fr">
<a id="login" href="#">注册</a> <a id="reg" href="#">登录</a></div>
</div>
</div>
<div class="cont">
<div class="logo fl">
xxxxxxxxxx
</div>
<div class="searcher fl">
<div class="search">
<input id="key" type="text" maxlength="255" autocomplete="off" placeholder="请输入要搜索的关键词" /><a
href="" id="btnSearch">搜索</a>
</div>
</div>
</div>
</div>
<div class="menubar">
<div class="cont clears">
<div class="nav fl">
分类
<div class="subitem ">
<ul>
<li class="item">test1
<ul class="subItems">
<li>sub1</li></ul>
</li>
<li class="item">test2
<ul class="subItems">
<li>sub2</li></ul>
</li>
<li class="item">test3
<ul class="subItems">
<li>sub3</li></ul>
</li>
<li class="item">test1
<ul class="subItems">
<li>sub1</li></ul>
</li>
<li class="item">test2
<ul class="subItems">
<li>sub2</li></ul>
</li>
<li class="item">test3
<ul class="subItems">
<li>sub3</li></ul>
</li>
<li class="item">test1
<ul class="subItems">
<li>sub1</li></ul>
</li>
<li class="item">test2
<ul class="subItems">
<li>sub2</li></ul>
</li>
<li class="item">test3
<ul class="subItems">
<li>sub3</li></ul>
</li>
<li class="item">test1
<ul class="subItems">
<li>sub1</li></ul>
</li>
<li class="item">test2
<ul class="subItems">
<li>sub2</li></ul>
</li>
<li class="item">test3
<ul class="subItems">
<li>sub3</li></ul>
</li>
</ul>
</div>
</div>
<ul class="ulnav fl">
<li class="act">首页</li>
<li>1212122121</li>
<li>1212122121</li>
<li>1212122121</li>
<li>1212122121</li>
</ul>
</div>
</div>
<div class="clears ">
</div>
<div class="cont">
<div class="flexslider">
<ul class="slides">
<li style="background: url(/images/img1.png) 50% 0 no-repeat;"></li>
<li style="background: url(/images/img2.png) 50% 0 no-repeat;"></li>
<li style="background: url(/images/img3.png) 50% 0 no-repeat;"></li>
<li style="background: url(/images/img4.png) 50% 0 no-repeat;"></li>
<li style="background: url(/images/img5.png) 50% 0 no-repeat;"></li>
</ul>
</div>
</div>
<div class="clears ">
</div>
<div class="cont ads">
<a>
<img src="images/img1.png" class="ad" alt="ad" /></a></div>
<div class="clears ">
</div>
<div class="contnews">
<div class="news fl">
<div class="title">
<span>客户</span></div>
<div class="ncont">
<ul>
<li><span>1</span><span class="ntitle"><a href="">121212</a></span><span class="create">12-08</span></li>
<li><span>2</span><span class="ntitle"><a href="">121212</a></span><span class="create">12-08</span></li>
<li><span>3</span><span class="ntitle"><a href="">121212</a></span><span class="create">12-08</span></li>
<li><span>4</span><span class="ntitle"><a href="">121212</a></span><span class="create">12-08</span></li>
</ul>
</div>
</div>
<div class="news fl marg">
<div class="title">
<span>人力资源</span></div>
<div class="ncont">
<ul>
<li><span>1</span><span class="ntitle"><a href="">121212</a></span><span class="create">12-08</span></li>
<li><span>2</span><span class="ntitle"><a href="">121212</a></span><span class="create">12-08</span></li>
<li><span>3</span><span class="ntitle"><a href="">121212</a></span><span class="create">12-08</span></li>
<li><span>4</span><span class="ntitle"><a href="">121212</a></span><span class="create">12-08</span></li>
</ul>
</div>
</div>
<div class="news fr">
<div class="title">
<span>协同办公</span></div>
<div class="ncont">
<ul>
<li><span>1</span><span class="ntitle"><a href="">121212</a></span><span class="create">12-08</span></li>
<li><span>2</span><span class="ntitle"><a href="">121212</a></span><span class="create">12-08</span></li>
<li><span>3</span><span class="ntitle"><a href="">121212</a></span><span class="create">12-08</span></li>
<li><span>4</span><span class="ntitle"><a href="">121212</a></span><span class="create">12-08</span></li>
</ul>
</div>
</div>
</div>
<div class="clears ">
</div>
<div class="cont ads">
<a>
<img src="images/img1.png" class="ad" alt="ad" /></a></div>
<div class="clears ">
</div>
<div class="cont">
<div class="tab">
<div class="tab_title">
<ul>
<li><a href="#">OA 1111111111</a></li>
<li><a href="#">OA 1111111111</a></li>
<li><a href="#">OA 1111111111</a></li>
<li><a href="#">OA 1111111111</a></li>
<li><a href="#">OA 1111111111</a></li>
<li><a href="#">OA 1111111111</a></li>
<li><a href="#">OA 1111111111</a></li>
<li><a href="#">OA 1111111111</a></li>
</ul>
</div>
<div class="tab_content">
</div>
</div>
</div>
<div class="clears ">
</div>
<div class="cont ads">
<a>
<img src="images/img1.png" class="ad" alt="ad" /></a></div>
<div class="clears ">
</div>
<div class="cont">
<div class="freindlink">
<ul>
<li><a href="3338.htm">机械设备公司</a> </li>
<li><a href="3339.htm">电子元件公司</a> </li>
<li><a href="3340.htm">五金工具公司</a> </li>
<li><a href="3341.htm">电工电气公司</a> </li>
<li><a href="3342.htm">汽摩及配件公司</a> </li>
<li><a href="3343.htm">照明灯具公司</a> </li>
<li><a href="3344.htm">交通运输公司</a> </li>
<li><a href="3345.htm">安防公司</a> </li>
<li><a href="3346.htm">包装公司</a> </li>
<li><a href="3347.htm">仪表公司</a> </li>
<li><a href="3348.htm">印刷公司</a> </li>
<li><a href="3349.htm">环保公司</a> </li>
<li><a href="3350.htm">纸业公司</a> </li>
<li><a href="3351.htm">加工公司</a> </li>
<li><a href="3352.htm">服装内衣公司</a> </li>
<li><a href="3353.htm">鞋包配饰公司</a> </li>
<li><a href="3354.htm">礼品工艺品公司</a> </li>
<li><a href="3355.htm">家居日用品公司</a> </li>
<li><a href="3356.htm">数码电脑公司</a> </li>
<li><a href="3357.htm">家用电器公司</a> </li>
<li><a href="3358.htm">通信产品公司</a> </li>
<li><a href="3359.htm">办公文教公司</a> </li>
<li><a href="3360.htm">运动、休闲公司</a> </li>
<li><a href="3361.htm">食品饮料公司</a> </li>
<li><a href="3362.htm">玩具公司</a> </li>
<li><a href="3363.htm">传媒广电公司</a> </li>
<li><a href="3364.htm">化工公司</a> </li>
<li><a href="3365.htm">冶金矿产公司</a> </li>
<li><a href="3366.htm">橡胶塑料公司</a> </li>
<li><a href="3367.htm">纺织皮革公司</a> </li>
<li><a href="3368.htm">精细化学品公司</a> </li>
<li><a href="3369.htm">农业公司</a> </li>
<li><a href="3371.htm">医药保养公司</a> </li>
<li><a href="3372.htm">建筑建材公司</a> </li>
<li><a href="3374.htm">能源公司</a> </li>
<li><a href="11739.htm">商务服务公司</a> </li>
<li><a href="12104.htm">代理公司</a> </li>
</ul>
</div>
</div>
<div class="clears ">
</div>
<div class="footer">
<div class="cont">
<div class="fcontent">
<div class="flogo">
</div>
<div class="flist">
<ul>
<li><a href="12104.htm">代理公司</a> </li>
<li><a href="12104.htm">代理公司</a> </li>
<li><a href="12104.htm">代理公司</a> </li>
<li><a href="12104.htm">代理公司</a> </li>
</ul>
</div>
<div class="flist">
<ul>
<li><a href="12104.htm">代理公司</a> </li>
<li><a href="12104.htm">代理公司</a> </li>
<li><a href="12104.htm">代理公司</a> </li>
<li><a href="12104.htm">代理公司</a> </li>
</ul>
</div>
<div class="flist">
<ul>
<li><a href="12104.htm">代理公司</a> </li>
<li><a href="12104.htm">代理公司</a> </li>
<li><a href="12104.htm">代理公司</a> </li>
<li><a href="12104.htm">代理公司</a> </li>
</ul>
</div>
</div>
<div class="fbottom">
xxxxx copyright
</div>
</div>
</div>
<div class="loginPanel">
</div>
<script src="/js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="/js/pub.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.flexslider').flexslider({
directionNav: true,
pauseOnAction: false,
slideshowSpeed: 3000
});
});
</script>
</body>
</html>
/*body{font: 12px/1.5 微软雅黑,宋体,arial,\5b8b\4f53; color:#333333;}*/
body {
/*font-family:"Times New Roman",Times,serif;*/
font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
font-size: 14px;
line-height: 1.4285em;
}
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input, button,textarea,blockquote{ padding:0;margin:0; text-indent:0px;}
html{zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true);}(this));}/*IE6下重复加载BUG*/
select{ margin:0;} table{ margin:0px auto;}
table,td,tr,th,em{ font-size:12px; font-weight:normal; font-style:normal;}
ol,ul,li{ list-style-type:none;}
button { border:none; cursor:pointer; overflow:hidden;}
img{ border:0;} p{ word-break:break-all; margin:0; padding:0; display:block;}
h1,h2,h3,h4,h5,h6{font-size:12px;}
a{ text-decoration:none; color:#000000; cursor:pointer;}
a:hover{ text-decoration:underline; color:#E60000;}
a:focus{outline:none;}.fl{ float:left;}.fr{ float:right;}.cls{*zoom:1; }.cls:after{content:'\20';display:block;height:0;clear:both;}.mt10{ margin-top:10px;}.mt15{ margin-top:15px;}
.clears { *zoom:1; }
.clears:after { content:''; display:table; clear:both; }
.divnone{ line-height:100px; text-align:center; font-size:14px; color:#999999; border-bottom:0px none;}
.miniheight{ min-height:500px; height:auto;}
.header{ height:180px;}
.header .cont .logo{ background-color: #E60000;width: 230px;height: 100px; line-height:100px; font-weight:600; margin-top: 20px;text-align: center;color: #fff;font-size: 28px;}
.header .cont .searcher{width: 790px;height: 100px; margin-top: 20px; }
.header .cont .searcher .search{height: 44px;margin-top: 20px;margin-left: 200px; background-color: #e60000;border-radius: 8px;overflow: hidden;}
.header .cont .searcher .search #key{float: left;height: 40px;line-height: 40px;text-indent: 35px;width: 460px;outline: 0px;border-radius: 6px 0 0 6px;border: none;background: url(/images/siconb.png) 5px 10px no-repeat;background-color: #fff;margin-top: 2px;margin-left: 2px;}
.header .cont .searcher .search #btnSearch{float: left;display: block;height: 40px;line-height: 40px;width: 124px;text-align: center;background-color: #e60000;color: #fff;cursor: pointer;border-radius: 0 6px 6px 0; text-decoration:none;}
.header .cont .searcher .search #btnSearch:hover{ color:#efefef;}
.header .tip{ height:30px; line-height:30px; background-color:#efefef;}
.header .tip .hy{ font-size:11px;}
.header .tip .logo{ width:100px;}
.header .tip .tool{ width:80px;font-size: 11px;}
.loginPanel{ z-index:999; display:none; width:500px; height:500px;background: orange;position:fixed;margin-left:-250px;margin-top:-250px;left: 50%;top: 50%; }
.cont{ width:1200px; margin:0 auto;height: auto;position: relative;}
.nav{width: 232px;line-height: 45px;font-size: 16px;background: url(/images/bgpinpai.png) 40px 17px no-repeat #E60000;text-align: center;/*! margin-right: 20px; */color: #fff;}
.nav ul li{ }
.menubar{height: 45px;border-bottom: 2px solid #E60000;}
.menubar .cont .ulnav li {float: left;padding: 0px 22px;height: 45px;line-height: 45px;}
.menubar .cont .ulnav li.act{color: #e60000;}
.menubar .cont .ulnav li:hover{color: #e60000;}
.menubar .cont .ulnav{ width: 960px;height: 45px; /*! border-top: 1px solid #efefef; *//*! border-right: 1px solid #efefef; */}
.subitem{ width: 230px;border: 1px solid #E60000;border-top: 2px solid #e60000;background-color: #FFFFFF;position: absolute;top: 45px;left: 0px;z-index: 99; }
.subitem ul li.item{text-align:left; text-indent:42px; line-height:33px; background:url(/images/nav_ar.png) 203px 12px no-repeat;color: #000;}
.subitem ul li.item:hover{background-color:#e60000;color:#fff;}
.subitem ul li.item:hover .subItems{ display:block;}
.subitem ul li.item .subItems{ display: none;width: 734px;height: 490px;overflow: hidden;position: absolute;background-color: #fff;border: 1px solid #E60000;border-top: 0px none;left: 230px;top: 0px;_top: 0px;z-index: 99; }
/* flexslider */
.flexslider{position:relative;height:393px;overflow:hidden;background:url(/images/loading.gif) 50% no-repeat;width: 966px;margin-left: 231px;padding: 2px;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(/images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(/images/next.png) center center no-repeat;}
.ads{margin-top: 3px;margin-bottom: 3px;}
.ads .ad { height:100px;width: 1200px;}
.contnews{ width:1200px; margin:0 auto;height: auto;position: relative;}
.news{ width:388px; height:600px; background-color:#fff; /*! border:1px solid #e60000; */border-radius: 8px; /*! margin-right:5px; */overflow: hidden;}
.news .title{background: linear-gradient( 225deg ,#dd647bad,#dfe8f0);height: 45px;line-height: 45px;/*! margin: 10px; *//*! border-bottom: 1px solid #efefef; */}
.news .title span{ width: 100px;display:block;text-align: center;border-bottom: 2px solid #e60000; }
.news .ncont{ padding-left:20px; padding-top: 20px;/*! border-left: 1px solid #e60000; */background-color: #efefef;}
.news .ncont ul li{height: 35px;}
.news .ncont ul li a{height: 24px;padding: 5px; line-height: 24px;padding: 0 0 0 13px;transform: scale(0.5);font-size: 16px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;color: #8a8a8a;}
.news .ncont ul li span.create{float: right;margin-right: 15px;color: #aaa;}
.news .ncont ul li span.ntitle{ width:50px;}
.marg{margin-left: 15px;}
.news .ncont ul li {color: #8a8a8a;/*! transition: .2s all; */}
.news .ncont ul li:hover {color: #8a8a8a;transition: .2s all;}
.cont .tab{ height:450px; /*! border-radius: 8px; */border: 1px solid #e60000;}
.cont .tab .tab_title{background: linear-gradient( 225deg ,#dd647bad,#dfe8f0); height:49px; line-height:50px;border-bottom: 1px solid #e60000;}
.cont .tab .tab_title ul li {display:inline-block; padding:0 10px; /*! border: 1px solid #efefef; */}
.cont .tab .tab_content{ /*! height:200px; */}
.cont .freindlink{ height:200px;border: 1px solid #e60000;margin: 3px 0;padding-left: 100px; padding-top: 40px}
.cont .freindlink ul li{ width:210px; float:left;}
.footer{ background-color:#000; color:#fff;height: 400px;}
.footer .fcontent{ /*! padding:50px; */ /*! border-bottom: 1px solid #e60000; */height: 360px;}
.footer .fcontent .flogo{ height:300px; width:360px; float:left; color:#fff;}
.footer .fcontent .flist{ width:200px;float: left;color: #fff;height: 300px;padding-top: 50px;text-align: right;}
.footer .fcontent .flist ul li { width:200px;height: 30px;line-height: 30px;}
.footer .fcontent .flist ul li a{ color:#fff;}
.footer .fbottom { /*! width:1200px; */ /*! margin:0 auto; */ height: 40px; line-height: 40px; text-align: center;}
/*
.news .ncont ul li::marker {
content: '😩';
}
.news .ncont ul li:hover::marker {
content: '😁';
}*/