@charset "UTF-8";
.ny-banner { width: 100%; height: 540px; position: relative; transition: all ease .5s; }
.ny-banner .img { width: 100%; height: 100%; position: absolute; overflow: hidden; left: 0; top: 0; }
.ny-banner .img img { max-width: initial; width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
@media(min-width:1921px) {
.ny-banner .img img { max-width: none; width: 100%; }
}
.ny-banner .boxs { position: relative; max-width: 1600px; height: 100%; z-index: 2; margin: auto; color: #fff; }
.ny-banner .boxs.n1 { padding-top: 210px; letter-spacing: 2px; transition: all ease .5s; }
.ny-banner .boxs.n1 .t1 { font-size: 72px; font-weight: bold; line-height: 1; text-align: center; }
.ny-banner .boxs.n1 .t2 { font-size: 16px; line-height: 30px; margin-top: 12px; text-align: center; }
.ny-banner .boxs.n2 .box { width: 100%; padding-bottom: 76px; position: absolute; left: 0; bottom: 60px; }
.ny-banner .boxs.n2 .box .t1 { font-size: 30px; line-height: 30px; font-weight: bold; color: #fff; }
.ny-banner .boxs.n2 .box .t2 { width: 70%; font-size: 14px; line-height: 24px; color: #fff; margin-top: 14px; }
.ny-banner .boxs .breadcrumbs { position: absolute; right: 0; bottom: 0; line-height: 60px; font-size: 14px; color: #fff; letter-spacing: 2px; padding-left: 25px; background: url(../images/icon23.png) left center no-repeat; }
.ny-banner .boxs .breadcrumbs a { color: #fff; transition: all ease .3s; }
.ny-banner .boxs .breadcrumbs a:hover { color: #fff; }
.ny-banner .boxs .breadcrumbs span { color: #fff; }
.ny-banner .nb-menu { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background: rgba(0, 0, 0, .25); }
.ny-banner .nb-menu ul { max-width: 1600px; margin: auto; padding-top: 13px; position: relative; z-index: 5; }
.ny-banner .nb-menu ul li { float: left; margin-right: 3px; }
.ny-banner .nb-menu ul li a { font-size: 14px; color: #fff; line-height: 35px; padding: 0 20px; display: block; transition: all ease .3s; border-radius: 15px; }
.ny-banner .nb-menu ul li:hover a { color: #222; background: #fff; }
.ny-banner .nb-menu ul li.on a { color: #222; background: #fff; }
.ny-banner .label-box { position: absolute; right: 0; bottom: 146px; }
.ny-banner .label-box a { display: inline-block; border: 1px solid #fff; border-radius: 50%; margin-left: 22px; }
.ny-banner .label-box a:first-child { margin-left: 0; }
.ny-banner .label-box a.on { border: 1px solid #21abd7; background: #21abd7; }
.case { width: 100%; background: #f7f7f7; }
.case .box { max-width: 1600px; margin: auto; padding-bottom: 80px; }
.case .box .case-list { width: 100%; display: table; padding: 40px 0 10px; }
.case-list li { width: 24%; float: left; margin-right: 1.33%; margin-bottom: 20px; }
.case-list li:nth-child(4n) { margin-right: 0; }
.case-list li:nth-child(4n+1) { clear: both; }
.case-list li:hover { box-shadow: 0 0 15px 1px rgba(0, 0, 0, .1); }
.case-list li .img { width: 100%; overflow: hidden; }
.case-list li .img img { width: 100%; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.case-list li:hover .img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.case-list li .tbox { width: 100%; box-sizing: border-box; border: 1px solid #ebebeb; border-top: none; padding: 20px 20px 16px; background: #fff; }
.case-list li .tbox .title { width: 100%; position: relative; line-height: 36px; }
.case-list li .tbox .title .t1 { font-size: 16px; font-weight: bold; color: #222; }
.case-list li .tbox .title .t2 { font-size: 14px; color: #666; height: 36px; line-height: 36px; overflow: hidden; }
.case-list li .tbox .title .icon { position: absolute; right: 0; top: 0; }
.case-list li .tbox .title .icon span { display: inline-block; width: 18px; height: 16px; margin-left: 10px; }
.case-list li .tbox .title .icon .icon1 { background: url(../images/icon17.png) center center no-repeat; }
.case-list li .tbox .title .icon .icon2 { background: url(../images/icon18.png) center center no-repeat; }
.case-list li .tbox .title .icon .icon3 { background: url(../images/icon19.png) center center no-repeat; }
.case-list li .tbox .title .icon .icon4 { background: url(../images/icon_xcx2.png) center center no-repeat; }
.case-list li .tbox .more { width: 100%; border-top: 1px solid #e3e3e3; margin-top: 7px; font-size: 14px; color: #666; line-height: 36px; padding: 7px; background: url(../images/icon20.png) right center no-repeat; transition: all ease .3s; }
.case-list li:hover .tbox .more { background: url(../images/icon21.png) right center no-repeat; }
.page-list { max-width: 1600px; margin: 0 auto; }
.page-list a {  display: inline-block; border: 1px solid #ccc; text-align: center; line-height: 38px; font-size: 16px; color: #666; background: #fff; border-radius: 3px; margin-right: 10px; transition: all 0.5s linear; font-family: 'gotham-Book'; }
.page-list a:hover { color: #fff; background: #222; border: 1px solid #222; }
.page-list a.on { color: #fff; background: #222; border: 1px solid #222; }
.page-list a.prev { background: #fff url(../images/icon24.png) center center no-repeat; }
.page-list a.next { background: #fff url(../images/icon25.png) center center no-repeat; }
.case-info { width: 100%; position: relative; z-index: 2; margin-top: -60px; background: #fff; padding-top: 60px; }
.case-info .info-img { max-width: 1200px; margin: auto; box-shadow: 0 0 15px 1px rgba(0, 0, 0, .2); }
.case-info .info-img img { height: auto !important; }
.case-info .txt-box { width: 100%; padding: 80px 30px 44px; }
.case-info .txt-box .t1 { font-size: 18px; color: #999; line-height: 1; }
.case-info .txt-box .t2 { font-size: 14px; line-height: 26px; color: #222; margin-top: 12px; }
.case-info .txt-box .t3 { font-size: 14px; line-height: 26px; color: #999; margin-top: 16px; }
.other-case { max-width: 1600px; margin: 20px auto 0; background: #fff; padding: 33px 30px 35px; }
.other-case .t1 { font-size: 18px; color: #999; line-height: 30px; }
.other-case .list { margin-top: 24px; width: 100%; display: table; }
.other-case .list li { float: left; width: 24%; margin-right: 1.33%; }
.other-case .list li:nth-child(4n) { margin-right: 0; }
.other-case .list li a { width: 100%; display: block; }
.other-case .list li .img { width: 100%; overflow: hidden; }
.other-case .list li .img img { width: 100%; transition: all ease .5s; }
.other-case .list li:hover .img img { transform: scale(1.1); }
.other-case .list li .t2 { font-size: 14px; line-height: 24px; color: #222; margin-top: 14px; }
.other-case .list li:hover .t2 { color: #000; }
.other-case .list li .tbox { padding-left: 10px; }
.other-case .list li .t4 { font-size: 14px; line-height: 24px; color: #666; margin-top: 8px; }
.case3 { width: 100%; display: table; padding: 0 60px; }
.case3 .left-box { width: 45%; min-height: 805px; float: left; padding-top: 100px; padding-bottom: 150px; position: relative; }
.case3 .left-box .t-box { }
.case3 .left-box .t-box .t1 { font-size: 18px; color: #999; line-height: 1; }
.case3 .left-box .t-box .t2 { font-size: 14px; line-height: 26px; color: #222; margin-top: 12px; }
.case3 .left-box .sj-ewm { display: table; margin-top: 54px; }
.case3 .left-box .sj-ewm span { text-align: center; display: block; font-size: 14px; line-height: 26px; color: #222; margin-top: 6px; }
.case3 .left-box .goback { width: 150px; height: 50px; background: #222 url(../images/icon45.png) 30px center no-repeat; border-radius: 25px; display: block; font-size: 14px; line-height: 50px; color: #fff; padding-left: 58px; position: absolute; left: 20px; bottom: 90px; }
.case3 .right-box { width: 49%; float: right; padding-top: 20px; }
.images-scroll-wrap { height: 750px; }
.images-scroll-wrap .item-list { position: relative; }
.images-scroll-wrap .item-list .swiper-slide-image { z-index: 1; position: absolute; top: 0; width: 100%; opacity: 0; transition: opacity .6s ease-in-out; }
.images-scroll-wrap .item-list .swiper-slide-image.active { z-index: 2; opacity: 1; }
.work-buttons { position: absolute; right: 108px; top: 239px; width: 60px; z-index: 666; }
.work-buttons .count { width: 100%; text-align: center; font-size: 16px; color: #999; font-family: 'Gotham-Bold'; }
.work-buttons .count .current { color: #222; }
.work-buttons .count .total { }
.work-buttons .prograss-bar { margin-top: 60px; }
.work-buttons .prograss-bar .iconfont { width: 60px; height: 60px; border-radius: 50%; margin-bottom: 20px; display: block; }
.work-buttons .prograss-bar .prev { background: #222 url(../images/icon46.png) center center no-repeat; }
.work-buttons .prograss-bar .prev:hover { background: #21abd7 url(../images/icon46.png) center center no-repeat; }
.work-buttons .prograss-bar .next { background: #222 url(../images/icon47.png) center center no-repeat; }
.work-buttons .prograss-bar .next:hover { background: #21abd7 url(../images/icon47.png) center center no-repeat; }
@media(max-width:1660px) {
.ny-banner .boxs { margin: 0 30px; }
.ny-banner .nb-menu { padding-left: 30px; }
.case .box { padding: 0 30px 80px; }
}
@media(max-width:1370px) {
.ny-banner { height: 480px; }
.ny-banner .boxs.n1 { padding-top: 193px; }
}
@media(max-width:1200px) {
.ny-banner .boxs.n2 .box .t2 { padding: 10px; line-height: 30px; }
.ny-banner .boxs.n1 .t1 { font-size: 36px; }
.ny-banner .boxs .breadcrumbs { display: none; }
.case-list li { width: 32%; margin-right: 2%; }
.case-list li:nth-child(4n) { margin-right: 2%; }
.case-list li:nth-child(3n) { margin-right: 0; }
.case-list li:nth-child(4n+1) { clear: none; }
}
@media(max-width:900px) {
.ny-banner .boxs.n1 .t1 { font-size: 24px; }
.case-list li { width: 48%; margin-right: 4%; }
.case-list li:nth-child(3n) { margin-right: 4%; }
.case-list li:nth-child(2n) { margin-right: 0; }
.ny-banner .boxs.n2 .box .t1 { font-size: 24px; }
.ny-banner .boxs.n2 .box .t2 { width: 100%; line-height: 24px; padding: 0; }
.ny-banner .label-box { left: 0; bottom: 70px; }
.ny-banner .label-box a { width: 45px; }
.ny-banner .label-box a { margin-left: 12px; }
.case .box { padding: 0 30px 50px; }
.case-info { padding-top: 40px; }
.case-info .txt-box { padding: 50px 30px 44px; }
.other-case .list li .t4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ny-banner .nb-menu { height: 50px; padding-left: 15px; }
.ny-banner .nb-menu ul li a { line-height: 25px; padding: 0 10px; }
}
@media(max-width:767px) {
.ny-banner .boxs.n1 { padding-top: 193px; }
.ny-banner .boxs.n1 .t1 { font-size: 20px; }
.ny-banner .boxs.n1 .t2 { font-size: 14px; line-height: 20px; margin-top: 20px; }
.ny-banner .boxs.n2 .box { padding-bottom: 0px; }
.ny-banner .boxs.n2 .box .t1 { font-size: 18px; }
.ny-banner .boxs.n2 .box .t2 { font-size: 12px; line-height: 20px; }
.ny-banner .label-box a { width: 35px; }
.case-list li, .case-list li:nth-child(3n) { width: 100%; margin-right: 0; }
.page-list a { width: 30px; height: 30px; line-height: 28px; }
.case .box { padding: 0 20px 50px; overflow: hidden; }
.case-info { padding-top: 30px; margin-top: 0; }
.case-info .txt-box { padding: 30px 10px 30px; }
.case-info .txt-box .t2 { font-size: 12px; line-height: 20px; }
.case-info .txt-box .t3 { font-size: 12px; line-height: 16px; margin-top: 10px; }
.other-case { display: none; }
}
 @media(max-width:1250px) {
.work-buttons { right: 10px; }
}
@media(max-width:1100px) {
.case3 .left-box { width: 30%; }
.case3 .right-box { width: 60%; }
}
@media(max-width:900px) {
.case3 { display: flex; flex-direction: column; }
.case3 .left-box { float: none; width: 100%; order: 2; padding-top: 40px; }
.case3 .right-box { float: none; width: 100%; position: relative; }
.images-scroll-wrap { margin: 0 auto; }
.case3 .left-box .sj-ewm { margin: 30px auto 0; }
}
@media(max-width:768px) {
.case3 { padding: 0 20px; }
.case3 .right-box { padding-top: 0; }
.work-buttons { right: 0; }
}
@media(max-width:500px) {
.images-scroll-wrap { height: 550px; }
.work-buttons { right: -45px; }
}




.content { width: 100%; background: #f7f7f7; padding: 40px 0 80px; }
.content .box { max-width: 1600px; margin: auto; }
.content .box .address { width: 100%; background: #fff; display: table; }
.content .box .address .box1 { width: 33%; height: 295px; float: left; border-right: 1px solid #e8e8e8; padding-left: 2.5%; padding-top: 53px; }
.content .box .address .box1:hover { color: #FFF; background: #425cbb; background: url(../images/addr1.jpg) center no-repeat; }
.content .box .address .box1:last-child { border-right: none; }
.content .box .address .box1 .t1 { font-size: 16px; font-weight: bold; line-height: 30px; color: #222; text-align: center; }
.content .box .address .box1 .t2 { font-size: 18px; line-height: 24px; padding-left: 33px; margin-top: 32px; text-align: center; }
.content .box .address .box12 { width: 33%; height: 295px; float: left; border-right: 1px solid #e8e8e8; padding-left: 2.5%; padding-top: 53px; }
.content .box .address .box12:hover { color: #FFF; background: #425cbb; background: url(../images/phone1.jpg) center no-repeat; }
.content .box .address .box12:last-child { border-right: none; }
.content .box .address .box12 .t12 { font-size: 16px; font-weight: bold; line-height: 30px; color: #222; text-align: center; }
.content .box .address .box12 .t22 { font-size: 18px; line-height: 24px; padding-left: 33px; margin-top: 32px; text-align: center; }
.content .box .address .box13 { width: 33%; height: 295px; float: left; border-right: 1px solid #e8e8e8; padding-left: 2.5%; padding-top: 53px; }
.content .box .address .box13:hover { color: #FFF; background: #425cbb; background: url(../images/qq1.jpg) center no-repeat; }
.content .box .address .box13:last-child { border-right: none; }
.content .box .address .box13 .t13 { font-size: 16px; font-weight: bold; line-height: 30px; color: #222; text-align: center; }
.content .box .address .box13 .t23 { font-size: 18px; line-height: 24px; padding-left: 33px; margin-top: 32px; text-align: center; }
.content .box .address .box1 .t3 { font-size: 16px; color: #222; line-height: 26px; padding-left: 33px; font-family: 'Gotham-Bold'; background: url(../images/icon31.png) left center no-repeat; margin-top: 34px; }
.content .box .address .box1 .t4 { width: 100%; margin-top: 35px; }
.content .box .address .box1 .t4 a { display: inline-block; width: 145px; height: 45px; border: 1px solid #222; border-radius: 22px; line-height: 43px; font-size: 16px; font-family: 'Gotham-Bold'; background: url(../images/icon33.png) 21px center no-repeat; padding-left: 47px; margin-right: 10px; transition: all ease .5s; }
.content .box .address .box1 .t4 a:hover { background: #222 url(../images/icon32.png) 21px center no-repeat; color: #fff; }
.content .box .map { width: 100%; }
.content .box .other { width: 100%; display: inline-block; margin-top: 10px; }
.content .box .other .way { width: 37.5%; height: 698px; float: left; margin-right: 0.625%; background: #fff; padding: 60px 40px; }
.content .box .other .way .t1 { font-size: 36px; font-weight: bold; color: #222; line-height: 1; margin-bottom: 23px; }
.content .box .other .way .t2 { font-size: 14px; line-height: 24px; color: #666; margin-bottom: 37px; }
.content .box .other .way .b1 { color: #222; margin-bottom: 50px; }
.content .box .other .way .b1 .ts1 { font-size: 16px; line-height: 30px; font-weight: bold; padding-left: 45px; margin-bottom: 10px; }
.content .box .other .way .b1 .ts1.w1 { background: url(../images/icon34.png) left center no-repeat; padding: 7px 0 7px 45px; }
.content .box .other .way .b1 .ts1.w2 { background: url(../images/icon35.png) left center no-repeat; padding: 3px 0 3px 45px; }
.content .box .other .way .b1 .ts1.w3 { background: url(../images/icon36.png) left center no-repeat; }
.content .box .other .way .b1 .ts2 { font-size: 14px; line-height: 26px; }
.content .box .other .advisory { width: 61.875%; float: left; background: #fff; padding: 60px 50px; }
.content .box .other .advisory .t1 { font-size: 36px; color: #222; line-height: 1; font-weight: bold; margin-bottom: 23px; }
.content .box .other .advisory .t2 { font-size: 14px; line-height: 24px; color: #666; margin-bottom: 24px; }
.content .box .other .advisory .b1 { width: 100%; display: table; border-bottom: 1px solid #ccc; padding: 22px 0; }
.content .box .other .advisory .b1 .name { font-size: 14px; color: #222; line-height: 28px; float: left; margin-right: 8px; }
.content .box .other .advisory .b1 .lists { float: left; }
.content .box .other .advisory .b1 .lists li { float: left; margin-right: 10px; padding: 0 19px; border: 1px solid #222; border-radius: 14px; height: 28px; line-height: 26px; cursor: pointer; transition: all ease .5s; font-size: 14px; color: #222; }
.content .box .other .advisory .b1 .lists li:hover { background: #222; color: #fff; }
.content .box .other .advisory .b1 .lists li.on { background: #222; color: #fff; }
.content .box .other .advisory .b2 { width: 100%; display: table; }
.content .box .other .advisory .b2 .txt1 { width: 47%; height: 52px; float: left; margin-right: 6%; font-size: 14px; color: #222; border-bottom: 1px solid #ccc; margin-top: 20px; }
.content .box .other .advisory .b2 .txt2 { width: 100%; height: 66px; font-size: 14px; line-height: 26px; color: #222; border-bottom: 1px solid #ccc; resize: none; margin-top: 35px; }
.content .box .other .advisory .b2 .txt1::-webkit-input-placeholder, .content .box .other .advisory .b2 .txt2::-webkit-input-placeholder {
color: #999;
}
.content .box .other .advisory .b2 .txt1:-moz-placeholder, .content .box .other .advisory .b2 .txt2:-moz-placeholder {
color: #999;
}
.content .box .other .advisory .b2 .txt1::-moz-placeholder, .content .box .other .advisory .b2 .txt2::-moz-placeholder {
color: #999;
}
.content .box .other .advisory .b2 .txt1:-ms-input-placeholder, .content .box .other .advisory .b2 .txt2:-ms-input-placeholder {
color: #999;
}
.content .box .other .advisory .b2 .txt1:nth-child(2n) { margin-right: 0; }
.content .box .other .advisory .b2 .txt1:focus, .content .box .other .advisory .b2 .txt2:focus { border-bottom: 1px solid #222; }
.content .box .other .advisory .b2 .btn { width: 140px; height: 50px; background: #222; border-radius: 25px; font-size: 16px; color: #fff; font-weight: bold; margin-top: 30px; }

@media(max-width:1400px) {
.content .box .address .box1 .t4 a { margin-bottom: 20px; }
}

@media(max-width:1200px) {

.content .box .other .way { height: auto; }
.content .box .other .way .b1:last-child { margin-bottom: 0; }
.content .box .other .way .t2 { margin-bottom: 22px; }
.content .box .other .advisory .b1 .lists li { padding: 0 15px; }
}
@media(max-width:980px) {
.content .box .other .way .b1 .ts1 { font-size: 15px; }
}
@media(max-width:900px) {

.content .box .address .box1 { padding: 20px 1%; height: 220px; }
.content .box .address .box1 .t2 { font-size: 14px; line-height: 24px; padding-left: 20px; }
.content .box .address .box1 .t3 { font-size: 14px; line-height: 20px; padding-left: 20px; margin-top: 10px; }
.content .box .address .box1 .t4 { margin-top: 15px; }
.content .box .address .box1 .t4 a { height: 35px; line-height: 35px; }
.content .box .other .way .b1 .ts1 { line-height: 20px; }
.content .box .other .advisory .b1 .lists li { height: 24px; line-height: 22px; font-size: 14px; margin-bottom: 5px; padding: 0 10px; }
.content .box .other .advisory .b2 .txt1 { height: 50px; margin-top: 15px; }
.content .box .other .way .t1, .content .box .other .advisory .t1 { font-size: 24px; }
}
@media(max-width:767px) {
.content { padding: 40px 0; }

.content .box .address .box1 { width: 50%; height: 175px; padding-left: 2%; padding-top: 20px; border-bottom: 1px solid #ccc; }
.content .box .other .way { width: 100%; padding: 40px 20px; margin-right: 0; }
.content .box .other .way .t1 { font-size: 24px; margin-bottom: 10px; }
.content .box .other .way .t2 { line-height: 20px; margin-bottom: 15px; }
.content .box .other .way .b1 .ts1 { margin-bottom: 0; }
.content .box .other .way .b1 .ts1.w1, .content .box .other .way .b1 .ts1.w2, .content .box .other .way .b1 .ts1.w3 { padding: 7px 0 7px 30px; background-size: 20px; }
.content .box .other .way .b1 { margin-bottom: 20px; }
.content .box .other .advisory { width: 100%; padding: 40px 20px; }
.content .box .other .advisory .t1 { font-size: 24px; margin-bottom: 10px; }
.content .box .other .advisory .t2 { line-height: 20px; margin-bottom: 15px; }
.content .box .other .advisory .b1 { padding: 10px 0; }
.content .box .other .advisory .b1 .lists li { padding: 0 10px; }
.content .box .other .advisory .b2 .txt1 { height: 30px; margin-top: 15px; }
.content .box .other .advisory .b2 .txt2 { margin-top: 15px; }
.content .box .other .advisory .b2 .btn { height: 40px; font-size: 14px; margin-top: 20px; }
}
.naddress { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.naddress li { background: #fff; width: 33.2%; padding: 80px 0; text-align: center; line-height: 40px; font-size: 18px; }
.naddress li img { display: block; margin: 0 auto; }
.naddress li .pic2 { display: none; }
.naddress li:hover { background: #2f82ff; color: #fff; }
.naddress li:hover .pic1 { display: none; }
.naddress li:hover .pic2 { display: block; }
.qqwx { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 40px; margin-bottom: 40px; }
.qqwx li { height: 58px; line-height: 58px; background: #222; text-align: center; width: 50%; display: flex; justify-content: center; align-items: flex-end; font-size: 20px; font-weight: bold; color: #FFF; }
.qqwx li a { color: #fff; }
.qqwx li img { margin-right: 20px; }
@media (max-width:500px) {
.naddress { flex-wrap: wrap; }
.naddress li { padding: 20px 0; width: 49%; margin-bottom: 2%; }
.qqwx { flex-wrap: wrap; }
.qqwx li { width: 100%; }
.qqwx li:nth-child(2) { margin-top: 50px; }
}


.editor { line-height: 2; text-align: left; font-size: 14px; }/* .editor p{text-indent:2em;} */

.editor ol li { list-style-type: circle; margin-left: 25px; }
.editor ul li { list-style-type: square; margin-left: 25px; }
.editor a { color: #0093ff; }
.editor a:visited { color: #0093ff; }

.editor h2{padding: 1.5rem 0; font-size: 2.0rem; }
.editor h3{padding: 1.5rem 0; font-size: 1.8rem; }
.editor h4{padding: 1.5rem 0; font-size: 1.6rem; }
.editor hr{border-top-color: #eee !important; border-top: 1px solid #eee !important;}
.news { width: 100%; background: #f7f7f7; padding: 50px 0 80px; }
.news .box1 { max-width: 1600px; margin: auto; }
.news .box1 .b1:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); }
.news .box1 .b1 { width: 32.5%; float: left; background: #fff; transition: all ease .3s; margin-right: 1.25%; }
.news .box1 .b1 a { display: inline-block; width: 100%; }
.news .box1 .b1 .img { width: 100%; height: 280px; }
.news .box1 .b1 .tbox { width: 100%; height: 280px; box-sizing: border-box; padding: 0 30px; }
.news .box1 .b1 .tbox .time { color: #999; font-family: 'sheepsansbold'; font-weight: bold; font-size: 48px; line-height: 50px; border-bottom: 1px solid #dbdbdb; padding: 22px 0 16px; background: url(../images/icon20.png) right 54px no-repeat; transition: all ease .3s; }
.news .box1 .b1 .tbox:hover .time { color: #222; }
.news .box1 .b1 .tbox .time span { font-size: 16px; line-height: 20px; font-weight: initial; display: block; }
.news .box1 .b1 .tbox .titles { font-size: 16px; line-height: 36px; color: #000; margin-top: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news .box1 .b1 .tbox .txts { font-size: 14px; line-height: 24px; color: #666; margin-top: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news .box1 .b2 { width: 66.25%; float: left; }
.news .box1 .b2 li { background: #fff; float: left; width: 49%; margin-right: 2%; margin-bottom: 20px; }
.news .box1 .b2 li:nth-child(2n) { margin-right: 0; }
.news .box1 .b2 li .tbox { width: 100%; height: 270px; box-sizing: border-box; padding: 0 30px; transition: all ease .3s; }
.news .box1 .b2 li .tbox:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); }
.news .box1 .b2 li .tbox a { display: inline-block; width: 100%; }
.news .box1 .b2 li .tbox .time { font-size: 48px; font-weight: bold; line-height: 50px; font-family: 'sheepsansbold'; color: #999; padding: 22px 0 15px; background: url(../images/icon20.png) right 54px no-repeat; border-bottom: 1px solid #dbdbdb; transition: all ease .3s; }
.news .box1 .b2 li .tbox .time span { font-size: 16px; line-height: 20px; display: block; }
.news .box1 .b2 li .tbox:hover .time { color: #222; }
.news .box1 .b2 li .tbox .titles { font-size: 16px; line-height: 36px; color: #000; margin-top: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news .box1 .b2 li .tbox .txts { font-size: 14px; line-height: 24px; color: #666; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news .list1 { max-width: 1600px; margin: auto; }
.news .list1 li { background: #fff; float: left; width: 32.5%; margin-right: 1.25%; margin-bottom: 20px; }
.news .list1 li:nth-child(3n) { margin-right: 0; }
.news .list1 li a { display: block; }
.news .list1 li .tbox { width: 100%; height: 270px; box-sizing: border-box; padding: 0 30px; transition: all ease .3s; }
.news .list1 li .tbox:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); }
.news .list1 li .tbox a { display: inline-block; width: 100%; }
.news .list1 li .tbox .time { font-size: 48px; font-weight: bold; line-height: 50px; font-family: 'sheepsansbold'; color: #999; padding: 22px 0 15px; border-bottom: 1px solid #dbdbdb; transition: all ease .3s; }
.news .list1 li .tbox .time span { font-size: 16px; line-height: 20px; display: block; }
.news .list1 li .tbox:hover .time { color: #222; }
.news .list1 li .tbox .titles { font-size: 16px; line-height: 36px; color: #000; margin-top: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news .list1 li .tbox .txts { font-size: 14px; line-height: 24px; color: #666; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.case-tj { max-width: 1600px; background: #fff; margin: 60px auto 0; padding: 34px 30px 27px; }
.case-tj .title { font-size: 18px; line-height: 30px; color: #999; }
.case-tj .list { width: 100%; padding-top: 24px; }
.case-tj .list li { width: 32.5%; float: left; margin-right: 1.25%; }
.case-tj li:hover { box-shadow: 0 0 15px 1px rgba(0, 0, 0, .1); }
.case-tj .list li:nth-child(3n) { margin-right: 0; }
.case-tj .list li a { width: 100%; display: block; }
.case-tj .list li .img { width: 100%; overflow: hidden; }
.case-tj .list li .img img { width: 100%; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.case-tj .list li:hover .img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.case-tj .list li .tbox { width: 100%; padding: 20px 20px 0; line-height: 36px; position: relative; }
.case-tj .list li .tbox .t1 { font-size: 16px; font-weight: bold; color: #222; }
.case-tj .list li .tbox .t2 { font-size: 14px; color: #666; }
.case-tj .list li .tbox .icon { position: absolute; right: 10px; top: 30px; }
.case-tj .list li .tbox .icon span { width: 18px; height: 16px; margin-left: 10px; display: block; float: left; }
.case-tj .list li .tbox .icon .icon1 { background: url(../images/icon17.png) center center no-repeat; }
.case-tj .list li .tbox .icon .icon2 { background: url(../images/icon18.png) center center no-repeat; }
.case-tj .list li .tbox .icon .icon3 { background: url(../images/icon19.png) center center no-repeat; }
.news-info { max-width: 1600px; margin: auto; }
.news-info .leftbox { width: 68.75%; float: left; margin-right: 1.25%; }
.news-info .leftbox .b1 { background: #fff; padding: 34px 30px 40px; }
.news-info .leftbox .txt { font-size: 14px; line-height: 26px; color: #222; }
.news-info .leftbox .clickbox { width: 100%; border-top: 1px solid #eee; color: #999; line-height: 30px; font-size: 14px; position: relative; margin-top: 34px; padding-top: 20px; }
.news-info .leftbox .clickbox a { color: #666; }
.news-info .leftbox .clickbox a:hover { color: #222; }
.news-info .leftbox .clickbox .goback { width: 96px; height: 40px; line-height: 38px; display: block; border: 1px solid #ececec; color: #999; font-size: 14px; position: absolute; right: 0; top: 30px; padding-left: 20px; background: url(../images/icon26.png) 58px center no-repeat; transition: all ease .3s; }
.news-info .leftbox .clickbox .goback:hover { color: #222; background: url(../images/icon26-1.png) 58px center no-repeat; border: 1px solid #666; }
.news-info .leftbox .case-sj { width: 100%; padding: 24px 30px; background: #fff; margin-top: 10px; }
.news-info .leftbox .case-sj .title { font-size: 18px; color: #999; line-height: 30px; }
.news-info .leftbox .case-sj .list { width: 100%; margin-top: 23px; }
.news-info .leftbox .case-sj .list li { float: left; width: 31.7%; margin-right: 2.45%; transition: all 0.5s linear; }
.news-info .leftbox .case-sj .list li:hover { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15); }
.news-info .leftbox .case-sj .list li:nth-child(3n) { margin-right: 0; }
.news-info .leftbox .case-sj .list li a { width: 100%; display: block; }
.news-info .leftbox .case-sj .list li .img { width: 100%; overflow: hidden; }
.news-info .leftbox .case-sj .list li .img img { width: 100%; transition: all 0.5s linear; }
.news-info .leftbox .case-sj .list li:hover .img img { transform: scale(1.05); }
.news-info .leftbox .case-sj .list li .title { font-size: 14px; line-height: 30px; color: #222; padding: 12px 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-info .rightbox { width: 30%; float: right; }
.news-info .rightbox .news-tj { width: 100%; background: #fff; padding: 37px 30px 10px; }
.news-info .rightbox .news-tj .title { font-size: 18px; line-height: 24px; color: #c3c3c3; }
.news-info .rightbox .news-tj .list { margin-top: 10px; }
.news-info .rightbox .news-tj .list li { border-bottom: 1px dashed #ccc; padding-bottom: 25px; margin-bottom: 13px; }
.news-info .rightbox .news-tj .list li:last-child { margin-bottom: 0; border-bottom: none; }
.news-info .rightbox .news-tj .list li a { width: 100%; display: block; }
.news-info .rightbox .news-tj .list li .t1 { font-size: 16px; line-height: 50px; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-info .rightbox .news-tj .list li:hover .t1 { color: #000; }
.news-info .rightbox .news-tj .list li .t2 { font-size: 14px; line-height: 24px; color: #666; margin-top: 8px; }
.news-info .rightbox .news-tj .list li .t3 { font-size: 14px; line-height: 24px; color: #999; margin-top: 7px; }
.news-info .rightbox .label { width: 100%; background: #fff; margin-top: 10px; padding: 26px 30px 32px; }
.news-info .rightbox .label .title { font-size: 18px; line-height: 24px; color: #c3c3c3; }
.news-info .rightbox .label .box { margin-top: 18px; }
.news-info .rightbox .label .box a { color: #222; font-size: 14px; line-height: 30px; background: url(../images/icon27.png) right center no-repeat; padding-right: 16px; margin-right: 10px; }
.news-info .rightbox .label .box a:last-child { background: none; margin-right: 0; }
.news-info .rightbox .label-case { width: 100%; margin-top: 10px; background: #fff; padding: 26px 30px 32px; }
.news-info .rightbox .label-case .title { font-size: 18px; line-height: 24px; color: #c3c3c3; }
.news-info .rightbox .label-case .box { margin-top: 18px; }
.news-info .rightbox .label-case .box a { color: #222; font-size: 14px; line-height: 30px; background: url(../images/icon27.png) right center no-repeat; padding-right: 16px; margin-right: 10px; }
.news-info .rightbox .label-case .box a:last-child { background: none; margin-right: 0; }
.news-info .leftbox.l2 { background: #fff; padding: 30px 30px 40px; }
.news-info .leftbox .list2 { width: 100%; }
.news-info .leftbox .list2 li { width: 100%; border-bottom: 1px solid #dbdbdb; display: inline-block; padding-bottom: 24px; margin-bottom: 30px; }
.news-info .leftbox .list2 li a { width: 100%; display: block; }
.news-info .leftbox .list2 li .time { width: 110px; float: left; color: #999; font-size: 16px; transition: all 0.5s linear; }
.news-info .leftbox .list2 li:hover .time { color: #21abd7; }
.news-info .leftbox .list2 li .time span { font-weight: bold; font-size: 48px; line-height: 56px; display: block; }
.news-info .leftbox .list2 li .tbox { width: calc(100% - 110px); float: left; }
.news-info .leftbox .list2 li .tbox .t1 { font-size: 16px; line-height: 36px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-info .leftbox .list2 li .tbox .t2 { font-size: 14px; line-height: 24px; color: #666; margin-top: 9px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-info .leftbox .list2 li .tbox .t3 { font-size: 14px; line-height: 24px; color: #999; margin-top: 18px; padding-right: 28px; background: url(../images/icon28.png) right center no-repeat; display: inline-block; transition: all 0.5s linear; }
.news-info .leftbox .list2 li:hover .tbox .t3 { color: #222; background: url(../images/icon29.png) right center no-repeat; }
.news-info .leftbox.l2 .page-list { margin: 10px auto 0; }
.label-case2 { width: 100%; background: #fff; padding: 37px 30px 10px; }
.label-case2 .title { font-size: 18px; line-height: 24px; color: #222; }
.label-case2 .list { width: 100%; margin-top: 27px; }
.label-case2 .list li { border-bottom: 1px dashed #ccc; margin-bottom: 29px; }
.label-case2 .list li:last-child { margin-bottom: 0; border-bottom: none; }
.label-case2 .list li:nth-child(3n) { margin-right: 0; }
.label-case2 .list li a { width: 100%; display: block; }
.label-case2 .list li .img { width: 100%; overflow: hidden; }
.label-case2 .list li .img img { width: 100%; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.label-case2 .list li:hover .img img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.label-case2 .list li .tbox { width: 100%; padding: 10px 20px 7px; line-height: 36px; position: relative; }
.label-case2 .list li .tbox .t1 { font-size: 16px; font-weight: bold; color: #222; }
.label-case2 .list li .tbox .t2 { font-size: 14px; color: #666; }
.label-case2 .list li .tbox .icon { position: absolute; right: 10px; top: 30px; }
.label-case2 .list li .tbox .icon span { width: 18px; height: 16px; margin-left: 10px; display: block; float: left; }
.label-case2 .list li .tbox .icon .icon1 { background: url(../images/icon17.png) center center no-repeat; }
.label-case2 .list li .tbox .icon .icon2 { background: url(../images/icon18.png) center center no-repeat; }
.label-case2 .list li .tbox .icon .icon3 { background: url(../images/icon19.png) center center no-repeat; }
.news .list1 .tbox_img { position: relative; width: 100%; height: 270px; box-sizing: border-box; transition: all ease .3s; }
.news .list1 .titles_bg { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #000; opacity: 0.6; height: 40px; line-height: 40px; }
.news .list1 .tbox_img .titles { color: #fff; text-align: center; font-size: 14px; }
.news .list1 .tbox_img img { width: 100%; height: 100%; }
@media(max-width:1660px) {

.case-tj { margin: 60px 30px 0; }

}




@media(max-width:900px) {

.news { width: 100%; background: #f7f7f7; padding: 20px 0 20px; }
.news .list1 li { background: #fff; float: none; width: 100%; padding-right: 20px; padding-left: 20px; margin-bottom: 20px; }
.news .list1 li:nth-child(3n) { margin-right: 20px; }
.news-info .leftbox { width: 100%; margin-right: 0; }
.news-info .rightbox { display: none; }

}
@media(max-width:767px) {

.news-info .leftbox .list2 li .time { width: 80px; }
.news-info .leftbox .list2 li .tbox { width: calc(100% - 80px); }
.news-info .leftbox .b1 { background: #fff; padding: 10px; }
.page-list a { width: 30px; height: 30px; line-height: 28px; }
.case-tj { display: none; }
.news .list1 li .tbox { padding: 0 0; }
.news-info .leftbox .case-sj { display: none; }
}





.data-background { position: absolute; top: 0; left: 0; display: block; width: 100%; }
.index-data .item { float: left; width: 33.33%; height: 280px; }
.index-data .item-inner { position: relative; height: 280px; text-align: center; border-right: 1px solid rgba(255, 255, 255, .2); }
.index-data .item:nth-child(3n) .item-inner { border-right: 0; }
.index-data .item:first-child .item-inner, .index-data .item:nth-child(2) .item-inner, .index-data .item:nth-child(3) .item-inner { border-bottom: 1px solid rgba(255, 255, 255, .2); }
.index-data .text-wrap { position: absolute; top: 50%; width: 100%; font-size: 16px; color: #fff; transform: translateY(-50%); }
.index-data .text-wrap .number-wrap { display: block; font: normal 108px/1 'AkzidenzGrotesk-BoldCondAlt'; color: #fff; letter-spacing: 2px; }
.index-data .text-wrap .number-wrap strong.icon { display: inline-block; font-size: 72px; vertical-align: 13px; }
.about { width: 100%; }
.about1 { width: 100%; height: 400px; text-align: center; padding-top: 70px; }
.about1 .title { font-family: 'gotham-Bold'; font-size: 48px; line-height: 66px; color: #222; }
.about1 .txt { width: 900px; margin: auto; font-size: 14px; line-height: 28px; color: #222; margin-top: 22px; text-align: left; }
.about1 .icon { margin-top: 40px; }
.about2 { width: 100%; height: 800px; background: url(../images/abg1.jpg) center center no-repeat; background-size: auto 100%; text-align: center; padding: 100px 7.8% 0; }
.about2 .title { font-weight: bold; font-size: 36px; color: #fff; line-height: 1; }
.about2 .txt { width: 620px; margin: 23px auto 0; font-size: 14px; line-height: 24px; color: #fff; }
.about2 .certificate { width: 100%; position: relative; padding: 0 80px; margin-top: 133px; }
.about2 .certificate .prev, .about2 .certificate .next { width: 60px; height: 60px; border-radius: 50%; border: 2px solid #fff; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; transition: all ease .5s; }
.about2 .certificate .prev { background: url(../images/aicon1.png) center center no-repeat; left: 0; }
.about2 .certificate .prev:hover { border: 2px solid #000; background: #000 url(../images/aicon1.png) center center no-repeat; }
.about2 .certificate .next { background: url(../images/aicon2.png) center center no-repeat; right: 0; }
.about2 .certificate .next:hover { border: 2px solid #000; background: #000 url(../images/aicon2.png) center center no-repeat; }
.about3 { width: 100%; display: table; margin-top: 10px; }
.about3 .tbox { width: 50%; float: left; padding-left: 7.8%; padding-top: 207px; }
.about3 .tbox .title { font-size: 36px; font-weight: bold; color: #222; line-height: 1; }
.about3 .tbox .txt { width: 80%; font-size: 16px; line-height: 28px; color: #222; margin-top: 20px; }
.about3 .tbox .more { margin-top: 72px; width: 60px; height: 60px; border-radius: 50%; border: 2px solid #222; background: url(../images/aicon4.png) center center no-repeat; display: block; transition: all ease .5s; }
.about3 .tbox .more:hover { background: #222 url(../images/aicon3.png) center center no-repeat; }
.about3 .img { width: 50%; float: right; overflow: hidden; }
.about3 .img img { width: 100%; transition: all ease 1s; }
.about3:hover .img img { transform: scale(1.05); }
.about4 { width: 100%; display: table; margin-top: 10px; background: #f4f4f4; }
.about4 .img { width: 50%; float: left; overflow: hidden; }
.about4 .img img { width: 100%; transition: all ease 1s; }
.about4:hover .img img { transform: scale(1.05); }
.about4 .tbox { width: 50%; padding: 207px 0 0 7.8%; float: right; }
.about4 .tbox .title { font-size: 36px; font-weight: bold; color: #222; line-height: 1; }
.about4 .tbox .txt { width: 80%; font-size: 14px; line-height: 28px; color: #222; margin-top: 20px; }
.about4 .tbox .more { margin-top: 72px; width: 60px; height: 60px; border-radius: 50%; border: 2px solid #222; background: url(../images/aicon4.png) center center no-repeat; display: block; transition: all ease .5s; }
.about4 .tbox .more:hover { background: #222 url(../images/aicon3.png) center center no-repeat; }
.about5 { width: 100%; height: 343px; text-align: center; padding-top: 80px; }
.about5 .title { font-size: 36px; font-weight: bold; color: #222; }
.about5 .txt { font-size: 14px; line-height: 28px; color: #222; margin-top: 22px; }
.about5 .link { width: 140px; height: 55px; line-height: 55px; border-radius: 27px; background: #2f82ff 108px center no-repeat; display: block; margin: 42px auto 0; text-align: left; padding-left: 40px; font-size: 15px; font-weight: bold; color: #fff; }
.course { width: 100%; min-height: 1040px; background: url(../images/abg2.jpg) center center no-repeat; background-size: auto 100%; padding-left: 15%; }
.course ul { width: 100%; height: 100%; min-height: 1040px; background: url(../images/abg3.png) 25.15% 80px no-repeat; padding-top: 150px; }
.course li { width: 100%; display: table; }
.course li.l1 { padding-left: 53.3%; margin-bottom: 67px; }
.course li.l2 { padding-left: 50.4%; margin-bottom: 17px; }
.course li.l3 { padding-left: 39.2%; margin-bottom: 64px; }
.course li.l4 { padding-left: 36.3%; margin-bottom: 11px; }
.course li.l5 { padding-left: 24.1%; margin-bottom: 47px; }
.course li.l6 { padding-left: 18.75%; margin-bottom: 50px; }
.course li.l7 { padding-left: 17%; margin-bottom: 17px; }
.course li.l8 { padding-left: 8%; }
.course li .year { font-size: 18px; line-height: 24px; font-weight: bold; color: #222; float: left; }
.course li .dian { width: 17px; height: 17px; border: 1px solid #30b1da; border-radius: 50%; float: left; position: relative; margin: 5px 20px 0; }
.course li .dian:after { width: 9px; height: 9px; border-radius: 50%; background: #21abd7; content: ""; position: absolute; left: 3px; top: 3px; }
.course li .tbox { float: left; font-size: 16px; line-height: 24px; color: #222; }
.course li .tbox .t1 { font-weight: bold; }
.course li .tbox .t2 { margin-top: 5px; }
.staff-corner { width: 100%; padding: 0 7.8%; background: #f7f7f7; }
.staff-corner .year { width: 100%; display: table; padding-top: 55px; }
.staff-corner .year li { float: left; font-size: 36px; color: #999; font-family: 'Gotham-Bold'; margin-right: 35px; cursor: pointer; transition: all ease .5s; }
.staff-corner .year li:hover { color: #222; }
.staff-corner .year li.on { color: #222; }
.staff-corner .year-box { width: 100%; padding: 44px 0 70px; }
.staff-corner .year-box .box1 { width: 100%; display: table; margin-bottom: 10px; }
.staff-corner .year-box .box1 .things1 { width: 38%; float: left; position: relative; }
.staff-corner .year-box .box1 .things1 a { display: block; }
.staff-corner .year-box .box1 .things1 .img { width: 100%; overflow: hidden; }
.staff-corner .year-box .box1 .things1 .img img { width: 100%; transition: all ease 1s; }
.staff-corner .year-box .box1 .things1:hover .img img { transform: scale(1.05); }
.staff-corner .year-box .box1 .things1 .tbox { line-height: 1; position: absolute; left: 30px; bottom: 27px; z-index: 2; }
.staff-corner .year-box .box1 .things1 .tbox .t1 { font-size: 22px; font-weight: bold; color: #fff; }
.staff-corner .year-box .box1 .things1 .tbox .t2 { font-size: 16px; color: #fff; font-family: 'gotham-medium'; margin-top: 13px; }
.staff-corner .year-box .box1 .things2 { width: 100%;	/* float:left; */ }
.staff-corner .year-box .box1 .things2 .box2 { width: calc(20.6% - 10px); margin-left: 10px; position: relative; float: left; background: #fff; }
.staff-corner .year-box .box1 .things2 .box2 a { width: 100%; height: 100%; display: block; }
.staff-corner .year-box .box1 .things2 .box2 .img { width: 100%; overflow: hidden; }
.staff-corner .year-box .box1 .things2 .box2 .img img { width: 100%; transition: all ease 1s; }
.staff-corner .year-box .box1 .things2 .box2:hover .img img { transform: scale(1.05); }
.staff-corner .year-box .box1 .things2 .box2 .tbox { height: 50%; padding-top: 30%; padding-left: 30px; }
.staff-corner .year-box .box1 .things2 .box2 .tbox .t1 { font-size: 22px; font-weight: bold; color: #222; }
.staff-corner .year-box .box1 .things2 .box2 .tbox .t2 { font-size: 16px; color: #222; font-family: 'gotham-medium'; margin-top: 13px; }
.job { width: 100%; padding: 30px 7.8% 60px; background: #f7f7f7; }
.job li { width: 100%; display: flex; flex-wrap: nowrap; align-items: center; background: #fff; margin-bottom: 20px; }
.job li .tbox { width: 50%; float: left; padding-left: 70px; }
.job li .tbox .t1 { font-size: 36px; font-weight: bold; color: #222; }
.job li .tbox .t2 { font-size: 16px; line-height: 24px; color: #222; width: 85%; margin-top: 24px; }
.job li .tbox .more { width: 60px; height: 60px; border-radius: 50%; display: block; transition: all ease .5s; margin-top: 74px; }
.job li .tbox .more:hover { background: #222 url(../images/aicon3.png) center center no-repeat; }
.job li .img { width: 50%; float: right; overflow: hidden; }
.job li .img img { width: 100%; transition: all ease 1s; }
.job li:hover .img img { transform: scale(1.05); }
.job li:nth-child(2n) .tbox { order: 2; }
.job li:nth-child(2n) .img { order: 1; }
.job-info { width: 100%; padding: 30px 7.8% 60px; background: #f7f7f7; }
.job-info .box { width: 100%; position: relative; background: #fff; padding: 52px 50px 50px; }
.job-info .box .title { font-size: 36px; font-weight: bold; color: #222; line-height: 1; }
.job-info .box .txt { font-size: 14px; line-height: 30px; color: #222; margin-top: 40px; }
.job-info .box .txts { font-size: 14px; line-height: 30px; color: #222; margin-top: 30px; }
.job-info .box .txts span { }
.job-info .box .email { width: 100%; height: 70px; background: #f7f7f7; line-height: 70px; padding-left: 30px; font-size: 14px; font-weight: bold; margin-top: 50px; }
.job-info .box .back { position: absolute; top: 40px; right: 50px; width: 50px; height: 50px; background: url(../images/aicon6.png) center center no-repeat; background-size: 100%; }
.job-info .list { width: 100%; display: table; margin-top: 20px; }
.job-info .list li { width: calc(33.3% - 14px); float: left; margin-right: 21px; transition: all ease 1s; }
.job-info .list li:hover { box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1); }
.job-info .list li:nth-child(3n) { margin-right: 0; }
.job-info .list li a { display: block; }
.job-info .list li .img { width: 100%; overflow: hidden; }
.job-info .list li .img img { width: 100%; transition: all ease 1s; }
.job-info .list li:hover .img img { transform: scale(1.05); }
.job-info .list li .tbox { width: 100%; height: 228px; background: #fff; padding: 27px 40px 0; }
.job-info .list li .tbox .t1 { font-size: 18px; line-height: 24px; font-weight: bold; color: #222; }
.job-info .list li .tbox .t2 { font-size: 14px; line-height: 24px; color: #222; margin-top: 24px; }
.job-info .list li .tbox .icon { height: 10px; background: url(../images/aicon7.png) left center no-repeat; transition: all ease 1s; margin-top: 35px; }
.job-info .list li:hover .tbox .icon { background: url(../images/aicon8.png) left center no-repeat; }/*--------footer--------*/
footer { width: 100%; }
.foot-top { width: 100%; min-height: 365px; padding: 60px 7.8% 18px; display: table; background: url(../images/f-bg1.jpg) center center repeat-x; background-size: auto 100%; }
.foot-top li { width: 22%; float: left; margin-right: 2.6%; }
.foot-top li:last-child { margin-right: 0; }
.foot-top li .title { font-size: 14px; line-height: 28px; color: #fff; font-weight: bold; border-bottom: 1px solid rgba(255, 255, 255, .08); padding-bottom: 12px; }
.foot-top li .tbox { font-size: 14px; line-height: 28px; padding-top: 22px; }
.foot-top li .tbox .txt { color: #999; }
.foot-top li .tbox .more { width: 96px; height: 32px; border: 1px solid #504f4f; border-radius: 16px; display: block; color: #666; font-size: 12px; margin-top: 32px; padding-left: 20px; background: url(../images/f-icon4.png) 62px center no-repeat; transition: all ease .5s; }
.foot-top li .tbox .more:hover { border: 1px solid #fff; color: #fff; background: url(../images/f-icon5.png) 62px center no-repeat; }

.foot-top li .tbox .link { width: 50%; display: block; color: #999; float: left; transition: all ease .5s; }
.foot-top li .tbox .link:hover { color: #fff; }
.foot-top li .tbox li { width: 100%; display: table; padding: 12px 0; border-bottom: 1px dashed #494848; }
.foot-top li .tbox li:last-child { border: none; }
.foot-top li .tbox li .img { width: 90px; float: left; }
.foot-top li .tbox li .tboxs { width: calc(100% - 110px); float: right; font-size: 14px; line-height: 28px; color: #999; }
.foot-top li .tbox li .tboxs .t1 { color: #fff; font-weight: bold; }
.foot-top li .tbox li .tboxs .t2 { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.foot-center { width: 100%; padding: 60px 7.8% 18px; display: table; min-height: 220px; background: #222; color: #999; }
.foot-center li { width: 22%; float: left; margin-right: 2.6%; }
.foot-center li:last-child { margin-right: 0; }
.foot-center li .f-ewm { width: 100px; margin-right: 10px; float: left; }
.foot-center li .tbox { display: inline-block; line-height: 28px; }
.foot-center li .tbox.ewm { padding-top: 22px; }
.foot-center li .tbox.tel { padding: 6px 0 0 45px; background: url(../images/f-icon1.png) left 8px no-repeat; }
.foot-center li .tbox.sz { padding: 8px 0 0 45px; background: url(../images/f-icon2.png) left 4px no-repeat; }
.foot-center li .tbox.gz { padding: 8px 0 0 45px; background: url(../images/f-icon3.png) left top no-repeat; }
.foot-center li .tbox .t1 { font-size: 14px; color: #fff; font-weight: bold; }
.foot-center li .tbox .t2 { }
.foot-button { width: 100%; padding: 30px 7.8% 18px; display: table; }
.foot-button .link-box { width: 88%; float: left; }
.foot-button .link-box .a-box { width: 100%; }
.foot-button .link-box .a-box a { font-size: 12px; line-height: 30px; color: #666; margin-right: 20px; transition: all ease .5s; }
.foot-button .link-box .a-box a:hover { color: #222; }
.foot-button .link-box .copyright { line-height: 28px; color: #999; margin-top: 10px; display: block; }
.foot-button .link-box .copyright a { color: #999; }
.foot-button .makelink { width: 106px; height: 30px; border: 1px solid #e4e4e4; text-align: center; line-height: 28px; display: block; color: #999; float: right; transition: all ease .5s; }
.foot-button .makelink:hover { color: #222; }

@media(max-width:1370px) {

.index-data .index-data-list { padding: 60px 0 0; }
.index-data .item, .index-data .item-inner { height: 200px; }
.design .list li .tbox .t2 { padding: 0 12%; }
.relevant-information .list li { padding: 20px 20px 0; }
.microsite .box1 .tbox { padding-top: 130px; }
.microsite .box2, .microsite .box3, .microsite .box4 { height: 580px; }
.microsite .box2 .tbox { padding-top: 160px; }
.microsite .box3 .img { width: 60%; }
.microsite .box3.active .img { top: -255px; }
.microsite .box3 .tbox { padding-top: 230px; }
.microsite .box4 .tbox { padding-top: 230px; }
.microsite .box1 .tbox .t2, .microsite .box2 .tbox .t2, .microsite .box3 .tbox .t2, .microsite .box4 .tbox .t2 { font-size: 18px; }
.course { padding-left: 10%; }
.course li.l1 { padding-left: 62.6%; }
.course li.l1 .tbox { width: 62%; }
.course li.l2 { padding-left: 53.7%; }
.course li.l3 { padding-left: 42.9%; }
.course li.l4 { padding-left: 37.5%; }
.course li.l5 { padding-left: 22.8%; }
.course li.l6 { padding-left: 15.6%; }
.course li.l7 { padding-left: 11.7%; }
.course li.l8 { padding-left: 0.3%; }
.about3 .tbox { padding-top: 107px; }
.about4 .tbox { padding: 107px 0 0 7.8%; }
.job li .tbox { }
}
@media(max-width:1330px) {

.job { padding: 30px 3% 60px; }
.staff-corner { padding: 0 3%; }
.staff-corner .year-box .box1 .things2 .box2 .tbox { padding-top: 15%; padding-left: 15px; }
.staff-corner .year-box .box1 .things2 .box2 .tbox .t1 { font-size: 18px; }
.course { padding: 0 3%; min-height: auto; background: none; }
.course ul { background: none; min-height: auto; padding: 50px 0; }
.course li.l1, .course li.l2, .course li.l3, .course li.l4, .course li.l5, .course li.l6, .course li.l7, .course li.l8 { padding-left: 0; margin-bottom: 15px; }
.foot-top { padding: 60px 3.8% 18px; }
.foot-top li { margin-right: 2%; }
.foot-top li { width: 23%; }
.job-info { padding: 30px 3% 60px; }
}
@media(max-width:1200px) {
.ny-banner .boxs.n2 .box .t2 { padding: 10px; line-height: 30px; }
.about3 .tbox { padding-top: 80px; }
.about3 .tbox .more { margin-top: 10px; }
.job li .tbox { padding-top: 50px; padding-left: 30px; }
.job li .tbox .t1 { font-size: 24px; }
.job li .tbox .t2 { width: 95%; }
.job li .tbox .more { width: 50px; height: 50px; margin-top: 20px; }
}
@media (max-width: 960px) {
.index-data .text-wrap .number-wrap { font: normal 90px/1 'AkzidenzGrotesk-BoldCondAlt' }
}
@media (max-width: 900px) {
.about1 .txt { width: 100%; padding: 0 30px; }
.about3 .tbox { padding-top: 30px; }
.about3 .tbox .title, .about4 .tbox .title, .about5 .title { font-size: 26px; }
.about3 .tbox .txt { line-height: 24px; margin-top: 10px; }
.about3 .tbox .more { width: 45px; height: 45px; }
.about4 .tbox { padding: 68px 0 0 7.8%; }
.about4 .tbox .more { margin-top: 40px; width: 45px; height: 45px; }
.ny-banner .boxs.n1 .t1 { font-size: 24px; }
.job li .tbox { padding-top: 30px; }
.job li .tbox .t2 { margin-top: 10px; }
.foot-top li { width: 32%; margin-right: 2%; }
.foot-top li:nth-child(3) { margin-right: 0; }
.foot-top li:last-child { display: none; }
.foot-center { padding: 25px 2% 18px; }
.foot-center li .tbox.tel { padding: 8px 0 0 30px; background-size: 22px; }
.foot-center li .tbox.sz, .foot-center li .tbox.gz { padding: 8px 0 0 30px; }
.index-data .index-data-list { padding: 25px 0 0; }
.course li { display: flex; }
.course li .tbox { width: 65%; }
.staff-corner .year-box .box1 { margin-bottom: 0; }
.staff-corner .year-box .box1 .things2 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.staff-corner .year-box .box1 .things1 { width: calc(50% - 5px); margin-bottom: 10px; }
.staff-corner .year-box .box1 .things1 .tbox .t1 { font-size: 18px; }
.staff-corner .year-box .box1 .things2 .box2 { width: calc(50% - 5px); margin-left: 0; margin-bottom: 10px; }
.staff-corner .year-box .box1 .things2 .box2 .tbox { line-height: 1; position: absolute; left: 30px; bottom: 27px; z-index: 2; padding-top: 0; padding-left: 0; height: auto; }
.staff-corner .year-box .box1 .things2 .box2 .tbox .t1 { color: #fff; }
.staff-corner .year-box .box1 .things2 .box2 .tbox .t2 { color: #fff; }
.staff-corner .year-box .box1 .things2 .box2 .img { height: 100%; }
.staff-corner .year-box .box1 .things2 .box2 .img img { height: 100%; max-width: initial; }
.job-info .list { display: none; }
}
@media (max-width: 767px) {
.foot-top { display: none; }
.foot-center { display: none; }
.foot-button { padding: 15px 3%; }
.foot-button .link-box .copyright { text-align: center; margin-top: 0; }
.about-address { display: none; }
.ny-banner.about1 { height: 460px; }
.index-data .text-wrap .number-wrap { font: normal 24px/1 'AkzidenzGrotesk-BoldCondAlt'; }
.index-data .text-wrap .number-wrap strong.icon { width: 28px; font: normal 24px/1 'AkzidenzGrotesk-BoldCondAlt'; vertical-align: bottom; }
.index-data .text-wrap .number-wrap .icons { font-size: 42px; vertical-align: 2px; }
.index-data .item, .index-data .item-inner { height: 160px; }
.about1 { height: auto; padding-top: 0; }
.about1 .title { font-size: 32px; line-height: 42px; }
.about1 .txt { line-height: 22px; }
.about1 .icon { width: 60%; margin: 40px auto 0; }
.about2 { width: 100%; height: 500px; padding: 80px 7.8% 0; }
.about2 .title { font-size: 26px; }
.about2 .txt { width: 100%; }
.about2 .certificate .prev, .about2 .certificate .next { width: 40px; height: 40px; }
.about2 .certificate { padding: 0px 50px; margin-top: 50px; }
.about3 .tbox { width: 100%; padding: 30px; }
.about3 .img { width: 100%; }
.about4 .tbox { width: 100%; float: left; padding: 50px 0 50px 7.8%; }
.about4 .img { width: 100%; float: right; }
.about5 .txt { padding: 0 30px; line-height: 22px; }
.about5 .link { line-height: 40px; height: 40px; border-radius: 27px; margin: 25px auto 0; }

.job li { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
.job li .tbox { width: 100%; padding: 20px; }
.job li .img { width: 100%; }
.course li .year { width: 70px; }
.course li .tbox { width: 62%; }
.staff-corner .year-box .box1 .things1 .tbox { left: 15px; bottom: 15px; }
.staff-corner .year-box .box1 .things1 .tbox .t1 { font-size: 14px; }
.staff-corner .year-box .box1 .things1 .tbox .t2 { font-size: 12px; }
.staff-corner .year-box .box1 .things2 .box2 .tbox { left: 15px; bottom: 15px; }
.staff-corner .year-box .box1 .things2 .box2 .tbox .t1 { font-size: 14px; }
.staff-corner .year-box .box1 .things2 .box2 .tbox .t2 { font-size: 12px; }
.job-info .box { padding: 20px; }
.job-info .box .title { font-size: 18px; }
.job-info .box .txt { margin-top: 30px; }
.job-info .box .back { top: 20px; right: 20px; width: 30px; height: 30px; }