@charset "gb2312";
.nyBanner{width:100%;height:860px;position:relative;transition:all ease .5s}
.nyBanner .nyBannerImg{width:100%;height:100%;}
.nyBanner .nyBannerImg img{width:auto;height:100%;}
.nyBanner .companyDataList {width: 100%;padding: 220px 8% 0 8%;position: absolute;top: 0;left: 0;}

.about{width:100%}
.about1{width:100%;height:625px;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%;background: url(icon/abg1.jpg) center center no-repeat;text-align: center;padding: 100px 0;}
.about2 .title{font-weight:bold;font-size:36px;color:#fff;line-height:1}
.about2 .txt{margin:23px auto 0;font-size:14px;line-height:24px;color:#fff}
.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(icon/aicon1.png) center center no-repeat;left:0}
.about2 .certificate .prev:hover{border:2px solid #000;background:#000 url(icon/aicon1.png) center center no-repeat}
.about2 .certificate .next{background:url(icon/aicon2.png) center center no-repeat;right:0;left:unset;}
.about2 .certificate .next:hover{border:2px solid #000;background:#000 url(icon/aicon2.png) center center no-repeat}

.certificate {overflow: hidden;position: relative;margin: 80px 0 40px 0;}
.certificate .swiper-wrapper .swiper-slide{ margin-right: 15px; padding: 12px;  background: #fff;box-sizing: border-box;width:calc(25% - 15px);}
.certificate .swiper-wrapper .swiper-slide img{width: 100%;height: auto;object-fit: cover;}
.certificate .swiper-wrapper .swiper-slide a{display: block;color:#fff}
.certificate .swiper-wrapper .swiper-slide span {display: block;width: 100%;line-height: 30px;text-align: left;font-size: 14px;background: url(proNameRightBg.png) no-repeat right center #155fa9;padding-left: 10px;box-sizing: border-box;}
	

.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(icon/aicon4.png) center center no-repeat;display:block;transition:all ease .5s}
.about3 .tbox .more:hover{background:#222 url(icon/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(icon/aicon4.png) center center no-repeat;display:block;transition:all ease .5s}
.about4 .tbox .more:hover{background:#222 url(icon/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(icon/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(icon/abg2.jpg) center center no-repeat;background-size:auto 100%;padding-left:15%}
.course ul{width:100%;height:100%;min-height:1040px;background:url(icon/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%}
.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}

.singlePage {width: 100%;padding: 3rem 7.8%;background: #f7f7f7;line-height: 30px;font-size: 14px;}

.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(icon/aicon4.png) center center no-repeat;display:block;transition:all ease .5s;margin-top:74px}
.job li .tbox .more:hover{background:#222 url(icon/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(icon/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(icon/aicon7.png) left center no-repeat;transition:all ease 1s;margin-top:35px}
.job-info .list li:hover .tbox .icon{background:url(icon/aicon8.png) left center no-repeat}

@media(max-width:1370px){
	.foot-top li .tbox .txt,.foot-top li .tbox .link,.foot-top li .tbox li .tboxs .t2{font-size:12px}
}
@media(max-width:1660px){
	.nyBanner .boxs,.news-info,.news .box1,.news .list1,.page-list{margin:0 30px}
.case-tj{margin:60px 30px 0}
.nyBanner .nb-menu{padding-left:30px}
}
@media(max-width:1370px){
	.nyBanner.about1{height:580px}
	.nyBanner.about1 .img img{width:100%}
	.nyBanner .boxs.n1{padding-top:250px}
	.nyBanner{height:380px}
	.nyBanner .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){
	.nyBanner .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}
	.singlePage{padding:3rem 3%}
}
@media(max-width:1200px){
	.nyBanner .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}
	.nyBanner .boxs.n1 .t1{font-size:24px}
	.job li .tbox{padding-top:30px}
	.job li .tbox .t2{margin-top:10px}
	
	.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){
	
	.about-address{display:none}
	.nyBanner.about1{height:460px}
	.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}
	.nyBanner .boxs.n1 .t1{font-size:20px}
	.nyBanner .boxs.n1 .t2{font-size:14px;line-height:26px}
	.nyBanner .nb-menu{height:50px}
	.nyBanner .nb-menu ul{padding-top:10px}
	.nyBanner .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}
}