@charset "UTF-8";


.ny-banner.about1 {width:100%;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.about1 .boxs.n1 {padding-top:340px;letter-spacing:2px;transition:all ease .5s;}
.ny-banner.about1 .boxs.n1 .t1 {font-size:48px;font-weight:bold;line-height:72px;}
.ny-banner.about1 .boxs.n1 .t2 {font-size:22px;line-height:44px;}

.ny-banner {width:100%;height:540px;position:relative;transition:all ease .5s;}
.ny-banner .boxs {position:relative;max-width:1600px;height:100%;z-index:2;margin:auto;color:#fff;}
.ny-banner .boxs.n1 {padding-top:275px;letter-spacing:2px;transition:all ease .5s;}
.ny-banner .boxs.n1 .t1 {font-size:36px;font-weight:bold;line-height:1;}
.ny-banner .boxs.n1 .t2 {font-size:16px;line-height:30px;margin-top:12px;}

.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:#7e7e7e;letter-spacing:2px;padding-left:25px;background:url(/images/icon23.png) left center no-repeat;}
.ny-banner .boxs .breadcrumbs a {color:#7e7e7e;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;}

.index-data {position: relative;overflow: hidden;width:100%;padding:0 7.8%;}
.index-data .index-data-list {width: 100%;padding:120px 0 0;}

.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%;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;}
.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:14px;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:161px;height:55px;line-height:55px;border-radius:27px;background:#2e9ec2 url(/images/aicon5.png) 108px center no-repeat;display:block;margin:42px auto 0;text-align:left;padding-left:35px;font-size:14px;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:table;background:#fff;margin-bottom:20px;}
.job li .tbox {width:50%;float:left;padding-left:70px;padding-top:129px;}
.job li .tbox .t1 {font-size:36px;font-weight:bold;color:#222;}
.job li .tbox .t2 {font-size:14px;line-height:24px;color:#222;width:65%;margin-top:24px;}
.job li .tbox .more {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;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 {float:right;}
.job li:nth-child(2n) .img {float:left;}


.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) {.foot-top li .tbox .txt,.foot-top li .tbox .link,.foot-top li .tbox li .tboxs .t2 {font-size:12px;}}
/*-------footer-end--------*/


@media(max-width:1660px) {.ny-banner .boxs,.news-info,.news .box1,.news .list1,.page-list {margin:0 30px;}.case-tj {margin:60px 30px 0;}.ny-banner .nb-menu {padding-left:30px;}}
@media(max-width:1370px) {.ny-banner.about1 {height:580px;}.ny-banner.about1 .img img {width:100%;}.ny-banner .boxs.n1 {padding-top:250px;}
.ny-banner {height:380px;}.ny-banner .boxs.n1 {padding-top:193px;}

.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 {padding-top:69px;}




}
@media(max-width:1330px) {.ny-banner .boxs.n1 .breadcrumbs {display:none;}
.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: 540px;}.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;}
.ny-banner .boxs.n1 .t1{font-size: 20px;}.ny-banner .boxs.n1 .t2 {font-size: 14px;line-height: 26px;}.ny-banner .nb-menu{height: 50px;}.ny-banner .nb-menu ul{padding-top: 10px;}.ny-banner .nb-menu ul li a{line-height: 30px;}
.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;}



}

/**/

.ny-banner {width:100%;height:820px;position:relative;transition:all ease .5s;}
.ny-banner.production2 {height:800px;}
.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%);}
.ny-banner .boxs {position:relative;max-width:1600px;height:100%;z-index:2;margin:auto;color:#fff;}
.ny-banner .boxs.n1 {padding-top:340px;letter-spacing:2px;transition:all ease .5s;}
.ny-banner .boxs.n1 .t1 {font-size:48px;font-weight:bold;line-height:72px;}
.ny-banner .boxs.n1 .t2 {font-size:22px;line-height:44px;}
.ny-banner .boxs.n1 .t3 {width:52px;height:52px;border-radius:50%;border:1px solid #fff;position:relative;margin-top:59px;}
.ny-banner .boxs.n1 .t3 span {position: absolute;display: block;width: 52px;height: 52px;margin: 0 auto;background: url(../images/icon2.png) no-repeat center center;cursor: pointer;animation: downico 1.5s ease-out infinite;}

.microsite {width:100%;padding:80px 0 34px;}
.microsite .box1 {width:100%;display:table;padding:0 7.8%;}
.microsite .box1 .imgbox {width:50%;float:left;position:relative;}
.microsite .box1 .imgbox .img1 {width:48.75%;margin-left:30.75%;z-index:3;position:relative;opacity:0;transition:all ease .5s .4s;}
.microsite .box1 .imgbox .img1 {opacity:1;}
.microsite .box1 .imgbox .img2 {position:absolute;width:28.75%;left:42%;top:0;z-index:2;transition:all ease 1s .8s;opacity:0;}
.microsite .box1 .imgbox .img2 {left:21%;opacity:1;}
.microsite .box1 .imgbox .img3 {position:absolute;width:28.75%;right:33%;top:0;z-index:2;transition:all ease 1s .8s;opacity:0;}
.microsite .box1 .imgbox .img3 {right:13.375%;opacity:1;}
.microsite .box1 .imgbox .img4 {position:absolute;width:25%;left:42%;top:0;transition:all ease 1.5s 1.2s;opacity:0;}
.microsite .box1 .imgbox .img4 {left:10.75%;opacity:1;}
.microsite .box1 .imgbox .img5 {position:absolute;width:25%;right:33%;top:0;transition:all ease 1.5s 1.2s;opacity:0;}
.microsite .box1 .imgbox .img5 {right:1%;opacity:1;}
.microsite .box1 .tbox {width:43%;float:right;padding-top:195px;}
.microsite .box1 .tbox .t1 {font-size:36px;line-height:1;font-weight:bold;color:#222;}
.microsite .box1 .tbox .t2{width:79%;font-size:24px;line-height:36px;color:#222;margin-top:22px;}

.microsite .box2 {width:100%;height:750px;background:url(../images/mbg1.jpg) center center no-repeat;background-size:auto 100%;padding:80px 7.8% 0;margin-top:10px;display:table;}
.microsite .box2 .tbox {width:34.375%;float:left;padding-top:230px;}
.microsite .box2 .tbox .t1 {font-size:36px;font-weight:bold;line-height:1;color:#222;}
.microsite .box2 .tbox .t2 {font-size:24px;line-height:36px;color:#222;margin-top:24px;}
.microsite .box2 .img {width:52.5%;float:right;opacity:0;transition:all ease 1.5s .5s;}
.microsite .box2 .img {opacity:1;}

.microsite .box3 {width:100%;height:800px;background:#fff;padding:0 7.8%;position:relative;overflow:hidden;margin-top:10px;}
.microsite .box3 .img {width:88%;position:absolute;left:0;top:-155px;transition:all ease 3s .5s;}
.microsite .box3 .img {top:-555px;}
.microsite .box3 .tbox {width:39.5%;float:right;padding-top:286px;position:relative;z-index:2;}
.microsite .box3 .tbox .t1 {font-size:36px;font-weight:bold;color:#222;line-height:1;}
.microsite .box3 .tbox .t2 {font-size:22px;line-height:36px;color:#222;margin-top:22px;width:85%;}

.microsite .box4 {width:100%;height:760px;background:url(../images/mbg2.jpg) center center no-repeat;background-size:auto 100%;padding:0 7.8%;margin-top:10px;overflow:hidden;}
.microsite .box4 .tbox {width:33%;float:left;padding-top:315px;}
.microsite .box4 .tbox .t1 {font-size:36px;font-weight:bold;color:#222;line-height:1;}
.microsite .box4 .tbox .t2 {font-size:22px;line-height:36px;color:#222;margin-top:22px;}
.microsite .box4 .imgbox {width:53%;height:100%;float:right;position:relative;overflow:hidden;}
.microsite .box4 .imgbox .img1 {width:37%;position:absolute;left:0;top:100%;transition:all ease 1.5s .5s;}
.microsite .box4 .imgbox .img1 {top:67px;}
.microsite .box4 .imgbox .img2 {width:37.6%;position:absolute;left:42.5%;top:-120%;transition:all ease 2s .8s;}
.microsite .box4 .imgbox .img2 {top:194px;}

.relevant-information {width:100%;padding:80px 7.8% 43px;}
.relevant-information .title {font-size:36px;font-weight:bold;color:#222;line-height:1;}
.relevant-information .txt {font-size:14px;line-height:24px;color:#222;margin-top:22px;}
.relevant-information .list {max-width:1600px;margin:45px auto 0;display:table;}
.relevant-information .list li {float:left;width:23.75%;height:150px;border:1px solid #d8d8d8;margin-right:1.6%;margin-bottom:27px;box-sizing:border-box;padding:20px 40px 0 30px;transition:all ease .3s;}
.relevant-information .list li:hover {border:1px solid #21abd7;}
.relevant-information .list li:nth-child(4n) {margin-right:0;}
.relevant-information .list li a {display:block;}
.relevant-information .list li .t1 {font-size:16px;line-height:30px;height:60px;color:#222;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.relevant-information .list li .t2 {font-size:18px;line-height:24px;color:#999;margin-top:18px;}


@media(max-width:1660px) {.ny-banner .boxs,.news-info,.news .box1,.news .list1,.page-list {margin:0 30px;}.case-tj {margin:60px 30px 0;}.ny-banner .nb-menu {padding-left:30px;}}
@media(max-width:1370px) {.ny-banner {height:580px;}.ny-banner .boxs.n1 {padding-top:250px;}.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;}

}
@media(max-width:1330px) {.ny-banner .boxs.n1 .breadcrumbs {display:none;}}
@media(max-width:1200px) {.ny-banner .boxs.n2 .box .t2 {padding:10px;line-height:30px;}.microsite .box3 .img{width: 70%;top: -50px;}.microsite .box3.active .img{top: -120px;}.ny-banner .boxs.n1 .t1{font-size: 36px;}.microsite .box1 .tbox{padding-top: 70px;}.microsite .box2{padding: 100px 7.8% 0;}.microsite .box2 .tbox {padding-top: 125px;}.microsite .box1 .tbox .t1,.microsite .box2 .tbox .t1,.microsite .box3 .tbox .t1,.microsite .box4 .tbox .t1{font-size: 32px;}
}


@media(max-width:900px) {
.ny-banner .boxs.n1 .t1{font-size: 32px;}
.microsite .box1{padding: 0 3%;}.microsite .box1 .tbox{padding-top: 45px;}.microsite .box1 .tbox .t1, .microsite .box2 .tbox .t1, .microsite .box3 .tbox .t1, .microsite .box4 .tbox .t1{font-size: 24px;}.microsite .box1 .tbox .t2, .microsite .box2 .tbox .t2, .microsite .box3 .tbox .t2, .microsite .box4 .tbox .t2{font-size: 16px;line-height: 26px;}.microsite .box2 {padding: 80px 3% 0;}.microsite .box2 .tbox{padding-top: 80px;}.microsite .box2, .microsite .box3, .microsite .box4{height: 440px;}
.microsite .box4 .tbox{width: 40%;padding-top: 170px;}
.relevant-information{padding: 80px 3% 0;}
.relevant-information .title{font-size: 24px;}.relevant-information .list li{height: 120px;padding: 10px 10px 0;}.relevant-information .list li .t2{font-size: 16px;line-height: 24px;margin-top: 10px;}
}

@media(max-width:767px) {.ny-banner{height: 460px;}.ny-banner .boxs.n1{padding-top: 180px;}.ny-banner .boxs.n1 .t1 {font-size: 24px;line-height: 40px;}.ny-banner .boxs.n1 .t2 {font-size: 14px;line-height: 34px;}.ny-banner .boxs.n1 .t3{width: 40px;height: 40px;}.ny-banner .boxs.n1 .t3 span{width: 40px;height: 40px;}.microsite .box1 .imgbox{width: 100%;}.microsite .box1 .imgbox .img1{margin: 0 auto;}.microsite .box1.active .imgbox .img2{left: 13.375%;}.microsite .box1.active .imgbox .img4{left: 1%;}.microsite .box1 .tbox{width: 100%;padding: 45px 0;}.microsite .box2, .microsite .box3, .microsite .box4{height: 330px;}.microsite .box2{padding: 40px 3%;}.microsite .box2 .img{width: 100%;}.microsite .box2 .tbox{width: 100%;padding: 40px 0;}.microsite .box3 .img{width: 100%;top: -10px;}.microsite .box3.active .img{top: -60px;}.microsite .box3 .tbox{text-align: right;padding-top: 30px;width: 60%;}.microsite .box3 .tbox .t2{float: right;}.microsite .box1 .tbox .t1, .microsite .box2 .tbox .t1, .microsite .box3 .tbox .t1, .microsite .box4 .tbox .t1{font-size: 20px;}.microsite .box1 .tbox .t2, .microsite .box2 .tbox .t2, .microsite .box3 .tbox .t2, .microsite .box4 .tbox .t2{font-size: 14px;line-height: 22px;margin-top: 15px;}.microsite .box4.active .imgbox .img2{top: 100px;}.microsite .box4 .tbox{width: 45%;padding-top: 90px;}
.relevant-information{padding: 80px 3% 0;}.relevant-information .title{font-size: 20px;}.relevant-information .txt{margin-top: 15px;}.relevant-information .list{margin: 25px auto 0;}.relevant-information .list li{width: 48%;margin-right: 4%;padding: 10px 10px 0;height: 90px;margin-bottom: 10px;}.relevant-information .list li:nth-child(2n){margin-right: 0;}.relevant-information .list li .t1{font-size: 14px;line-height: 20px;height: 40px;}.relevant-information .list li .t2{margin-top: 10px;font-size: 14px;}

}


/*微信小程序专题页样式开始*/
.wx-box2{padding-bottom: 50px;}
.wx-box-title{padding-top: 44px;text-align: center;}
.wx-box-title h3{font-size: 24px;color: #333333;font-weight: normal;}
.wx-box-title p{font-size: 14px;line-height: 20px;color: #999999;font-family: Arial;text-transform: uppercase;margin-top: 6px;}
.wx-box-line{width: 60px;height: 4px;background-color: #27a9ce;margin: 16px auto 0;}
.wx-box2-p{text-align: center;}
.wx-box2-p h4{font-size: 14px;line-height: 22px;color: #666666;font-weight: normal;}
.wx-box2-p p{font-family: Arial;color: #aaaaaa;font-size: 12px;line-height: 18px;margin-top: 26px;}
.wx-box3{background-color: #ebfbff;padding-bottom: 90px;}
.wx-box3-content{text-align: center;margin-top: 50px;}
.wxb-round{display: inline-block;height: 130px;width: 130px;border: 1px solid #c8d3bf;border-radius: 100%;margin: 10px 6px 0;transition: all 0.4s ease;}
.wxb-round:hover{border: 1px solid #27a9ce;}
.wxb-round-icon{width: 56px;height: 56px;margin: 22px auto 4px;}
.wxb-round p{font-size: 14px;color: #333333;}
.wx-box5{padding-bottom: 50px;}
.wx-box5-p{text-align: center;margin-top: 50px;}
.wx-box5-p p{font-size: 20px;color: #666666;line-height: 30px;}
.wx-box5-p span{display: inline-block;font-size: 14px;color: #bbbbbb;}
.wx-box6{background-color: #f8f8f8;padding-bottom: 60px;}
.wx-box6-content{width: 1150px;margin: 0 auto;/*overflow: hidden;*/padding-top: 10px;}
.wx-exp-box{float: left;width: 126px;margin-top: 34px;position: relative;margin-left: 78px;}
.wx-box6-content .wx-exp-box:nth-child(6n+1){margin-left: 0;}
.wxe-box-img{width: 120px;height: 120px;overflow: hidden;border-radius: 10px;margin: 0 auto;position: relative;}
.wxe-box-img img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);/*filter: grey;*/}
.wx-exp-box:hover .wxe-box-img img{-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;}
.wxe-dark{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: black;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);opacity: 0.4;
}
.wx-exp-box:hover .wxe-dark{opacity: 1;background: none;}
.wxe-box-p{font-size: 18px;color: #999999;text-align: center;margin-top: 20px;}
.wx-exp-box:hover .wxe-box-p{color: #333333;}
.wxe-code{position: absolute;left: 0;top: -146px;width: 100%;height: 138px;background: url("../images/wxe-code-bg.png") no-repeat center top;text-align: center;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;display: none;/*opacity: 0;*/}
.wxe-code img{margin-top: 4px;}
.wx-exp-box:hover .wxe-code{display: block;opacity: 1;z-index: 2;}
.wx7-step{margin-top: 60px;}
.wx7-step-box{float: left;width: 270px;height: 100px;background: url("../images/wx7-step-bg.png") no-repeat;margin-left: 40px;}
.wx7-step-box:hover{background: url("../images/wx7-step-bg-on.png") no-repeat;}
.wx7-step .wx7-step-box:first-child{margin-left: 0;}
.wx7-step-box-num{float: left;width: 80px;height: 80px;line-height: 80px;background-color: #e8e8e8;text-align: center;font-size: 50px;border-radius: 100%;margin-top: 10px;margin-left: 10px;color: #999999;font-weight: 200;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.wx7-step-box:hover .wx7-step-box-num{background-color: #46c1ff;color: white;}
.wx7-step-box-p{float: left;margin-left: 12px;margin-top: 24px;}
.wx7-step-box-p h4{font-size: 24px;color: #666666;font-weight: normal;}
.wx7-step-box-p p{font-family: Arial;color: #bbbbbb;line-height: 20px;text-transform: uppercase;letter-spacing: -1px;margin-top: 3px;}
.wx-box7{padding-bottom: 30px;}
.wx7-p{margin-top: 70px;text-align: center;}
.wx7-p p{font-size: 20px;color: #666666;line-height: 30px;}
.wx7-p span{display: inline-block;color: #bbbbbb;font-size: 14px;line-height: 20px;}
.wx7-more{margin-top: 60px;text-align: center;}
.wx7-more a{display: inline-block;width: 240px;height: 60px;line-height: 60px;border: 3px solid #a2e0ff;border-radius: 40px;color: #23b6ff;font-size: 20px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.wx7-more a:hover{background-color: #a2e0ff;color: white;}
/*微信小程序专题页样式结束*/
/*3.1新增效果*/
.wx-box1-p{position: absolute;/*top: 140px;*/top: 300px;left: 0;width: 452px;opacity: 0;}
.wx-box1-p .wx-box1-a{display: inline-block;width: 240px;height: 60px;border: 3px solid #90d9ff;line-height: 60px;text-align: center;color: white;font-size: 22px;border-radius: 40px;/*margin-top: 36px;*/margin-top: 60px;transition: all 0.3s ease;opacity: 0;}
.wx-box1-p .wx-box1-a:hover{background-color: #90d9ff;}
.wx-box1-phone{position: absolute;right: -42px;/*top: 30px;*/top: 100px;opacity: 0;}

.wxb-round{display: inline-block;height: 130px;width: 130px;/*border: 1px solid #c8d3bf;*/border: none;border-radius: 100%;margin: 10px 6px 0;transition: all 0.4s ease;background: url("../images/wxb-round-bg.png") no-repeat center center;position: relative;}
.wxb-round:hover{border: none;}
.round-left{position: absolute;top: 0;left: 0;width: 65px;height: 130px;background: url("../images/round-left.png") no-repeat;clip: rect(130px,65px,130px,0);-webkit-transition: all 0.5s;transition: all 0.5s;}
.wxb-round:hover .round-left{clip: rect(0,65px,130px,0);}
.round-right{position: absolute;top: 0;right: 0;width: 65px;height: 130px;background: url("../images/round-right.png") no-repeat;clip: rect(0,65px,0,0);-webkit-transition: all 0.5s;transition: all 0.5s;}
.wxb-round:hover .round-right{clip: rect(0,65px,130px,0);}
.wxb-round-icon{width: 56px;height: 56px;margin: 22px auto 4px;z-index: 2;position: relative;}
.wxb-round p{font-size: 14px;color: #333333;position: relative;z-index: 2;}
.wxbp1{color: #FFFF00;font-size: 24px;padding-top: 10px;}
.wxbp1 span{margin-right: 16px;color: #fff;font-size: 38px;font-weight: bold;}
.wxbp2{display: inline-block;background-color: #ffff00;margin-top: 24px;}
.wxbp2 i{float: left;display: inline-block;background: #E6E607;height: 1px;width: 26px;margin: 19px 6px 0;}
.wxbp2 span{float: left;font-size: 20px;line-height: 38px;color: #333;}
.wx-news-list{margin-top:40px;}
.wx-news-list li{float:left;width:33.3%;line-height:2.5;overflow:hidden;}
.wx-news-list li a{font-size:14px;}
.wrap{border:0;padding:0;width:1200px;margin:0 auto;*zoom:1;}
.wrap:after{clear:both;content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;content:"";display:table;}
@media all and (max-width:1199px) {
    .wrap{width:auto;}
}




.production {width:100%;}
.design {width:100%;padding-top:60px;}
.design .title {font-size:36px;line-height:1;font-weight:bold;color:#fff;text-align:center;color:#222;}
.design .txt {font-size:14px;line-height:24px;color:#222;text-align:center;max-width:950px;margin:23px auto 0;}
.design .list {width:100%;display:table;margin-top:52px;}
.design .list li {width:calc(20% - 2px);float:left;position:relative;margin:2px 1px 0;}
.design .list li a {display:block;}
.design .list li .img {width:100%;overflow:hidden;}
.design .list li .img img {width:100%;transition:all ease .8s;}
.design .list li .tbox {width:100%;position:absolute;z-index:2;left:0;bottom:0;height:80px;background:rgba(26,137,172,.7);text-align:center;padding:13px 0;transition:all ease .5s;overflow:hidden;}
.design .list li .tbox .icon {width:54px;height:54px;display:inline-block;margin-right:10px;    margin-top: 0;}
.design .list li .tbox .icon img {display:inline-block;margin:auto;}
.design .list li .tbox .t1 {font-size:18px;line-height:24px;height:24px;color:#fff;font-weight:bold;display:inline-block;}
.design .list li .tbox .t2 {font-size:14px;line-height:24px;color:#fff;text-align:center;padding:0 15%;display:none;animation: fadeInRight .6s ease-out;-webkit-animation: fadeInRight .6s ease-out;}
.design .list li:hover .img img {transform:scale(1.1);}
.design .list li:hover .tbox {width:100%;position:absolute;z-index:2;left:0;bottom:0;height:210px;background:rgba(26,137,172,.7);text-align:center;padding:20px 0;}
.design .list li:hover .tbox .icon {width:100%;height:54px;margin-right:0;margin-bottom:18px;display:block;}
.design .list li:hover .tbox .t1 {font-size:18px;line-height:24px;height:24px;color:#fff;font-weight:bold;margin-bottom:12px;display:block;animation: fadeInLeft .5s ease-out;-webkit-animation:fadeInLeft .5s ease-out;}
.design .list li:hover .tbox .t2 {font-size:14px;line-height:24px;color:#fff;text-align:center;padding:0 15%;display:block;}

.process {width:100%;background:#f2f2f2;padding:80px 7.8%;}
.process .title {font-size:36px;font-weight:bold;color:#222;text-align:center;line-height:1;}
.process .txt {font-size:14px;line-height:24px;color:#222;text-align:center;margin-top:23px;}
.process .list {width:100%;margin:82px auto 0;display:table;}
.process .list li {width:18.125%;height:330px;float:left;margin-right:-1px;border:1px solid #d8d8d8;text-align:center;position:relative;padding-top:122px;cursor:pointer;transition:all ease .5s;background:#fff;}
.process .list li:hover {width:27.5%;padding-top:92px;}
.process .list li.on {width:27.5%;padding-top:92px;}
.process .list li .num {width:52px;height:52px;background:#21abd7;line-height:52px;position:absolute;top:-23px;left:50%;transform:translateX(-50%);border-radius:50%;font-size:24px;color:#fff;font-style:oblique;text-align:left;padding-left:8px;}
.process .list li .num:before {width:66px;height:66px;background:rgba(33,171,215,.1);content:"";position:absolute;left:-7px;top:-7px;border-radius:50%;}
.process .list li .num:after {width:80px;height:80px;background:rgba(33,171,215,.05);content:"";position:absolute;left:-14px;top:-14px;border-radius:50%;}
.process .list li .icon {width:60px;height:60px;margin:auto;position:relative;}
.process .list li .icon img {width:60px;height:60px;position:absolute;left:0;top:0;}
.process .list li .icon img:last-child {opacity:0;z-index:2;transition:all ease .5s;}
.process .list li:hover .icon img:last-child {opacity:1;}
.process .list li.on .icon img:last-child {opacity:1;}
.process .list li .t1 {font-size:18px;line-height:24px;font-weight:bold;color:#222;margin-top:36px;transition:all ease .5s;}
.process .list li:hover .t1 {color:#21abd7;}
.process .list li.on .t1 {color:#21abd7;}
.process .list li .t2 {font-size:14px;line-height:24px;color:#222;margin:20px auto;display:none;padding:0 13%;}
.process .list li:hover .t2 {display:block;animation: fadeInUp .5s ease-out;}
.process .list li.on .t2 {display:block;}

.relevant-information {width:100%;padding:80px 7.8% 43px;}
.relevant-information .title {font-size:36px;font-weight:bold;color:#222;text-align:center;line-height:1;}
.relevant-information .txt {font-size:14px;line-height:24px;color:#222;text-align:center;margin-top:22px;}
.relevant-information .list {max-width:1600px;margin:45px auto 0;display:table;}
.relevant-information .list li {float:left;width:23.75%;height:150px;border:1px solid #d8d8d8;margin-right:1.6%;margin-bottom:27px;box-sizing:border-box;padding:20px 40px 0 30px;transition:all ease .3s;}
.relevant-information .list li:hover {border:1px solid #21abd7;}
.relevant-information .list li:nth-child(4n) {margin-right:0;}
.relevant-information .list li a {display:block;}
.relevant-information .list li .t1 {font-size:16px;line-height:30px;height:60px;color:#222;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.relevant-information .list li .t2 {font-size:12px;line-height:24px;color:#999;margin-top:18px;}

.column {width:100%;padding:54px 7.8% 0;}
.column .txt {font-size:14px;line-height:24px;color:#222;}
.column .list {width:100%;display:table;margin-top:75px;}
.column .list li {width:21.875%;height:215px;margin-right:4.125%;float:left;padding:0 10px;border-bottom:2px solid #222;margin-bottom:70px;position:relative;}
.column .list li:after {content:"";width:0;height:2px;background:#21abd7;position:absolute;left:0;bottom:-2px;transition:all ease-in-out .5s;}
.column .list li:hover:after {width:100%;}
.column .list li:nth-child(4n) {margin-right:0;}
.column .list li .icon {height:62px;}
.column .list li .icon img{max-height:62px;}
.column .list li .t1 {font-size:16px;line-height:24px;font-weight:bold;color:#222;margin-top:36px;}
.column .list li .t2 {font-size:14px;line-height:24px;color:#666;margin-top:10px;}

.relevant-case {width:100%;padding:60px 7.8%;background:#f6f6f6;}
.relevant-case .title {font-size:24px;line-height:30px;font-weight:bold;color:#222;}
.case-list {width:100%;display:table;margin-top:37px;}
.case-list li {width:24%;float:left;margin-right:1.33%;margin-bottom:20px;background:#fff;}
.case-list li:nth-child(4n) {margin-right:0;}
.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;}
.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;}
.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 .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;}

.relevant-information.s {padding:60px 7.8% 43px;}
.relevant-information.s .title {font-size:24px;font-weight:bold;color:#222;line-height:1;text-align:left;}
.relevant-information.s .txt {font-size:14px;line-height:24px;color:#222;margin-top:24px;text-align:left;}

.txt_topic h2{font-size:24px;line-height:60px;height:60px;color:#333;font-weight:bold;}
.txt_topic .editor{line-height:2;color:#333;font-size:14px;}

.topic_news_list{width:84.4%;margin:0 auto;border-top:1px solid #eee;clear:both;padding:20px 0;}
.topic_news_list li{width:calc(33% - 20px);float:left;line-height:20px;padding: 10px 0;text-align:left;font-size:14px;margin-left: 20px;list-style-type:square;}

@media(max-width:1660px) {.ny-banner .boxs,.news-info,.news .box1,.news .list1,.page-list {margin:0 30px;}.case-tj {margin:60px 30px 0;}.ny-banner .nb-menu {padding-left:30px;}}
@media(max-width:1370px) {.ny-banner {height:580px;}.ny-banner.production2{height:580px;}.ny-banner .boxs.n1 {padding-top:250px;}.design .list li .tbox .t2 {padding:0 12%;}.relevant-information .list li {    padding: 20px 20px 0;}
.topic_news_list li{width:calc(50% - 20px);}
}
@media(max-width:1330px) {.ny-banner .boxs.n1 .breadcrumbs {display:none;}}
@media(max-width:1200px) {.ny-banner .boxs.n1 .t1{font-size: 36px;}.ny-banner .boxs.n2 .box .t2 {padding:10px;line-height:30px;}
.design .list li .tbox{padding: 18px 0;}.design .list li .tbox .icon{width: 43px;height: 43px;}.design .list li .tbox .t1{font-size: 16px;}.design .list li:hover .tbox .t2{padding: 0 8%;}
.case-list li .tbox .title .t1{font-size: 14px;}.column{padding: 54px 3% 0;}.relevant-case{padding: 60px 3%;}.relevant-information.s{padding: 60px 3% 43px;}

}

@media(max-width:900px) {
.ny-banner .boxs.n1 .t1{font-size: 24px;}.design .title,.process .title{font-size: 24px;}.design .txt{font-size: 18px;padding: 0 30px;}
.design .list li{width: calc(33.3% - 2px);}
.process{padding: 80px 2%;}.relevant-information{padding: 80px 2% 43px;}.relevant-information .title{font-size: 24px;}.relevant-information .list{margin: 30px auto 0;}.relevant-information .list li{padding: 10px 10px 0;height: 120px;}.relevant-information .list li .t2{margin-top: 10px;}
.column{padding: 54px 3% 0;}.topic_news_list li{width: calc(100% - 20px);}.topic_news_list{width: 94%;}
.relevant-case{padding: 60px 3%;}.case-list li{width: 49%;margin-right: 2%;}.case-list li:nth-child(2n){margin-right: 0;}.relevant-information.s{padding: 60px 3% 43px;}.relevant-information .list li{width: 49%;margin-right: 2%;}.relevant-information .list li:nth-child(2n){margin-right: 0;}
}

@media(max-width:767px) {.ny-banner{height: 460px;}.ny-banner .boxs.n1 .t1{font-size: 20px;line-height: 40px;}.ny-banner .boxs.n1 .t2{font-size: 14px;line-height: 26px;}.ny-banner .boxs.n1 .t3{width: 40px;height: 40px;}.ny-banner .boxs.n1 .t3 span{width: 40px;height: 40px;}
.design .title{font-size: 20px;}.design .txt{font-size: 14px;}.design .list li{width: calc(50% - 2px);}.design .list li .tbox{height: 60px;}.design .list li .tbox .t1{font-size: 14px;}.design .list li .tbox .icon{width: 30px;height: 30px;}
.process .list li{width: 100%;padding-top: 70px;}.process .list li.on{width: 100%;padding-top: 55px;}.process .list li .t1{margin-top: 20px;}.relevant-information{padding: 80px 2% 0;}.relevant-information .title{font-size: 20px;}.relevant-information .list li{width: 48%;margin-right: 4%;padding: 10px 5px 0;height: 90px;margin-bottom: 10px;}.relevant-information .list li:nth-child(2n){margin-right: 0;}.relevant-information .list li .t1{font-size: 14px;line-height: 20px;height: 40px;}.relevant-information .list li .t2{margin-top: 10px;font-size: 10px;letter-spacing: -1px;}

.ny-banner.production2{height: 460px;}.ny-banner .boxs.n1{padding-top: 160px;}.column .list li{width: 49%;margin-right: 2%;}.column .list li:nth-child(2n){margin-right: 0;}.case-list li{width: 100%;margin-right: 0;}
.relevant-case .title{font-size: 20px;}.relevant-information.s .title{font-size: 20px;}

}





.index-partner{padding-top: 28px;padding-bottom: 15px;height: auto;width: 1200px;margin-right: auto;margin-left: auto;}

.index-partner .tit{line-height: 50px;text-align: center;float: left;width: 68px;height: 50px;}

.index-partner .list{height: auto;width: 1130px;float: left;}

.index-partner .list span{height: 50px;display: block;float: left;white-space: nowrap;padding-right: 27px;padding-left: 27px;}

.index-links{padding-top: 16px;padding-bottom: 30px;height: auto;width: 1200px;margin-right: auto;margin-left: auto;border-top-width: 1px;border-top-style: solid;border-top-color: #d8d8d8;}

.index-links .tit{line-height: 26px;text-align: center;float: left;width: 68px;height: 26px;}

.index-links .list{height: auto;width: 1130px;float: left;}

.index-links .list span{height: 26px;display: block;float: left;white-space: nowrap;padding-right: 10px;padding-left: 27px;line-height: 26px;}.page-position{clear: both;float: none;height: auto;width: 1200px;margin-right: auto;margin-left: auto;padding-top: 15px;padding-bottom: 8px;}

.page_banner{height: auto;width: 1200px;margin-right: auto;margin-left: auto;}

.filter-box{height: auto;width: 1200px;margin-top: 18px;margin-right: auto;margin-left: auto;background-color: #f9f9f9;}

.main-box{height: auto;width: 1200px;margin-right: auto;margin-left: auto;padding-top: 18px;padding-bottom: 25px;}

.site_banner{height: 455px;width: 100%;background-position: center top;clear: both;float: none;}

.site_banner .know-us{padding-top: 60px;}

.site_banner .ico_con{clear: both;float: none;height: 225px;width: 1200px;margin-right: auto;margin-left: auto;overflow: hidden;padding-top: 20px;}

.site_banner .ico_con ul{width: 1300px;}

.site_banner .ico_con ul li{float: left;height: 218px;width: 218px;display: block;margin-right: 27px;background-color: #000;text-align: center;}

.site_banner .ico_con ul li a{display: block;width: 218px;background-repeat: no-repeat;background-position: left top;height: 218px;}

.site_banner .ico_con ul li a img{border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}

.site_banner .ico_con ul li a:hover{text-decoration: none;}

.site_banner .ico_con ul li a:hover strong{color: #F6503A;}

.site_banner .ico_con ul li a .ico{height: 140px;width: 218px;position: relative;overflow: hidden;}

.site_banner .ico_con ul li a .ico span{height: 140px;width: 218px;}

.site_banner .ico_con ul li:hover a .ico span img{-webkit-transform: scale(1.15);transform: scale(1.15);}

.site_banner .ico_con ul li a .ico span img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);}

.site_banner .ico_con ul li .i1{background-image: url(../images/ico_ppwzjs.gif);}

.site_banner .ico_con ul li .i2{background-image: url(../images/ico_wmwzjs.gif);}

.site_banner .ico_con ul li .i3{background-image: url(../images/ico_ppyxx.gif);}

.site_banner .ico_con ul li .i4{background-image: url(../images/ico_scjs.gif);}

.site_banner .ico_con ul li .i5{background-image: url(/images/ico_wwz.gif);}

.site_banner .ico_con ul li a p{color: #999999;font-family: Arial, Helvetica, sans-serif;}

.site_banner .ico_con ul li strong{font-size: 17px;display: block;padding-bottom: 5px;color: #fff;font-family: "微软雅黑";padding-top: 20px;}

.pinpai #indexgs{position: absolute;left: -20px;top: 250px;}

#indexg2{left: 10px;z-index: 100000;position: absolute;right: 400px;height: 415px;width: 551px;margin-right: 200px;}

#indexg1{left: -650px; top: 1000px; position: absolute;}

#indexg0{left: 0;  top: 1000px;}

.pinpai{clear: both;float: none;height: 750px;width: 1200px;margin-right: auto;margin-left: auto;position: relative;overflow: hidden;}

.pop_text{width: 1200px;position: absolute;z-index: 55555555555;text-align: center;padding-top: 50px;height: auto;left: 0px;top: 0px;}

.pop_text h2,.pop_text h1,.pop_text h3,.pop_text h4,.pop_text h5,.pop_text h6{font-size: 28px;color: #444444;}

.pop_text em{font-style: normal;display: block;padding-top: 10px;padding-bottom: 20px;font-size: 24px;}

.pop_text p{font-size: 14px;line-height: 24px;}

.pop_text span a{height: 22px;width: 80px;display: block;margin-top: 20px;margin-right: auto;margin-left: auto;line-height: 22px;color: #f6503a;}

.pop_text span a .ico{font-size: 14px;line-height: 14px;height: 14px;width: 14px;float: left;margin-top: 3px;margin-left: 5px;}

.marketing_type{clear: left;float: none;height: 580px;width: 100%;border-top-width: 1px;border-top-style: solid;border-top-color: #e1e1e1;}

.marketing_type .container{height: 580px;width: 1200px;margin-right: auto;margin-left: auto;position: relative;background-image: url(/images/yxsimg.jpg);background-repeat: no-repeat;background-position: center bottom;}

.trade_website{clear: both;float: none;height: 600px;width: 100%;margin-right: auto;margin-left: auto;background-image: url(/images/bg24.gif);background-repeat: repeat-x;background-position: top;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e1e1e1;}

.trade_website .box{height: 600px;width: 1200px;position: relative;margin-right: auto;margin-left: auto;}

.trade_website .box .container{height: 610px;width: 1200px;margin-right: auto;margin-left: auto;position: relative;}

.trade_website .box .container .pop_text{text-align: left;z-index: 2;padding-left: 20px;}

.trade_website .box .container .pop_text span a{margin-top: 20px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}

.trade_website .box .container .pop_text span a .ico{margin-left: 0px;margin-right: 5px;}

.trade_website .box .container .img{position: absolute;z-index: 1;left: 0px;bottom: 0px;}

.mobile_site{height: 556px;width: 100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e1e1e1;}

.mobile_site .container{clear: both;float: none;height: 556px;width: 1200px;margin-right: auto;margin-left: auto;background-image: url(/images/sjwz_img.jpg);background-repeat: no-repeat;background-position: left bottom;position: relative;}

.mobile_site .container .pop_text{width: 518px;position: absolute;top: 100px;z-index: 111;height: auto;left: 630px;text-align: left;}

.mobile_site .container .pop_text span a{margin-top: 15px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}

.seo_superiority{height: 560px;width: 100%;background: #f3f3f3;}

.seo_superiority .container{height: 560px;width: 1200px;margin-right: auto;margin-left: auto;position: relative;}

.seo_superiority .container .list{width: 1200px;padding-top: 148px;}

.seo_superiority .container .list ul li{float: left;height: 200px;width: 240px;text-align: center;}

.seo_superiority .container .list ul li p{font-size: 14px;line-height: 24px;padding-top: 10px;}