@charset "utf-8";
body{background:url(../images/slider_bg01.jpg) no-repeat center -100px}
.t .title{ float:none; text-align:center; padding:0; font-size:36px;font-weight:700; color:#444172}
.t .title:before{ position:absolute; left:50%; top:50%; margin:30px 0 0 -30px; content:""; display:block; width:60px; height:6px; background:#2190ff; border-radius:4px}
.t .title:after{ position:absolute; left:0; top:50%; margin-top:-30px; content:"≈≈≈≈≈≈≈≈≈≈≈≈≈"; color:#f5f5f5; font-size:50px; z-index:-1; display:block; width:100%; height:auto; background:none}
.t .search{ float:none; width:487px; margin:30px auto}
.t .search input{ width:387px; background:#edf3f9}
.t .search button{ background:#edf3f9}
/*企业主页*/
.header-main{ height:165px;}
.topbar{ background:#f7f7f7;height:50px; line-height:36px;}
.topbar i.bg{ display:none;}
.topbar .nav ul li{ border-color:rgba(255,255,255,.3); margin:15px 0}
.topbar .nav ul li a{ color:#727272}
.topbar .nav ul li a:hover{ color:#333}
.header-fixed .headinfo{ position:fixed; top:0px;box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);}
.welcome{ color:#727272; font-size:16px; margin:15px 10px; line-height:20px; padding-right:20px;}
.headinfo{ padding-top:25px; height:90px; background:#fff; left:0; margin:0; width:100%}
.logo{ width:200px}
.logo h1 a{}
.menu{ float:right; width:auto; background:none;}
.menu .mauto{ width:auto;}
.menu ul{ width:auto; padding:10px 0; background:none;box-shadow:none}
.menu ul li:last-child{ border:0}
.menu ul li a{ display:block; font-size:16px; color:#333; padding:0 20px;}
.menu ul li a:hover{ background:none; color:#ff4800}
.menu ul li.home a{ background:none; font-weight:700; color:#333;}
.menu-m{ display: none;}
.footer{ background:#2b3744}
.foot_menu ul{ border-color:#384758}
.foot_menu li{ color:#7d8792; font-size:16px}
.foot_menu li span{ color:#fff}
.foot_menu li a{ color:#7d8792}
/* 企业主页轮播 */
.slider{ position:relative; width:100%; min-width:1468px; height:700px; text-align:center; overflow:hidden}
.slider .bd{ width:1468px; position:absolute; left:50%; margin-left:-734px}
.slider .bd li{ width:1368px; padding:50px; text-align:center}
.slider .bd li img{ display:block; width:1368px; margin:0 auto; height:600px; background:none; border-radius:10px}
.slider .tempWrap{ overflow:visible !important }
.slider .tempWrap ul{  margin-left:-1468px !important; /*强制位置*/}

.slider .hd{ position:absolute; width:100%; left:0;  z-index:1; bottom:0; text-align:center;}
.slider .hd li{ display:inline-block; width:8px; height:8px; overflow:hidden; background:#fff; border:2px solid #d6b35c; text-indent:-9999px; border-radius:8px; margin:0 5px; cursor:pointer; transition: all .3s;}
.slider .hd li.on{ filter:alpha(opacity=100);opacity:1; width:16px; background:#d6b35c}
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:600px; cursor:pointer; }
.slider .prev{ left:-50%; margin-left:-734px;}
.slider .next{ left:50%;  margin-left:734px;}
.slider .pnBtn .blackBg{ display:block; position:absolute; left:49px; top:50px; width:1805px; height:600px; background:#d6b35c; filter:alpha(opacity=90);opacity:0.9; border-radius:10px}
.slider .pnBtn.next .blackBg{ background:#d6b35c;}
.slider .pnBtn .arrow{ display:none; position:absolute; top:0; z-index:1; width:1805px; height:600px; line-height:700px; font-size:36px; color:#fff;}
.slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.slider .prev .arrow{ right:0; text-align:right; padding-right:20px}
.slider .next .arrow{ left:0; text-align:left; padding-left:20px}
/*色卡*/
.seka{ width: auto; margin-bottom:30px; overflow:hidden; padding:30px 4px 10px; border-radius:10px; background:#fff}
.seka .item{ float:left; width:220px; padding:0; margin:0 0 20px 20px; text-align:center; box-shadow:0 5px 10px rgba(0,0,0,.08)}
.seka .item span{ position:relative; padding:0; display:block}
.seka .item span img{ width:220px; height:315px;}
.seka .item .sort{ height:80px}
.seka .item .sort .tag{ float:none; display:inline-block; margin:0;}

.seka.yarn{ width: auto; margin-bottom:30px; margin-top:20px; overflow:hidden; padding:30px 30px 10px; border-radius:10px;}
.seka.yarn .item{ float:left; position:relative; width:300px; padding:0; margin:0 0 40px 40px; text-align:center; box-shadow:0 5px 10px rgba(0,0,0,.08); overflow:hidden}
.seka.yarn .item:hover{transform: translate3d(0,0,0);}
.seka.yarn .item span{ position:relative; padding:0; display:block}
.seka.yarn .item span img{ width:300px; height:300px;}
.seka.yarn .item .info{ position:absolute; left:0; width:100%; bottom:0; padding:10px 0; background:rgba(255,255,255,.95); filter:alpha(opacity=0); opacity:0; visibility: hidden; transform: translateY(20px);transition: all .3s;}
.seka.yarn .item:hover .info{ transform: translateY(0);filter:alpha(opacity=100); opacity:1; visibility: visible;}
.seka.yarn .item h3{ font-size:20px}
.seka.yarn .item .sort{ height:80px}
.seka.yarn .item .sort .tag{ float:none; display:inline-block; margin:0;}

.minbox{ float:right; width:850px;}
.minbox2{ float:right; width:750px;}
.news{ background:#fff; border-radius:10px; margin-top:20px; padding-top:30px}
.news .item{ display:block; padding:30px 0; overflow:hidden}
.news .item .img{ float:left; margin-right:40px; width:260px; height:165px}
.news .item .img img{ width:100%; height:100%; border-radius:4px}
.news .item .title{ font-size:20px; line-height:30px; margin-bottom:20px}
.news .item .dec{ margin-bottom:20px; color:#888;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow:hidden;}
.news .item ul li{ float:left; color:#bbb; font-size:12px; margin-right:20px}
.home .news .item{ float:left; width:40%; padding:50px 5% 0; height:200px}
/*侧边广告*/
.sidead{ width:100%}
.sidead .img img{ width:100%}
.pro-info{ width:100%; min-width:1468px; margin-top:68px; background:#fcfcfc; overflow:hidden}
/*侧边企业信息*/
.sidecompany{ float: left; border: 1px solid #eee;}
.sidecompany .con{ padding: 0 20px;}
.sidecompany .con .item{ padding:10px 0;}
.sidecompany .con .bt{ float:right}
/*面包屑*/
.w2{ margin-top:50px}
.w2 .t .title:after{ display:none}
.position_bar{ float:left; padding:10px 30px; color:#caddef}
.position_bar a{ color:#caddef}
.position_bar a:hover{ color:#2190ff}
.position_bar i{ font-family:"宋体"; padding:0 5px; color:#caddef}
/*文章内容*/
.content{ background:#fff; border-radius:10px; padding:0 100px; margin-top:20px}
.content .title{ margin:0 0 50px; padding:30px 0; border-bottom:1px solid #eee; overflow:hidden}
.content .title h1{ font-weight:300; font-size:30px; padding-bottom:20px; font-family:"Microsoft Yahei Light","Microsoft Yahei"}
.content .title li{ float:left; font-size:12px; padding:10px 30px 0 0; color:#bbb}
.content .dec{ margin:50px 0; background:#f8f8f8; color:#bbb; font-size:16px; padding:30px 60px; border-radius:6px}
.content .con{ padding:30px; line-height:2em; font-size:16px;text-align: justify; color:#666}
.content .con p{ padding:1em 0}
.content .con img{ width:100%; height:100%; border-radius:6px; margin:30px 0}
/*横机*/
.HJscroll{ margin-top:30px; padding-bottom:20px}
.HJscroll dl{float:left;width:186px;position:relative;padding:0; margin:20px 0 0 20px; overflow:hidden;}
.HJscroll dt{margin:0 auto;width:100%;}
.HJscroll dt img{ width:100%; height:186px; border-radius:6px}
.HJscroll dd{ height:40px; padding:10px; text-align:center}
.HJscroll dd span{ display:block; color:#fff; background:#2190ff; border-radius:2px}

/*页码*/
.page {position: relative;z-index: 1;width:100%;text-align:left;padding:30px 0;overflow:hidden;}
.page a{ display:inline-block; padding:5px 15px; border:1px solid #eee; background:#fff;border-radius:3px;margin-right:10px; line-height:30px; font-size:14px}
.page a:hover { color:#000; background-color:#f5f5f5}
.page a.select{ border: 1px solid #2190ff; background-color:#2190ff; color:#fff;}
.page a.now_page{ border: 1px solid #d0320d; background-color:#eee; color:#fff;}
/*详情内容*/
.focus{ float:left; width:330px}
.focus .img img{ width:330px; height:330px; border-radius:4px}
.focus .t{ background:#f5f5f5; margin:20px 0; border-radius:4px}
.focus .t .title{ font-size:18px;}
.con{ padding:0 60px}
.companybox .con{ margin-left:330px}
.con .info{ float:left; padding:20px 0; width:100%}
.con .info .title{ font-size:30px;padding-bottom:20px; font-family:"Microsoft Yahei Light","Microsoft Yahei"}
.con .info .label{ float:left; width:100px; font-size: 16px; color: #999; margin-right: 20px;}
.con .info .text{ margin-left:120px; font-size: 16px; line-height: 1.5em; text-align: justify; padding: 0 0 50px;}
.con .item{ float:left; width:100%; position: relative;  padding: 20px 0;}
.con .item:after{position: absolute;z-index: 3;right: 0;bottom: 0;left: 0;height: 1px;content: '';background: #eee;}
.con .item .avatar{ float:left; margin-right: 20px;}
.con .item .avatar img{ width: 80px; height: 80px; border-radius: 8px; background: #eee;}
.con .item .label{ float:left; width:100px; font-size: 16px; color: #999; margin-right: 20px;}
.con .item .title{ margin-left:120px; font-size: 20px;}
.con .item .text{ margin-left:120px; font-size: 16px;}
.con .pic{ float:left; width:100%; padding: 30px 0;}
.con .pic .li img{ margin:10px 0; width: 100%; padding: 0; border-radius: 10px;}
.con .item .sort{ display: flex; flex-wrap: wrap;}
.con .item .sort .tag{ color: #bbb; margin: 0 6px 0 0;}
/* 企业列表轮播 */
.companyslider{ position:relative; width:100%; min-width:1468px; height:270px; padding:30px 0 0; overflow:hidden; text-align:center;}
.companyslider .bd{ width:1468px; position:absolute; left:50%; margin-left:-734px}
.companyslider .bd li{ width:1468px;  overflow:hidden;}
.companyslider .bd li a{ position:relative; float:left; width:8.5%; padding:5px 2% 0 2%;}
.companyslider .bd li a:before{ transition: all 1s;z-index:1; content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0;filter:alpha(opacity=70);opacity:0.7;}
.companyslider .bd li img{ width:100%; height:100%;-webkit-filter: grayscale(100%); filter: grayscale(100%); border-radius:4px}
.companyslider .bd li a:hover img{ filter:none}
.companyslider .bd li a:hover:before{ filter:alpha(opacity=0);opacity:0;}
.companyslider .tempWrap{ overflow:visible !important }
.companyslider .tempWrap ul{  margin-left:-1468px !important; /*强制位置*/}

.companyslider .hd{ position:absolute; display:none; width:100%; left:0;  z-index:1; bottom:0; text-align:center;}
.companyslider .hd li{ display:inline-block; width:8px; height:8px; overflow:hidden; background:#fff; border-radius:8px; margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6;}
.companyslider .hd li.on{ filter:alpha(opacity=100);opacity:1;  }
.companyslider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:300px; cursor:pointer; }
.companyslider .prev{ left:-50%; margin-left:-734px;}
.companyslider .next{ left:50%;  margin-left:734px;}
.companyslider .pnBtn .blackBg{ display:block; position:absolute; left:0; top:0; width:100%; height:330px; background:#fff; filter:alpha(opacity=90);opacity:0.9;}
.companyslider .pnBtn .arrow{ display:none; position:absolute; top:0; z-index:1; width:100%; height:330px; line-height:330px; font-size:36px; color:#bbb;}
.companyslider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
.companyslider .prev .arrow{ right:0; text-align:right; padding-right:20px}
.companyslider .next .arrow{ left:0; text-align:left; padding-left:20px}
/*企业列表*/
.companylist{ float:left; width:100%; margin-top:0; background:#edf3f9;border-radius:6px;}
.companylist .item{ display:block; position:relative; height:120px; padding:30px; margin:20px; overflow:hidden; border:1px solid #eee; background:#fff; border-radius:6px; box-shadow: 0 1px 2px rgba(0, 0, 0, .05);}
.companylist .item .img{ position:absolute; left:30px; top:30px;  width:120px; height:100%;}
.companylist .item .img img{ width:120px; height:120px; border-radius:4px}
.companylist .info{ float:left; margin-left:160px}
.companylist .info .title{ float:left; width:100%; font-size:20px; line-height:30px;}
.companylist .key{ position:absolute; right:30px; top:30px; width:300px; background:#edf3f9; padding:10px; border-radius:4px}
.companylist .key .label{ float:left; color: #849eb7; font-weight:700 }
.companylist .key .text{ color:#849eb7; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow:hidden;}
.companylist .li{ float:left; width: 100%; margin-top:5px}
.companylist .li .label{ float:left; width:50px; font-size: 12px; color: #999;}
.companylist .li .text{ font-size: 12px; color:#999}
/*企业主页产品分类*/
.submenu{ float:left; width:100%; padding:10px 0; text-align:center}
.submenu ul li{ display:inline-block;}
.submenu ul li a{ display:block; margin:0 10px 10px 0; font-size:18px; padding:8px 30px; border-radius:99px}
.submenu ul li a:hover{background:#edf3f9; }
.submenu ul li.on a{ background:#2190ff; color:#fff}
/*企业主页主信息*/
.focuscompany{ width:100%; position:fixed; left:0; bottom:0; right:0; z-index:11; background:#2190ff;}
.focuscompany.fixed{ position:fixed;}
.focuscompany .con{ padding:0}
.focuscompany .con .item{ float:left; width:auto; margin-left:30px;}
.focuscompany .con .item:after{ display:none}
.focuscompany .con .item .avatar{}
.focuscompany .con .item .avatar img{ border:5px solid #fff; width:80px; height:80px; border-radius:10px}
.focuscompany .con .item .title{ color:#fff}
.focuscompany .con .bt{ text-align:center; width:100%}
.focuscompany .con .bt button{ float:none; border-radius:99px}
.focuscompany .con .item .label{ color:#fff; font-size:12px; width:60px}
.focuscompany .con .item .text{ color:#fff; font-size:12px; margin-left:80px}
/*企业主页内容*/
.companybox{ padding:30px 200px; background:#fff; overflow:hidden; border-radius:10px; margin-top:20px}
/*找工作列表*/
.job{float:left; width:100%;}
.job .item{ position:relative; padding: 20px; background: #fff; margin:0 0 20px 0; display:block; border:1px solid #eee; overflow:hidden}
.job .item-head{ padding-bottom: 10px; width:100%; display:block; overflow:hidden}
.job .title{ float:left; margin-right:30px}
.job .title div{ float:left; font-size: 18px;}
.job .title .p{ width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; background: #0c9cfa; color: #fff; border-radius: 2px; margin-right: 20px;}
.job .money{ float:right; margin-right:300px; font-size:18px; color: #f60; font-weight: 700;}
.job .bt{ position:absolute; right:30px}
.job .tags{ display:block; width:100%; overflow:hidden}
.job .tags div{ float:left; color: #666; border-radius: 2px; margin: 5px 3px 10px 0; padding: 0 15px; border-right:1px solid #eee}
.job .text{ width:700px; padding: 5px 15px; color: #999; background:#f8f8f8; border-radius:4px; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
/*招人才列表*/
.resumelist{float:left; width:100%;}
.resumelist .item{ position:relative; padding: 20px; background: #fff; margin:0 0 20px 0; display:block; border:1px solid #eee; overflow:hidden}
.resumelist .item .avatar{ float:left; width:100px}
.resumelist .item .avatar img{ width:100px; height:100px; border-radius:50%}
.resumelist .item .info{ padding-left:120px}
.resumelist .item-head{ padding-bottom: 10px; width:100%; display:block; overflow:hidden}
.resumelist .title{ float:left; margin:0 50px 0 15px}
.resumelist .title div{ float:left; font-size: 18px;}
.resumelist .tip{ float:left; color: #bbb;}
.resumelist .bt{ position:absolute; right:30px}
.resumelist .tags{ display:block; width:100%; overflow:hidden}
.resumelist .tags div{ float:left; color: #666; border-radius: 2px; margin: 5px 3px 10px 0; padding: 0 15px; border-right:1px solid #eee}
.resumelist .text{ width:600px; padding: 5px 15px; color: #999; background:#f8f8f8; border-radius:4px; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
/*招聘详情*/
.jobDetail{ padding:30px 100px; background:#fff; border-radius:10px; margin-top:20px}
.jobDetail .info .title div{ float:left}
.jobDetail .info .title .p{ width: 42px; height: 42px; line-height: 42px; text-align: center; font-size: 24px; background: #0c9cfa; color: #fff; border-radius: 2px; margin-right: 30px;}
.jobDetail .info .title .money{ color:#f60; margin-left:20px}
.jobDetail .con .item{ width:33.33%;}
.jobDetail .con .item .label{ width:50px; font-size: 16px; color: #999; margin-right: 20px;}
.jobDetail .con .item .title{ margin-left:70px; font-size: 20px;}
.jobDetail .con .item .text{ margin-left:70px; font-size: 16px;}
/*简历详情*/
.resumeDetail{ padding:30px 0; border:1px solid #eee; background:#fff}
.resumeDetail .con .info .avatar{ float:left; margin-right: 30px;}
.resumeDetail .con .info .avatar img{ width: 120px; height: 120px; border-radius: 50%;}
.resumeDetail .con .info .tags{ float:left;}
.resumeDetail .con .info .tags div{ float:left; color: #666; border-radius: 2px; margin: 5px 15px 10px 0; padding: 0 15px 0 0; border-right:1px solid #eee}
/*找纱*/
.zhaosha .item{ display:block; padding:30px 0; overflow:hidden; border-bottom:1px solid #eee}
.zhaosha .item .avatar{ float:left; width:60px; height:60px}
.zhaosha .item .avatar img{ width:100%; height:100%; border-radius:50%}
.zhaosha .item .info{ padding-left:100px}
.zhaosha .item .name{ float:left; font-size:16px; color:#014e9c}
.zhaosha .item ol{ float:right}
.zhaosha .item ol li{ float:left; margin-left:20px; color:#bbb}
.zhaosha .item ol li i{ margin-right:8px}
.zhaosha .item .title{ float:left; width:100%; padding-top:10px; font-size:20px; line-height:30px; margin-bottom:20px}
.zhaosha .item .dec{ margin-bottom:20px; color:#888;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow:hidden;}
.zhaosha .item ul li{ float:left; width:100px; padding:5px; border:1px solid #ddd; color:#bbb; font-size:12px; margin-right:10px; border-radius:3px}
.zhaosha .item ul li img{ float:left; width:100%;}
.zhaosha .item ul.big li{ width:45%}
.zhaoshapush .up button{ float:right; margin:10px 0; width:80px; height:40px; color:#a69150; border:1px solid #ffeb3f; background:#fffce5}
.zhaoshapush .up i{ margin-right:8px}
.zhaoshapush .bt .btn{ margin:0; width:100%}
.zhaoshapush .tip{ float:left; width:100%; text-align:center; padding:20px 0; color:#f60}

.reply{ float:left; width:100%}
.reply .item .avatar{ width:40px; height:40px}
.reply .item .info{ padding-left:60px}
.reply .item .name{ font-size:14px;}
.reply .item .title{font-size:16px;}
.reply .item ul li{ width:60px;}
/*侧边列表信息*/
.sidelist{ padding:10px 20px; border:1px solid #eee; overflow:hidden}
.sidelist .ul a{ display:block; margin:10px 0}
.sidelist .ul a span{ float:right; color:#bbb}
/*公司相册*/
.album{ background:#fff; border-radius:10px; overflow:hidden; margin-top:20px; padding-top:30px}
.album .item{ float:left; width:400px; margin:0 0 20px 20px ; text-align:center}
.album .item img{ width:400px; height:260px; border-radius:4px}
.album .item span{ display:block; font-size:16px; padding:10px 0 0}
.album .pic img{ float:left; margin:45px 0 45px 90px; width:600px; height:360px; border-radius:4px; cursor:pointer}