@charset "utf-8";
*{word-wrap:break-word;padding:0;margin:0;}
html{padding:0;margin:0; overflow-y:scroll}
body{color:#333;background: #f4f4f4;}
body,button,input,select,textarea {font:14px/1.5 "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif}
a{color:#333;text-decoration:none;transition: all .3s;}
a:hover{text-decoration:none; color:#2190ff;transition: all .3s;}
img{border:0;background:#f2f2f2}
li{list-style:none}
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, .pr, .pc {margin:0;padding:0}
table{empty-cells:show;border-collapse:collapse}
caption,th{text-align:left;font-weight:400}
h1, h2, h3, h4, h5, h6 {font-size:1em}
em, cite {font-style:normal}
input,button,select,textarea{ font-family: Microsoft yahei}
input{border:0;outline:none}
button{outline:none; cursor: pointer; border:0}
select, textarea{outline: none}
i{font-style:normal}
.oh{ overflow: hidden;}
.b{ padding: 30px; background: #fff; border-radius: 6px; box-shadow: 0 1px 2px rgba(0, 0, 0, .05);}
.t{ float:left; position: relative; display:block; width:100%; padding: 10px 0;border-radius: 6px;}
.t .title{ float:left; position:relative; font-size: 20px; color: #333; font-weight: 700; margin-left:10px}
.t .more a{ float:right; color:#999; font-size:16px; padding: 2px 0 0;; margin-right:10px}
.t .more i{ font-size:20px; margin-left:10px; color:#ddd}
.t .search{ float:right; margin:0}
.t .top-search input{ width:387px; background:#f2f2f2}
.t .top-search button{ background:#ddd}
/*按钮*/
.bt button{ float: left;}
.btn{float: left;margin:10px;background: #158afe;text-align: center;color: #fff;font-size: 18px;height: 50px;line-height:50px;padding: 0 50px;border-radius: 4px;box-shadow: 0 10px 30px rgba(21, 138, 254, .2);border:1px solid #158afe;}
.bt1{ background: #fff; color: #158afe; box-shadow: 0 10px 30px rgba(0, 0, 0, .05);}
.bt2{ background: #31cd79; box-shadow: 0 10px 30px rgba(49, 205, 121, .2);border-color: #31cd79}
.bt3{ background: #fff; color: #31cd79; box-shadow: 0 10px 30px rgba(0, 0, 0, .05);border-color: #31cd79}
.bt4{ background: #fff; color: #666; box-shadow: 0 10px 30px rgba(0, 0, 0, .05);border-color: #eee}
.bt button i{ margin:0 5px;}
.bt.s1 .btn{height:40px; line-height:40px; padding:0 30px; font-size:16px; border-radius:3px}
/*文字颜色*/
.c1{color:#0c9cfa!important;}
.c2{color:#bbb!important;}
.c3{color:#f50!important;}
.c4{color:#31cd79!important;}
.c5{color:#ff9800!important;}
/*浮动层*/
.fx{ position: fixed; z-index: 9; left: 0; right: 0; bottom: 0; padding: 30rpx; background: #fff; border-radius: 30rpx 30rpx 0 0; box-shadow: 0 -2rpx 6rpx rgba(0, 0, 0, .03);}
.nobg{ background: none; box-shadow: none;}
/*显示隐藏动画 向上进入 向下退出*/
.show{transition: all 0.3s ease; transform: translateY(0); visibility: visible; opacity: 1;}
.hide{transition: all 0.3s ease; transform: translateY(60rpx); visibility: hidden; opacity: 0;}
/*显示隐藏动画 2上 3左 4右*/
.hide2{transition: all 0.3s ease; transform: translateY(-60rpx); visibility: hidden; opacity: 0;}
.hide3{transition: all 0.3s ease; transform: translateX(-60rpx); visibility: hidden; opacity: 0;}
.hide4{transition: all 0.3s ease; transform: translateX(60rpx); visibility: hidden; opacity: 0;}
/* 顶部通用 */
.fl{ float: left }
.fr{ float: right }
.mauto{ width: 1468px; margin: 0 auto; position: relative}
.mgnone{ margin: 0 }
.w1{ width:368px; min-height:300px;}
.w2{ width:1050px;}
.blur{
    -webkit-filter: blur(5px); /* Chrome, Opera */
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px)
}
.flex{display: flex;}
.flex-c-c{justify-content: center;align-items: center;}
.flex-sb-c{justify-content: space-between; align-items: center;}
.flex-column{flex-direction: column;}
.flex-row-wrap{flex-flow: row wrap;}

.header-main{z-index:9;min-width:1468px;height:130px;background:#2190ff;position:relative;/* overflow:hidden */}
.header-main video{
    filter: brightness(100%);
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    z-index: 1
    }
.topbar{width:100%;height:36px;line-height:36px;background:rgb(33, 144, 255);transition: all 0.4s ease-out;}
.topbar i.bg{position:fixed; top:-68px;display:block;height:68px;width:100%;background: #2190ff;}
.topbar .nav{ float:right; margin:0 0 0 10px}
.topbar .nav ul li{ float:left; margin:8px 0; line-height:20px;border-right:1px solid rgba(255,255,255,.3)}
.topbar .nav ul li a{ display:block; padding:0 16px; font-size:12px; color:#fff}
.topbar .nav ul li a:hover{ color:#c2e0ff}
.topbar .nav ul li.on a{ color:#00d5b4}
.topbar .nav ul li i{ margin-right:10px}
.welcome{ float:left; color:#fff; font-size:12px; margin:8px 10px; line-height:20px; padding-right:20px;}
.login{ float:right}
.login a{ display:inline-block; color:#FFEB3B; font-size:12px; margin:6px; line-height:24px; padding:0 10px; border-radius:2px}
.login a.reg{ background:#fff; color:#2190ff}
.headinfo{ position:absolute; z-index:9; left:50%; top:50px; width:1468px; margin:0 0 0 -734px}
.logo{ float:left; width:200px}
.logo h1 a{ position:relative; display:block; color:#000; width:128px; height:54px; background:url(../images/logo_w.png?v=20200613) no-repeat center}
/* .logo h1 a:after{ position:absolute; right:-45px; top:50%; margin-top:-13px; content:""; height:30px; width:1px; display:block; background:#fff} */
.top-search{ float:left; display:flex; align-items:center}
.top-search input{ display:none; float:left; width:400px; height:40px; font-size:16px; line-height:40px; padding:0 40px; border-radius:99px; margin-right:10px; background:#f2f2f2}
.top-search button{ width:60px; height:40px; font-size:18px; color:#fff; border-radius:99px; background:#2190ff}
.top-search .fb{ width:120px; margin:10px 0 0 0; background:#fff; color:#2190ff; font-weight:700;transition: all .3s;}
.top-search .fb .fa{ margin-right:15px;}

.search{ float:left; margin-top:10px}
.search input{ float:left; width:400px; height:40px; line-height:40px; padding:0 20px; border-radius:4px 0 0 4px}
.search button{ width:60px; height:40px; font-size:18px; color:#2190ff; border-radius:0 4px 4px 0; background:#9bcdff}

.fbbtn{ position:relative; height:60px; margin-left:15px;}
.fbbtn.on .fb{ background:#1f6eff; color:#fff;}
.fbbtn ul{ position:absolute; left:0; top:60px; z-index:1; width:100%; background:#fff; padding:10px 0; border-radius:0 0 2px 2px; box-shadow:0 5px 5px rgba(0,0,0,.1); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;transition: all .3s;}
.fbbtn.on ul{ filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; visibility: visible;}
.fbbtn ul li{ width:100%; padding:0; text-align:center}
.fbbtn ul li a{ display:block; color:#555; height:40px; line-height:40px;}
.fbbtn ul li a:hover{ color:#0052e8; font-weight:700; background:#f0f6fd}

.addzhaosha{ float:left}
.addzhaosha .btn{ margin:9px; height:40px; line-height:40px; padding:0 30px; font-size:15px; background:#0062c3; color:#abd5ff}
.addzhaosha i{ margin-right:10px; color:#89c4ff}
.header-fixed{ z-index:10}
.header-fixed .headinfo{ position:fixed; top:7px}
.header-fixed .topbar i.bg{ top:0}

.menu{ width:100%; height: 50px;background:#2190ff;}
.menu ul{ width:1448px; padding:5px 10px 0; height:45px; background:#2190ff; border-radius:4px 4px 0 0; box-shadow: 0 5px 10px rgba(21, 138, 254, .2);}
.menu ul li{ float:left; line-height:45px}
.menu ul li:last-child{ border:0}
.menu ul li a{ display:block; font-size:16px; color: #fff; padding:0 30px; margin-right:3px; border-radius:6px 6px 0 0}
.menu ul li a:hover{ background:#43a1ff;}
.menu ul li.on a{ background:#43a1ff;}
.menu ul li.home a{ height:60px; background:#fff; color:#3399ff;font-weight:700}
.right_nav{ position:absolute; z-index:10; right:50%; top:55px; margin-right:-741px}
.swcenter{ float:left; padding-left:10px; border-radius:6px}
.swcenter div{ float:left}
.swcenter .avatar{ width:40px; height:40px; margin:5px 5px 0 0;}
.swcenter .avatar img{ width:100%; height:100%; border-radius:50%}
.swcenter .swbtn{ margin:5px 0px 0 20px;border-left:1px solid #64b1ff}
.swcenter .swbtn a{margin:0;height:40px;line-height:40px;font-size:16px;padding:0 15px 0 30px;background:none;border:0;color:#fff;border-radius:99px;}
.swcenter .swbtn i{ margin-left:20px; color:#49a4ff}
.right_nav .code{ float:left; position:relative; margin:5px 20px; width:40px; height:40px; background: url(../images/code_icon.gif) no-repeat center}
.right_nav .codebox{ display:none; position:absolute; top:60px; right:-13px; padding:20px 50px 30px; background:#fff; border-radius:6px; border:1px solid #e2e2e2; box-shadow:0 3px 6px rgba(0,0,0,.1)}
.right_nav .codebox:before{ position:absolute; top:-10px; right:23px; content:""; display:block; width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;}
.right_nav .codebox:after{position:absolute; top:-70px; right:0; content:""; display:block; width: 70px;height: 70px;}
.right_nav .codebox .gzh img{ width:120px; height:120px}
.right_nav .codebox p{ text-align:center}
.right_nav .code.on .codebox{ display:block}
.header-fixed .right_nav{ position:fixed; top:9px}


.menu-fixed.menu ul{ box-shadow:none}
.menu-fixed.menu ul li.home a{ height:45px}
.navicon{ width:1466px; margin:0 auto; height:80px; padding-top:0; border:1px solid #eee; border-top:0; background:#fff}
.navicon ul{ float:right; width:90%}
.navicon ul li{ float:left; width:25%; height:40px; padding:20px 0;}
.navicon ul li i{ float:left; margin-right:20px; font-size:30px; color:#caddef}
.navicon ul li span{ font-size:18px}
.navicon ul li p{ color:#aaa; font-size:13px}
.mianliaoshow{ width:100%; padding:0 0 30px 0; overflow:hidden}
.mianliaoshow .t .title{ color:#2b3744}
/*横排滚动*/
.topscroll{float:left;width:100%;background:#fff;padding:0;position:relative;border-radius:10px;box-shadow:0 3px 30px rgba(0,0,0,.03);}
.topscroll .prev,.topscroll .next{ font-size:40px; color:#ddd; width:50px;height:45px; line-height:45px; margin-top:-50px; text-align:center; position:absolute;top:50%;left:-60px;z-index:1; cursor:pointer;}
.topscroll .next{ left:auto; right:-55px;}
.topscroll .prev:hover,.topscroll .next:hover{ color:#2190ff}
.topscroll .wrap{padding-left:10px}
.topscroll dl{float:left;width:158px;position:relative;padding:0; margin:20px 12px 20px 11px; overflow:hidden; box-shadow:none}
.topscroll dt{margin:0 auto;width:100%;}
.topscroll dt img{ width:100%;height:238px;}
.topscroll dd{ height:40px; padding:10px;}
.topscroll dd span{ position:absolute; right:5px; bottom:50px; width:60px; height:60px; border-radius:50%; border:2px solid #fff; overflow:hidden}
.topscroll dd span img{ width:100%; height:100%}
/*横机滚动*/
.HJscroll{ float:left; width:100%; padding:0; position:relative; border-radius:10px; background:#fff;box-shadow:0 3px 30px rgba(0,0,0,.03)}
.HJscroll .prev,.HJscroll .next{ font-size:40px; color:#ddd; width:50px;height:45px; line-height:45px; margin-top:-30px; text-align:center; position:absolute;top:50%;left:-60px;z-index:1; cursor:pointer;}
.HJscroll .next{ left:auto; right:-55px;}
.HJscroll .prev:hover,.HJscroll .next:hover{ color:#2190ff}
.HJscroll .wrap{padding-left:10px}
.HJscroll dl{float:left;width:158px;position:relative;padding:0; margin:20px 12px 20px 11px; overflow:hidden;}
.HJscroll dt{margin:0 auto;width:100%;}
.HJscroll dt img{ width:100%; height:158px; border-radius:6px}
.HJscroll dd{ height:40px; padding:10px; text-align:center}
.HJscroll dd span{ display:block; color:#fff; background:#2190ff; border-radius:2px}

.focus{ width:1046px}
/* 首页tab */
.focusTab{ float:left; width:100%; height:330px; padding:15px 0; background:#fff; overflow:hidden;border-radius:10px;box-shadow:0 3px 30px rgba(0,0,0,.03)}
.focusTab .hd{ height:30px; padding:0 30px; border-bottom:1px solid #eee; position:relative; padding-right:10px;}
.focusTab .hd .more a{ float:right; color:#ccc; font-size:16px;}
.focusTab .hd .more i{ font-size:20px; margin-left:10px; color:#ddd}
.focusTab .hd ul{ z-index:5; position:absolute; height:33px;  overflow:hidden; zoom:1; }
.focusTab .hd li{ float:left; font-size:16px;  padding:0; margin-right:40px; cursor:pointer; border-radius:4px 4px 0 0}
.focusTab .hd li.on{ font-weight:bold; height:30px;font-weight:bold; color:#333; border-bottom:3px solid #333 }
.focusTab .bd{  padding:20px 0 0 30px; position:relative;}
.focusTab .bd ul{ padding:0}
.focusTab .bd ul li{ float:left; width:47%; padding:10px 3% 10px 0}
.focusTab .bd ul li img{ float:left; width:100px; height:70px; margin-right:20px; border-radius:4px}
.focusTab .bd ul li span { display:block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.focusTab .bd ul li span a{ font-size:16px;}
.focusTab .bd ul li p{ height:45px; color:#999; padding-top:5px; border-bottom:1px solid #eee; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
.focusTab .bd ul li:last-child p{ border:0}
.focusTab .bd ul li p a{ margin-left:10px; color:#2190ff;}

.bannerbox{ position:relative; width:100%; height:500px; overflow: hidden;}
.bannerbar{ position:absolute; z-index:1; bottom:0; width:1470px; height:108px; left:0; right:0; margin:auto; background:#fff; border-radius:10px; box-shadow: 0 5px 30px rgba(0,0,0,.05);}
.bannerbar ul li{ float:left; width:17%; padding:30px 0 0 3%}
.bannerbar ul li i{ margin-right:10px; color:#f60; font-size:18px}
.bannerbar ul li span{ font-size:18px; font-weight:700;}
.bannerbar ul li span i{ margin-left:20px; color:#bbb}
.bannerbar ul li p{ color:#888}

.sidebar{ position:absolute; left:50%; margin-left:470px; bottom:50px; width:260px; height:410px; background-color: rgba(0,0,0,0.3); border-radius:10px;-webkit-backdrop-filter: saturate(180%) blur(10px);backdrop-filter: saturate(180%) blur(10px);}
.sidebar ul{ padding-top:15px}
.sidebar ul li{ float:left; width:100%; margin-top:7px}
.sidebar ul li a{ position:relative; display:block; border-radius:10px; margin:0 15px; padding:10px}
.sidebar ul li a:hover{ background:rgba(255,255,255,.1)}
.sidebar ul li i{ margin-right:30px; color:rgba(255,255,255,.3); font-size:18px}
.sidebar ul li span{ font-size:18px; color:#fff}
.sidebar ul li span i{ position:absolute;right:0; margin-left:50px; color:#bbb}
.sidebar ul li p{ padding-left:48px; color:rgba(255,255,255,.5)}
/* 首页轮播 */
.focusBox { float:left; position: relative; width:100%; height:500px; overflow: hidden;}
.focusBox .pic{ position:relative; z-index:0; background:#000}
.focusBox .pic a { width:100%; height:500px; display: block; text-indent:-9999px}
.focusBox .hd { width:1460px; position: absolute; bottom: 80px; text-align: left; z-index:1; left:0; right:0; margin:auto }
.focusBox .hd li{ width: 8px; height: 8px; margin: 0 5px; display: inline-block; background: rgba(255,255,255,.5); border-radius:8px;}
.focusBox .hd .on{ width:16px; background:#fff}
.focusBox .prev,
.focusBox .next { width: 50px; height: 90px; line-height:90px; font-size:40px; text-align:center; color:#fff; margin: -45px 0 0; border-radius:4px; display: none; position: absolute; z-index:8; top: 50%; cursor: pointer; filter:alpha(opacity=50);opacity:0.5;  }
.focusBox .prev { left: 0;}
.focusBox .next { right: 0;}
.focusBox .prev.on,.focusBox .next.on{ display:block}
.focusBox .prev:hover,
.focusBox .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;}
/* 广告 */
.hotActive{ float:right; width:400px;}
.hotActive ul li{ float:left; margin-bottom:13px; width:100%; height:110px}
.hotActive ul li img{ width:100%; height:100%; border-radius:10px}

.company{ padding:1px;background:#fff; overflow:hidden; box-shadow:0 3px 30px rgba(0,0,0,.03); border-radius:10px}
.company ul li{ display:block; height:60px; padding:12px 5%; background:#fff; border-bottom:1px solid #eee;}
.company ul li:last-child{ border:0}
.company ul li img{ float:right; margin-left:15px; width:60px; height:60px; border-radius:4px; border:1px solid #eee}
.company ul li span{ font-size:15px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
.company ul li p a{ font-size:12px; color:#999; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow:hidden;}

.pro-nav{ margin:0 0 30px; display:block; width:100%; overflow:hidden}
.pro-nav ul li{ float:left; margin-right:10px}
.pro-nav ul li a{ display:block; height:20px; line-height:20px; padding:0 15px; border:1px solid #e8e8e8; background:#e8e8e8; border-radius:32px}
.pro-nav ul li.on a{ border-color: #4b85f0; color:#fff; background:#4b85f0}

.footer{ position:relative; z-index:12; clear:both; width:100%; margin-top:50px; min-width:1468px; background:#282828; overflow: hidden;}
.footbar{ width:100%; padding:30px 0; background:#282828; color:#666; overflow:hidden}
.footbar a{ color: #666}
.foot_menu{ width: 1468px; padding: 30px 0 20px}
.foot_menu ul{ float: left; height:150px; width: 160px; padding: 0 30px; border-right: 1px solid #333; display: inline; overflow: hidden;}
.foot_menu ul.fw{ width:410px}
.foot_menu ul.fw li p{ line-height: 28px;}
.foot_menu ul.fw li a{width: 100%; margin-bottom: 0!important;}
.foot_menu ul.gz{ width: 285px}
.foot_menu ul.kf{ width: 330px; border:0;}
.foot_menu li span{ display:block; height:30px; font-size:18px; color:#666}
.foot_menu li{ float:left; width:100%; color:#666}
.foot_menu li.qq{ margin-top:20px}
.foot_menu li a{ margin-bottom:5px; display: block; line-height: 26px; color:#666; overflow:hidden}
.foot_menu li a:hover{ color: #2190ff;}
.foot_menu li strong{ font-size: 30px; color: #888}
.foot_menu li i{ float: left; width: 45px; height: 45px; margin-right: 10px; display:inline}
.foot_menu li.tel a{ float:right; padding:8px 40px; font-size:16px; color:#fff; text-align:center; background:#f90; border-radius:4px}
.foot_menu li.dyh{ float: left; margin-right: 10px; width: 105px; height: 105px; background: #fff url(../images/mz100-mp.jpg) no-repeat center; background-size:cover; border-radius:4px}
.foot_menu li.qyh{ float: left; width: 105px; height: 105px; background: #fff url(../images/mz100-weapp.jpg) no-repeat center; background-size:cover; border-radius:4px}

.gototop{ z-index:999; position:fixed; bottom:0; text-align:center; right:0; _position: absolute; display:block;}
.top_on{ bottom:80px}
.top_in{ bottom:80px}
.sidebox{ position:absolute; bottom:120px; right:20px}
.sidebox span a{ display:block; width:46px; height:46px; background:#fff url(../images/icon.png) no-repeat;border:1px solid #e8e8e8}
.sidebox span a:hover{ display:block; width:46px; height:46px; background-position: -46px 0; border:1px solid #e8e8e8}
.sidebox ul{ position:relative; width:46px}
.sidebox ul li{ margin-top:5px; width:46px; height:46px; background:#fff; border:1px solid #e8e8e8}
.sidebox ul li i{ float:right; background:url(../images/icon.png) no-repeat; width:46px; height:46px; cursor:pointer;}
.sidebox ul li.wt i{ background-position: 0 -92px}
.sidebox ul li.wx i{ background-position: 0 -46px}
.sidebox ul li.backtop i{ background-position: 0 -138px}
.sidebox ul li.backtop{ }
.sidebox ul li span{ position:absolute; z-index:-1; top:0; right:51px; width:140px; padding-top:10px; height:136px; line-height:16px; background:#fff; border:1px solid #e8e8e8;}
.sidebox ul li span{ transition: all 0.3s ease 0s; transform: translate3d(-10px, 0, 0); -moz-transform: translate3d(-10px, 0, 0); -webkit-transform: translate3d(-10px, 0, 0); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
.sidebox ul li span img{ width:90px}
.sidebox ul li span p{ font-size:12px}
.sidebox ul li span b{ color:#059cef}
.sidebox ul li.on span{filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
.sidebox ul li.on i{background-position-x:right}

.sidebox ul li p{ font-size:14px;}
.sidebox ul li.wt span{ top:0; width:80px; height:44px; line-height:44px; border-color:#059cef; padding:0; color:#fff; background:#059cef;}
.sidebox ul li.backtop{ position:relative}
.sidebox ul li.backtop span{ top:0; width:80px; height:44px; line-height:44px; padding:0; color:#667082; background:#fff;}
.sidebox ul li.backtop.on { background-color:#fff}
/*首页头部主体导航*/
.card-body{width:100%;padding:30px 0;min-width:1468px;overflow:hidden;}
.homenav{ width:1500px}
.homenav .item{ float:left; width:447px; padding:15px; background:#fff; border:1px solid #eee; margin:0 15px 15px 0; border-radius:2px;transition: all .3s}
.homenav .item span img{ width:447px; height:139px; background:#eee}
.homenav .item h3{ padding:5px 0;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.homenav .item p{ color:#bbb;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.homenav .item i{ float:right;}
.homenav .item.on{ box-shadow: 0 5px 30px rgba(0,0,0,.1); border-color:#fff}
/*色卡*/
.seka{ width:1500px;}
.seka .item{ float:left; width:228px; padding:0; margin:0 20px 20px 0;}
.seka .item span{ position:relative; padding:0; display:block}
.seka .item span a{ float: left; display:block; padding: 8px;}
.seka .item span img{ float: left; width:100%; border-radius:4px 4px 0 0;}
.seka .item .info{ position:relative; height:130px; padding:10px 15px 0; overflow:hidden}
.seka .item h3{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.seka .item .num{ height:30px; color: #bbb;}
.seka .item .avatar{ position:absolute;right:15px;top:10px}
.seka .item .avatar img{ width: 20px; height: 20px; border-radius: 2px;}
.seka .item .sort{ height:46px; overflow:hidden}
.seka .item .sort .tag{ float:left; color: #bbb; font-size:12px; margin: 0 6px 0 0;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
.seka .item .cpn{ font-size:12px}


/* 招聘列表 */
.job-list .item{ float:left; width:30%; height:88px; padding: 10px 1%; background: #fff; margin:0 12px 10px 0; display:block; border:1px solid #eee; overflow:hidden}
.job-list .item-t{ }
.job-list .item-f{ position: relative; align-items: center; justify-content: space-between; padding-top: 20px;}
.job-list .item-head{ padding-bottom: 10px; width:100%; display:block; overflow:hidden}
.job-list .title{ float:left}
.job-list .title div{ float:left; font-size: 16px;}
.job-list .title .p{ width: 22px; height: 22px; line-height: 22px; text-align: center; font-size: 12px; background: #0c9cfa; color: #fff; border-radius: 2px; margin-right: 10px;}
.job-list .money{ float:right; color: #f60; font-weight: 700;}
.job-list .tags{ display:block; width:100%; overflow:hidden}
.job-list .tags div{ float:left; background: #f2f2f2; color: #999; font-size: 12px; border-radius: 2px; margin: 0 3px 3px 0; padding: 4px 10px;}
.job-list .text{ padding: 5px 0 0; font-size:12px; color: #999;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow:hidden;}
/*人才列表*/
.tabresume{ float:left; padding-bottom:20px; width:100%; }
.resume{ float:left; height:180px; overflow:hidden}
.resume .item{ float:left; width:136px; margin:10px 25px 5px 0; padding:10px 10px 20px; text-align:center; border:1px solid #eee; box-shadow:0 2px 5px rgba(0,0,0,.1)}
.resume .item .pic img{ width:60px; height:60px; border-radius:50%; margin-bottom:10px}
.resume .item .tags div{ color: #999; font-size: 12px;}
.tabresume .hd{ float:left; padding:20px 0 0; width:100%; text-align:center;}
.tabresume .hd ul li{ display:inline-block; width:10px; height:10px; background:#ddd; margin:0 5px; border-radius:50%;cursor:pointer}
.tabresume .hd ul li.on{ background:#2190ff}
/*社区*/
.club .item{ float:left; width:100%; height:90px; margin:0 0 10px 0; padding:10px 0; display:block; overflow:hidden; border-bottom:1px solid #eee}
.club .item .img{ float:left; margin-right:20px}
.club .item .img img{ width:70px; height:70px}
.club .item .title{ padding-right:20px; font-size:16px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow:hidden;}
.club .item .dec{ padding-right:20px; color:#999;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
.club .item .info{ display:block; overflow:hidden}
.club .item .info ul{ margin-top:5px}
.club .item .info ul li{ float:left; color:#bbb; font-size:12px; margin-right:20px;}
.club .item .info ul li i{ margin-right:5px}

/*验证码小窗口*/
.captcha-box{width: 250px;padding:10px}
.captcha-box div{display: block;}
.captcha-box div.input input{width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 18px;}

.iyarn{ width:1500px;}
.iyarn .item{ float:left; width:228px; padding:0; margin:0 20px 20px 0;}
.iyarn .item span{ width:228px; height:228px; padding:8px; display:block; box-sizing: border-box;}

.iyarn .item span img{ width:100%; border-radius:4px 4px 0 0}
.iyarn .item .info{ position:relative; padding:15px; height:110px}
.iyarn .item h3{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.iyarn .item .num{ color: #bbb;}
.iyarn .item .avatar{ position:absolute;right:15px;top:15px}
.iyarn .item .avatar img{ width: 20px; height: 20px; border-radius: 2px;}
.iyarn .item .sort{ height:46px;}
.iyarn .item .sort .tag{ float:left; color: #bbb; font-size:12px; margin: 0 6px 0 0;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
.iyarn .item .cpn{ font-size:12px}

/*页码*/
.page {position: relative;z-index: 1;width:100%;text-align:left;padding:80px 0 0;overflow:hidden; display: flex; justify-content: center}
.page a, .page p{ display:inline-block; padding:5px 15px; border:1px solid #eee; background:#fff;border-radius:3px;margin-right:10px; height:30px; line-height:32px; font-size:14px}
.page p{ color:#bbb}
.page a:hover { color:#000; background-color:#f4f4f4}
.page a.cur{ border: 1px solid #2190ff; background-color:#2190ff; color:#fff;}
.page a.now_page{ border: 1px solid #d0320d; background-color:#eee; color:#fff;}

#toper{ width: 100%; height: 60px; border-bottom: rgba(255,255,255,.1) solid 1px; margin: 0 auto; padding:0 20px; box-sizing: border-box;background: #0052e8;}
#toper .mauto.flex.flex-sb-c{ width:95%;}
#toper .toper-logo{ float:left; width: 300px; height:60px}
#toper .toper-logo a{ float:left; padding:10px 0; height:40px}
#toper .toper-logo img{height: 40px;background:none}
#toper .toper-r{ display:flex; align-items:center}
#toper .toper-search{width: 800px; }
#toper .toper-search .search-box{width: 550px;height: 40px; background: #f0f0f0; border-radius: 55px;}
#toper .toper-search .action-box{width: 230px; border:#ddd solid 1px; border-radius: 40px; height: 35px;}
#toper .toper-user{padding-left: 40px;}
#toper .toper-user a{ line-height:60px; margin-left: 15px; color:#fff}
#toper .toper-user span{ margin-left:15px; height: 10px; border-left: #ddd solid 1px; width: 2px; display: inline-block;}
#toper .toper-user a.center{background: #f50; color:#fff; padding: 5px 10px; border-radius: 3px; display: inline-block; line-height: normal;}

#header{ flex:2; text-align:center; height:60px}
#header ul li{ position:relative; float: left; line-height:60px}
#header ul li a{ display:block; padding:0 20px; font-size: 15px; color:#fff;}
#header ul li a:hover{ color:#fff; background:#1f6eff}
#header ul li.home a{ font-weight:700; background:#1f6eff}
#header ul li .fa-ellipsis-h{ width:30px}

#header ul li.on span a{ background:#1f6eff; color:#fff}
#header ul li ol{ position:absolute; z-index:1; width:120px; background:#fff; padding:10px 0; border-radius:0 0 2px 2px; box-shadow:0 5px 5px rgba(0,0,0,.1); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;transition: all .3s;}
#header ul li.on ol{ filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; visibility: visible;}
#header ol li{ width:100%; padding:0; text-align:left}
#header ol li a{ display:block; color:#555; height:40px; line-height:40px; padding:0 0 0 16px}
#header ol li a:hover{ color:#0052e8; font-weight:700; background:#f0f6fd}

.huaxing.dress img{height: 400px;}

/*20210719*/
.dressbox{ width: 100%; padding-top: 20px; overflow: hidden;}
.dress{ width:1500px;}
.dress .item{ float:left; width:228px; padding:0; margin:0 20px 20px 0;}
.dress .item span{ width:100%; height:228px; padding:0; display:block; overflow:hidden}
.dress .item span img{ width:auto; height:100%;border-radius:4px 4px 0 0}
.dress .item .info{ position:relative; padding:15px}
.dress .item h3{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.dress .item .num{ color: #bbb; font-size:12px;}
.dress .item .avatar{ position:absolute;right:15px;top:15px}
.dress .item .avatar img{ width: 20px; height: 20px; border-radius: 2px;}
.dress .item .sort{ height:30px;}
.dress .item .sort .tag{ float:left; color: #4c8efa; margin: 5px 8px 0 0; background:#cbddfc; padding:0 6px; border-radius:2px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden; font-size:12px}
.dress .item .sort .tag.s2{background:#e4fecd; color:#679c0a}
.dress .item .sort .tag.s3{background:#fef9cd; color:#bd9714}
.dress .item .sort .tag.s4{background:#d2feef; color:#13b27c}

.hotbar{ margin:10px 0; width:1468px; overflow:hidden}
.hotbar ul{ width:1500px;}
.hotbar ul li{ float:left; width:475px; height:140px; margin:0 20px 20px 0; border-radius:6px; background:#fff; overflow:hidden; box-shadow: 0 1px 2px rgba(0, 0, 0, .05);transition: transform .3s ease-in-out;}
.hotbar ul li img{ width:100%; height:140px; border-radius:4px;}

#nav{position: fixed; top: 50%;left: 20px;margin-top: -140px;display: inline-block;vertical-align: middle;z-index: 99;}
#nav a{display: block;position: relative;width: 40px;height: 40px;line-height: 40px;text-align: center;background: #fff;color: #333; border:1px solid #eee; margin-top:-1px}
#nav a:hover{width: 80px;}
#nav a p{position: relative;z-index: 3;}
#nav a.active{background-color: #4b59ff;color: #fff; border-color:#4b59ff;}

.top-space{width:100%;padding:30px 0;min-width:1468px;overflow:hidden;background:#fff}

.search-layer{ display:none; position:absolute; left:0; right:0; bottom:0; top:0; width:100%; height:100%; z-index:99}
.search-layer.on{ display:block}
.slshadow{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; right:0}
.slbox{ position:relative; margin:60px auto; width:700px; padding:30px 30px 60px; background:#fff; border-radius:0 0 8px 8px; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.1)}
.s-boxline{ width:100%; border:1px solid #ddd; overflow:hidden; border-radius:4px}
.s-boxline input{ float:left; width:600px; text-indent:15px; line-height:60px; height:60px}
.s-boxline button{ float:right; width:100px; height:60px; font-size:20px; background:#f60; color:#fff}
.s-tags{ padding:20px 0}
.s-tags li{ float:left; margin:10px 10px 0 0}
.s-tags li a{ display:block; padding:5px 20px; background:#eee; border-radius:4px}
@media screen and (max-width: 1800px) {
    #toper .toper-logo{ width: 260px}
    #header ul li a{ padding:0 10px}
}

@media screen and (max-width: 767px) {
	*{ -webkit-tap-highlight-color: rgba(0,0,0,0); /* For some Androids */ }
	*{-webkit-tap-highlight-color: transparent;}
	.mauto{ width: auto}
    .top-space{padding:30px 0 50px;min-width:100%;margin-top: 50px;}
    .card-body{padding:30px 0 50px;min-width:100%;}
    .footer{ margin-top:50px; min-width:100%}
}
@media screen and (max-width: 413px) {
}
@media screen and (max-width: 321px) {
}