*{-webkit-box-sizing:border-box;box-sizing:border-box}
html,body{padding:0;margin:0}
.clearfix:after{content:".";display:block;height:0;overflow:hidden;clear:both;visibility:hidden}
.fl{float:left}
.fr{float:right}
.tr{text-align:right}
.tl{text-align:left}
.c{clear:both}
@media (min-width: 769px){.mobile-show{display:none !important}}@media (max-width: 768px){.mobile-hide{display:none !important}}ul,li,ol,dl,dt,dd{list-style:none;padding:0;margin:0}
img{border:none;border-color:transparent;display:block;max-width:100%}
.ld{text-align:justify;text-justify:inter-ideograph}
html{font-size:62.5%}
body{padding-left:75px;font-family:'微软雅黑'}
@media (max-width: 768px){body{padding:0}}@media (max-width: 768px){.wrap{padding-top:60px}}.back-top{opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s;pointer-events:none;position:fixed;right:19px;bottom:17px;width:48px;height:187px;z-index:999}
.back-top.show{opacity:1;pointer-events:auto}
.back-top:after{position:absolute;z-index:1;bottom:0;left:0;content:"";width:48px;height:48px;border-radius:50%;background-color:rgba(204,204,204,0.3);-webkit-animation:nextAnime 1.5s ease 0s infinite;animation:nextAnime 1.5s ease 0s infinite;pointer-events:none}
.back-top img{position:relative;z-index:999}
@media (max-width: 768px){.back-top{display:none}}.page{margin-bottom:110px;text-align:center}
@media (max-width: 768px){.page{margin-bottom:45px}}.page a{display:inline-block;vertical-align:middle;margin-right:26px;color:#999;font-size:18px;text-decoration:none}
.page a.on{color:#3b3b3b}
.page a:last-of-type{margin-right:0}
.page-container{padding-left:76px}
@media (max-width: 768px){.page-container{padding:0 15px}}.page-title{padding-top:45px;font-family:"Arial";font-size:24px;color:#1f1f1d}
@media (max-width: 768px){.page-title{padding-top:44px;font-size:21px}}.bgn{background:none !important}
@-webkit-keyframes nextAnime{0%{opacity:1;-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5)}
100%{opacity:0;-webkit-transform:scale(2, 2);transform:scale(2, 2)}}@keyframes nextAnime{0%{opacity:1;-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5)}
100%{opacity:0;-webkit-transform:scale(2, 2);transform:scale(2, 2)}}@font-face{font-family:'consola';src:url("../../fonts/52/consola.eot");src:url("../../fonts/52/consola.eot") format("embedded-opentype"),url("../../fonts/52/consola.woff") format("woff"),url("../../fonts/52/consola.ttf") format("truetype"),url("../../fonts/52/consola.svg") format("svg")}
#nav{border-right:1px solid #d3d3d3;position:fixed;z-index:99999;top:0;left:-100%;width:75px;height:100vh;background-color:#df4c18}
#nav .nav-logo{opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s;pointer-events:none;position:absolute;top:28px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:35px;height:59px;background-image:url(../../images/52/logo2.png);background-size:100%;background-repeat:no-repeat}
#nav .nav-logo.show{opacity:1;pointer-events:auto}
#nav #fb{position:absolute;bottom:0;left:0;overflow:hidden;display:block;width:6rem;height:6rem;color:#888;text-align:center;line-height:6rem;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#nav #fb i{position:relative;z-index:1}
#nav #fb:hover{opacity:1;color:#FFF}
#nav #fb:before{position:absolute;top:50%;left:50%;content:"";width:0;height:0;border-radius:50%;background-color:#4267B2;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
#nav #fb:hover:before{width:200%;height:200%}
#nav-wrap{position:absolute;top:0;left:6rem;width:0;height:100vh;overflow:hidden;background-color:#FFF;-webkit-transition:width 0.3s ease-out;transition:width 0.3s ease-out}
#nav-wrap .logo{position:absolute;top:6rem;left:0;width:calc(100vw - 12rem)}
#nav-wrap .logo img{width:20rem;float:right}
#nav-wrap ul{position:relative;top:50%;padding:0 8rem 0 4rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:padding 0.3s ease-out;transition:padding 0.3s ease-out}
#nav-wrap ul li{position:relative;padding:1rem 0;font-size:5rem}
#nav-wrap ul li:before{position:absolute;top:50%;right:6rem;content:"";width:calc(100% - 6rem);height:1px;background-color:#E5E5E5;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
#nav-wrap ul li:nth-child(1):before{width:calc(100% - 10rem - 12.3rem)}
#nav-wrap ul li:nth-child(2):before{width:calc(100% - 10rem - 14.5rem)}
#nav-wrap ul li:nth-child(3):before{width:calc(100% - 10rem - 16.2rem)}
#nav-wrap ul li:nth-child(4):before{width:calc(100% - 10rem - 21.4rem)}
#nav-wrap ul li:nth-child(5):before{width:calc(100% - 10rem - 24.2rem)}
#nav-wrap ul li:nth-child(6):before{width:calc(100% - 10rem - 27.0rem)}
#nav-wrap ul li:nth-child(7):before{width:calc(100% - 10rem - 17.7rem)}
#nav-wrap ul li:not(.active):hover:before{top:0;width:calc(100% - 6rem);height:100%}
#nav-wrap ul li a{font-family:'consola';position:relative;z-index:1;display:block;color:#222;text-decoration:none;line-height:1;font-weight:bold;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#nav-wrap ul li:not(.active) a:hover{padding-left:2rem;opacity:1}
.nav_open #nav-wrap{width:100vw}
.nav_open #nav-wrap ul{padding:0 8rem 0 8rem}
#nav-wrap ul li.active a{color:#c6ab8d}
@media screen and (min-width: 1025px){#nav-wrap ul li.active:before{background-color:#182574}}@media screen and (max-width: 1024px){#nav .nav-logo{display:none}
#nav{width:100%;height:6rem;left:0;border-right:none}
#nav #fb{top:0;bottom:auto;left:auto;right:0}
#nav-wrap{left:0;top:6rem}
#nav-wrap .logo{position:relative;top:2rem;width:calc(100vw - 4rem);margin-bottom:8rem}
#nav-wrap ul{position:relative;padding:0 0 0 0;top:0;-webkit-transform:translateY(0);transform:translateY(0)}
#nav-wrap ul li{font-size:4rem}
#nav-wrap ul li:nth-child(1):before{width:calc(100% - 6rem - 12.3rem)}
#nav-wrap ul li:nth-child(2):before{width:calc(100% - 6rem - 14.5rem)}
#nav-wrap ul li:nth-child(3):before{width:calc(100% - 6rem - 16.2rem)}
#nav-wrap ul li:nth-child(4):before{width:calc(100% - 6rem - 21.4rem)}
#nav-wrap ul li:nth-child(5):before{width:calc(100% - 6rem - 24.2rem)}
#nav-wrap ul li:nth-child(6):before{width:calc(100% - 6rem - 27.0rem)}
#nav-wrap ul li:nth-child(7):before{width:calc(100% - 6rem - 17.7rem)}
#nav-wrap .logo img{width:15rem}
.nav_open #nav-wrap{width:100%}
.nav_open #nav-wrap ul{padding:0 0 0 4rem}}#nav_bar{position:absolute;z-index:1;top:0;bottom:0;left:50%;display:block;width:6rem;height:6rem;margin:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
#nav_bar:hover{cursor:pointer}
#nav_bar span{position:relative;display:block;width:inherit;height:inherit}
#nav_bar:after,#nav_bar span:before,#nav_bar span:after{position:absolute;top:20%;content:"";display:block;width:1px;height:60%;background-color:#fff;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
#nav_bar:after{left:40%}
#nav_bar span:before{left:50%}
#nav_bar span:after{right:calc(40% - 1px)}
#nav_bar:hover:after{left:35%}
#nav_bar:hover span:after{right:calc(35% - 1px)}
.nav_open{position:fixed;z-index:-1;width:100%;height:100%;overflow:hidden}
.nav_open #nav_bar:after{left:50%;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.nav_open #nav_bar span:before{opacity:0}
.nav_open #nav_bar span:after{right:50%;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
@media screen and (max-width: 1024px){#nav_bar{left:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}header{position:relative;padding-bottom:21px;margin-left:-76px;background:rgba(255,255,255,0.7);z-index:9999}
header .logo{float:right;padding:19px 94px 0 0;background:#fff}
@media (max-width: 768px){header{padding-bottom:0;display:none}}footer{padding:60px 123px 75px 72px;padding-top:60px;padding-left:74px;color:#000}
@media (max-width: 768px){footer{padding:32px 0 30px 17px}}footer .footer-menu-title{margin-bottom:15px;font-size:18px}
footer .footer-menu-works{float:left;margin-right:137px}
@media (max-width: 768px){footer .footer-menu-works{margin-right:69px}}footer .footer-menu-works a{font-size:15px}
footer .footer-menu a{display:block;margin-bottom:13px;color:#000;font-size:13px;text-decoration:none}
footer .footer-right{float:right;text-align:right}
footer .footer-right .footer-logo{margin-bottom:34px}
footer .footer-right img{display:inline-block}
footer .beian-info{float:right;position:relative;top:-25px;color:#b2b2b2;font-size:14px}
@media (max-width: 768px){footer .beian-info{display:none}}.contact{background:#7d7b7b}
.contact .contact-content{width:100%;padding:0 77px;max-width:959px;height:221px;background:#7d7b7b;display:-webkit-box;display:-ms-flexbox;display:flex}
@media (max-width: 768px){.contact .contact-content{padding:16px 0 20px 0;height:auto;display:block}}.contact .contact-content .contact-way{width:537px;margin:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
@media (max-width: 768px){.contact .contact-content .contact-way{width:auto}}.contact .contact-content .contact-way .contact-mail{display:inline-block;vertical-align:middle;width:69px;height:58px;background-image:url(../../images/52/mail.png);background-repeat:no-repeat;background-size:100%;margin-right:105px}
@media (max-width: 768px){.contact .contact-content .contact-way .contact-mail{display:block;width:35px;height:30px;margin:0 auto 16px auto}}.contact .contact-content .contact-way .contact-line{display:inline-block;vertical-align:middle;border-right:1px solid #fff;width:1px;height:99px;margin-right:61px}
.contact .contact-content .contact-way .contact-text{display:inline-block;vertical-align:middle;margin-right:73px;font-size:15px;color:#fff;line-height:24px}
@media (max-width: 768px){.contact .contact-content .contact-way .contact-text{width:150px;display:block;text-align:left;margin:0 auto;-webkit-transform:translateX(10px);transform:translateX(10px)}}.contact .contact-content .contact-way .contact-arrow{display:inline-block;vertical-align:middle;width:40px;height:13px;background-image:url(../../images/52/arrow2.png)}
.contact-page{margin-bottom:82px}
@media (max-width: 768px){.contact-page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:32px}}@media (max-width: 768px){.contact-page .contact-page-title{padding-top:25px}}.contact-page .contact-page-info{float:left;margin-top:20px;margin-right:68px;margin-bottom:20px;line-height:25px;font-size:14px;color:#838282}
@media (max-width: 768px){.contact-page .contact-page-info{margin-top:15px;margin-bottom:0;font-size:12px;line-height:17px}}.contact-page .contact-page-img{float:left}
@media (max-width: 768px){.contact-page .contact-page-img{float:none;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}}.contact{position:relative}
.contact:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#333;-webkit-transform:scale(0, 1);transform:scale(0, 1);-webkit-transition:all, 0.5s;transition:all, 0.5s;-webkit-transform-origin:0 center;transform-origin:0 center}
.contact:hover:before{-webkit-transform:scale(1, 1);transform:scale(1, 1)}
.contact-way-line{margin-top:94px;border-bottom:1px solid #c2c1c1;position:relative;z-index:9}
@media (max-width: 768px){.contact-way-line{margin-top:40px;border-color:#ededed}}.contact-way{position:relative;z-index:9}
.contact-way .contact-way-title{margin-bottom:60px;font-size:24px;color:#b2b2b2;text-align:center}
@media (max-width: 768px){.contact-way .contact-way-title{font-size:14px}}.contact-way .contact-way-title span{display:block;margin-top:12px;font-size:15px;color:#838282}
@media (max-width: 768px){.contact-way .contact-way-title span{margin-top:5px;font-size:12px}}.contact-way .contact-way-form{width:680px;margin:auto}
@media (max-width: 768px){.contact-way .contact-way-form{width:auto}}.contact-way .contact-way-form .contact-way-item{min-height:40px;margin-bottom:21px}
.contact-way .contact-way-form .contact-way-item span{display:inline-block;width:232px;font-size:14px;color:#838282;line-height:40px;vertical-align:top}
@media (max-width: 768px){.contact-way .contact-way-form .contact-way-item span{display:block;margin-bottom:10px;font-size:12px;line-height:normal}}.contact-way .contact-way-form .contact-way-item span i{display:inline-block;vertical-align:middle;margin-right:3px;color:red}
.contact-way .contact-way-form .contact-way-item .input{width:440px;display:inline-block}
.contact-way .contact-way-form .contact-way-item .input.type2 input{width:323px}
.contact-way .contact-way-form .contact-way-item .input input,.contact-way .contact-way-form .contact-way-item .input textarea{width:100%;height:40px;padding:10px;font-size:14px;border:1px solid #ddd;max-width:100}
.contact-way .contact-way-form .contact-way-item .input textarea{height:145px;resize:none}
@media (max-width: 768px){.contact-way .contact-way-form .contact-way-item .input{width:auto;display:block;min-height:32px}
.contact-way .contact-way-form .contact-way-item .input input,.contact-way .contact-way-form .contact-way-item .input textarea{padding:5px;font-size:12px}}.contact-way .contact-way-form .contact-way-submit{display:block;width:240px;height:50px;padding:0;margin:43px auto 0;background-color:#888;border:none;text-align:center;font-size:14px;color:#fff;line-height:50px;cursor:pointer}
@media (max-width: 768px){.contact-way .contact-way-form .contact-way-submit{margin-top:25px;width:121px;height:39px;font-size:12px;line-height:39px}}.news-list{font-size:14px;color:#3b3b3b}
.news-list a{font-size:14px;color:#3b3b3b;text-decoration:none}
.news-list .news-list-title{padding-top:111px;margin-bottom:61px}
@media (max-width: 768px){.news-list .news-list-title{padding-top:44px;margin-bottom:22px}}.news-list .news-item-time{min-width:55px;float:left;letter-spacing:1px}
@media (max-width: 768px){.news-list .news-item-time{float:none;margin-bottom:4px}}.news-list .news-item{padding:0 0 29px 7.6em;text-align:left;letter-spacing:1px}
.news-list .news-item:last-of-type{padding-bottom:66px}
@media (max-width: 768px){.news-list .news-item{padding-left:0;padding-bottom:22px}
.news-list .news-item:last-of-type{padding-bottom:22px}}.news-detail{margin-top:40px;padding-bottom:125px;max-width:633px;padding-right:20px}
@media (max-width: 768px){.news-detail{padding-bottom:69px;padding-right:0}}.news-detail .news-detail-title{font-size:20px;color:#111}
@media (max-width: 768px){.news-detail .news-detail-title{margin-bottom:5px;font-size:12px}}.news-detail .news-detail-time{font-size:14px;color:#3b3b3b}
@media (max-width: 768px){.news-detail .news-detail-time{font-size:10px}}.news-detail .news-detail-content{padding-top:20px;font-size:12px;letter-spacing:1px;line-height:15px;color:#999}
@media (max-width: 768px){.news-detail .news-detail-content{padding-top:23px}}.about-title{margin-bottom:18px}
.about-article-container{background-color:#f9f5f4;padding:0 0 66px 76px;margin:0 -76px 60px}
.about-article-container.about-article-container-second{padding-bottom:107px}
@media (max-width: 768px){.about-article-container.about-article-container-second{padding-bottom:40px}}@media (max-width: 768px){.about-article-container{margin:0 -15px;padding:0 15px 40px}}.about-article{background-repeat:no-repeat;width:554px;max-width:100%}
@media (max-width: 768px){.about-article{width:auto}}.about-article-title{margin-bottom:30px;font-size:16px;color:#626262;letter-spacing:2px}
@media (max-width: 768px){.about-article-title{margin-bottom:19px;font-size:14px}}.about-article-content{font-size:12px;line-height:30px;letter-spacing:1px;color:#838282}
@media (max-width: 768px){.about-article-content{font-size:12px;line-height:20px}}.about-article-container-second .about-article-content{width:429px}
@media (max-width: 768px){.about-article-container-second .about-article-content{width:100%;margin-bottom:28px}}.join-page{padding-right:50px}
.join-page .join-intro{margin-top:17px;margin-bottom:48px;font-size:11px;line-height:24px;color:#3b3b3b}
@media (max-width: 768px){.join-page .join-intro{margin-top:18px;margin-bottom:20px}}.join-page .job-title{margin-bottom:22px;font-size:16px;color:#3b3b3b}
@media (max-width: 768px){.join-page .job-title{margin-bottom:10px}}.join-page .job-item{margin-bottom:47px}
@media (max-width: 768px){.join-page .job-item{margin-bottom:24px;padding-bottom:11px;border-bottom:1px solid #cecece}
.join-page .job-item.last{border-bottom:none}}.join-page .job-intro .job-intro-title{margin-bottom:10px;font-size:14px;color:#3b3b3b}
.join-page .job-intro .job-intro-text{margin-bottom:23px;font-size:11px;color:#999;line-height:16px}
@media (max-width: 768px){.join-page .job-intro .job-intro-text{margin-bottom:13px}}@media (max-width: 768px){.join-page .job-intro .job-intro-text div{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:20px}}.join-page .job-intro.type2 .job-intro-text{line-height:23px}
.join-page .job-way{margin-bottom:90px;color:#2d2d2d}
@media (max-width: 768px){.join-page .job-way{margin-bottom:40px}}.join-page .job-way .job-way-title{margin-bottom:20px;font-size:16px}
.join-page .job-way .job-way-text{line-height:18px;font-size:12px}
.join-page .job-way .job-way-text a{color:#2d2d2d;text-decoration:none}
.works-list{padding-right:76px}
@media (max-width: 768px){.works-list{padding-right:15px}}.works-list .works-sort{margin-top:36px;margin-bottom:70px}
.works-list .works-sort a{display:inline-block;margin-right:28px;font-size:12px;color:#999;text-decoration:none}
.works-list .works-sort a.on{color:#3b3b3b}
.works-list .works-sort-select{margin-top:17px;margin-bottom:18px}
.works-list .works-sort-select select{width:100%;padding:8px 0px;color:#3b3b3b;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-bottom:1px solid #ededed;outline:none;background-image:url(../../images/52/select_arrow.png);background-repeat:no-repeat;background-position:right 5px center;background-color:transparent;background-size:9px 6px;border-radius:0}
.works-list .works-list-result a{display:block;width:352px;max-width:33.333%;margin-bottom:63px;float:left;text-decoration:none}
.works-list .works-list-result a .works-img{width:100%;height:211px;margin-bottom:24px;overflow:hidden}
.works-list .works-list-result a .works-img img{display:block;min-width:100%;min-height:100%;max-width:none}
.works-list .works-list-result a span{display:block;padding-left:18px;font-size:14px;color:#3b3b3b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media (max-width: 768px){.works-list .works-list-result a{width:calc(50% - 6px);margin-right:0;max-width:none;margin-bottom:18px}
.works-list .works-list-result a:nth-of-type(2n){margin-right:12px}
.works-list .works-list-result a .works-img{position:relative;width:100%;height:auto;padding-top:59.94%;margin-bottom:10px}
.works-list .works-list-result a .works-img img{position:absolute;top:0;left:0;width:100%;min-width:0;max-height:0}
.works-list .works-list-result a span{padding-left:0}
.works-list .works-list-result a:nth-of-type(1),.works-list .works-list-result a:nth-of-type(2),.works-list .works-list-result a:nth-of-type(3){float:none;width:100%;margin-bottom:38px}
.works-list .works-list-result a:nth-of-type(1) .works-img,.works-list .works-list-result a:nth-of-type(2) .works-img,.works-list .works-list-result a:nth-of-type(3) .works-img{margin-bottom:13px}}.works-list .load-more{display:block;width:118px;height:12px;margin:48px auto 68px}
@media (max-width: 768px){.works-list .load-more{margin-top:20px;margin-bottom:40px}}.works-detail{padding-right:76px}
@media (max-width: 768px){.works-detail{padding-right:15px}}.works-detail .works-detail-sort{margin-top:13px;margin-bottom:35px;font-size:12px;color:#999}
@media (max-width: 768px){.works-detail .works-detail-sort{margin-top:10px;margin-bottom:20px}}.works-detail .works-intro-left{float:left}
@media (max-width: 768px){.works-detail .works-intro-left{float:none}}.works-detail .works-intro-right{float:right;text-align:right}
@media (max-width: 768px){.works-detail .works-intro-right{text-align:left;float:none}}.works-detail .works-detail-intro{font-size:13px;color:#3b3b3b;line-height:22px}
@media (max-width: 768px){.works-detail .works-detail-intro{font-size:11px;line-height:16px}}.works-detail .works-detail-intro.type2{color:#838282}
.works-detail .works-detail-content{padding:100px 0 138px;color:#3b3b3b;font-size:12px;line-height:20px}
@media (max-width: 768px){.works-detail .works-detail-content{padding:36px 0 74px}}.works-detail .works-detail-content img{max-width:100%}
.works-detail .works-detail-control{border-top:1px solid #dfdfdf;margin:0 -76px;height:205px;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:'consola'}
@media (max-width: 768px){.works-detail .works-detail-control{margin:0 -15px;height:161px}}.works-detail .works-detail-control .cover{position:absolute;width:100%;height:100%;top:0;left:0;background-repeat:no-repeat;background-position:center center;background-size:cover;opacity:0;-webkit-transition:all 0.5s;transition:all 0.5s}
@media (max-width: 768px){.works-detail .works-detail-control .cover{opacity:1}}.works-detail .works-detail-control .cover:before{content:'';display:block;background-color:#3b3b3b;opacity:0.72;position:absolute;width:100%;height:100%;top:0;left:0;z-index:998}
.works-detail .works-detail-control .works-control-arrow{position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;padding-left:50px;color:#232323;font-size:15px;z-index:999}
@media (max-width: 768px){.works-detail .works-detail-control .works-control-arrow{padding:0 !important}}.works-detail .works-detail-control .works-control-arrow i{display:inline-block;vertical-align:middle;margin-left:30px;background-image:url(../../images/52/works_v_arrow.png);background-repeat:no-repeat;width:26px;height:5px}
@media (max-width: 768px){.works-detail .works-detail-control .works-control-arrow i{display:block;padding:0 !important;margin:0 auto 10px !important}}.works-detail .works-detail-control .works-control-arrow span{display:inline-block;vertical-align:middle;color:#232323}
@media (max-width: 768px){.works-detail .works-detail-control .works-control-arrow span{display:block;text-align:center;padding:0 !important;margin:0 auto !important;font-size:11px !important}}.works-detail .works-detail-control .works-prev.disable,.works-detail .works-detail-control .works-next.disable{opacity:.5;cursor:default;pointer-events:none}
.works-detail .works-detail-control .works-prev{display:block;text-decoration:none;height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;display:block}
@media (max-width: 768px){.works-detail .works-detail-control .works-prev .works-control-arrow i{background-image:url(../../images/52/works_v_arrow_w.png) !important}
.works-detail .works-detail-control .works-prev .works-control-arrow span{color:#fff !important}}.works-detail .works-detail-control .works-prev .works-control-arrow i{margin-left:0;margin-right:30px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.works-detail .works-detail-control .works-middle{display:block;text-decoration:none;height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;background:#f4f4f4}
.works-detail .works-detail-control .works-middle .works-control-arrow{padding:0;text-align:center;font-size:20px}
.works-detail .works-detail-control .works-middle .works-control-arrow i{display:block;width:16px;height:13px;margin:0 auto;background-image:url(../../images/52/works_v_arrow_m.png)}
@media (max-width: 768px){.works-detail .works-detail-control .works-middle .works-control-arrow i{margin-top:5px !important}}.works-detail .works-detail-control .works-next{display:block;text-decoration:none;height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;display:block;text-align:right}
.works-detail .works-detail-control .works-next .works-control-arrow{padding-left:0;padding-right:50px}
@media (max-width: 768px){.works-detail .works-detail-control .works-next .works-control-arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.works-detail .works-detail-control .works-next .works-control-arrow i{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;background-image:url(../../images/52/works_v_arrow_w.png) !important}
.works-detail .works-detail-control .works-next .works-control-arrow span{color:#fff !important}}.works-detail .works-detail-control a:not(.works-middle):not(.disable):hover i{background-image:url(../../images/52/works_v_arrow_w.png)}
.works-detail .works-detail-control a:not(.works-middle):not(.disable):hover span{color:#fff}
.works-detail .works-detail-control a:not(.works-middle):not(.disable):hover .cover{opacity:1}
/*# sourceMappingURL=app.css.map*/