@charset "UTF-8";
body, html {font-family: "Source Han Sans CN","Microsoft YaHei","微軟正黑體", "Microsoft JhengHei","Helvetica Neue", Helvetica, "Heiti SC",Arial, sans-serif;}
@font-face {font-family: 'BEBAS';src: url("fonts/BEBAS.eot");src: url("fonts/BEBAS.eot") format("embedded-opentype"), url("fonts/BEBAS.woff2") format("woff2"), url("fonts/BEBAS.woff") format("woff"), url("fonts/BEBAS.ttf") format("truetype"), url("fonts/BEBAS.svg") format("svg");}
body {overflow: hidden;position: relative;}
.ovh-f {width: 100%;height: 100%;position: fixed;left: 0;top: 0;}
.w1420 {width: 1420px;margin: 0 auto;}
.header2 {height: 55px;position: relative;background: #fff;z-index: 22;width: 100%;display: none;}
.header2 .main-wrap {height: 55px;padding: 0 3%;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.header2 .logo {width: 240px;height: 55px;line-height: 55px;overflow: hidden;}
.header2 .logo a {display: block;}
.header2 .logo img {width: 100%;vertical-align: middle;}
.header2 .nav-btn {width: 35px;height: 25px;position: relative;cursor: pointer;margin-top: .5rem;}
.header2 .nav-btn .line {display: block;width: 100%;height: 3px;border-radius: 3px;background-color: #ababab;position: absolute;left: 0;}
.header2 .nav-btn .line1 {transform-origin: left 0px 0;}
.header2 .nav-btn .line2 {top: 11px;}
.header2 .nav-btn .line3 {bottom: 0;transform-origin: left 4px 0;}
.header2 .nav-btn.active {animation: rotate 0.5s linear 0s;}
.header2 .nav-btn.active .line1 {top: 0px;}
.header2 .nav-btn.hover .line {background: #d6c1aa;}
.header2 .sub-menu {width: 100%;padding: 0 3%;display: none;position: absolute;left: 0;top: 60px;z-index: 2;height: calc(100vh - 55px - 1rem);overflow-y: auto;overflow-x: hidden;}
.header2 .sub-menu ul {width: 100%;overflow-x: hidden;/*overflow-y: scroll;height: calc(100vh - 55px - 1.5rem);*/}
.header2 .sub-menu li {border-bottom: 1px solid #dcdcdc;font-size: 16px;}
.header2 .sub-menu .tit {display: block;width: 100%;padding: 0 3%;line-height: 60px;color: #000;position: relative;box-sizing: border-box;}
.header2 .sub-menu .titx {display: block;width: 100%;padding: 0 3%;line-height: 60px;color: #000;position: relative;border-bottom: 1px solid #dcdcdc;}
.header2 .sub-menu .sub-tit:after {content: '';display: block;width: 26px;height: 26px;background: url(../../img/ico_03.png) no-repeat center;background-size: 17px auto;position: absolute;right: 3%;top: 15px;}
.header2 .sub-menu .sub-tit.on {background-color: #e9e9e9;}
.header2 .sub-menu .sub-tit.on:after {background: url(../../img/ico_03_h-1.png) no-repeat center;background-size: 20px auto;}
.header2 .sub-menu .sec-list {line-height: 40px;padding: 10px 4%;display: none;}
.header2 .sub-menu .sec-list p {background: url(../../img/ico_04.png) no-repeat left center;background-size: 3px auto;font-size: 14px;}
.header2 .sub-menu .sec-list a {padding-left: 3%;color: #666;display: block;}
.search-bg {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;background-color: #f5f5f5;display: none;z-index: 20;}
.search-alert {position: fixed;z-index: 100;background-color: #222;left: 0;top: 0;width: 100%;height: 100%;}
.search-alert input::-webkit-input-placeholder {color: #fff !important;}
.search-alert input::-moz-placeholder {/* Mozilla Firefox 19+ */
color: #fff !important;}
.search-alert input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */
color: #fff !important;}
.search-alert input:-ms-input-placeholder {/* Internet Explorer 10-11 */
color: #fff !important;}
.search-alert .cent-form {opacity: 0;transform: translate(0, 40px);transition: all .5s;}
.search-alert .close {width: 30px;height: 30px;position: absolute;top: 38px;right: 2.6%;cursor: pointer;transition: all .3s ease-in-out;}
.search-alert .close:before {font-size: 30px;top: 0;left: 0;color: #fff;transition: all 0.3s ease-in-out;}
.search-alert .close:hover:before {color: #d00010;}
.search-alert .cent-form {position: absolute;width: 94.8%;left: 2.6%;top: 50%;height: 2rem;margin-top: -63px;border-bottom: 1px solid #515151;}
.search-alert .cent-form:before {color: #fff;font-size: 30px;position: absolute;left: 0;height: 50px;top: 50%;margin-top: -25px;}
.search-alert .cent-form .tex {border: none;font-size: 1.2rem;height: 1.5rem;line-height: 1.5rem;text-align: center;width: 100%;color: #555;background: none;padding-left: 2rem;padding-right: 3.5rem;}
.search-alert .cent-form .sub-butn {border: none;height: 1.5rem;font-size: .8rem;line-height: 1.5rem;color: #555;text-align: right;background: none;position: absolute;right: 0;top: 0;width: 3.5rem;text-align: center;}
.search-alert {transform-origin: bottom center;transform: scaleY(0);transition: transform .3s .5s;}
.search-alert.active {transform-origin: top center;transform: scaleY(1);transition: transform .3s;}
.search-alert.active .cent-form {opacity: 1;transform: translate(0, 0);transition: all .5s .3s;}
.header1 {position: fixed;width: 100%;z-index: 9;transition: all .3s ease-in-out;}
.header1 .n-header {height: 100px;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;transition: all .3s ease-in-out;}
.header1 .logo {width: 223px;height: 40px;position: relative;}
.header1 .logo img {max-width: 100%;position: absolute;left: 0;top: 0;transition: all .3s ease-in-out;}
.header1 .logo .img1 {opacity: 1;}
.header1 .logo .img2 {opacity: 0;}
.header1 .nav {margin-left: 8rem;display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: center;}
.header1 .nav .li {position: relative;height: 100px;line-height: 100px;margin-right: 1rem;font-size: 16px;position: relative;transition: all .3s ease;}
.header1 .nav .li:before {content: "";position: absolute;width: 0%;height: 1px;background: #fff;top: 72px;right: 0;transition: all .3s ease-in-out;}
.header1 .nav .li a {display: block;color: #fff;}
.header1 .nav .li:hover:before, .header1 .nav li.cur:before {width: 100%;}
.header1 .nav .subox {position: absolute;left: 50%;margin-left: -60px;width: 120px;top: 100px;background: #fff;padding: 15px 0;text-align: center;display: none;}
.header1 .nav .subox a {line-height: 35px;color: #333;font-weight: 400;transition: all .3s ease;}
.header1 .nav .subox a:hover {font-weight: 600;}
.header1 .header-right {width: 170px;height: 100px;display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: center;position: relative;padding-left: .7rem;}
.header1 .header-right:before {content: "";position: absolute;width: 1px;height: 16px;top: 50%;left: 0;background: rgba(255, 255, 255, 0.2);margin-top: -8px;transition: all .3s ease;}
.header1 .search-btn {font-size: 20px;color: #fff;cursor: pointer;transition: all .3s ease;}
.header1 .business-btn {display: block;margin-left: .5rem;width: 100px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #ccb195;border-radius: 30px;font-size: 14px;}
.header1 .business-btn:before {width: 200px;height: 200px;background: #c0a58a;}
.header1 .business-btn p {position: relative;z-index: 2;}
.header1.ding {background: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.header1.ding .n-header {height: 100px;}
.header1.ding .logo .img1 {opacity: 0;}
.header1.ding .logo .img2 {opacity: 1;}
.header1.ding .nav .li {height: 100px;line-height: 100px;}
.header1.ding .nav .li a {color: #333;}
.header1.ding .header-right{height:80px;}
.header1.ding .header-right:before {background: rgba(0, 0, 0, 0.2);}
.header1.ding .search-btn {color: #333;}
.header1.ding .nav .subox {top: 100px;}
.header1.ding .nav .li:before {background: #c0a58a;}
.header1.scroll {background: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.header1.scroll .n-header {height: 80px;}
.header1.scroll .logo .img1 {opacity: 0;}
.header1.scroll .logo .img2 {opacity: 1;}
.header1.scroll .nav .li {height: 80px;line-height: 80px;}
.header1.scroll .nav .li a {color: #333;}
.header1.scroll .header-right:before {background: rgba(0, 0, 0, 0.2);}
.header1.scroll .search-btn {color: #333;}
.header1.scroll .nav .subox {top: 80px;}
.header1.scroll .nav .li:before {background: #c0a58a;}
.header1.scroll .header-right{height:80px;}

.header1.scrollB {background: #fff;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.header1.scrollB .n-header {height: 80px;}
.header1.scrollB .logo .img1 {opacity: 0;}
.header1.scrollB .logo .img2 {opacity: 1;}
.header1.scrollB .nav .li {height: 80px;line-height: 80px;}
.header1.scrollB .nav .li a {color: #333;}
.header1.scrollB .header-right:before {background: rgba(0, 0, 0, 0.2);}
.header1.scrollB .search-btn {color: #333;}
.header1.scrollB .nav .subox {top: 80px;}
.header1.scrollB .nav .li:before {background: #c0a58a;}
.header1.scrollB .header-right{height:80px;}


footer .address-box {background: #f7f7f7;padding: 1rem 0 1.25rem;}
footer .address-box .w1420 {display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: flex-start;}
footer .address-box .item-box {width: 320px;}
footer .address-box .item-tab {line-height: 1.2;margin-bottom: .5rem;cursor: pointer;color: #ccc;font-weight: bold;transition: all .3s ease-in-out;}
footer .address-box .item-tab.cur, footer .address-box .item-tab:hover {color: #333;}
footer .address-box .item-ajax { display: flex; width: calc(100% - 320px);}
footer .address-box .item-ajax .dl{ display: none;}
footer .address-box .item-ajax .dl:first-child{ display: flex;}
footer .address-box .item-ajax .dl{display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: flex-start;}
footer .address-box .item-ajax .add {width: 380px;margin-right: 3.5rem;}
footer .address-box .item-ajax .add .tit1 {font-size: 16px;line-height: 1.5;color: #333;padding-bottom: 10px;border-bottom: 1px solid #dedede;padding-left: 28px;position: relative;font-weight: bold;}
footer .address-box .item-ajax .add .tit1:before {position: absolute;left: 0;}
footer .address-box .item-ajax .add .p-14 {margin-top: .5rem;}
footer .address-box .item-ajax .tel {width: 200px;margin-right: 3.5rem;}
footer .address-box .item-ajax .tel .tit1 {font-size: 16px;line-height: 1.5;color: #333;padding-bottom: 10px;border-bottom: 1px solid #dedede;padding-left: 28px;position: relative;font-weight: bold;}
footer .address-box .item-ajax .tel .tit1:before {position: absolute;left: 0;}
footer .address-box .item-ajax .tel .p-14 {margin-top: .5rem;}
footer .address-box .item-ajax .wxbox {width: 200px;/*margin-right: 3.5rem;*/}
footer .address-box .item-ajax .wxbox .tit1 {font-size: 16px;line-height: 1.5;color: #333;padding-bottom: 10px;border-bottom: 1px solid #dedede;padding-left: 28px;position: relative;font-weight: bold;}
footer .address-box .item-ajax .wxbox .tit1:before {position: absolute;left: 0;}
footer .address-box .item-ajax .wxbox .p-14 {margin-top: .5rem;overflow: hidden;}
footer .address-box .item-ajax .wxbox .p-14 img{width:49%;margin-right:2%;float:left;}
footer .address-box .item-ajax .wxbox .p-14 img:last-child{margin-right:0;}
footer .address-box .title {font-weight: bold;width: 100%;padding-bottom: .6rem;margin-bottom: 1rem;border-bottom: 1px solid #dedede;}
footer .footer-nav {background: #1a1a1a;padding-top: 2rem;}
footer .footer-top {display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;padding-bottom: 2rem;}
footer .footer-top .logo {width:223px;}
footer .footer-top .logo img {max-width: 100%;}
footer .footer-top .nav {display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: flex-start;}
footer .footer-top .nav a {padding: 0 1rem;color: #fff;position: relative;transition: all .3s ease-in-out;}
footer .footer-top .nav a:before {content: "";position: absolute;width: 1px;height: 10px;background: #484848;top: 50%;margin-top: -5px;right: 0;}
footer .footer-top .nav a:last-child:before {display: none;}
footer .footer-top a:hover {color: #c0a58a;}
footer .nav-bot {height: 78px;display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;border-top: 1px solid #313131;}
footer .nav-bot a {color: #d3d3d3;opacity: .3;margin: 0 10px;transition: all .3s ease-in-out;}
footer .nav-bot a:hover {opacity: 1;}
footer .footer-bot .w1420 {display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;border-top: 1px solid #313131;padding: .5rem 0;}
footer .footer-bot .p1 {color: #d3d3d3;opacity: .3;}
footer .footer-bot .p2 .sp1 {color: #d3d3d3;opacity: .3;}
footer .footer-bot .p2 a {color: #d3d3d3;opacity: .3;transition: all .3s ease-in-out; margin: 0 0.5em 0 0;}
footer .footer-bot .p2 a:hover {opacity: 1;}
.i-banner {width: 100%;height: 100vh;position: relative;z-index: 1;/*.wswiper-pagination{width:320px;height:88px;position: absolute;}*/}
.i-banner a {display: block;}
.i-banner .swiper-slide {background-repeat: no-repeat;background-position: center center;background-size: cover;}
.i-banner .wswiper-pagination {width: 320px;height: 88px;position: absolute;bottom: 0;z-index: 2;right: calc(50% - 710px);background: #fff;}
.i-banner .swiper-button-warp {width: 160px;height: 88px;position: relative;}
.i-banner .swiper-button-warp .swiper-button-next, .i-banner .swiper-button-warp .swiper-button-prev {width: 80px;height: 88px;line-height: 88px;text-align: center;font-size: 20px;color: #000;left: auto;top: auto;margin-top: auto;opacity: 1;transition: all .3s ease;background: none !important;}
.i-banner .swiper-button-warp:before {content: "";position: absolute;width: 1px;height: 25px;background: #cfcfcf;left: 50%;top: 50%;margin-top: -12.5px;}
.i-banner .swiper-button-warp .swiper-button-next {transform: rotate(-180deg);right: 0;}
.i-banner .pagebtn {width: 160px;position: relative;line-height: 88px;display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;}
.i-banner .pagebtn .sp1, .i-banner .pagebtn .sp2, .i-banner .pagebtn .sp3 {font-family: "BEBAS";font-size: 16px;}
.i-banner .pagebtn .sp2, .i-banner .pagebtn .sp3 {color: #999;}
.i-banner .pagebtn .sp1 {color: #333;}
.i-banner .pagebtn .sp1, .i-banner .pagebtn .sp3 {width: 30px;height: 88px;text-align: center;}
.top-title {margin-bottom: 2rem;}
.top-title .n-title {display: inline-block;}
.top-title .tit1 {text-transform: uppercase;font-weight: bold;line-height: 1.2;}
.top-title .tit2 {position: relative;}
.top-title .tit2 p {display: inline-block;background: #fff;padding: 0 10px;position: relative;z-index: 2;}
.top-title .tit2:before {content: "";position: absolute;width: 110%;margin-left: -55%;left: 50%;height: 1px;background: #cccccc;top: 50%;z-index: 1;}
.i-lista {padding: 3rem 0 0;background: #fff;position: relative;z-index: 1;}
.i-lista .swiper-one {width: 100%;position: relative;overflow: hidden;}
.i-lista .swiper-one img {/*max-width:100%;*/}
.i-lista .swiper-one a {display: block;width: 100%;height: 100%;display: flex;flex-flow: column wrap;justify-content: center;align-items: center;background: rgba(0,0,0,0.5);}
.i-lista .swiper-one .swiper-slide {height: 13rem;width: 27vw !important;transition: all .3s ease-in-out;}
.i-lista .swiper-one .swiper-slide.swiper-slide-active, .i-lista .swiper-one .swiper-slide:hover {width: 46vw !important;}
.i-lista .swiper-one .text {text-align: left;}
.i-lista .swiper-one .line {width: 50px;height: 5px;background: #fff;margin-bottom: 1rem;display: block;}
.i-lista .swiper-one .p {line-height: 1.2;font-size: .75rem;}
.i-lista .swiper-one .year {font-size: 20px;line-height: 1;}
.i-lista .swiper-one .year span {font-family: "BEBAS";}
.i-lista .swiper-button-prev {transform: translate(-80px, 0);}
.i-lista .swiper-button-next, .i-lista .swiper-button-prev {width: 80px;height: 88px;line-height: 88px;text-align: center;font-size: 36px;color: #fff;margin-top: -44px;opacity: 1;transition: all .3s ease;background: none !important;opacity: 0;}
.i-lista .swiper-button-next {transform: rotate(-180deg) translate(-80px, 0);right: 0;}
.i-lista .swiper-one:hover .swiper-button-prev {opacity: 1;transform: translate(0, 0);}
.i-lista .swiper-one:hover .swiper-button-next {opacity: 1;transform: rotate(-180deg) translate(0, 0);}
.i-listb {padding: 2.5rem 0 0;background: #fff;position: relative;z-index: 1;}
.i-listb .swiper-box {display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;margin-bottom: 1rem;}
.i-listb .more {padding-left: 30px;background: url(../img/img2.png) no-repeat center left;font-size: 14px;color: #666;}
.i-listb .more-two {text-align: center;margin-top: 1rem;}
.i-listb .more-two p {padding-left: 30px;background: url(../img/img2.png) no-repeat center left;font-size: 14px;color: #666;display: inline-block;}
.i-listb .swiper-tab {width: 1090px;position: relative;overflow: hidden;/*&:hover{
.swiper-button-prev{opacity:1;transform:translate(0,0);}
.swiper-button-next{opacity:1;transform:rotate(-180deg) translate(0,0);}
}*/}
.i-listb .swiper-tab .swiper-slide {height: 42px;line-height: 42px;cursor: pointer;border: 1px solid #dedede;text-align: center;transition: background .3s ease-in-out,color .3s ease-in-out;}
.i-listb .swiper-tab .swiper-slide.cur, .i-listb .swiper-tab .swiper-slide:hover {background: #d6c1aa;color: #fff;border: 1px solid #d6c1aa;}
.i-listb .swiper-tab .swiper-button-prev {transform: translate(-80px, 0);left: 20px;}
.i-listb .swiper-tab .swiper-button-next, .i-listb .swiper-tab .swiper-button-prev {width: 35px;height: 35px;line-height: 35px;text-align: center;font-size: 20px;color: #333;margin-top: -17.5px;opacity: 1;transition: all .3s ease;background: none !important;opacity: 0;}
.i-listb .swiper-tab .swiper-button-next {transform: rotate(-180deg) translate(-80px, 0);right: 20px;}
.i-listb .workbox {display: flex;flex-flow: row wrap;justify-content: left;align-items: center; margin-right: -40px;}
.i-listb .workbox .li-img {width: 25%;padding-right: 40px;margin-bottom: 40px; display: none;}
.i-listb .workbox .li-img.active{ display: block;}
.i-listb .workbox .text {padding: .65rem .5rem 0;border-top: none;border: 1px solid #e5e5e5;}
.i-listb .workbox .time {font-size: 14px;line-height: 1.5;padding-left: 30px;color: #666;position: relative;margin-bottom: .5rem;font-family: "Arial";}
.i-listb .workbox .time:before {content: "";position: absolute;width: 20px;height: 1px;left: 0;top: 50%;background: #ccc;}
.i-listb .workbox .tit1 {color: #333;padding-bottom: .6rem;border-bottom: 1px solid #e5e5e5;}
.i-listb .workbox .bot {display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;height: 40px;color: #999;}
.i-listb .workbox .bot img {width: 19px;height: 16px;}
.i-listb .workbox .img {position: relative;display:block;}
.i-listb .workbox .img .p {position: absolute;display: inline-block;width: 80px;color: #fff;padding-left: 20px;background: url(../img/img4.png) no-repeat left center;top: 50%;left: 50%;margin-left: -40px;margin-top: -10px;opacity: 0;transform: translate(0, -20px);transition: all .3s ease-in-out;}
.i-listb .workbox .li-img:hover .img .p {opacity: 1;transform: translate(0, 0);}
.i-listc {padding: 2.5rem 0;position: relative;z-index: 1;}
.i-listc .original-box {position: relative;}
.i-listc .original-box .swiper-slide a {display: block;}
.i-listc .original-box .tit1 {transform: translate(0, 50px);transition: all .3s ease-in-out;}
.i-listc .original-box .tit2 {transform: translate(0, 50px);margin-top: 5px;transition: all .3s ease-in-out;}
.i-listc .original-box .img1 {width: 100%;position: relative;z-index: 2;}
.i-listc .original-box .text {display: flex;flex-flow: column wrap;justify-content: center;align-items: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 3;}
.i-listc .original-box .bg {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;background: rgba(255, 255, 255, 0.2);opacity: 0;transition: all .3s ease-in-out;}
.i-listc .original-box .p-14 {width: 300px;margin-top: 1.25rem;opacity: 0;transform: translate(0, 100px);transition: all .3s ease-in-out;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;height:68px;overflow: hidden;}
.i-listc .original-box .swiper-slide:hover .tit1, .i-listc .original-box .swiper-slide:hover .tit2 {transform: translate(0, 0);}
.i-listc .original-box .swiper-slide:hover .bg {opacity: 1;}
.i-listc .original-box .swiper-slide:hover .p-14 {opacity: 1;transform: translate(0, 0);}
.i-listc .original-box .swiper-button-prev {transform: translate(-80px, 0);}
.i-listc .original-box .swiper-button-next, .i-listc .original-box .swiper-button-prev {width: 80px;height: 88px;line-height: 88px;text-align: center;font-size: 36px;color: #fff;margin-top: -44px;opacity: 1;transition: all .3s ease;background: none !important;opacity: 0;}
.i-listc .original-box .swiper-button-next {transform: rotate(-180deg) translate(-80px, 0);right: 0;}
.i-listc .original-box:hover .swiper-button-prev {opacity: 1;transform: translate(0, 0);}
.i-listc .original-box:hover .swiper-button-next {opacity: 1;transform: rotate(-180deg) translate(0, 0);}
.i-listc .more {display: block;margin: 1.75rem auto 0;width: 140px;height: 40px;line-height: 40px;text-align: center;color: #333;background: none;border: 1px solid #777;border-radius: 30px;font-size: 14px;transition: all .3s ease-in-out;}
.i-listc .more:before {width: 200px;height: 200px;background: #c0a58a;}
.i-listc .more p {position: relative;z-index: 2;}
.i-listc .more:hover {border: 1px solid #fff;}
.i-listc .more:hover p {color: #fff;}
.i-listd {padding: 2.6rem 0 0;background: #f7f7f7;}
.i-listd .top-title {margin-bottom: 0;}
.i-listd .top-title .n-title .tit2 p {background: #f7f7f7;}
.i-listd .text-warp {padding: .5rem 0 1.25rem;}
.i-listd .text {width: 1000px;margin: 0 auto 1.25rem;}
.i-listd .text .tit1 {color: #977756;margin-bottom: 10px;}
.i-listd .down-btn {width: 50px;height: 50px;border-radius: 50%;border: 1px solid #b5b5b5;margin: 0 auto;text-align: center;position: relative;cursor: pointer;display: block;}
.i-listd .down-btn:before {width: 50px;height: 50px;line-height: 50px;font-size: 20px;color: #d6c1ab;}
.i-listd .tab-btn {width: 100%;}
.i-listd .tab-btn .li {height: 3.25rem;line-height: 3.25rem;text-align: center;width: 50%;font-weight: bold;border: 1px solid #dedede;cursor: pointer;transition: all .3s ease-in-out;}
.i-listd .tab-btn .li p {height: 45px;line-height: 45px;display: inline-block;padding-left: 60px;background-repeat: no-repeat;background-position: left top;transition: all .3s ease-in-out;}
.i-listd .tab-btn .li:hover, .i-listd .tab-btn .li.cur {border: 1px solid #333;background: #333;}
.i-listd .tab-btn .li:hover p, .i-listd .tab-btn .li.cur p {color: #fff;background-position: left bottom;}
.i-listd .n-tab-box {height: 15rem;}
.i-listd .n-tab-box .tab-one {display: flex !important;flex-flow: row wrap;justify-content: flex-start;align-items: center;height: 15rem;}
.i-listd .n-tab-box .tab-one .tab-left {width: 460px;}
.i-listd .n-tab-box .tab-one .tit1 {margin-bottom: .75rem;}
.i-listd .n-tab-box .tab-middle {width: 414px;margin-left: 1.5rem;}
.i-listd .n-tab-box .tab-middle img {max-width: 100%;}
.i-listd .n-tab-box .tab-right {width: 200px;height: 200px;margin-left:5rem;border-radius: 50%;position: relative;border: 1px dotted rgba(255, 255, 255, 0.6);}
.i-listd .n-tab-box .li {position: absolute;z-index: 2;cursor: pointer;transition: all .3s ease-in-out;}
.i-listd .n-tab-box .li1 {top: -50px;left: 50%;transform: translateX(-50%);}
.i-listd .n-tab-box .li1 .tit2 {margin-bottom: 5px;}
.i-listd .n-tab-box .li2 {top: 50%;left: -100px;transform: translateY(-50%);}
.i-listd .n-tab-box .li2 .tit2 {margin-right: 5px;}
.i-listd .n-tab-box .li3 {top: 50%;right: -100px;transform: translateY(-50%);}
.i-listd .n-tab-box .li3 .tit2 {margin-left: 5px;}
.i-listd .n-tab-box .li4 {bottom: -50px;left: 50%;transform: translateX(-50%);}
.i-listd .n-tab-box .li4 .tit2 {margin-top: 5px;}
.i-listd .n-tab-box .li1, .i-listd .n-tab-box .li4 {display: flex;flex-flow: column wrap;justify-content: center;align-items: center;}
.i-listd .n-tab-box .li2, .i-listd .n-tab-box .li3 {display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: center;}
.i-listd .n-tab-box .img2 {position: absolute;width: 207px;height:207px;top: -3.5px;left: -3.5px;z-index: 1;opacity: 0;transition: all .3s ease-in-out;}
.i-listd .n-tab-box .img1 {position: absolute;width: 110px;height: 110px;top: 50%;left: 50%;z-index: 1;transform: translateX(-50%) translateY(-50%);}
.i-listd .n-tab-box .img2.cur {opacity: 1;}
.i-listd .n-tab-box .li1.cur {transform: translateX(-50%) translateY(-40px);}
.i-listd .n-tab-box .li2.cur {transform: translateY(-50%) translateX(-40px);}
.i-listd .n-tab-box .li3.cur {transform: translateY(-50%) translateX(40px);}
.i-listd .n-tab-box .li4.cur {transform: translateX(-50%) translateY(40px);}
.i-liste {padding: 2.75rem 0 3rem;position: relative;z-index: 1;}
.i-liste .pc-customer-box {display: flex !important;flex-flow: row wrap;align-items: flex-start;align-content: flex-start;}
.i-liste .pc-customer-box .img {display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;width: 19%;margin-right: 1.25%;margin-bottom: 1.25%;border: 1px solid #dedede;height: 3rem;background: #fff;}
.i-liste .pc-customer-box .img img {max-width: 100%;max-height: 100%;display: inline-block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all .3s ease-in-out;}
.i-liste .pc-customer-box .img:hover img {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
.i-liste .pc-customer-box .img:nth-child(5n) {margin-right: 0;}
.i-liste .mobile-customer-box {padding-bottom: 2rem;position: relative;overflow: hidden;}
.i-liste .mobile-customer-box .swiper-slide {display: flex;flex-flow: row wrap;align-items: flex-start;align-content: flex-start;}
.i-liste .mobile-customer-box .swiper-pagination span {transition: all .3s ease-in-out;}
.i-liste .mobile-customer-box .swiper-pagination .swiper-pagination-bullet-active {width: 1rem;background: #ccb195;border-radius: 8px;}
.i-liste .mobile-customer-box .img {display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;width: 32%;margin-right: 2%;margin-bottom: 2%;border: 1px solid #dedede;height: 3rem;}
.i-liste .mobile-customer-box .img:nth-child(3n) {margin-right: 0;}
.i-liste .mobile-customer-box img {max-width: 100%;max-height: 100%;display: inline-block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all .3s ease-in-out;}
.i-liste .mobile-customer-box .img:hover img {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
.n-banner {height: 100vh;width: 100%;background-repeat: no-repeat;background-position: center top;background-size: cover;}
.n-banner .text {height: 100%;display: flex;flex-flow: column nowrap;justify-content: center;align-items: flex-start;margin-left: calc(50% - 710px); text-shadow: 1px 1px 0 rgba(0,0,0,1);}
.n-banner .text .tit1 {font-size: 3rem;line-height: 1.2;font-family: "BEBAS";text-transform: uppercase;position: relative;}
.n-banner .text .tit2 {margin-bottom: 1rem;}
.n-banner .text .tit3 {margin-bottom: 2.25rem;}
.n-banner .text .titbg {font-size: 5rem;line-height: 1.1;position: absolute;z-index: 1;left: 1.7rem;top: .5rem;color: #fff;opacity: .03;white-space: nowrap;}
.n-banner .text .line {width: 70px;height: 3px;background: rgba(255, 255, 255, 0.4);}
.n-about {position: relative;z-index: 1;}
.n-about .lista {display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;}
.n-about .lista .text {padding-top: 3.6rem;width: 66%;position: relative;background: #f7f7f7;padding-left: calc(50% - 710px);padding-bottom: 2.5rem;z-index: 1;}
.n-about .lista .text .tit1 {font-weight: bold;text-transform: uppercase;}
.n-about .lista .text .tit2 {padding-left: 42px;position: relative;margin-bottom: 2rem;}
.n-about .lista .text .tit2:before {content: "";position: absolute;width: 30px;height: 3px;background: #333;left: 0;top: 50%;}
.n-about .lista .text .tit3 {margin-bottom: 2.5rem;}
.n-about .lista .text .libox {display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: flex-start;}
.n-about .lista .text .libox .li {width: 270px;text-align: left;}
.n-about .lista .text .libox .li .time {font-family: "Arial";font-weight: bold;color: #977756;line-height: 1.1;margin-bottom: 5px;}
.n-about .lista .text .libox .li .time span {font-weight: normal;color: #333;font-size: 14px;margin-left: -5px;}
.n-about .lista .text .sp {font-size: 3.75rem;line-height: 1.1;position: absolute;bottom: -3rem;left: 1rem;font-weight: bold;color: #f7f7f7;font-family: "Arial";text-transform: uppercase;}
.n-about .lista .img {width: 50vw;margin-left: -8rem;margin-top: 3.6rem;padding-right: calc(50% - 710px);position: relative;z-index: 1;}
.n-about .lista .img img {max-width: 100%;}
.n-about .listb {padding: 3.2rem 0 0;}
.n-about .listb .imgbox {display: flex;flex-flow: column wrap;justify-content: center;align-items: center;height: 20rem;background: url(../img/img8.jpg) no-repeat center;background-size: cover;}
.n-about .listb .tit1 {margin-bottom: .8rem;}
.n-about .listb .line {width: 30px;height: 1px;background: #fff;margin-bottom: 1.5rem;margin-left: auto;margin-right: auto;}
.n-about .listc {padding-top: 3.6rem;padding-bottom: 2rem;position: relative;z-index: 1;}
.n-about .listc .bg {width: 62.5%;right: 0;bottom: 0;position: absolute;z-index: 1;background: #f7f7f7;height: 12rem;}
.n-about .listc .img {position: relative;z-index: 2;}
.n-about .listc .ins-box {overflow: hidden;position: relative;z-index: 2;}
.n-about .listc .ins-box .swiper-button-prev {transform: translate(-80px, 0);}
.n-about .listc .ins-box .swiper-slide:nth-child(2n) {margin-top: .75rem;}
.n-about .listc .ins-box .swiper-button-next, .n-about .listc .ins-box .swiper-button-prev {width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 36px;color: #fff;margin-top: -25px;opacity: 1;transition: all .3s ease;background: none !important;opacity: 0;}
.n-about .listc .ins-box .swiper-button-next {transform: rotate(-180deg) translate(-80px, 0);right: 0;}
.n-about .listc .ins-box:hover .swiper-button-prev {opacity: 1;transform: translate(10px, 0);}
.n-about .listc .ins-box:hover .swiper-button-next {opacity: 1;transform: rotate(-180deg) translate(20px, 0);}
.n-about .listc .ins-box .swiper-button-prev:hover, .n-about .listc .ins-box .swiper-button-next:hover {background: rgba(0, 0, 0, 0.3) !important;border-radius: 50%;}
.n-about .listc .text {padding-top: .6rem;position: relative;z-index: 1;}
.n-about .listc .text .tit2 {position: relative;margin-bottom: 5px;padding-left: 30px;}
.n-about .listc .text .tit2:before {content: "";position: absolute;left: 0;top: 50%;width: 20px;height: 1px;background: #999;}
.n-about .listc .text .p-14 {margin-top: 5px;}
.n-about .listc .text .su {font-size: 1.5rem;line-height: 1;color: #d9d9d9;font-weight: bold;position: absolute;right: 0;top: -18px;font-family: "Arial";}
.n-about .listd {padding: 3.25rem 0 0;position: relative;z-index: 1;}
.n-about .listd .ulbox .li {/*display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: stretch;*/
display: block; overflow: hidden; position: relative;}
.n-about .listd .ulbox .li .img {max-width: 100%;width: 50%;position: relative;}
.n-about .listd .ulbox .icon-img {position: absolute;width: 55px;height: 55px;top: .5rem;z-index: 1;transform: scale(1) !important;}
.n-about .listd .ulbox .li:nth-child(even) .img{ float: right;}
.n-about .listd .ulbox .li:nth-child(odd) .icon-img {right: .65rem;}
.n-about .listd .ulbox .li:nth-child(odd) .text {padding: 0 calc(50% + 3.5rem - 710px) 0 2.5rem;}
.n-about .listd .ulbox .li:nth-child(even) .icon-img {left: .65rem;}
.n-about .listd .ulbox .li:nth-child(even) .text {padding: 0 2.5rem 0 calc(50% + 3.5rem - 710px); left: auto; right: 50%;}
.n-about .listd .ulbox .text {position: absolute; left: 50%;  top: 0px; bottom: 0px;display: flex;flex-flow: column wrap;justify-content: center;align-items: flex-start;width: 50%;}
.n-about .listd .ulbox .text .tit1 {width: 100%;}
.n-about .listd .ulbox .text .line {width: 30px;height: 1px;background: #999;margin: .5rem 0 .8rem;}
.n-about .listd .ulbox .text .p-16 {width: 100%;}
.n-team {position: relative;z-index: 1;background: #fff;}
.n-team .lista {position: relative;z-index: 1;padding-top: 3rem;padding-bottom: 2.5rem;}
.n-team .lista .li-img .img img{ aspect-ratio: 1/1; object-fit: cover;}
.n-team .lista .ulbox {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: stretch;}
.n-team .lista .li {width: 23%;margin-right: 2%;margin-bottom: .7rem;}
.n-team .lista .li:nth-child(4n) {margin-right: 0;}
.n-team .lista .text {padding-top: .6rem;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;}
.n-team .listb {background: #f7f7f7;padding: 1.5rem 0 2.5rem;}
.n-team .listb .li {background: #fff;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: stretch;margin-bottom: .5rem;}
.n-team .listb .text {padding: 2.5rem 1.75rem 1rem;width: 460px;overflow: hidden;position: relative;text-align: left;}
.n-team .listb .line {width: 35px;height: 1px;background: #ccc;margin: 1rem 0 1.15rem;}
.n-team .listb .li:last-child {margin-bottom: 0;}
.n-team .listb .en {color: #f7f7f7;position: absolute;z-index: 1;line-height: 1;width: 100%;text-align: center;bottom: -8px;left: 0;text-transform: uppercase;font-weight: bold;font-family: "Arial";}
.n-team .listc {background-repeat: no-repeat;background-size: cover;background-position: center center;height: 17rem;text-align: center;padding-top: 2.5rem;}
.n-team .listc .tit2 {color: #ccc;font-family: "Arial";}
.n-lineup .lista {padding: 3rem 0 0;}
.n-lineup .lista .ulbox {margin-top: 1.25rem;overflow: hidden;position: relative;}
.n-lineup .lista .ulbox .li-img {text-align: center;position: relative;cursor: pointer;}
.n-lineup .lista .ulbox .li-img img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all .3s ease-in-out;}
.n-lineup .lista .ulbox .li-img.cur img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
.n-lineup .lista .ulbox .li-img:before {content: "";position: absolute;width: 0;height: 0;left: 50%;margin-left: -15px;bottom: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #f7f7f7;opacity: 0;transition: all .5s ease-in-out;}
.n-lineup .lista .ulbox .p {line-height: 50px;padding-bottom: 30px;}
.n-lineup .lista .ulbox .li-img.cur:before {opacity: 1;}
.n-lineup .lista .ulbox .swiper-button-prev {transform: translate(-80px, 0);}
.n-lineup .lista .ulbox .swiper-button-next, .n-lineup .lista .ulbox .swiper-button-prev {width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 36px;color: #fff;margin-top: -60px;opacity: 1;transition: all .3s ease;background: none !important;opacity: 0;}
.n-lineup .lista .ulbox .swiper-button-next {transform: rotate(-180deg) translate(-80px, 0);right: 0;}
.n-lineup .lista .ulbox:hover .swiper-button-prev {opacity: 1;transform: translate(10px, 0);}
.n-lineup .lista .ulbox:hover .swiper-button-next {opacity: 1;transform: rotate(-180deg) translate(20px, 0);}
.n-lineup .lista .ulbox .swiper-button-prev:hover, .n-lineup .lista .ulbox .swiper-button-next:hover {background: rgba(0, 0, 0, 0.3) !important;border-radius: 50%;}
.n-lineup .lista .ul-text {background: #f7f7f7;padding: 1rem 1.5rem;}
.n-lineup .lista .ul-text .dl{ display: none;}
.n-lineup .lista .ul-text .dl:first-child{ display: block;}
.n-lineup .lista .ul-text .tit1 {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center;}
.n-lineup .lista .ul-text .tit1 span {margin-left: 10px;}
.n-lineup .lista .ul-text .line {margin: .5rem 0 .65rem;width: 35px;height: 1px;background: #c6c6c6;}
.n-lineup .lista .ul-text .p-14 {color: #666;}
.n-lineup .listb {padding: 2.5rem 0 3rem;position: relative;z-index: 1;}
.n-lineup .listb .ulbox {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: flex-start;}
.n-lineup .listb .ulbox .li {width: 19%;margin-right: 1.25%;margin-bottom: 1.25%;text-align: center;}
.n-lineup .listb .ulbox .li:nth-child(5n) {margin-right: 0;}
.n-lineup .listb .ulbox .p {height: 40px;line-height: 40px;}
.n-lineup .listb .ulbox .li-img img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all .3s ease-in-out;}
.n-lineup .listb .ulbox .li-img:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
.n-honor .lista {padding-top: 3rem;padding-bottom: 1.5rem;}
.n-honor .lista .w1420 {background: url(../img/img12.png) no-repeat center bottom;}
.n-honor .lista .honor-img {width: 980px;margin: 0 auto;position: relative;overflow: hidden;padding-bottom: 135px;}
.n-honor .lista .honor-img .swiper-slide {transform: scale(0.8);transition: all .3s ease-in-out;text-align: center;}
.n-honor .lista .honor-img .swiper-slide img {width: 100%;}
.n-honor .lista .honor-img .swiper-slide .tit1 {padding: 10px 0;line-height: 1.6;}
.n-honor .lista .honor-img .swiper-slide.swiper-slide-active {transform: scale(1);}
.n-honor .lista .honor-img .swiper-button-prev {transform: translate(-80px, 0);}
.n-honor .lista .honor-img .swiper-button-next, .n-honor .lista .honor-img .swiper-button-prev {width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 36px;color: #fff;margin-top: -100px;opacity: 1;transition: all .3s ease;background: none !important;opacity: 0;}
.n-honor .lista .honor-img .swiper-button-next {transform: rotate(-180deg) translate(-80px, 0);right: 0;}
.n-honor .lista .honor-img:hover .swiper-button-prev {opacity: 1;transform: translate(10px, 0);}
.n-honor .lista .honor-img:hover .swiper-button-next {opacity: 1;transform: rotate(-180deg) translate(20px, 0);}
.n-honor .lista .honor-img .swiper-button-prev:hover, .n-honor .lista .honor-img .swiper-button-next:hover {background: rgba(0, 0, 0, 0.3) !important;border-radius: 50%;}
.n-honor .listb {position: relative;z-index: 1;padding-bottom: 3.5rem;}
.n-honor .listb .honor-list {padding-top: 1.25rem;border-top: 1px solid #e5e5e5;overflow: hidden;position: relative;padding-bottom: 60px;}
.n-honor .listb .honor-list .swiper-slide {display: flex;flex-flow: row wrap;justify-content:  flex-start;align-items:stretch;}
.n-honor .listb .honor-list .swiper-slide .li {padding: 1.25rem .75rem;background: #f7f7f7;width: 32%;margin-right: 2%;margin-bottom: 2%;transition: all .3s ease-in-out;}
.n-honor .listb .honor-list .swiper-slide .li .tit1 {margin-bottom: 5px;transition: all .3s ease-in-out;}
.n-honor .listb .honor-list .swiper-slide .li .time {font-size: 14px;font-family: "Arial";transition: all .3s ease-in-out;}
.n-honor .listb .honor-list .swiper-slide .li .p-14 {line-height: 1.6;margin-top: 25px;transition: all .3s ease-in-out;}
.n-honor .listb .honor-list .swiper-slide .li:nth-child(3n) {margin-right: 0;}
.n-honor .listb .honor-list .swiper-slide .li:hover {background: #ccb195;}
.n-honor .listb .honor-list .swiper-slide .li:hover .tit1, .n-honor .listb .honor-list .swiper-slide .li:hover .time, .n-honor .listb .honor-list .swiper-slide .li:hover .p-14 {color: #fff;}
.n-honor .listb .honor-list .swiper-pagination span {transition: all .3s ease-in-out;}
.n-honor .listb .honor-list .swiper-pagination .swiper-pagination-bullet-active {width: 1rem;background: #ccb195;border-radius: 8px;}
.n-business .lista {padding: 3rem 0 1.25rem;position: relative;z-index: 1;background: #f7f7f7;}
.n-business .lista .top-title .tit2 p{ background: #f7f7f7;}
.n-business .lista .p-16 {/*width: 1050px;*/
margin: 0 auto 1rem;}
.n-business .lista .down-btn {width: 50px;height: 50px;border-radius: 50%;border: 1px solid #b5b5b5;margin: 0 auto;text-align: center;position: relative;cursor: pointer;display: block;}
.n-business .lista .down-btn:before {width: 50px;height: 50px;line-height: 50px;font-size: 20px;color: #d6c1ab;}
.n-business .listb {padding: 2.25rem 0;background: #ffffff;}
.n-business .listb .line {width: 35px;height: 1px;background: #949494;display: block;margin: .5rem auto 1rem;}
.n-business .listc {background: url(../img/img16.jpg) no-repeat center;background-size: cover;padding: 3.25rem 0;}
.n-business .listc .middle {width: 414px;margin-right: 3rem;}
.n-business .listc .middle img {max-width: 100%;}
.n-business .listc .list-box {display: flex;flex-flow: row nowrap;justify-content: center;align-items: flex-start;}
.n-business .listc .list-box .text span {display: inline-block;color: #fff;font-size: 14px;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px dashed #686969;}
.n-business .listc .list-box .text .tit1 {margin-bottom: 1rem;}
.n-business .listc .list-box .text-left {width: 230px;text-align: center;margin-right: 3rem;}
.n-business .listc .list-box .text-right {width: 230px;text-align: center;}
.n-business .listd {padding: 2.25rem 0 1rem;background: #fff;}
.n-business .listd .line {width: 35px;height: 1px;background: #949494;display: block;margin: .5rem auto 1rem;}
.n-business .listd .ulbox {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: stretch;margin-top: 2.4rem;}
.n-business .listd .ulbox .li {padding: 1rem .75rem 1.5rem;width: 48%;margin-right: 4%;margin-bottom: 4%;background: #fff;position: relative;margin-bottom: 80px;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);transition: all .3s ease-in-out;}
.n-business .listd .ulbox .li:nth-child(2n) {margin-right: 0;}
.n-business .listd .ulbox .tit1 {height: 2.25rem;line-height: 2.25rem;position: relative;color: #977756;transition: all .3s ease-in-out;}
.n-business .listd .ulbox .tit1 p {position: relative;z-index: 2;}
.n-business .listd .ulbox .tit1 .su {font-size: 2.5rem;font-family: "Arial";color: #f7f7f7;line-height: 1;font-weight: bold;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all .3s ease-in-out;}
.n-business .listd .ulbox .p-14 {text-align:left;text-indent:2em;margin: .75rem 0;transition: all .3s ease-in-out;}
.n-business .listd .ulbox .img-btn {width: 85px;height: 85px;border-radius: 50%;line-height: 85px;text-align: center;position: absolute;left: 50%;margin-left: -42.5px;top: -50px;background: #ccb195;transition: all .3s ease-in-out;}
.n-business .listd .ulbox .img-btn img {display: block;}
.n-business .listd .ulbox .more {position: absolute;width: 100%;left: 0;bottom: 1rem;text-align: center;color: #666;font-size: 12px;transition: all .3s ease-in-out;}
.n-business .listd .ulbox .li:hover {background: #ccb195;}
.n-business .listd .ulbox .li:hover .su {color: #fff;opacity: .1;}
.n-business .listd .ulbox .li:hover .img-btn {background: #977756;}
.n-business .listd .ulbox .li:hover .tit1, .n-business .listd .ulbox .li:hover .p-14, .n-business .listd .ulbox .li:hover .more {color: #fff;}
.n-business .liste {display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;position: relative;}
.n-business .liste .bg {position: absolute;background: #f7f7f7;left: 0;width: 100%;top: 0;z-index: 1;height: calc(100% - 70px);}
.n-business .liste .text {width: 50%;position: relative;padding-top: 2.5rem;padding-left: 2.8rem;padding-right: calc(50% + 1.5rem - 710px);padding-bottom: 2.5rem;z-index: 2;}
.n-business .liste .text .tit1 {font-weight: bold;text-transform: uppercase;}
.n-business .liste .text .tit2 {position: relative;z-index: 2;margin-bottom: .8rem;}
.n-business .liste .text .tit3 {margin-bottom: 2.5rem;}
.n-business .liste .text .sp {font-size: 3.75rem;line-height: 1.1;position: absolute;bottom: -2rem;left: 1rem;font-weight: bold;color: #f7f7f7;font-family: "Arial";text-transform: uppercase;}
.n-business .liste .img {width: 50%;padding-left: calc(50% - 710px);position: relative;z-index: 2;}
.n-business .liste .img img {max-width: 100%;}
.n-business .listf {padding: 3.5rem 0 0;}
.n-business .listf .text {/*padding-bottom: 2rem;*/}
.n-business .listf .text .tit2 {margin-top: 5px;color: #977756;}
.n-business .listf .li-tabbox {overflow: hidden;position: relative;z-index: 2;margin-top:1.5rem;}
.n-business .listf .li-tabbox .swiper-slide {text-align: center;position: relative;padding-bottom: 60px;}
.n-business .listf .li-tabbox .swiper-slide:before {content: "";position: absolute;width: 0;height: 0;left: 50%;margin-left: -15px;bottom: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #f7f7f7;opacity: 0;transition: all .3s ease-in-out;}
.n-business .listf .li-tabbox .img {width: 100px;height: 100px;overflow: hidden;display: inline-block;background-position: center top;background-repeat: no-repeat;transition: all .3s ease-in-out;}
.n-business .listf .li-tabbox .swiper-slide:hover:before, .n-business .listf .li-tabbox .swiper-slide.cur:before {opacity: 1;}
.n-business .listf .li-tabbox .swiper-slide:hover .img, .n-business .listf .li-tabbox .swiper-slide.cur .img {background-position: center bottom;}
.n-business .listf .li-tabbox .p {margin-top: 5px;line-height: 2;}
.n-business .listf .li-tabbox .swiper-slide.swiper-slide-active {transform: scale(1);}
.n-business .listf .li-tabbox .swiper-button-prev {transform: translate(-80px, 0);}
.n-business .listf .li-tabbox .swiper-button-next, .n-business .listf .li-tabbox .swiper-button-prev {width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 36px;color: #c0a58a;margin-top: -40px;opacity: 1;transition: all .3s ease;background: none !important;opacity: 0;}
.n-business .listf .li-tabbox .swiper-button-next {transform: rotate(-180deg) translate(-80px, 0);right: 0;}
.n-business .listf .li-tabbox:hover .swiper-button-prev {opacity: 1;transform: translate(10px, 0);}
.n-business .listf .li-tabbox:hover .swiper-button-next {opacity: 1;transform: rotate(-180deg) translate(20px, 0);}
.n-business .listf .li-tabbox .swiper-button-prev:hover, .n-business .listf .li-tabbox .swiper-button-next:hover {background: rgba(0, 0, 0, 0.3) !important;border-radius: 50%;}
.n-business .listf .li-tabajax {position: relative;z-index: 1;margin-top: -15px;}
.n-business .listf .tabbox {/*height: 17.5rem;*/
background-size:cover;padding: 3.3rem 0 1.5rem;}
.n-business .listf .tabbox .tit1 {font-weight: bold;line-height: 1.1;margin-bottom: 1rem;}
.n-business .listf .tabbox .tit3 {width: 740px;margin: 0 auto 1rem;}
.n-business .listf .tabbox .imgbox {padding-bottom: 1.5rem;width: 100%;}
.n-business .listf .tabbox .imgbox .mCSB_container {/*display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center;*/
overflow: hidden;}
.n-business .listf .tabbox .imgbox .ulbox{display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center;}
.n-business .listf .tabbox .imgbox .li{/*float:left;*/}
.n-business .listf .tabbox .imgbox .li {width: 7rem;height: 65px;line-height: 65px;text-align: center;border-right: 1px dashed rgba(255, 255, 255, 0.2);}
.n-business .listf .tabbox .imgbox .li img {max-width: 100%;max-height: 100%;}
.n-business .listf .tabbox .imgbox .li:last-child {border-right: 0;}
.n-business .listg {padding: 3.5rem 0 0;}
.n-business .listg .text {padding-bottom: 2rem;width: 1050px;margin: 0 auto;}
.n-business .listg .text .tit2 {margin-top: 5px;color: #977756;}
.n-business .listg .ulbox {display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: flex-start;}
.n-business .listg .ulbox .li {width: 25%;height: 12.5rem;padding: 1rem;text-align: center;border-right: 1px solid #575959;display: flex;flex-flow: column wrap;justify-content: center;align-items: center;position: relative;}
.n-business .listg .ulbox .li .img1 {width: 90px;height: 90px;margin-bottom: .7rem;transition: all .3s ease-in-out;}
.n-business .listg .ulbox .li .tit1 {margin-bottom: .5rem;color: #999;transition: all .3s ease-in-out;}
.n-business .listg .ulbox .li .line {width: 30px;height: 1px;background: #979898;display: block;transition: all .3s ease-in-out;}
.n-business .listg .ulbox .li .text-two {position: absolute;width: 100%;bottom: 0;left: 0;text-align: center;opacity: 0;transition: all .3s ease-in-out;}
.n-business .listg .ulbox .li .text-two p {display: block;font-size: 14px;line-height: 2;color: #fff;}
.n-business .listg .ulbox .li .more {width: 100px;height: 35px;line-height: 35px;text-align: center;border: 1px solid #685f54;color: #ccb195;font-size: 12px;margin-top: 1rem;position: relative;display: inline-block;}
.n-business .listg .ulbox .li .more p {color: #ccb195;line-height: 35px;position: relative;z-index: 2;transition: all .3s ease-in-out;}
.n-business .listg .ulbox .li .more:before {width: 200px;height: 200px;background: #c0a58a;}
.n-business .listg .ulbox .li .more:hover p {color: #fff;}
.n-business .listg .ulbox .li:hover .img1 {opacity: 0;transform: translate(0, -100%);}
.n-business .listg .ulbox .li:hover .tit1 {opacity: 1;transform: translate(0, -4rem);}
.n-business .listg .ulbox .li:hover .line {opacity: 1;transform: translate(0, -4rem);}
.n-business .listg .ulbox .li:hover .text-two {opacity: 1;transform: translate(0, -2rem);}
.n-banner .cases-box {padding-top: 7rem;position: relative;z-index: 1;overflow: hidden;padding-bottom: 2.8rem;}
.n-banner .cases-box img {max-width: 100%;}
.n-banner .cases-box .img {width: 50%;}
.n-banner .cases-box .swiper-slide {background: rgba(255, 255, 255, 0.1);}
.n-banner .cases-box .swiper-slide .tit1 {margin-bottom: .8rem;}
.n-banner .cases-box .swiper-slide .p-14 {margin-bottom: 1.5rem;}
.n-banner .cases-box .swiper-slide .text {width: 50%;padding: 0 1.5rem;}
.n-banner .cases-box .swiper-slide .more {width: 135px;height: 40px;line-height: 40px;border-radius: 40px;text-align: center;border: 1px solid #685f54;color: #aba9a8;font-size: 14px;position: relative;display: inline-block;}
.n-banner .cases-box .swiper-slide .more p {color: #fff;line-height: 40px;position: relative;z-index: 2;transition: all .3s ease-in-out;}
.n-banner .cases-box .swiper-slide .more:before {width: 200px;height: 200px;background: #c0a58a;}
.n-banner .cases-box .swiper-pagination-bullet {background: #787776;}
.n-banner .cases-box .swiper-pagination span {transition: all .3s ease-in-out;}
.n-banner .cases-box .swiper-pagination .swiper-pagination-bullet-active {width: 1rem;background: #ccb195;border-radius: 8px;}
/*.n-banner .cases-box .swiper-slide a {display: flex;flex-flow: row nowrap;justify-content: stretch;align-items: center;}*/
.n-cases .lista {padding: 2.5rem 0 0;background: #fff;position: relative;z-index: 1;}
.n-cases .lista .swiper-box {display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;margin-bottom: 1rem;}
.n-cases .lista .swiper-box .more {padding-left: 30px;background: url(../img/img2.png) no-repeat center left;font-size: 14px;color: #666;}
.n-cases .lista .swiper-tab {width: 100%;position: relative;overflow: hidden;/*&:hover{
.swiper-button-prev{opacity:1;transform:translate(0,0);}
.swiper-button-next{opacity:1;transform:rotate(-180deg) translate(0,0);}
}*/}
.n-cases .lista .swiper-tab .swiper-slide {height: 42px;line-height: 42px;cursor: pointer;border: 1px solid #dedede;text-align: center;transition: background .3s ease-in-out,color .3s ease-in-out;}
.n-cases .lista .swiper-tab .swiper-slide.cur, .n-cases .lista .swiper-tab .swiper-slide:hover {background: #d6c1aa;color: #fff;border: 1px solid #d6c1aa;}
.n-cases .lista .swiper-tab .swiper-button-prev {transform: translate(-80px, 0);left: 20px;}
.n-cases .lista .swiper-tab .swiper-button-next, .n-cases .lista .swiper-tab .swiper-button-prev {width: 35px;height: 35px;line-height: 35px;text-align: center;font-size: 20px;color: #333;margin-top: -17.5px;opacity: 1;transition: all .3s ease;background: none !important;opacity: 0;}
.n-cases .lista .swiper-tab .swiper-button-next {transform: rotate(-180deg) translate(-80px, 0);right: 20px;}
.n-cases .lista .workbox .ulbox {display: flex;flex-flow: row wrap;justify-content: left;align-items: center;margin-bottom: 1.5rem;}
.n-cases .lista .workbox .li-img {width: 23%;margin-right: 2.66%;margin-bottom: 2.66%;overflow: hidden;}
.n-cases .lista .workbox .li-img:nth-child(4n) {margin-right: 0;}
.n-cases .lista .workbox .text {padding: .65rem .5rem 0;border-top: none;border: 1px solid #e5e5e5;}
.n-cases .lista .workbox .time {font-size: 14px;line-height: 1.5;padding-left: 30px;color: #666;position: relative;margin-bottom: .5rem;font-family: "Arial";}
.n-cases .lista .workbox .time:before {content: "";position: absolute;width: 20px;height: 1px;left: 0;top: 50%;background: #ccc;}
.n-cases .lista .workbox .tit1 {color: #333;padding-bottom: .6rem;border-bottom: 1px solid #e5e5e5;}
.n-cases .lista .workbox .bot {display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;height: 40px;color: #999;}
.n-cases .lista .workbox .bot img {width: 19px;height: 16px;}
.n-cases .lista .workbox .img {position: relative;}
.n-cases .lista .workbox .img .p {position: absolute;display: inline-block;width: 80px;color: #fff;padding-left: 20px;background: url(../img/img4.png) no-repeat left center;top: 50%;left: 50%;margin-left: -40px;margin-top: -10px;opacity: 0;transform: translate(0, -20px);transition: all .3s ease-in-out;}
.n-cases .lista .workbox .li-img:hover .img .p {opacity: 1;transform: translate(0, 0);}
.n-cases .listb {padding: 2.8rem 0;position: relative;z-index: 1;background: #fff;}
.n-cases .listb .cases-swiper {position: relative;overflow: hidden;}
.n-cases .listb .cases-swiper .text {padding: .35rem 0 0;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;/*height:40px;*/
color: #999;}
.n-cases .listb .cases-swiper .text span {font-size: 18px;color: #333;}
.n-cases .listb .cases-swiper .text img {width: 19px;height: 16px;}
.n-cases .listb .cases-swiper .img {position: relative;}
.n-cases .listb .cases-swiper .img .p {position: absolute;display: inline-block;width: 80px;color: #fff;padding-left: 20px;background: url(../img/img4.png) no-repeat left center;top: 50%;left: 50%;margin-left: -40px;margin-top: -10px;opacity: 0;transform: translate(0, -20px);transition: all .3s ease-in-out;}
.n-cases .listb .cases-swiper .li-img:hover .img .p {opacity: 1;transform: translate(0, 0);}
.n-cases .listb .cases-swiper .swiper-button-prev {transform: translate(-80px, 0);}
.n-cases .listb .cases-swiper .swiper-button-next, .n-cases .listb .cases-swiper .swiper-button-prev {width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 36px;color: #fff;margin-top: -40px;opacity: 1;transition: all .3s ease;background: none !important;opacity: 0;}
.n-cases .listb .cases-swiper .swiper-button-next {transform: rotate(-180deg) translate(-80px, 0);right: 0;}
.n-cases .listb .cases-swiper:hover .swiper-button-prev {opacity: 1;transform: translate(10px, 0);}
.n-cases .listb .cases-swiper:hover .swiper-button-next {opacity: 1;transform: rotate(-180deg) translate(20px, 0);}
.n-cases .listb .cases-swiper .swiper-button-prev:hover, .n-cases .listb .cases-swiper .swiper-button-next:hover {background: rgba(0, 0, 0, 0.3) !important;border-radius: 50%;}
.n-original .lista {padding: 2.8rem 0;position: relative;z-index: 1;background: #f7f7f7;}
.n-original .lista .top-title .n-title .tit2 p {background: #f7f7f7;}
.n-original .lista .list-swiper {position: relative;overflow: hidden;}
.n-original .lista .list-swiper a {display: block;}
.n-original .lista .list-swiper .text {padding: .35rem 0 0;display: flex;flex-flow: column wrap;justify-content: flex-start;align-items: flex-start;color: #999;}
.n-original .lista .list-swiper .text .tit1 {color: #333;position: relative;margin-bottom: .5rem;padding-left: 45px;}
.n-original .lista .list-swiper .text .tit1:before {content: "";position: absolute;left: 0;width: 30px;height: 1px;background: #949494;top: 50%;}
.n-original .lista .list-swiper .img {position: relative;}
.n-original .lista .list-swiper .img:before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background: rgba(0, 0, 0, 0.5);opacity: 0;transition: all .3s ease-in-out;}
.n-original .lista .list-swiper .img .btn {width: 55px;height: 55px;box-shadow: 0px 0px 0px 2px #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;z-index: 2;opacity: 0;transform: translate(-50%, -50%);font-size: 30px;line-height: 55px;text-align: center;color: #fff;}
.n-original .lista .list-swiper .li-img:hover .img:before, .n-original .lista .list-swiper .li-img:hover .img .btn {opacity: 1;}
.n-original .lista .list-swiper .swiper-button-prev {transform: translate(-80px, 0);}
.n-original .lista .list-swiper .swiper-button-next, .n-original .lista .list-swiper .swiper-button-prev {width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 36px;color: #fff;margin-top: -100px;opacity: 1;transition: all .3s ease;background: none !important;opacity: 0;}
.n-original .lista .list-swiper .swiper-button-next {transform: rotate(-180deg) translate(-80px, 0);right: 0;}
.n-original .lista .list-swiper:hover .swiper-button-prev {opacity: 1;transform: translate(10px, 0);}
.n-original .lista .list-swiper:hover .swiper-button-next {opacity: 1;transform: rotate(-180deg) translate(20px, 0);}
.n-original .lista .list-swiper .swiper-button-prev:hover, .n-original .lista .list-swiper .swiper-button-next:hover {background: rgba(151, 119, 86, 0.3) !important;border-radius: 50%;}
.n-original .listb {padding-bottom: 3.75rem;position: relative;overflow: hidden;z-index: 1;padding-top:2rem;}
.n-original .listb .top-title {margin-bottom: 1rem;}
.n-original .listb .contact-box {width: 1060px;margin: 0 auto;}
.n-original .listb .contact-box .tit1 {margin-top: .5rem;}
.n-original .listb .list-swiper {margin-top: 2.25rem;position: relative;overflow: hidden;z-index: 3;}
.n-original .listb .list-swiper .swiper-slide a {display: block;}
.n-original .listb .list-swiper .img {position: relative;}
.n-original .listb .list-swiper .tit1 {margin-top: .5rem;position: relative;margin-bottom: .4rem;padding-left: 40px;}
.n-original .listb .list-swiper .tit1:before {content: "";position: absolute;left: 0;width: 20px;height: 1px;background: #949494;top: 50%;}
.n-original .listb .list-swiper .img1 {width: 100%;position: relative;z-index: 2;}
.n-original .listb .list-swiper .text {display: flex;flex-flow: column wrap;justify-content: flex-start;align-items: flex-start;z-index: 3;}
.n-original .listb .list-swiper .bg {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;background: rgba(0, 0, 0, 0.5);opacity: 0;transition: all .3s ease-in-out;}
.n-original .listb .list-swiper .p {position: absolute;display: inline-block;width: 80px;color: #fff;padding-left: 20px;background: url(../img/img4.png) no-repeat left center;top: 50%;left: 50%;margin-left: -40px;margin-top: -10px;opacity: 0;z-index: 3;transform: translate(0, -20px);transition: all .3s ease-in-out;}
.n-original .listb .list-swiper .p-14 {width: 100%;transition: all .3s ease-in-out;}
.n-original .listb .list-swiper .li-img:hover .p, .n-original .listb .list-swiper .li-img:hover .bg {opacity: 1;}
.n-original .listb .list-swiper .swiper-button-prev {transform: translate(-80px, 0);}
.n-original .listb .list-swiper .swiper-button-next, .n-original .listb .list-swiper .swiper-button-prev {width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 36px;color: #fff;margin-top: -100px;opacity: 1;transition: all .3s ease;background: none !important;opacity: 0;}
.n-original .listb .list-swiper .swiper-button-next {transform: rotate(-180deg) translate(-80px, 0);right: 0;}
.n-original .listb .list-swiper:hover .swiper-button-prev {opacity: 1;transform: translate(10px, 0);}
.n-original .listb .list-swiper:hover .swiper-button-next {opacity: 1;transform: rotate(-180deg) translate(20px, 0);}
.n-original .listb .list-swiper .swiper-button-prev:hover, .n-original .listb .list-swiper .swiper-button-next:hover {background: rgba(151, 119, 86, 0.3) !important;border-radius: 50%;}
.n-original .listb .bg2 {width: 66%;height: 12rem;background: #f7f7f7;right: 0;bottom: 0;position: absolute;z-index: 2;}
.n-original .listb .bg3 {position: absolute;z-index: 1;font-size: 3.85rem;color: #f7f7f7;font-weight: bold;font-family: "Arial";left: -1rem;bottom: 0;}
.n-original .listc {padding: 2.5rem 0 2.7rem;position: relative;z-index: 1;}
.n-original .listc .ulbox .li {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: stretch;}
.n-original .listc .ulbox .li .img {max-width: 100%;width: 50%;position: relative;}
.n-original .listc .ulbox .li:nth-child(odd) .text {padding: 0 calc(50% - 710px) 0 2.5rem;}
.n-original .listc .ulbox .li:nth-child(even) .text {padding: 0 2.5rem 0 calc(50% - 710px);}
.n-original .listc .ulbox .text {display: flex;flex-flow: column wrap;justify-content: center;align-items: flex-start;width: 50%;}
.n-original .listc .ulbox .text .tit1 {width: 100%;}
.n-original .listc .ulbox .text .line {width: 30px;height: 1px;background: #999;margin: .5rem 0 .8rem;}
.n-original .listc .ulbox .text .p-14 {color: #977756;margin-bottom: .5rem;}
.n-original .listc .ulbox .text .p-16 {width: 100%;max-height: 4.5rem;color:#333;}
.n-original .listc .ulbox .text .p-16 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #5c5c5c !important;width: 1px;}
.n-original .listd {padding: 2.5rem 0 2.75rem;position: relative;z-index: 1;background: url(../img/im23.jpg) no-repeat center top;}
.n-original .listd .top-title .tit2 p {background: none;}
.n-original .listd .top-title .tit2:before, .n-original .listd .top-title .tit2:after {content: "";width: calc(50% - 80px);height: 1px;top: 50%;position: absolute;background: #fff;}
.n-original .listd .top-title .tit2:before {left: 0;margin-left: 0;}
.n-original .listd .top-title .tit2:after {right: 0;}
.n-original .listd .list-swiper {margin-top: 1rem;overflow: hidden;position: relative;padding-bottom: 1rem;}
.n-original .listd .list-swiper .swiper-wrapper {justify-content: stretch;}
.n-original .listd .list-swiper .swiper-slide {border: 1px solid #4c4c4c;padding: 1rem;display: flex;flex-flow: column wrap;justify-content: stretch;align-items: center;height: auto;transition: all .3s ease-in-out;}
.n-original .listd .list-swiper .img {width: 80px;height: 80px;margin-bottom: .75rem;}
.n-original .listd .list-swiper .tit1 {margin-bottom: .75rem;}
.n-original .listd .list-swiper .su {font-size: 14px;position: relative;font-family: "Arial";margin-bottom: .75rem;}
.n-original .listd .list-swiper .su:before, .n-original .listd .list-swiper .su:after {content: "";width: 10px;height: 1px;left: 50%;top: 50%;position: absolute;background: #777777;}
.n-original .listd .list-swiper .su:before {margin-left: -30px;}
.n-original .listd .list-swiper .su:after {margin-left: 20px;}
.n-original .listd .list-swiper .p-14 {line-height: 2;}
.n-original .listd .list-swiper .swiper-slide:hover {border-top: 2px solid #ccb195;border-bottom: 2px solid #ccb195;background: rgba(255, 255, 255, 0.1);}
.n-original .listd .list-swiper .swiper-pagination span {transition: all .3s ease-in-out;}
.n-original .listd .list-swiper .swiper-pagination .swiper-pagination-bullet-active {width: 1rem;background: #ccb195;border-radius: 8px;}
.n-original .listd .list-swiper .swiper-pagination span {background: #787776;}
.n-news {padding: 4rem 0;position: relative;z-index: 1;background: #fff;}
.n-news .news-list .ulbox {display: flex;flex-flow: row wrap;justify-content: stretch;align-items: center;}
.n-news .news-list .ulbox .li {position: relative;height: 10rem;margin-bottom: 2%;background-repeat: no-repeat;background-size: cover;background-position: center center;margin-right: 2%;width: 32%;}
.n-news .news-list .ulbox .li .text {position: absolute;bottom: 0;left: 0;z-index: 1;padding: .3rem .5rem; text-shadow: 1px 1px 0px rgba(0,0,0,1);}
.n-news .news-list .ulbox .li .tit1 {margin-bottom: 5px;}
.n-news .news-list .ulbox .li .time {color: #ccc;font-family: "Arial";}
.n-news .news-list .ulbox .li:nth-child(12),
.n-news .news-list .ulbox .li:nth-child(6),
.n-news .news-list .ulbox .li:nth-child(2){width: 66%;}
.n-news .news-list .ulbox .li:nth-child(12),
.n-news .news-list .ulbox .li:nth-child(10),
.n-news .news-list .ulbox .li:nth-child(7),
.n-news .news-list .ulbox .li:nth-child(5),
.n-news .news-list .ulbox .li:nth-child(2){margin-right: 0;}
.news-info {background: #fff;padding: 4rem 0 3rem 0;}
.news-info .news-top {border-bottom: 1px solid #e5e5e5;padding-bottom: 18px;text-align: center;}
.news-info .news-top .news-tit {font-size: 22px;line-height: 32px;color: #333;margin-bottom: 20px;}
.news-info .news-top .time {color: #999;font-size: 14px;color: #999;}
.news-info .news-text {padding: 30px 0 50px;min-height: 300px;font-size: 16px;color: #666;line-height: 2;border-bottom: 1px solid #e5e5e5;}
.news-info .news-text img {max-width: 100%;display: block;margin: 1.5em auto;}
.news-info .news-nav {padding-top: 45px;}
.news-info .news-nav .nav-l {width: 70%;}
.news-info .news-nav .nav-l span {font-size: 14px;line-height: 28px;color: #666;display: block;}
.news-info .news-nav .nav-l span a {color: #666;width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;transition: all .5s ease;}
.news-info .news-nav .nav-l span a:hover {color: #28ad80;}
.news-info .news-nav .news-back {width: 68px;}
.news-info .news-nav .news-back .back-btn {display: block;text-align: left;color: #333;font-size: 14px;transition: all .5s ease;}
.news-info .news-nav .news-back .back-btn:hover {color: #28ad80;}
.n-contact .lista {position: relative;z-index: 1;background: #fff;padding: 3rem 0 2rem;}
.n-contact .lista .ulbox {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: flex-start;}
.n-contact .lista .li {width: 48%;margin-right: 2%;margin-bottom: 2%;}
.n-contact .lista .li:nth-child(2n){margin-right:0;}
.n-contact .lista .bg-image {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;z-index: 1;transition: all .3s ease-in-out;}
.n-contact .lista .map {height: 10.25rem;position: relative;cursor: pointer;z-index: 2;overflow: hidden;}
.n-contact .lista .contact-info {padding: 1.25em .7rem 0;}
.n-contact .lista .text {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 3;display: flex;flex-flow: column wrap;justify-content: center;align-items: center;transition: all .3s ease-in-out;}
.n-contact .lista .map-container {position: absolute;z-index: 4;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;visibility: hidden;transition: all .3s ease-in-out;}
.n-contact .lista .map-container .map-core {width: 100%;height: 100%;}
.n-contact .lista .map-container .map-core .BMapLabel {border: none !important;width: 160px !important;white-space: normal !important;}
.n-contact .lista .map-container.cur {opacity: 1;visibility: visible;}
.n-contact .lista .tit2 {text-transform: uppercase;}
.n-contact .lista .tit3 {margin-bottom: 5px;}
.n-contact .lista .close {width: 32px;height: 32px;line-height: 32px;text-align: center;color: #fff;font-size: 22px;position: absolute;right: 0;top: 0;background: #333333;z-index: 5;}
.n-contact .lista .zoomin {width: 50px;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 22px;position: absolute;left: 50%;bottom: 0;margin-left: -80px;background: #333333;z-index: 5;display: none;}
.n-contact .lista .zoomout {width: 50px;height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 22px;position: absolute;left: 50%;bottom: 0;margin-left: 30px;background: #333333;z-index: 5;display: none;}
.n-contact .lista .btn {margin-top: 1.2rem;padding-top: 30px;position: relative;display: inline-block;}
.n-contact .lista .btn:before {position: absolute;top: 0;left: 50%;font-size: 20px;margin-left: -10px;}
.n-contact .lista .li:hover .bg-image {transform: scale(1.1, 1.1);}
.n-contact .lista .li:hover .text {background-color: rgba(0, 0, 0, 0.3);}
.n-contact .lista .li:last-child {margin-right: 0;}
.n-contact .recruit-box {margin-top: 3rem;}
.n-contact .listb {padding-bottom: 3.25rem;}
.n-contact .listb .tab-box {height: 12rem;background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;}
.n-contact .listb .tab-box .ul {position: absolute;z-index: 1;width: 100%;left: 0;bottom: 0;}
.n-contact .listb .tab-box .ul .tab-li {height: 2rem;line-height: 2rem;background: rgba(0, 0, 0, 0.2);color: #fff;text-align: center;width: 50%;float: left;transition: all .3s ease-in-out;}
.n-contact .listb .tab-box .ul .tab-li.cur {background: #ccb195;}
.n-contact .listb .top {display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: flex-start;background: #ccb195;height: 60px;line-height: 60px;}
.n-contact .listb .top .tj1 {width: 20%;text-align: center;color: #fff;font-size: 16px;font-weight: bold;}
.n-contact .listb .top .tj1:first-child {padding-left: 1rem;text-align: left;}
.n-contact .listb .top .tj1:last-child {padding-right: 1rem;text-align: right;}
.n-contact .listb .formbox {margin-bottom: 1rem;}
.n-contact .listb .formbox .input1 {width: 29%;height: 55px;padding: 10px;border: 1px solid #e5e5e5;margin-right: 1%;}
.n-contact .listb .formbox .input1 input {width: 100%;line-height: 35px;font-size: 14px;color: #666;border: none;background: none;}
.n-contact .listb .formbox .input2 {width: 29%;height: 55px;padding: 10px;border: 1px solid #e5e5e5;margin-right: 1%;}
.n-contact .listb .formbox .input2 select {width: 100%;height: 35px;line-height: 35px;font-size: 14px;color: #666;border: none;background: none;}
.n-contact .listb .formbox .input3 {width: 10%;height: 55px;line-height: 55px;background: #ccb195;text-align: center;font-size: 26px;color: #fff;position: relative;}
.n-contact .listb .formbox .input3 input {width: 100%;height: 100%;border: none;background: none;position: absolute;left: 0;top: 0;z-index: 1;}
.n-contact .listb .recruit-list-0 .recruitbox {border: 1px solid #efefef;margin-bottom: 1.5rem;}
.n-contact .listb .recruit-list-0 .recruitbox .recruit-list {margin-bottom: 2px;}
.n-contact .listb .recruit-list-0 .recruitbox .recruit-list:last-child .recruit-top {border-bottom: none;}
.n-contact .listb .recruit-list-0 .recruitbox .recruit-list.active {margin-bottom: 10px;}
.n-contact .listb .recruit-list-0 .recruitbox .ctn-btn {width: 30px;height: 30px;position: absolute;right: 50px;top: 50%;margin-top: -15px;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);transition: all .3s ease-in-out;}
.n-contact .listb .recruit-list-0 .recruitbox .ctn-btn::before,
.n-contact .listb .recruit-list-0 .recruitbox .ctn-btn::after {position: absolute;left: 30%;width: 1px;height: 60%;background: #666;content: '';transition: transform 0.3s, background-color 0.3s;backface-visibility: hidden;}
.n-contact .listb .recruit-list-0 .recruitbox .ctn-btn::before {transform: translate(-1px, -3px) rotate(40deg);transform-origin: 0 100%;}
.n-contact .listb .recruit-list-0 .recruitbox .ctn-btn::after {top: 50%;transform: translate(-1px, 1px) rotate(-40deg);transform-origin: 0 0;}
.n-contact .listb .recruit-list-0 .recruitbox .recruit-top {cursor: pointer;display: flex;flex-flow: row nowrap;justify-content: flex-start;align-items: flex-start;height: 60px;line-height: 60px;border-bottom: 1px solid #efefef;}
.n-contact .listb .recruit-list-0 .recruitbox .recruit-top .tj1 {width: 20%;text-align: center;color: #333;font-size: 16px;}
.n-contact .listb .recruit-list-0 .recruitbox .recruit-top .tj1:first-child {padding-left: 1rem;text-align: left;}
.n-contact .listb .recruit-list-0 .recruitbox .recruit-top .tj1:last-child {padding-right: 1rem;text-align: right;color: #977756;}
.n-contact .listb .recruit-list-0 .recruitbox .recruit-text {background: #fff;padding: 0 1rem;}
.n-contact .listb .recruit-list-0 .recruitbox .recruit-text {display: none;}
.n-contact .listb .recruit-list-0 .recruitbox .text-top {display: flex;flex-flow: row wrap;justify-content: flex-start;align-content: flex-start;border-bottom: 1px solid #dfdfdf;padding: 1rem 15px;}
.n-contact .listb .recruit-list-0 .recruitbox .text-top .sp {display: flex;flex-flow: row wrap;justify-content: flex-start;align-content: stretch;width: 25%;font-size: 14px;padding-right: 5px;margin-bottom: 10px;}
.n-contact .listb .recruit-list-0 .recruitbox .recruit-tit {font-size: 18px;color: #333;line-height: 1.5;margin: .5rem 0 .3rem;}
.n-contact .listb .recruit-list-0 .recruitbox .n-recruit-text {background: #fafafa;padding: .75rem 1.5rem;}
.n-contact .listb .recruit-list-0 .recruitbox .recruit-details {display: flex;flex-flow: row wrap;justify-content: flex-start;align-content: stretch;}
.n-contact .listb .recruit-list-0 .recruitbox .details {width: 50%;font-size: 14px;line-height: 1.8;color: #666;padding: 0 15px;padding-bottom: 1rem;border-bottom: 1px solid #dfdfdf;margin-bottom: .8rem;}
.n-contact .listb .recruit-list-0 .recruitbox .apple-btn {width: 160px;height: 40px;line-height: 40px;text-align: center;border-radius: 3px;color: #fff;display: block;margin-left: 15px;position: relative;transition: all .3s ease-in-out;}
.n-contact .listb .recruit-list-0 .recruitbox .apple-btn span {position: relative;z-index: 2;}
.n-contact .listb .recruit-list-0 .recruitbox .apple-btn:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #ccb195;z-index: 1;border-radius: 3px;transition: all .3s ease-in-out;}
.n-contact .listb .recruit-list-0 .recruitbox .apple-btn:hover {box-shadow: inset 0 0 0 2px #ccb195;}
.n-contact .listb .recruit-list-0 .recruitbox .apple-btn:hover:before {transform: scale3d(0.94, 0.8, 1);}
.n-contact .listb .recruit-list-0 .recruitbox .recruit-top.on {/*background: #000;.arrow-btn{opacity: 1;}
.ctn-btn{transform: rotate(-270deg);}
.recruit-name{color: #fff;}
.ctn-btn::before,
.ctn-btn::after {background: #fff;}*/}
.n-needs {background: #f7f7f7;}
.n-needs .linebox {height: 100px;}
.n-needs .needs-top {background: #ccb195;}
.n-needs .needs-top .w1420 {height: 5rem;display: flex;flex-flow: column wrap;justify-content: center;align-items: flex-start;}
.n-needs .lista {padding: 1.5rem 0 3.5rem;}
.n-needs .lista .box {background: #fff;border: 1px solid #eee;padding: 1rem;margin-bottom: .5rem;}
.n-needs .lista .tit1 {margin-bottom: .75rem;}
.n-needs .lista .tit2 {margin-bottom: .5rem;}
.n-needs .lista .input {border: 1px solid #eee;padding: 10px;height: 50px;}
.n-needs .lista .input input {background: none;border: none;font-size: 14px;color: #999;height: 30px;width: 100%;line-height: 30px;}
.n-needs .lista .file-box {margin-top: .5rem;display: flex;flex-flow: row wrap;ustify-content: flex-start;align-items: center;}
.n-needs .lista .file-box .img {position: relative;z-index: 1;width: 140px;height: 40px;}
.n-needs .lista .file-box .img img {width: 100%;position: absolute;z-index: 1;left: 0;top: 0;}
.n-needs .lista .file-box .p-12 {margin-left: 15px;}
.n-needs .lista .file-box .file-btn {position: absolute;width: 140px;height: 40px;border: none;background: none;z-index: 2;opacity: 0;left: 0;top: 0;}
.n-needs .lista .input3 {border: 1px solid #eee;padding: 10px;height: 5rem;}
.n-needs .lista .input3 textarea {background: none;border: none;font-size: 14px;color: #999;height: 100%;width: 100%;line-height: 30px;}
.n-needs .lista .radio-box {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center;}
.n-needs .lista .radio-box .radiobox {margin-bottom: 15px;}
.n-needs .lista .radio-box label {margin-right: 1.5rem;position: relative;z-index: 2;}
.n-needs .lista .radio-box input {font-size: 14px;color: #999;margin-right: 5px;}
.n-needs .lista .radio-box .hy-radio {width: 20px;height: 0px;background-color: #000;border-radius: 50%;position: relative;top: -15px;}
.n-needs .lista .radio-box .hy-radio:before, .n-needs .lista .radio-box .hy-radio:after {content: '';display: block;position: absolute;border-radius: 50%;transition: .3s ease;}
.n-needs .lista .radio-box .hy-radio:before {top: 0px;left: 0px;width: 18px;height: 18px;background-color: #fff;border: 1px solid #cccccc;}
.n-needs .lista .radio-box .hy-radio:after {top: 6px;left: 6px;width: 8px;height: 8px;background-color: none;}
.n-needs .lista .radio-box .hy-radio:checked:after {top: 3px;left: 3px;width: 12px;height: 12px;background-color: #ccb195;}
.n-needs .lista .radio-box .hy-radio:checked:before {border-color: #ccb195;}
.n-needs .lista .checkbox {display: flex;flex-flow: row wrap;justify-content: flex-start;align-items: center;margin-bottom: .8rem;}
.n-needs .lista .checkbox .hy-check {position: relative;padding-left: 35px;margin-right: 1.5rem;margin-bottom: 15px;}
.n-needs .lista .checkbox .hy-check label {width: 20px;height: 20px;position: absolute;left: 0;top: 50%;margin-top: -10px;margin-left: 5px;background: #fff;border: 1px solid #ccc;border-radius: 0;}
.n-needs .lista .checkbox .hy-check label:after {content: '';width: 12px;height: 12px;position: absolute;top: 3px;left: 3px;border-top: none;border-right: none;opacity: 0;border-radius: 0;/*box-shadow: 0 0 10px rgba(0,0,0,0.5), inset 0 0 1px 1px rgba(204,177,149,.3);*/
background: #ccb195;}
.n-needs .lista .checkbox .hy-check input[type=checkbox]:checked + label:after {opacity: 1;}
.n-needs .lista .checkbox .hy-check input[type=checkbox] {opacity: 0;position: absolute;z-index: 999;left: 0;top: 50%;width: 30px;height: 30px;margin: 0;margin-top: -15px;cursor: pointer;}
.n-needs .lista .input1 {width: 100%;}
.n-needs .lista .input2 {width: 300px;margin-bottom: .6rem;}
.n-needs .lista .inputbox {display: flex;flex-flow: row wrap;ustify-content: flex-start;align-items: center;}
.n-needs .lista .inputbox .item {margin-right: 4%;width: 48%;margin-bottom: .7rem;}
.n-needs .lista .inputbox .item .p-12 {text-align: right;margin-top: 10px;}
.n-needs .lista .inputbox .item:nth-child(2n) {margin-right: 0;}
.n-needs .lista .inputbox .item2 {width: 100%;}
.n-needs .lista .input6 {width: 200px;height: 50px;line-height: 50px;text-align: center;background: #ccb195;font-size: 14px;color: #fff;margin: 1.5rem auto 0;display: block;border: none;}
.footbar-box {position: fixed;left: 0;bottom: 0;z-index:10;width: 100%;height: 65px;background: #333333;}
.footbar-box a {width: 25%;display: block;float: left;padding: 12px 0;position: relative;z-index: 3;background: #333333;}
.footbar-box a .imgbtn {margin-bottom: 5px;}
.footbar-box a:before {content: "";position: absolute;width: 1px;height: 46px;top: 50%;margin-top: -23px;right: 0;background: #484848;}
.footbar-box .telbox {width: 240px;/*height: 82px;*/
height: auto;/*max-height: 123px;*/
bottom: 65px;background: #333;position: absolute;left: 50%;margin-left: -120px;z-index: 2;transition: all .3s ease-in-out;transform: translate(0, 100%);}
.footbar-box .telbox p {padding: 0 10px;}
.footbar-box .telbox a {display: block;width: 100%;font-size: 14px;line-height: 40px;border-bottom: 1px solid #343434;padding: 0;float: none;position: relative;padding-left: 30px;color: #fff;}
.footbar-box .telbox a:before {content: "";position: absolute;width: 20px;height: 40px;background: url(../img/img1-2-1.png) no-repeat left center;background-size: 20px auto;margin-top: 0;left: 5px;top: 0;}
.footbar-box .telbox.cur {transform: translate(0, 0%);}
/*侧栏悬浮框*/
.sidebar-box {width: 65px;position: fixed;z-index: 9;right: 0;top: calc(348 * 0.052vw);}
.sidebar-box .itembox {width: 100%;height: 62px;display: block;position: relative;z-index: 2;overflow: hidden;background: #333;transition: all .3s ease-in-out;}
.sidebar-box .itembox:before {content: "";position: absolute;width: 80%;left: 10%;bottom: 0;height: 1px;border-bottom: 1px dashed #484848;}
.sidebar-box .itembox:hover {background: #ccb195;}
.sidebar-box .itembox:hover:before {border-bottom: 1px dashed #ccb195;}
.sidebar-box .itembox1{background: #8c0505 !important;}
.sidebar-box .imgbtn {width: 100%;height: 22px;text-align: center;margin-top: 10px;}
.sidebar-box .imgbtn img {display: inline-block;width: 22px;height: 22px;overflow: hidden;}
.sidebar-box .back-top {opacity: 0;transform: translate(0, 20px);transition: all .5s ease;visibility: hidden;}
.sidebar-box .back-top.active {opacity: 1;visibility: visible;transform: translate(0, 0);}
.sidebar-box .witembox {position: relative;}
.sidebar-box .telbox {width: 280px;/*height: 122px;*/
height: 200px;padding: 0 110px 0 20px;background: #ccb195;position: absolute;right: 0;top: 0;z-index: 1;transform: translate(100%, 0);transition: all .3s ease-in-out;}
.sidebar-box .telbox p {height: 62px;line-height: 62px;color: #fff;border-bottom: 1px dashed #fff;font-size: 16px;font-family: "Arial";}
.sidebar-box .telbox p a{color:#fff;}
.sidebar-box .telbox p:last-child {border-bottom: none;}
.sidebar-box .witembox:hover .telbox {transform: translate(0%, 0);}
.bg-none-s {background: #000;opacity: .5;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 100;display: none;}
.meadia-ajax.active {transform: rotateX(0deg);opacity: 1;/*display: block;*/}
.meadia-ajax .close-btn {width: 75px;height: 75px;position: absolute;right: 0rem;top: 0;z-index: 9;cursor: pointer;background: #333;}
.meadia-ajax {width: 80%;position: fixed;height: 16rem;left: 50%;margin-left: -40%;top: 50%;margin-top: -8rem;/*overflow: hidden;*/
opacity: 0;transform: scale(0);transition: opacity .5s,transform 1s;display: none;background: #000;z-index: 101;}
.meadia-ajax video {width: 100%;max-height: 16rem;}
.PageMenu-closeBtn {width: 26px;height: 26px;padding: 0;position: absolute;top: 50%;left: 50%;margin-top: -13px;margin-left: -13px;box-sizing: border-box;background-color: transparent;border: none;z-index: 20;outline: 0;transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);}
.PageMenu-closeBtn .line-01, .PageMenu-closeBtn .line-02 {width: 100%;height: 3px;background-color: #fff;position: absolute;left: 50%;top: 50%;}
.PageMenu-closeBtn .line-01 {-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.PageMenu-closeBtn .line-02 {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.PageMenu-closeBtn .line-01:after, .PageMenu-closeBtn .line-02:after {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #e15d56;-webkit-transform: scaleX(0) translateZ(0);transform: scaleX(0) translateZ(0);transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);}
.PageMenu-closeBtn:hover .line-01:after, .PageMenu-closeBtn:hover .line-02:after {-webkit-transform: scaleX(1) translateZ(0);transform: scaleX(1) translateZ(0);}
.PageMenu-closeBtn:hover {-webkit-transform: scale(1.2);transform: scale(1.2);}
.backtop svg {height: 20px;width: 20px;position: relative;display: block;margin: 0 auto;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.backtop.active {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);opacity: 1;}
@keyframes scaleloading {0% {transform: scale(0.5);}
100% {transform: scale(10);opacity: 0;}
}
@keyframes glowmation {0% {top: -3%;left: -3%;background-position: 0% 50%;background-size: 150% 150%;}
12.5% {top: -3%;left: 0;background-size: 70% 30%;}
25% {top: -3%;left: 3%;background-size: 100% 50%;}
37.5% {top: 0;left: 3%;background-size: 70% 30%;}
50% {top: 3%;left: 3%;background-position: 100% 50%;background-size: 30% 30%;}
62.5% {top: 3%;left: 0;background-size: 30% 70%;}
75% {top: 3%;left: -3%;background-size: 50% 100%;}
87.5% {top: 0;left: -3%;background-size: 30% 70%;}
100% {top: -3%;left: -3%;background-position: 0% 50%;background-size: 150% 150%;}
}
@keyframes img1 {0% {opacity: .5;}
20% {opacity: 1;}
40% {opacity: .8;}
50% {color: 1;}
80% {color: 1;}
100% {color: .8;}
}
@keyframes loader1 {0% {transform: scale(0.6);opacity: 0;}
50% {opacity: 1;}
100% {transform: scale(1);opacity: 0;}
}
@keyframes arrow2 {0% {-webkit-transform: translatey(0);transform: translatey(0);}
50% {-webkit-transform: translatey(4px);transform: translatey(4px);}
}
.js-m {opacity: 0;transform: translate(0, 30px);transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);}
.js-m.animate {opacity: 1;transform: translate(0, 0);}
.js-m.js-m-2 {opacity: 0;transform: translate(30px, 0);transition: all .8s ease;}
.js-m.js-m-2.animate {opacity: 1;transform: translate(0, 0);}
.js-m-3 {opacity: 0;transform: translate(30px, 0);transition: all .8s ease;}
.js-m-3.animate {opacity: 1;transform: translate(0, 0);}
.js-m.js-m-4 {opacity: 0;transform: translate(0, -100px);transition: all .8s ease;}
.js-m.js-m-4.animate {opacity: 1;transform: translate(0, 0);}
.js-m-top {opacity: 0;transform: translate(0, 100px);transition: all 1.5s cubic-bezier(0.69, 0.1, 0.12, 1.02);}
.js-m-top.animate {opacity: 1;transform: translate(0, 0);}
.imgbg-tong {position: relative;}
.imgbg-tong:after {content: "";margin: 0 0 0 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;z-index: 4;-moz-transition: all 0.5s ease-in-out 0.5s;-webkit-transition: all 0.5s ease-in-out 0.5s;transition: all 0.5s ease-in-out 0.5s;}
.imgbg-tong:before {content: "";margin: 0 0 0 0;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #111;z-index: 5;opacity: 1;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.js-m.animate.imgbg-tong:before, .js-m.animate.imgbg-tong:after {margin-right: 0;right: 0;bottom: 0;left: 100%;}
.image-in {display: block;overflow: hidden;}
.image-in::before {transform: scaleX(1);transform-origin: right center 0px;transition-duration: 1s;transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);transition-property: transform, -webkit-transform;transition-delay: 0.6s;}
.image-in::before {content: "";display: block;position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;z-index: 20;background-color: black;}
.image-in {transform: translate3d(-100.5%, 0px, 0px);transform-origin: left center 0px;transition-duration: 1s;transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);transition-property: transform, -webkit-transform;transition-delay: 0.2s;}
.js-m.animate .image-in {transform: translate3d(0px, 0px, 0px);}
.js-m.animate .image-in::before {transform: scale(0, 1);}
.delay1 {transition-delay: .1s !important;}
.delay2 {transition-delay: .2s !important;}
.delay3 {transition-delay: .3s !important;}
.delay4 {transition-delay: .4s !important;}
.delay5 {transition-delay: .5s !important;}
.delay6 {transition-delay: .6s !important;}
.delay7 {transition-delay: .7s !important;}
.delay8 {transition-delay: .8s !important;}
.delay9 {transition-delay: .9s !important;}
.delay01 {transition-delay: .03s !important;}
.delay02 {transition-delay: .08s !important;}
.delay03 {transition-delay: .13s !important;}
.delay04 {transition-delay: .18s !important;}
.delay05 {transition-delay: .23s !important;}
.delay06 {transition-delay: .28s !important;}
.delay07 {transition-delay: .33s !important;}
.delay08 {transition-delay: .38s !important;}
.delay09 {transition-delay: .43s !important;}
/*.header1.on{position: relative;background: #1a1a1a;background-image: linear-gradient(#000,#121212);h1{margin: 38px 0 0;}
nav{top: 32px;}
}
.header2.on{position: relative;background: #1a1a1a;background-image: linear-gradient(#000,#121212);}
.star-bg {position: fixed;z-index: 0;top: 0;left: 0;width: 100%;height: 100%;}*/
.lang-item {position: absolute;width: 100px;right: 20px;top: 80px;background: rgba(255, 255, 255, 0.8);display: none;}
.lang-item a {line-height: 30px;text-align: center;display: block;color: #666;font-size: 14px;border-bottom: 1px solid #dcdcdc;transition: all .5s ease-in-out;}
.lang-item a:hover {color: #da3830;}
.lang-item a:last-child {border-bottom: none;}
#canvas2 {width: 100%;height: 100%;overflow: hidden;position: absolute;z-index: 1;left: 0;top: 0;/*opacity: 0;filter: alpha(opacity=0);*/
transition: opacity 0.8s 1s;}
.errors-alert .md-content {width: 450px;height: auto;padding: 1.25rem;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.errors-alert .md-content .tit1 {line-height: 1.5;margin-bottom: 1rem;}
.errors-alert .md-content .coad-box {width: 100%;margin-top: 1rem;margin-bottom: .5rem;}
.errors-alert .md-content {background: #fff;}
.errors-alert .md-close {position: absolute;width: 40px;height: 40px;right: 5px;top: 5px;cursor: pointer;}
.errors-alert .md-close:before {position: absolute;font-size: 30px;left: 50%;top: 50%;width: 30px;height: 30px;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);color: #333;}
.errors-alert .coad-button {width: 100%;height: 50px;line-height: 50px;text-align: center;background: #f8f8f8;display: block;cursor: pointer;box-shadow: inset 0px 0px 0px 1px #eee;}
.errors-alert .coad-button p {position: relative;z-index: 2;font-size: 16px;color: #e60012;-webkit-transition: all .3s ease;transition: all .3s ease;}
.errors-alert .coad-button:before {z-index: 1;background: #cb0f1e;width: 600px;height: 200px;-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;-webkit-transform: translate(-50%, -50%) scale(0);-ms-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);}
.errors-alert .coad-button:hover p {color: #fff;}
.errors-alert .coad-button:hover:before {-webkit-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);}
.n-cases .lista .swiper-tab .swiper-slide{color:#666;/*transition: all .3s ease-in-out;*/}
.n-cases .lista .swiper-tab .swiper-slide:hover a,.n-cases .lista .swiper-tab .swiper-slide.cur a{color:#fff;}
.i-listb .more{transition: all .3s ease-in-out;}
.i-listb .more:hover{color:#c0a58a;}
.i-banner .swiper-slide,.n-banner{overflow: hidden;}
.n-banner .text{position:relative;z-index: 2;}
.i-banner a{display:block;width:100%;height:100%;}
.i-banner .index-video a{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
.i-banner .index-video .tit1{font-size:3.5rem;color:#fff;font-family:"BEBAS";line-height:1.2;}
.i-banner .index-video .tit2{font-size:1.6rem;line-height:1.4;color:#fff;margin-bottom:1.5rem;}
.i-banner .index-video .more{width:200px;height:50px;line-height:50px;border-radius:50px;box-shadow:inset 0px 0px 0px 1px #fff;display:inline-block;position:relative;font-size:16px;color:#fff;text-align:center;}
.i-banner .index-video .more p{display:inline-block;padding-right:25px;position:relative;}
.i-banner .index-video .more p:before{position: absolute;display:block;transform:rotate(-90deg);right:0;top:0;}
.fot-alert .md-content {width: 100%;height: auto;padding: .5rem;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.fot-alert .md-content .tit1 {line-height: 1.5;margin-bottom: .2rem;}
.fot-alert .md-content .tit2 {margin-top: 5px;line-height: 1.5;}
.fot-alert .md-content {background: #fff;}
.fot-alert .md-content .img {text-align: center;}
.fot-alert .md-content .img img {max-width: 100%;display: inline-block;}
.fot-alert .md-close {position: absolute;width: 40px;height: 40px;font-size: 24px;color: #000;right: 5px;top: 5px;cursor: pointer;line-height: 40px;text-align: center;}
.fot-alert .coad-button:before {z-index: 1;background: #cb0f1e;width: 600px;height: 200px;-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;-webkit-transform: translate(-50%, -50%) scale(0);-ms-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);}
.fot-alert .coad-button:hover p {color: #fff;}
.fot-alert .coad-button:hover:before {-webkit-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);}
.fot-alert {position: fixed;top: 50%;left: 50%;width: 50%;max-width: 320px;min-width: 320px;height: auto;z-index: 2000;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.fot-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 1000;opacity: 0;background: rgba(0, 0, 0, 0.5);-webkit-transition: all 0.3s;transition: all 0.3s;}
.fot-alert.md-show ~ .fot-overlay {opacity: 1;visibility: visible;}
.fot-alert.md-show ~ .md-close {opacity: 1;visibility: visible;}
.video-alert .md-content {width: 100%;height: auto;padding: .5rem;background: #000;}
.video-alert .md-close {position: absolute;width: 40px;height: 40px;font-size: 24px;color: #fff;right: -1rem;top: -1rem;cursor: pointer;line-height: 40px;text-align: center;}
.video-alert {position: fixed;top: 50%;left: 50%;width: 50%;max-width: 1000px;min-width: 320px;height: auto;z-index: 2000;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.video-alert .md-content{ position: relative;}
.video-alert img{ width: 100%; height: auto; display: block;}
.video-alert .video {width: 100%;height: auto;opacity:0;visibility:hidden; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; height: 100%; object-fit: contain;}
.video-alert.md-show .video{opacity:1;visibility:visible;}
.video-alert.md-show ~ .fot-overlay {opacity: 1;visibility: visible;}
.video-alert.md-show ~ .md-close {opacity: 1;visibility: visible;}
/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s;}
.md-show.md-effect-1 .md-content {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}
.liste .preview{margin-top:5px;position:relative;}
.liste .view .swiper-slide img{width:100%;}
.liste .preview .swiper-slide{border:5px solid #fff;}
.liste .preview .swiper-slide.active-nav{border:5px solid #c0a58a;}
.n-team .listb .en{white-space: nowrap;}
.header1 .business-btn{background:#333;}
.i-listb .swiper-tab .swiper-slide.cur, .i-listb .swiper-tab .swiper-slide:hover,.n-cases .lista .swiper-tab .swiper-slide.cur, .n-cases .lista .swiper-tab .swiper-slide:hover{background:#333;border:1px solid #333;}
.n-honor .listb .honor-list .swiper-slide .li:hover,.n-business .listd .ulbox .img-btn,.n-business .listd .ulbox .li:hover,.n-banner .cases-box .swiper-slide .more:before,.n-contact .listb .tab-box .ul .tab-li.cur,.n-contact .listb .formbox .input3,.n-contact .listb .top,.n-contact .listb .recruit-list-0 .recruitbox .apple-btn:before{background: #333;}
.n-business .listd .ulbox .li:hover .img-btn,.header1 .business-btn:before{background: #222;}
.n-business .listd .ulbox .tit1{color:#333;}
.n-business .listg .ulbox .li .more:hover{border:1px solid #333;}
.n-business .listg .ulbox .li .more:before{background:#333;}
.page a.active,.page a:hover{background:#333 !important;}
.sidebar-box .itembox:hover,.sidebar-box .telbox{background: #222;}
.sidebar-box .itembox:hover:before{border-bottom: 1px dashed #222;}
.news-text .p-right{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;}
.news-text .p-right span{font-size:14px;line-height:20px;}
.news-text .p-right a{padding:0;margin:0 .25rem;background:none;width:20px;height:20px;line-height: 1;font-size:20px;color:#595959;opacity:1;transition:color .3s ease-in-out;}
.news-text .p-right a:hover{color:#222;}
.i-listb .workbox .li-img .img img,.n-cases .lista .workbox .li-img .img img,.i-listc .original-box .img1,.n-cases .listb .li-img .img img,.n-original .listb .list-swiper .img1,.n-news .news-list .ulbox .li{
/*-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;*/
transition: all .3s ease-in-out;
}
.i-listb .workbox .li-img:hover .img img,.n-cases .lista .workbox .li-img:hover .img img,.i-listc .original-box .li-img2:hover .img1,.n-cases .listb .li-img:hover .img img,.n-original .listb .list-swiper:hover .img1,.n-news .news-list .ulbox .li:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
.news-text video{max-width:100%;}
#testOpen{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;opacity:0;filter: alpha(opacity=0);}
/*.i-listb .workbox .li-img .time,.i-listb .workbox .li-img .tit1,.i-listb .workbox .li-img .bot,.n-cases .lista .workbox .li-img .time,.n-cases .lista .workbox .li-img .tit1,.n-cases .lista .workbox .li-img .bot{transition:color .3s ease-in-out;}
.i-listb .workbox .li-img,.i-listb .workbox .li-img{transition:color .3s ease-in-out;}
.i-listb .workbox .li-img:hover,.n-cases .lista .workbox .li-img:hover{background:#333;}
.i-listb .workbox .li-img:hover .time,.i-listb .workbox .li-img:hover .tit1,.i-listb .workbox .li-img:hover .bot,.n-cases .lista .workbox .li-img:hover .time,.n-cases .lista .workbox .li-img:hover .tit1,.n-cases .lista .workbox .li-img:hover .bot{color:#fff;}*/
/*# sourceMappingURL=style.css.map */
.link{float: left;opacity: 1;
margin-top: 18px;margin-left: 15px;}
.linkb{border: 1px solid #dedede;opacity: 0.6;width: 100px;/*border-radius: 20px;*/
line-height: 35px;text-align: center;cursor: pointer;position: relative;display: inline-block;margin-left: 10px;vertical-align: middle;margin-bottom: 10px;}
.linkb .ti{font-size: 14px;color: #dedede;opacity: 0.6}
.linka {position: absolute;left: 0;bottom: 36px;min-width: 100%;border: 1px solid #dedede;display: none; background: #fff; height: 175px; overflow-y: auto;}
.linka a{display: block;background-color: #1a1a1a;color: #dedede;}
footer .footer-bot .w1420{display: block;}
footer .footer-bot .p1{float: left; width: 480px;}
footer .footer-nav{overflow: hidden;}
footer .footer-bot .w1420{ display: flex;}
footer .last{float: right;}
@media screen and (max-width:1200px) {
footer .last{float: none;display: block;}
footer .footer-bot .p1{display: block; float: none;}
.link{margin-top: 0;display: block;float: none;}
footer .footer-bot .w1420{height: auto;}
}
@media (max-width: 786px){
footer .footer-bot .w1420{ display: block;}
footer .last{ display: none;}
}
@media only screen and (max-width:750px) {
.n-banner .cases-box{width: 88%;}
.n-banner .text .tit1.ti {font-size: 0.6rem;}
}
.iNews{padding-top:0;padding-bottom:2rem;}
.iNews .ulbox .swiper-slide {height: 10rem;}
.iNews .ulbox .swiper-container {width: 100%;}
.iNews .ulbox .swiper-button-next,.iNews .ulbox .swiper-button-prev {width: 80px;height: 88px;line-height: 88px;text-align: center;font-size: 36px;color: #fff;margin-top: -44px;opacity: 1;transition: all .3s ease;background: none !important;opacity: 0;}
.iNews .ulbox:hover .swiper-button-prev {opacity: 1;transform: translate(0, 0);}
.iNews .ulbox:hover .swiper-button-next {opacity: 1;transform: rotate(-180deg) translate(0, 0);}
.iNews .ulbox .swiper-button-next {transform: rotate(-180deg) translate(-80px, 0);right: 0;}
.iNews .ulbox .swiper-button-prev {transform: translate(-80px, 0);}
/* 案例列表 */
@media only screen and (max-width:750px) {
.n-banner .cases-box{width: 88%;}
.n-banner .text .tit1.ti {font-size: 0.65rem;}
.n-banner .swi{margin-top: 1.5rem;}
.n-banner.active .cases-box{padding: 2rem 0 2rem;}
}
/* 专题页 */
.zhuanti .img {width: 100%;}
.zhuanti .img img {width: 100%;}
.zhuanti .img video {width: 100%;}
.video-box{ position: relative;}
.video-box img{ width: 100%; height: auto; display: block;}
.video-box iframe{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
.imgA{ padding-top: 30px;}
.imgA img{ width: 100%; height: auto; display: block;}
.video_object{ position: relative; width: 100%; overflow: hidden; text-align: center; background: black; }
.video_object .img img{ width:100%; height:auto;}
#youkuplayer { z-index: 9; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #000; }


.news-wp{ width:800px; margin:0 auto;}

@media screen and (max-width:980px){
.news-wp{ width:auto;}
}




.infoA{ font-size: 16px; position: relative; width: 1200px; margin: 0 auto;}
.infoA_Fl{ width: 740px; box-sizing: border-box;}
.infoA_Fr{; box-sizing: border-box; position: absolute; right: 0px; top: 0px; left: 780px;}
.infoAbox{ padding: 20px; background: #fff; margin-bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 10px;}
.infoAtit{ text-align: center; margin-bottom: 36px; }
.infoAtit h1{ font-size: 1.5em; line-height: 1.2; font-weight: bold;}
.infoAtit p{ padding-top: 1em; color: #666;}
.infoAcon{ color: #666; line-height: 1.75;}
.infoAcon img{ max-width: 100%; display: inline-block; vertical-align: baseline;}
.infoAcon strong{ }
.infoAbtn{ position: relative;}
.infoAbtnList{}
.infoAbtnList ul{ margin-right: -120px;}
.infoAbtnList li{ width: 50%; float: left;}
.infoAbtnList .pd{ display: block; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px; position: relative; padding: 0 20px; margin-right:120px; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.infoAbtnList .pd span{ position: absolute; left: 20px; top: 50%; line-height: 1; margin-top: -0.5em; color: #08c; font-weight: bold;}
.infoAbtnList .pd a{ color: #666; display: block; padding-left: 3.75em; height: 48px; line-height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.infoAbtnList .pd:hover{ background: #08c; color: #fff;}
.infoAbtnList .pd:hover i,
.infoAbtnList .pd:hover span,
.infoAbtnList .pd:hover a{ color: #fff;}
.infoAbtnList li:nth-child(even) .pd i{ right: 20px; left: auto;}
.infoAbtnM{ position: absolute; left: 50%; top: 0px; width: 100px; text-align: center; margin-left: -50px;}
.infoAbtnM a{ color: #08c; font-weight: bold; display: block; height: 48px; line-height: 48px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px;}
.infoAbtnM a:hover{ background: #08c; color: #fff;}

.recommended{background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius: 6px; padding:20px 5px;}
.recommended1{ margin-bottom: 30px;}
.recommendedTit{font-size:24px;margin-bottom:1em;margin-left:20px;}
.recommendedTit strong{font-weight:bold;display:block;color:#000;line-height:1;}
.recommendedList{max-height:500px;overflow-y:auto;padding:10px;}
.recommendedList li{margin-bottom:20px;}
.recommendedList li:last-child{margin-bottom:0px;}
.recommendedList .pd{ display: block;padding-left:1.5em;position:relative;}
.recommendedList .pd:before{content:'';position:absolute;width:1em;height:5px;left:0px;top:0.5em;background:#08c;}
.recommendedList strong{ display: block;display:block;line-height:1.4em; height: 1.5em; font-size:14px;color:#000;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; margin-right: 100px; font-weight: normal;}
.recommendedList em{ position: absolute; right: 0; top: 50%; margin-top: -0.5em; line-height: 1; color: #999; font-size: 12px;}
.recommendedList .pd:hover{color:#08c;}

.newsKey{ margin-bottom: 30px;}

@media screen and (max-width:1366px){
.infoA{ width: auto;}
}

@media screen and (max-width:980px){
.infoA_Fl{ width: auto; margin-bottom: 30px;}
.infoA_Fr{ position: relative; left: auto; top: auto; right: auto;}
.infoAbtnList ul{ margin: 0px; font-size: 14px;}
.infoAbtnList li{ width: auto; float: none; margin-bottom: 10px;}
.infoAbtnList .pd{ margin: 0px; padding: 0px;}
.infoAbtnList .pd i{ left: 20px;}
.infoAbtnList .pd span{ left: 20px;}
.infoAbtnList .pd a{ padding-left: 90px;}
.infoAbtnList li:nth-child(even) .pd i{ left: 20px; right: auto;}
.infoAbtnM{ position: static; width: auto; margin: 0px; }
.infoAbtnM a{ height: 44px; line-height: 44px; font-size: 14px;}
.recommendedList strong{ font-size: 14px; margin-right: 86px;}
.recommendedList em{ font-size: 12px;}
}
@media screen and (max-width:480px){
.infoA{ font-size: 14px;}
.infoAtit p{ font-size: 12px;}
.recommendedList strong{ font-size: 14px; margin-right: 70px;}
.recommendedList em{ font-size: 12px;}
}







.img_cut{background:no-repeat center center; background-size:cover; overflow:hidden; display:block; width:100%; height:auto;}
.li-img .img img.img_cut{aspect-ratio:1440/720; object-fit:cover;}
.news-list .img_cut{ object-fit:cover; height:10rem; width:100%;}
.n-banner .cases-box img.img_cut{aspect-ratio:1440/720; object-fit:cover;}
.n-banner .img{ object-fit:none; opacity:0; width:1px; height:1px;}