.tip { display: none; width: 7px; position: absolute; left: 50%; bottom: 20px; }
.tip span { width: 7px; height: 7px; margin: 12px 0 0 0; float: left; background: url(../images/tipdot.png) no-repeat center; display: inline-block; }

.banner { overflow: hidden; position: relative; }
.banner .img { position: absolute; left: 0; top: 0; }

.crumbs { width: 13px; position: fixed; right: 30px; top: 50%; z-index: 10; text-shadow: 1px 1px 1px #666; }
.crumbs .pageBtn { width: 13px; height: 13px; line-height: 13px; margin: 0 0 20px 0; position: relative; display: inline-block; float: left; font-size: 14px; }
.crumbs span { text-shadow: 1px 1px 1px #666; }
.crumbs .s1 { transition: 300ms; width: 100%; height: 100%; background: url(../images/btn2.png) no-repeat center; display: inline-block; }
.crumbs .s2 { transition: 300ms; -webkit-transform: scale(0.2); transform: scale(0.2); opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: url(../images/btn3.png) no-repeat center; position: absolute; left: 0; top: 0; }
.crumbs .s3 { transition: 300ms; opacity: 0; filter: alpha(opacity=0); width: 80px; text-align: right; color: #c5c5c5; position: absolute; right: 40px; top: 0; }
/*.crumbs .backTop .s1{ background-image:url(../images/btn1.png);}*/
.crumbs .cur { }
.crumbs .cur .s1, .crumbs .pageBtn:hover .s1 { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; filter: alpha(opacity=0); }
.crumbs .cur .s2, .crumbs .pageBtn:hover .s2 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.crumbs .cur .s3, .crumbs .pageBtn:hover .s3 { opacity: 1; filter: alpha(opacity=100); right: 20px; }

.bottom { height: 600px; position: relative; background-attachment: fixed; background-repeat: no-repeat; overflow: hidden; }
/*.bottom .img{ transition:300ms; width:100%; display:block; position:relative;}*/
.bottom .text { display: none; width: 100%; margin: 20px 0 0 0; text-align: center; color: #c5c5c5; position: absolute; left: 0; top: 50%; }
.bottom .text .p1 { font-size: 18px; }
.bottom .text .p2 { margin: 10px 0 0 0; font-size: 54px; text-transform: uppercase; }
.bottom .text .p3 { font-size: 25px; }
/*.bottom:hover .img{ opacity:0.8; filter:alpha(opacity=80); -webkit-transform:scale(1.05); transform:scale(1.05);}*/



#guidepost .banner .text { width: 100%; color: #c5c5c5; text-align: center; padding: 45px 0; position: absolute; left: 0; bottom: -50px; /*background: #5f3923; background: rgba(95,57,35,0.8);*/ display: none; }
#guidepost .banner .p1 { font-size: 30px; }
#guidepost .banner .t { padding: 20px 0; width: 760px; height: 52px; overflow: hidden; line-height: 30px; margin: 0 auto; }
#guidepost .banner .more { transition: 300ms; width: 100px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #c5c5c5; color: #c5c5c5; display: inline-block; }
#guidepost .banner .more:hover { background: #c5c5c5; color: #5f3923; }

#guidepost .newsMenu { width: 100%; text-align: center; height: 44px; line-height: 44px; background: #484646; }
#guidepost .newsMenu a { transition: 300ms; color: #8a8989; margin: 0 30px; font-size: 14px; }
#guidepost .newsMenu a:hover, #guidepost .newsMenu .cur { color: #c5c5c5; text-decoration: underline; }

.menuFixed { position: fixed; left: 0; top: 60px; z-index: 1; }

.newslist { overflow: hidden; }
.newslist .newsItem { width: 100%; overflow: hidden; float: left; }
.newslist .newsBrief { height: 474px; overflow: hidden; background: #c5c5c5; cursor: pointer; }
.newslist .newsBrief .newsLeft { width: 50%; height: 100%; background: #262626; float: left; position: relative; left: -60px; display: none; }
.newslist .newsBrief .img { width: 50%; height: 100%; background: #262626; float: right; }
.newslist .newsBrief .img img { transition: 400ms; width: 100%; display: block; }
.newslist .newsBrief .text { width: 500px; margin: -70px 0 0 -250px; color: #c5c5c5; text-align: center; position: absolute; left: 50%; top: 50%; }
.newslist .newsBrief .text .p1 { font-size: 28px; margin-top: 8%;}
.newslist .newsBrief .text .p2 { margin: 20px 0 30px 0; line-height: 30px; }
.newslist .newsBrief .more { transition: 300ms; width: 100px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #c5c5c5; color: #c5c5c5; display: inline-block; }
.newslist .newsBrief:hover .more { background: #c5c5c5; color: #262626; }
.newslist .newsBrief:hover .img img { opacity: 0.7; filter: alpha(opacity=70); }
.newslist .triangle { width: 0; height: 0; border-top: 15px solid transparent; border-right: none; border-left: 16px solid #262626; border-bottom: 15px solid transparent; position: absolute; right: -16px; left: auto; top: 50%; margin: -15px 0 0 0; z-index: 1; }
.newslist .newsItem2 .newsLeft { float: right; left: 60px; }
.newslist .newsItem2 .img { float: left; }
.newslist .newsItem2 .triangle { width: 0; height: 0; border-top: 15px solid transparent; border-left: none; border-right: 16px solid #262626; border-bottom: 15px solid transparent; right: auto; left: -16px; }

.newslist .showItem .newsLeft { background: #656363; }
.newslist .showItem .newsLeft .text { color: #c5c5c5; }
.newslist .showItem .more { border-color: #c5c5c5; color: #c5c5c5; }
.newslist .showItem:hover .more { background: #c5c5c5; color: #62402E; }
.newslist .showItem .triangle { border-right-color: #62402E; border-left-color: #62402E; }

.newslist .newsDetail { display: none; }
.newslist .newsSlide { overflow: hidden; background: #c5c5c5; }
/*.newslist .newsSlide ul{ width:9999px; height:100%; position:absolute; left:0; top:0;}
.newslist .newsSlide li{ width:1000px; float:left; height:100%; position:relative;}
*/
.newslist .newsSlide .img { width: 100%; height: 100%; }
.newslist .owl-pagination { width: 100%; text-align: center; position: absolute; left: 0; bottom: 25px; }
.newslist .newsSlide .owl-page span { width: 17px; height: 17px; display: inline-block; margin: 0 13px; background: url(../images/btn4.png) no-repeat center; cursor: pointer; }
.newslist .newsSlide .owl-page span:hover, .newslist .newsSlide .owl-pagination .active span { background: url(../images/btn5.png) no-repeat center; }
.newslist .newsContent { overflow: hidden; background: #c5c5c5; padding: 70px 0 50px 0; }
.newslist .newsContent .box { width: 880px; color: #696969; margin: 0 auto; }
.newslist .newsContent .title { margin: 0 0 20px 0; line-height: 36px; font-size: 22px; text-transform: uppercase; text-align: center; }
.newslist .newsContent .time { font-style: italic; font-size: 14px; padding: 0 0 0 22px; background: url(../images/i2.png) no-repeat left; }
.newslist .newsContent .shareBtn { margin: 0 0 0 20px; font-style: italic; font-size: 14px; padding: 0 20px 0 0; background: url(../images/i3.png) no-repeat right; cursor: pointer; }
.newslist .newsContent .shareList img { margin: 0 0 0 4px; }
.newslist .newsContent .text { margin: 70px 0; line-height: 30px; }
.newslist .newsContent .back { transition: 300ms; width: 100px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #262626; color: #262626; display: inline-block; }
.newslist .newsContent .back:hover { background: #262626; color: #c5c5c5; }

#product .banner .text { width: 100%; color: #c5c5c5; text-transform: uppercase; text-align: center; font-size: 60px; position: absolute; left: 0; top: 50%; margin: 40px 0 0 0; display: none; }
#product .banner .img { left: 0 !important; position: relative; }
#product .row1 { overflow: hidden; }
#product .r1-left { width: 50%; float: left; position: relative; }
#product .r1-right { width: 50%; float: left; position: relative;padding-left:25%; }
#product .row1 .img { width: 100%; display: block; }
#product .row1 .text { width: 100%; color: #c5c5c5; text-align: center; padding: 140px 0; background:rgba(38,38,38,0.6); position: absolute; left: 0; bottom: -120px; display: none; }
#product .row1 .p1 { font-size: 40px; }
#product .row1 .p2 { margin: 0 0 65px 0; font-size: 20px; }
#product .row1 .more { transition: 300ms; width: 100px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #c5c5c5; color: #c5c5c5; display: inline-block; }
#product .row1 .more:hover { background: #c5c5c5; color: #262626; }

#productList .banner .text { width: 100%; text-align: center; margin: -80px 0 0 0; position: absolute; left: 0; top: 50%; }
#productList .banner .p1 { margin: 0 0 50px 0; font-size: 60px; color: #c5c5c5; text-transform: uppercase; position: relative; top: 80px; display: none; }
#productList .banner .p2 { position: relative; top: 80px; display: none; }
#productList .banner .more { transition: 300ms; width: 100px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #c5c5c5; color: #c5c5c5; display: inline-block; }
#productList .banner .more:hover { background: #c5c5c5; color: #5f3923; }

#productList .productMenu { padding: 0 0 40px 0; overflow: hidden; text-align: center; }
#productList .productMenu .p1 { margin: 40px 0 20px 0; font-size: 26px; color: red; }
#productList .productMenu .p2 { line-height: 30px; }
#productList .productMenu a { display: inline-block; margin: 0 20px; color:red; font-size: 14px; }
#productList .productMenu a:hover, #productList .productMenu .cur { color: #c9c9c9; }
#productList .list { overflow: hidden; }
#productList .list ul { }
#productList .list li { width: 25%; overflow: hidden; border: 1px solid #f0f0f0; margin: -2px 0 0 -2px; *margin: -2px 0 0 -3px; text-align: center; float: left; position: relative; top: 80px; display: none; }
#productList .list .liHide { top: 80px; opacity: 0; filter: alpha(opacity=0); }

#productList .list .img { width: 100%; display: block; transition: 600ms; }
#productList .list .bg { transition: 400ms; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #262626; position: absolute; left: 0; top: 0; }
#productList .list .title { transition: 300ms; width: 100%; color: #c5c5c5; position: absolute; text-align: left; top: 10%; }
#productList .list .title p { transition: 300ms; }
#productList .list .title .p1 { margin: 0 0 10px 15px; font-size: 15px; color: red; }
#productList .list .rm { transition: 400ms; opacity: 0; filter: alpha(opacity=0); width: 150px; height: 40px; line-height: 40px; color: #c5c5c5; margin: -30px 0 0 -75px; position: absolute; left: 50%; top: 50%; }
#productList .list .line { transition: 400ms; filter: alpha(opacity=0); width: 100%; overflow: hidden; height: 1px; background: #c5c5c5; position: absolute; }
#productList .list .line1 { left: -100%; top: 0; }
#productList .list .line2 { left: 100%; bottom: 0; }
#productList .list .rm span { transition: 400ms; -webkit-transform: scale(1.2); }

/*#productList .list .more{ transition:300ms; width:100px; height:35px; line-height:35px; text-align:center; border:1px solid #b9744c; color:#b9744c; display:inline-block;}*/
/*#productList .list .more:hover{ background:#b9744c; color:#c5c5c5;}*/

#productList .list li:hover .bg { opacity: 0.4; filter: alpha(opacity=40); }
#productList .list li:hover .rm { opacity: 1; filter: alpha(opacity=100); }
#productList .list li:hover .line1 { left: 0; filter: alpha(opacity=100); }
#productList .list li:hover .line2 { left: 0; filter: alpha(opacity=100); }
#productList .list li:hover span { -webkit-transform: scale(1); }
#productList .list li:hover .title { top: 85%; opacity: 0; filter: alpha(opacity=0); }
#productList .list li:hover .img { -webkit-transform: scale(1.05); transform: scale(1.05); }

#productDetail { overflow: hidden; }
#productDetail .row1 { width: 100%; height: 800px; background: #c5c5c5; overflow: hidden; position: relative; }
#productDetail .row1 ul { width: 9999px; height: 100%; position: absolute; left: 0; top: 0; }
#productDetail .row1 li { width: 1000px; height: 100%; float: left; }
#productDetail .row1 .img { opacity: 0; -webkit-transform: scale(1.3); transform: scale(1.3); width: 100%; display: block; }
#productDetail .r1Show .img { transition: 800ms; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
#productDetail .r1Show .btnLeft { transition: 600ms 300ms; left: 80px; opacity: 1; }
#productDetail .r1Show .btnRight { transition: 600ms 300ms; right: 80px; opacity: 1; }
#productDetail .r1Show .back { transition: 600ms 300ms; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
#productDetail .btnLeft { transition: 300ms; opacity: 0; width: 30px; height: 30px; margin: -15px 0 0 0; background: url(../images/btn6.png) no-repeat center; position: absolute; left: 180px; top: 50%; }
#productDetail .btnLeft:hover { background-image: url(../images/btn8.png); }
#productDetail .btnRight { transition: 300ms; width: 30px; height: 30px; margin: -15px 0 0 0; background: url(../images/btn7.png) no-repeat center; position: absolute; right: 180px; top: 50%; }
#productDetail .btnRight:hover { background-image: url(../images/btn9.png); }
#productDetail .back { opacity: 0; -webkit-transform: scale(1.3); transform: scale(1.3); padding: 0 0 0 45px; color: #a5a5a5; line-height: 30px; display: inline-block; position: absolute; left: 80px; top: 40px; background: url(../images/i4.png) no-repeat left; }
#productDetail .back:hover { transition: 300ms; color: #c5c5c5; background-image: url(../images/i5.png); }
#productDetail .row2 { font-size: 13px; padding: 70px 0 90px 0; background: #262626; }
#productDetail .row2 .box { width: 640px; text-align: center; margin: 0 auto; }
#productDetail .row2 .shareBtn { margin: 0 0 0 20px; font-style: italic; font-size: 14px; padding: 0 20px 0 0; background: url(../images/i3.png) no-repeat right; cursor: pointer; }
#productDetail .row2 .shareList img { margin: 0 0 0 4px; }
#productDetail .row2 .title { color: #b9835e; /* position:relative; top:80px; display:none;*/ }
#productDetail .row2 .title .p1 { font-size: 26px; color: red; }
#productDetail .row2 .title .p2 { margin: 10px 0 20px 0; }
#productDetail .row2 .text { padding: 60px 0 120px 0; color: #606060; line-height: 26px; position: relative; top: 80px; display: none; }
#productDetail .row2 .tc { position: relative; top: 80px; display: none; }

#productDetail .backList { width: 100px; line-height: 30px; position: fixed; left: 80px; top: 40px; z-index: 50; }
#productDetail .backList .lineBox { width: 30px; height: 30px; margin: 0 15px 0 0; position: relative; float: left; }
#productDetail .backList .lineBox div { transition: 600ms; width: 8px; height: 8px; margin: 1px; background: #c5c5c5; position: relative; float: left; opacity: 0; transform: scale(2); -webkit-transform: scale(2); }
#productDetail .backListShow .lineBox div { opacity: 1; transform: scale(1); -webkit-transform: scale(1); background: #a5a5a5; }
#productDetail .backList .lineBox div:nth-child(1) { left: -10px; top: -10px; }
#productDetail .backList .lineBox div:nth-child(2) { left: 0; top: -10px; }
#productDetail .backList .lineBox div:nth-child(3) { left: 10px; top: -10px; }
#productDetail .backList .lineBox div:nth-child(4) { left: -10px; top: 0; }
#productDetail .backList .lineBox div:nth-child(5) { left: 0; top: 0; }
#productDetail .backList .lineBox div:nth-child(6) { left: 10px; top: 0; }
#productDetail .backList .lineBox div:nth-child(7) { left: -10px; top: 10px; }
#productDetail .backList .lineBox div:nth-child(8) { left: 0; top: 10px; }
#productDetail .backList .lineBox div:nth-child(9) { left: 10px; top: 10px; }
#productDetail .backList span { transition: 600ms 700ms; width: 60px; display: inline-block; opacity: 0; color: #a5a5a5; position: absolute; left: 80px; top: 0; }
#productDetail .backListShow span { left: 40px; opacity: 1; }
#productDetail .backList:hover .lineBox { -webkit-transform: rotate(90deg) scale(0.5); transform: rotate(90deg) scale(0.5); }
#productDetail .backList:hover .lineBox div { background: #c5c5c5; }
#productDetail .backList:hover span { left: 45px; color: #c5c5c5; }
#productDetail .backList:hover .lineBox div:nth-child(2) { left: 20px !important; top: -10px !important; }
#productDetail .backList:hover .lineBox div:nth-child(4) { left: -10px !important; top: -20px !important; }
#productDetail .backList:hover .lineBox div:nth-child(6) { left: 10px !important; top: 20px !important; }
#productDetail .backList:hover .lineBox div:nth-child(8) { left: -20px !important; top: 10px !important; }

#join .banner .text { width: 100%; color: #c5c5c5; text-transform: uppercase; text-align: center; font-size: 60px; position: absolute; left: 0; top: 50%; margin: 40px 0 0 0; display: none; }
#join .banner .img { left: auto !important; right: 0; }
#join .row1 { padding: 80px 0 100px 0; overflow: hidden; background: #262626; }
#join .row1 .box { transition: 600ms; position: relative; top: 80px; opacity: 0; width: 1000px; color: #c5c5c5; text-align: center; margin: 0 auto; }
#join .row1 .p1 { font-size: 40px; }
#join .row1 .p2 { margin: 10px 0 35px 0; font-size: 20px; }
#join .row1 .text { font-size: 14px; line-height: 30px; }
#join .r1Show .box { top: 0; opacity: 1; }

#join .row2 { overflow: hidden; }
#join .row2 ul { }
#join .row2 li { opacity: 0; filter: alpha(opacity=0); width: 33.3%; position: relative; top: 100px; padding: 120px 0 90px 0; color: #262626; text-align: center; float: left; overflow: hidden; }
#join .row2 .liFide { top: 0; opacity: 1; filter: alpha(opacity=100); }
#join .row2 .p1 { font-size: 18px; margin: 0 0 15px 0; }
#join .row2 .text { line-height: 26px; overflow: hidden; height: 100px; margin: 0 15%; font-size: 14px; }
#join .row2 .num { padding: 20px 0 0 0; font-size: 18px; }
#join .row2 .li1 { width: 33.4%; background: #d1d1d1; }
#join .row2 .li2 { background: #c8c8c8; }
#join .row2 .li3 { background: #c5c5c5; color: #252525; }
#join .row2 .li4 { width: 33.4%; background: #c1c1c1; color: #242424; }
#join .row2 .li5 { background: #b8b8b8; color: #232323; }
#join .row2 .li6 { background: #b5b5b5; color: #222222; }
#join .row3 { position: relative; overflow: hidden; }
#join .row3 .img { width: 80%; display: block; }
#join .row3 .text { display: none; width: 100%; font-size: 20px; text-align: center; color: #c5c5c5; margin: 40px 0 0 0; position: absolute; left: 0; top: 50%; }
#join .row3 .p1 { font-size: 40px; margin: 0 0 20px 0; }
#join .row4 { padding: 50px 0 30px 0; background: rgb(85, 85, 85); color: #c5c5c5; overflow: hidden; }
#join .row4 .box { transition: 600ms; position: relative; top: 80px; opacity: 0; width: 900px; line-height: 30px; margin: 0 auto; text-align: center; font-size: 14px; }
#join .row4 .p1 { font-size: 18px; color: #c5c5c5; margin: 0 0 30px 0; }
#join .row4 .owl-pagination { display: none; }
#join .row4 .owl-prev { transition: 300ms; width: 30px; height: 30px; margin: -15px 0 0 0; background: url(../images/btn6.png) no-repeat center; position: absolute; left: -50px; top: 50%; }
#join .row4 .owl-prev:hover { background-image: url(../images/btn8.png); }
#join .row4 .owl-next { transition: 300ms; width: 30px; height: 30px; margin: -15px 0 0 0; background: url(../images/btn7.png) no-repeat center; position: absolute; right: -50px; top: 50%; }
#join .row4 .owl-next:hover { background-image: url(../images/btn9.png); }
#join .r4Show .box { top: 0; opacity: 1; }
#join .row5 { padding: 100px 0; }
#join .row5 .box { transition: 600ms; position: relative; top: 80px; opacity: 0; width: 980px; text-align: center; color: #c5c5c5; margin: 0 auto; }
#join .row5 .p1 { font-size: 40px; }
#join .row5 .p2 { margin: 10px 0 30px 0; font-size: 20px; }
#join .row5 .t { line-height: 30px; font-size: 14px; width: 404px; margin: 0 auto; }
#join .r5Show .box { top: 0; opacity: 1; }
#join .row6 { padding: 120px 0 100px 0; overflow: hidden; background: #a5a5a5; }
#join .row6 .box { width: 1250px; margin: 0 auto; }
#join .r6-left { position: relative; left: -80px; display: none; width: 300px; text-align: center; float: left; color: #262626; font-size: 20px; }
#join .r6-left .p1 { font-size: 40px; margin: 100px 0 10px 0; }
#join .r6-right { position: relative; left: 80px; display: none; width: 680px; float: right; float: right; }
#join .r6-right .ipt { transition: 300ms; width: 100%; height: 14px; padding: 16px 0; font-size: 14px; color: #393939; font-family: "微软雅黑"; text-indent: 1em; background: none; border: none; border-top: 1px solid #262626; }
#join .r6-right textarea { transition: 300ms; width: 100%; height: 200px; text-indent: 1em; margin: 0 0 30px 0; line-height: 30px; font-size: 14px; color: #393939; font-family: "微软雅黑"; background: none; border: none; border-top: 1px solid #262626; border-bottom: 1px solid #262626; }
#join .r6-right .btn { transition: 300ms; width: 106px; background: none; height: 35px; line-height: 35px; text-align: center; border: 1px solid #262626; color: #262626; display: inline-block; cursor: pointer; }
#join .r6-right .btn:hover { background: #c5c5c5; color: #c5c5c5; }
#join .r6-right .focus { background: #999; }

#about .banner .text { width: 100%; color: #c5c5c5; text-transform: uppercase; text-align: center; font-size: 60px; position: absolute; left: 0; top: 50%; margin: 40px 0 0 0; display: none; }
#about .row1 { overflow: hidden; position: relative; }
#about .r1-left { width: 66%; overflow: hidden; float: left; }
#about .r1-left-top { width: 100%; position: relative; }
#about .r1-left-top .img { width: 100%; display: block; }
#about .r1-left-top .text { width: 100%; font-size: 20px; text-align: center; color: #c5c5c5; position: absolute; left: 0; top: 40%; margin: 40px 0 0 0; display: none; }
#about .r1-left-top .p1 { font-size: 40px; margin: 0 0 20px 0; }
#about .r1-left-bottom { width: 66%; height: 360px; position: absolute; left: 0; bottom: 0; }
#about .r1-left-bottom li { width: 50%; height: 100%; float: left; background: #cfbca7; position: relative; top: 100px; display: none; }
#about .r1-left-bottom .li1 { background: #c1a78f; }
#about .r1-left-bottom .text { margin: 110px 0 0 80px; line-height: 28px; color: #c5c5c5; font-size: 14px; }
#about .r1-right { width: 34%; overflow: hidden; float: right; }
#about .r1-right .img { width: 100%; display: block; }
#about .row2 { overflow: hidden; position: relative; }
#about .row2 .img { width: 100%; display: block; }
#about .row2 .text { width: 100%; text-align: center; color: #c5c5c5; font-size: 20px; position: absolute; left: 0; top: 50%; margin: 45px 0 0 0; display: none; }
#about .row2 .p1 { font-size: 40px; margin: 0 0 20px 0; }

#about .jobs { background: #9e7054; padding: 60px 0 120px 0; overflow: hidden; }
#about .jobs .box { width: 1000px; margin: 0 auto; }
#about .jobs .title { text-align: center; color: #262626; }
#about .jobs .title .p1 { position: relative; top: 80px; display: none; font-size: 40px; }
#about .jobs .title .p2 { position: relative; top: 80px; display: none; font-size: 20px; margin: 10px 0 40px 0; }
#about .jobs .title .p3 { position: relative; top: 80px; display: none; line-height: 28px; }
#about .jobs ul { position: relative; top: 80px; display: none; overflow: hidden; border-bottom: 1px solid #262626; margin: 70px 0 0 0; }
#about .jobs li { width: 100%; float: left; }
#about .jobs .t1 { transition: 400ms; width: 100%; color: #c5c5c5; height: 46px; line-height: 46px; border-top: 1px solid #262626; cursor: pointer; }
#about .jobs .s1 { float: left; margin: 0 0 0 10px; width: 60%; font-size: 14px; }
#about .jobs .s3 { float: right; margin: 0 10px 0 0; font-size: 14px; }
#about .jobs .t2 { display: none; border-top: 1px solid #9e7054; padding: 20px; line-height: 30px; color: #9e7054; background: #262626; font-size: 14px; }
#about .jobs .cur .t1 { background: #262626; color: #9e7054; }


#dins .banner .text { width: 100%; text-align: center; margin: -80px 0 0 0; position: absolute; left: 0; top: 65%; }
#dins .banner .p1 { margin: 0 0 50px 0; font-size: 60px; color: #c5c5c5; text-transform: uppercase; position: relative; top: 80px;  display: none;  }
#dins .banner .p2 { position: relative; top: 80px; display: none; }
#dins .row1 { background: #262626; overflow: hidden; }
#dins .row1 .r1-left { width: 50%; float: left; *margin: 0 0 0 -1px; }
#dins .row1 .r1-left .text { width: 90%; margin: 6% auto 0; line-height: 30px; font-size: 16px; color: #c5c5c5; position: relative; top: 80px; display: none; }
#dins .row1 .r1-right { width: 50%; float: right; *margin: 0 0 0 -1px; }
#dins .row1 .r1-right .text { width: 90%; margin: 6% auto 0;  line-height: 23px; font-size: 12px; color: #c5c5c5; position: relative; top: 80px; display: none; }


/*#dins .row1 .r1-right:hover .img{ opacity:0.6; filter:alpha(opacity=60); -webkit-transform:scale(1.1); transform:scale(1.1);}*/
#dins .row2 { background: #000; overflow: hidden; position: relative; }
#dins .row2 .img { transition: 600ms; width: 100%; display: block; }
#dins .row2 .text { display: none; width: 100%; color: #c5c5c5; font-size: 20px; margin: 60px 0 0 0; text-align: center; position: absolute; left: 0; top: 50%; }
#dins .row2 .p1 { font-size: 40px; margin: 0 0 20px 0; }
/*#dins .row2:hover .img{ opacity:0.6; filter:alpha(opacity=60); -webkit-transform:scale(1.05); transform:scale(1.05);}*/
#dins .row3 { padding: 160px 0; color: #c5c5c5; line-height: 30px; font-size: 14px; text-align: center; background: #262626; overflow: hidden; }
#dins .row3 .box { transition: 600ms; width: 1120px; margin: 0 auto; position: relative; top: 100px; opacity: 0; }
#dins .r3Show .box { top: 0; opacity: 1; }

#dins .row4 { overflow: hidden; }
#dins .row4 .r4-left { width: 50%; *margin: 0 0 0 -1px; overflow: hidden; float: left; position: relative; }
#dins .row4 .r4-right { width: 50%; overflow: hidden; float: right; position: relative; }
#dins .row4 .img { transition: 600ms; width: 100%; display: block; }
/*#dins .row4 .r4-left:hover .img,#dins .row4 .r4-right:hover .img{ opacity:0.8; filter:alpha(opacity=80); -webkit-transform:scale(1.05); transform:scale(1.05);}*/
#dins .row4 .text { display: none; width: 100%; line-height: 30px; font-size: 14px; color: #c5c5c5; background: #411a07; background: rgba(38,38,38,0.6); position: absolute; left: 0; bottom: -50px; }
#dins .row4 .r4-right .textBox { padding: 50px 20px 50px 70px; }
#dins .row4 .r4-left .text { width: 100%; text-align: center; background: #262626; color: #c5c5c5; font-size: 20px; position: relative; top: 60px; display: none; }
#dins .row4 .r4-left .textBox { width: 100%; margin: 8% 0 0 0; }
#dins .row4 .r4-left .p1 { font-size: 40px; margin: 0 0 20px 0; }

/* 分页样式 */
.space-10 {width:100%; height:10px; clear:both;}
.space-20 {width:100%; height:20px; clear:both;}
.space-30 {width:100%; height:30px; clear:both;}
.space-40 {width:100%; height:40px; clear:both;}
.space-50 {width:100%; height:50px; clear:both;}
.page {height:auto; overflow:hidden; text-align:center; clear:both;}
.page .page_c {height:auto; overflow:hidden; display:inline-block;}
.page .page_c a {height:25px; line-height:25px; font-size:12px; color:#666; border:#e5e5e5 solid 1px; background:#fff; display:block; padding:0px 10px; margin:0px 5px; float:left;}
.page .page_c span {height:25px; line-height:25px; display:block; padding:0px 10px; border:#e5e5e5 solid 1px; background:#fff; margin:0px 5px; float:left;}
.page .page_c .prev {background:#fff;}
.page .page_c .next {background:#fff;}
.page .page_c .prev:hover {background: #fff;}
.page .page_c .next:hover {background: #fff;}


@media screen and (max-width:1440px) {
    #about .r1-left-bottom { height: 280px; }
    #about .r1-left-bottom .text { margin: 70px 30px 0 40px; }
}

@media screen and (max-width:1280px) {
    #dins .row1 .r1-left .text { width: 90%; margin: 20% auto 0; }
    #dins .row3 { padding: 120px 0; }
    #dins .row3 .box { width: auto; margin: 0 80px; }
    #product .row1 .text { padding: 80px 0; }
    #productDetail .row1 .btnLeft { left: 40px; }
    #productDetail .row1 .btnRight { right: 40px; }
    #productDetail .row1 .back { left: 40px; }
    #productDetail .backList { left: 40px; }
    #join .row6 .box { width: auto; margin: 0 60px; }
}

@media screen and (max-width:1200px) {
    #about .r1-left-bottom { width: 100%; height: 280px; position: static; }
    #about .r1-left-bottom .text { margin: 40px 30px 0 40px; }
    #about .r1-left { width: 100%; }
    #about .r1-right { width: 100%; display: none; }

    #join .row1 .box { width: auto; margin: 0 20px; }
    #join .row2 li { padding: 80px 0 60px 0; }
    #join .row3 .p1 { margin: 0 0 10px 0; font-size: 32px; }
    #join .row4 .box { width: auto; margin: 0 40px; }
    #join .row4 .owl-prev { left: -40px; }
    #join .row4 .owl-next { right: -40px; }
    #join .row5 { padding: 60px 0; }
    #join .row5 .box { width: auto; margin: 0 20px; }
    #join .row6 { padding: 80px 0; }
    #join .row6 .box { margin: 0 60px; }
    #join .r6-left { width: auto; float: none; }
    #join .r6-right { width: auto; float: none; margin: 40px 0 0 0; }
    #join .r6-left .p1 { margin: 0 0 10px 0; }
}

@media screen and (max-width:1024px) {
    .crumbs { right: 10px; }
    .crumbs .pageBtn { margin: 0 0 15px 0; }
    .bottom .text { display: block; margin: -60px 0 0 0; }
    .bottom .text .p2 { font-size: 40px; }
    .bottom .text .p3 { font-size: 22px; }
    #dins .banner .text { font-size: 50px; }
    #dins .row1 .r1-left { width: 100%; overflow: hidden; float: none; }
    #dins .row1 .r1-left .text { padding: 50px 0; margin-top: 0; top: 0; display: block; }
    #dins .row1 .r1-right { width: 100%; height: 400px; overflow: hidden; float: none; }
    #dins .row3 { padding: 80px 0; }
    #dins .row4 .r4-left { width: 100%; height: auto !important; }
    #dins .row4 .r4-right { width: 100%; }
    #dins .row4 .r4-left .text { padding: 60px 0; bottom: 0; display: block; height: auto !important; position: static !important; }
    #dins .row4 .r4-left .textBox { position: static !important; margin: 0; }
    #guidepost .banner .text { padding: 30px 0; }
    #guidepost .banner .p1 { font-size: 24px; }
    #guidepost .banner .t { padding: 15px 0; width: 680px; }
    #guidepost .newsMenu a { margin: 0 0 0 15px; }
    .newslist .newsBrief .text { width: 92%; margin: 0; color: #c5c5c5; position: absolute; left: 4%; top: 20%; }
    .newslist .newsBrief .text .p1 { font-size: 22px; }
    .newslist .newsBrief .text .p2 { margin: 10px 0 20px 0; line-height: 24px; }
    .newslist .newsBrief .more { width: 80px; height: 26px; line-height: 26px; }
    .newslist .owl-pagination { bottom: 5px; }
    .newslist .newsSlide .owl-page span { margin: 0 3px; background-size: 50%; }
    .newslist .newsSlide .owl-page span:hover, .newslist .newsSlide .owl-pagination .active span { background-size: 50%; }

    #product .row1 .text { padding: 50px 0; }
    #product .row1 .p1 { font-size: 32px; }
    #product .row1 .p2 { margin: 0 0 40px 0; font-size: 18px; }
    #productList .list .title { margin: -10px 0 0 0; }
    #productList .productMenu .p2 { line-height: 30px; text-align: left; }
    #productDetail .row1 .btnLeft { left: 20px; }
    #productDetail .row1 .btnRight { right: 20px; }
    #productDetail .backList { left: 20px; top: 15px; }
    #productDetail .row1 .back { left: 20px; top: 15px; background-size: 25%; padding: 0 0 0 30px; }
    #productDetail .row1 .btns { width: 100%; text-align: center; position: absolute; left: 0; bottom: 15px; }
    #productDetail .row1 .btns span { transition: 300ms; width: 6px; height: 6px; margin: 0 3px; border-radius: 50%; display: inline-block; background: #D6C7AC; }
    #productDetail .row1 .btns .cur { background: #c5c5c5; }

    #about .jobs .box { width: auto; margin: 0 20px; }
    #about .jobs .s2 { display: none; }
    .newslist .newsContent .box .text img { max-width: 100%; }
}

@media screen and (max-width:940px) {
    .newslist .newsBrief { height: auto !important; }
    .newslist .newsBrief .newsLeft { width: 100%; background: #c5c5c5; height: 100%; float: none; left: 0; }
    .newslist .showItem .newsLeft { background: #62402e; }
    .newslist .newsBrief .img { width: 100%;  }
    .newslist .newsBrief .text { width: auto; padding: 40px 10px; position: static; }
    .newslist .newsContent .box { width: auto; margin: 0 20px; }
    .newslist .newsItem2 .newsBrief .newsLeft { background: #ede9e2; }
    .bottom { background-attachment: inherit; }
}

@media screen and (max-width:740px) {
    #dins .row4 .r4-right .textBox { padding: 40px 20px; }
}


@media screen and (max-width:680px) {
	.logo{display: none;}
    .crumbs { display: none; }
    /*.bottom .img{ width:auto; height:300px; float:right;}*/
    .bottom { height: 350px; background-size: cover; }
    .bottom .text .p2 { font-size: 30px; }
    .bottom .text .p3 { font-size: 18px; }
    #dins .banner .text { font-size: 30px; }
    #dins .banner .img { position: relative; }
    #dins .row1 .r1-right { width: 100%; height: auto; }
    #dins .row1 .r1-right .p1 { font-size: 30px; margin: 0 0 10px 0; }
    #dins .row2 .p1 { font-size: 30px; margin: 0 0 10px 0; }
	#dins .row2 img { width:75%; }
    .banner .img { position: relative; }
    #dins .row3 { padding: 60px 0; }
	#dins .row3 img { width:75%; }
    #dins .row3 .box { margin: 0 20px; }
    #dins .row4 .text { position: static; }
    #dins .row4 .r4-left .p1 { font-size: 30px; margin: 0 0 10px 0; }
    #guidepost .newsMenu { text-align: center; }
    #guidepost .banner .text { padding: 30px 0; }
    #guidepost .banner .p1 { font-size: 24px; }
    #guidepost .banner .t { padding: 15px 20px; width: auto; }
    .newslist .owl-pagination { bottom: 0; }
    .newslist .newsSlide .owl-page span { margin: 0; background-size: 40%; }
    .newslist .newsSlide .owl-page span:hover, .newslist .newsSlide .owl-pagination .active span { background-size: 40%; }
    .newslist .newsContent .title { font-size: 16px; }
    .newslist .newsContent { padding: 40px 0 30px 0; }
    .newslist .newsContent .text { margin: 50px 0; }
    #product .r1-left { width: 100%; float: none; }
    #product .r1-right { width: 100%; float: none; }
    #productList .list li { width: 50%; }
/*    #productList .list .title { display: none; }
*/    #productDetail .row1 .btnLeft { left: 5px; }
    #productDetail .row1 .btnRight { right: 5px; }
    #productDetail .row1 .back { left: 10px; top: 5px; }
    #productDetail .row1 { padding: 40px 0 40px 0; }
    #productDetail .row1 ul { top: 40px; }
    #productDetail .row2 .box { width: auto; margin: 0 20px; }
    #productDetail .row2 .text { padding: 40px 0 60px 0; }
    #join .banner .img { position: relative; }
	#join .row1 img { width: 88% !important; }
    #join .row2 li { width: 50% !important; }

    #join .banner .text { font-size: 30px; }
    #join .row6 { padding: 60px 0; }
    #join .row6 .box { margin: 0 20px; }
    #join .r6-left { font-size: 16px; }
    #join .r6-left .p1 { font-size: 30px; }
    #join .r6-right .ipt { padding: 12px 0; }
    #join .r6-right textarea { height: 150px; }
    #about .r1-left-top .text { margin: 10px 0 0 0; font-size: 18px; }
    #about .r1-left-top .p1 { font-size: 30px; }
    #about .r1-left-bottom { height: auto; }
    #about .r1-left-bottom li { width: 100%; height: auto; padding: 0 0 40px 0; }
    #about .row2 .text { font-size: 18px; margin: 40px 0 0 0; }
    #about .row2 .p1 { font-size: 30px; margin: 0 0 10px 0; }
    #about .banner .text { font-size: 30px; }
    #product .banner .text { font-size: 30px; }
    #productList .banner .p1 { font-size: 30px; }
}


@media screen and (max-width:420px) {
    #dins .row2 .img { width: 680px; }
    #dins .row4 .img { width: 680px; position: relative; left: -200px; }
    #about .r1-left-top .img { width: 600px; }
    #about .row2 .img { width: 680px; }
    #join .row5 .t { width: 100%; }
}
.show_msg {width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; left:0px; top:0px; z-index:99;display:none;}
.show_msg .show_msg_text {width:360px; height:180px; background:rgba(0,0,0,0.4); margin-left:-180px; margin-top:-90px; position:fixed; left:50%; top:50%; z-index:99;}
.show_msg .show_msg_text .show_msg_text_b {width:350px; height:170px; margin:5px; background:url(../images/success.png) no-repeat 0px 40px #f7f7f7;}
.show_msg .show_msg_text .show_msg_text_b span {height:50px; line-height:50px; color:#4c4c4c; font-size:18px; text-align:center; font-weight:bold; padding:0px 10px; display:block;}
.show_msg .show_msg_text .show_msg_text_b .text {width:300px; height:auto; overflow:hidden; margin:120px auto; padding-left:130px; margin:0px auto;}
.show_msg .show_msg_text .show_msg_text_b .text b {color:#d31145; font-size:24px; line-height:40px; padding:20px 0px; display:block;}
.show_msg .show_msg_text .show_msg_text_b .text .btn {height:39px; line-height:39px; font-size:18px; text-align:center; display:block; margin-top:30px; float:left;}
.show_msg .show_msg_text .show_msg_text_b .text a.backbtn {color:#c5c5c5; padding:0px 20px; background:url(../images/c_list_2.png) no-repeat right center #d31145; border:#d31145 solid 1px;}
.show_msg .show_msg_text .show_msg_text_b .close {width:26px; height:26px; background:url(../images/close.png) no-repeat; cursor:pointer; position:absolute; top:15px; right:15px;}