/*发展历程*/
.course { position: relative; padding: 20px 0; overflow: hidden; }
.course:after { content: ""; width: 1px; height: 100%; display: block; position: absolute; z-index: 0; top: 0; left: 50%; margin: 130px 0; background: #777; }
.course ul li { width: 560px; padding: 5px 20px; position: relative; font-size: 1rem; color: #333; z-index: 2 }
.course ul li span { display: block; font-size: 1.3rem; color: #bdbdbd; line-height: 2 }
.course ul li:after { content: ""; width: 10px; height: 10px; border-radius: 5px; display: block; position: absolute; z-index: 2; top: 30px; left: 0; margin-left: -5px; background: #777; }
.course ul li p { display: inline-block; position: relative; }
.course ul li p:before { content: ""; width: 0; height: 1px; background: #333; display: block; position: absolute; bottom: 0; margin-bottom: -10px; }
.course ul li.left { margin-left: 600px }
.course ul li.right { text-align: right; }
.course ul li.right:after { left: auto; right: 0; margin-right: -5px; }
.course ul li.right p:before { left: auto; right: 0 }
.course ul li:hover:after { background: #e60012 }
.course ul li:hover span { color: #333; }
.course ul li:hover p:before { width: 100%; }
.course { display: none; }
.course2 { position: relative; padding: 20px 0; overflow: hidden; }
/*资质荣誉*/
.honor { padding: 20px 0 }
.honor .txt { }
.honor .txt ul li { float: left; width: 400px; padding: 0.5rem 0; font-size: 1rem; color: #555; }
.honor .txt ul li:before { content: "▲"; display: inline-block; color: #e60012; margin: 0 0.2rem }
.honor .image { padding: 0 0 30px 0; }
.honor .image ul li { float: left; width: 300px; height: 300px; display: table; background: url(../images/honorImage.jpg) center center no-repeat; background-size: 100% auto; }
.honor .image ul li a { display: table-cell; width: 100%; height: 100%; ; vertical-align: middle; position: relative }
.honor .image ul li img { max-width: 225px; max-height: 225px; margin: 0 auto; display: block; }
.honor .image ul li a .Name { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #222; font-size: 1.15rem; }
.honor .image ul.col3 li {width: 400px; height: 400px;}
.honor .image ul.col3 li img { max-width: 300px; max-height: 300px;}
.honor .image ul.col4 li {width: 300px; height: 300px;}
.honor .image ul.col4 li img { max-width: 225px; max-height: 225px;}
.honor .image ul.col5 li {width: 240px; height: 240px;}
.honor .image ul.col5 li img { max-width: 180px; max-height: 180px;}
.honor .image ul.col6 li {width: 200px; height: 200px;}
.honor .image ul.col6 li img { max-width: 150px; max-height: 150px;}
/*公司相册*/
.album { padding: 20px 0 0 0 }
.poster-main { position: relative; width: 1200px; height: 500px; margin: 40px auto }
.poster-main a, .poster-main img { display: block; }
.poster-main .poster-list { width: 800px; height: 450px; }
.poster-main .poster-list .poster-item { position: absolute; left: 0; top: 0; }
.poster-main .poster-list .poster-item img { width: 100%; height: 100%; }
.poster-main .poster-list .poster-item p { width: 100%; color: #444; font-size: 1.15rem; line-height: 40px; text-align: center; }
.poster-main .poster-btn { position: absolute; top: 0; width: 100px; height: 500px !important; z-index: 10; cursor: pointer; opacity: 0.6 }
.poster-main .poster-btn:hover { opacity: 0.8 }
.poster-main .poster-prev-btn { left: 0; background: url(../images/btn_l.png) no-repeat center center; }
.poster-main .poster-next-btn { right: 0; background: url(../images/btn_r.png) no-repeat center center; }
/*匠心智造*/
.creation { }
.jxzz { }
.jxzzImg{width:1121px;margin:0 0 0 20px; position: relative;}
.jxzzImg.ArrowBlock .hd.PicPage a{top:35%; background:none;}
.jxzzImg.ArrowBlock .hd.PicPage a .iconfont{color:#df0024}
.jxzzImg .hd.PicPage ul{display:none}
.jxzzImgWrap ul li{width:33.333%; position: relative}
.jxzzImgWrap ul li:after{content:""; width:5px; height:100%; display: block; position:absolute;right:0; top:0; background:#fff}
/*椅业博物馆*/
.museum { }
.museum .image { margin: 5% 0; width: 100%; }
.museum .bwgImg{margin-top:15px}
.bwgImg{ position: relative;}
.bwgImg.ArrowBlock .hd.PicPage a{top:35%; background:none;}
.bwgImg.ArrowBlock .hd.PicPage a .iconfont{color:#df0024}
.bwgImg .hd.PicPage ul{display:none}
.bwgImgWrap ul li{width:25%; position: relative}
.bwgImgWrap ul li:after{content:""; width:5px; height:100%; display: block; position:absolute;right:0; top:0; background:#fff}
/*在线服务*/
.serviceForm { padding: 0; }
.serviceForm ul { padding: 20px 0 40px 580px; background: url(../images/serviceForm.jpg) left center no-repeat; }
.serviceForm ul li { width: 580px; padding: 5px 10px; }
.serviceForm input, .serviceForm textarea { width: 94%; padding: 8px 3%; background: #fff; border-radius: 5px; border: solid 1px #ddd; ; margin-bottom: 6px; font-size: 16px; line-height: 32px; color: #666; }
.serviceForm textarea { resize: none; height: 67px; }
.serviceForm input.submit { display: block; width: 130px; background: rgba(115,105,95,1); text-align: center; font-size: 1rem; color: #fff; margin-top: 0px; cursor: pointer; }
.serviceForm input.submit:hover { background: #e60012; }
/*人才招聘*/
.talent { }
.talent .row .col-6 { display: table; height: 330px }
.talent .row .col-6 img { max-width: 100%; }
.talent .row .col-6 .txt { display: table-cell; vertical-align: middle; padding: 2rem; }
.talent .row .col-6 .txt h3 { font-size: 2rem; line-height: 1; letter-spacing: 0.2rem; color: #333; }
.talent .row .col-6 .txt h3:after { content: ""; width: 2rem; height: 0.2rem; display: block; margin: 1rem; background: #ccc; }
.talent .row .col-6 .txt p { font-size: 1rem; line-height: 2; }
.jobImg{position: relative;margin-top:15px;}
.jobImg.ArrowBlock .hd.PicPage a{top:40%; background:none;}
.jobImg.ArrowBlock .hd.PicPage a .iconfont{color:#df0024}
.jobImg .hd.PicPage{height:0; margin: 0}
.jobImg .hd.PicPage ul{display:none}
.jobImgWrap ul li{width:33.333%; position: relative}
.jobImgWrap ul li:after{content:""; width:3px; height:100%; display: block; position:absolute;right:0; top:0; background:#fff}
.jobImgWrap ul li .imgImg{width: 400px;height:230px;}


.jobs { margin-top: 1rem; }
.jobs .jobsTit { border: #ddd; background: #f5f5f5; line-height: 59px; font-size: 1.12rem; border: solid 1px #ddd; }
.jobs .qs_pp1 { float: left; width: 25%; text-align: center; }
.jobs .qs_pp2 { float: left; width: 20%; text-align: center; }
.jobs .qs_pp3 { float: left; width: 25%; text-align: center; }
.jobs .qs_pp4 { float: left; width: 30%; text-align: center; }
.jobs .jobsWrap { margin-bottom: 50px; }
.jobs .jobsWrap ul li .a_js { background: url(../images/a_js.png) 98% center no-repeat #f5f5f5; border: 1px solid #ddd; border-top: 0px; height: 43px; line-height: 43px; cursor: pointer; font-size: 14px; overflow: hidden; }
.jobs .jobsWrap ul li .a_js_on { background: url(../images/a_js_on.png) 98% center no-repeat #fff; border-bottom-color: #f0f0f0; }
.jobs .jobsWrap ul li .jobTxt { background: #fff; border: 1px solid #ddd; border-top: 0; padding: 2rem; font-size: 1rem; line-height: 1.3; color: #444; }
.jobs .jobsWrap ul li .jobTxt h6 { font-size: 1.15rem; line-height: 3; margin-top: 0.6rem; }
.jobs .jobsWrap ul li .jobTxt a.btn { cursor: pointer; display: inline-block; background: rgba(115,105,95,1); padding: 0 20px; line-height: 40px; margin-top: 20px; font-size: 1rem; color: rgba(255,255,255,1) }
.jobs .jobsWrap ul li .jobTxt a.btn:hover { background: rgba(0,0,0,0.5); color: rgba(255,255,255,0.9) }
.recruit { padding: 1rem 2rem; }
.recruit .title { border-bottom: solid 1px #ddd; line-height: 3rem; padding: 0 0.5rem }
.recruit .title h1 { font-size: 1.2rem; color: #444; }
.recruit .title .tip { float: right; font-size: 0.8rem; }
.recruit .input-box { }
.recruit .input-box .input { float: left; width: 50%; margin: 10px 0 }
.recruit .input-box .input input { float: left; border: none; padding: 0; padding: 0.5rem 0.8rem; background: #f6f6f6; font-size: 1rem; line-height: 1.5; width: 50%; }
.recruit .input-box .input input.file { padding: 0; background: none; }
.recruit .input-box .input .check input { width: 35%; }
.recruit .input-box .input .tit { float: left; width: 30%; text-align: center; font-size: 1rem; line-height: 2; }
.recruit a.send { display: block; width: 130px; height: 40px; line-height: 40px; background: rgba(115,105,95,1); text-align: center; font-size: 1rem; color: #fff; margin-top: 20px; float: right; }
span.red { color: #f00; font-size: 1.2rem; margin: 0 0.3rem }
/*联系*/
#contactus { padding: 0 0 40px 0 }
#contactus .text p { float: left; width: 15%; padding: 0.5% 2.5%; text-align: center; line-height: 2; }
#contactus .text p span { display: block; font-size: 1.5rem; }
#contactus .text p span:after { content: ""; width: 2rem; height: 0.2rem; background: #ddd; margin: 0.5rem auto; display: block; }
#contactus .map { width: 1200px; height: 450px; margin: 15px auto; border: solid 1px #ccc; }
#contactus .map #gaodi-map, #contactus .map #map { width: 100%; height: 100%; }
#contactus .mapInfo { padding: 5px; width: 190px; }

/*2019年7月9日09时06分增加 报刊浏览 大康人*/
.ul-album { padding: 20px 0; }
.ul-album li { float: left; width: 25%; }
.ul-album li .item { margin: 6%; display: block; padding: 0; border: 0; background-color: #fff }
.ul-album li .pic { position: relative; margin: 2%; width: 96%; border-radius: 0.5rem; box-shadow: 1px 5px 5px rgba(0,0,0,0.2) }
.ul-album li .pic img {width: 100%; border-radius: 0.5rem; }
.ul-album li .txt { position: relative; text-align: center; }
.ul-album li .txt h4 { font-weight: normal; font-size: 18px; padding: 15px 0; color: #272726 }
.ul-album li .item:hover .pic { opacity: 0.6; }
.ul-album li .item:hover .txt h4 { color: #ce000d }
.ul-album li .item:active .pic { -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
/*PC详细*/
.flipbook-viewport .container, .flipbook-viewport .flipbook, .flipbook-viewport .double { width: 1200px; height: 800px; }
/*pdf下载*/
.download_ebook { width: 200px; margin: 20px auto; }
.download_ebook a { border: solid 1px #ddd; border-radius: 60px; height: 40px; line-height: 40px; display: inline-block; padding: 0 40px; font-size: 16px; color: #333; text-transform: capitalize; }
.download_ebook a img {margin-right:10px;}
.download_ebook a:hover { background: #f4f4f4;}