@media screen and (max-width:57.6rem) { .homea-nav .navsitem>a { transform: scale(0.75); transform-origin: left top; /* width: 200%; */ } .A_li3_name { transform: scale(0.5); transform-origin: left top; width: 200%; height: 20%; } .A_li3_text { transform: scale(0.5); transform-origin: left top; width: 200%; line-height: 2rem !important; margin-top: 0rem !important; margin-block-start: 1rem; margin-block-end: 1rem; margin-inline-start: 0px; margin-inline-end: 0px; } .homef .home-footer .copyright { transform: scale(0.4); transform-origin: left top; width: 280%; } .homef .home-footer .fright, .homef .home-footer .fright a { transform: scale(0.6); transform-origin: left top; width: 200%; } .flex-left { transform: scale(0.5); transform-origin: left top; width: 200%; } .homef .home-footer .fright .frighta { transform: scale(0.8); transform-origin: left top; width: 200%; width: 100rem !important; height: 130% !important; } .homef .home-footer .fright .frightb { transform: scale(0.8); transform-origin: left top; width: 200%; } .homef .home-footer .fright .frighta .aright .imglink p { transform: scale(0.6); transform-origin: left top; width: 100%; } .slideMain .more { transform: scale(0.5); transform-origin: left top; } .cdone span { transform: scale(0.5); transform-origin: left top; width: 200%; margin-right: -3rem !important; } .fnt_22 { transform: scale(0.5); transform-origin: left top; width: 200%; } .des { transform: scale(0.5); transform-origin: left top; width: 200%; line-height: 2rem !important; } .time { transform: scale(0.5); transform-origin: left top; width: 200%; } .crumbs { transform: scale(0.5); transform-origin: left top; width: 188% !important; } .details_title ul li { transform: scale(0.5); transform-origin: left top; } .txts { transform: scale(0.5); transform-origin: left top; width: 200% !important; line-height: 2rem !important; } .main_left { font-size: 1rem; transform: scale(0.5); transform-origin: left top; width: 18rem !important; } .main_left ul li { width: 18rem !important; } .main_left p { width: 18rem !important; } .pb_sys_common { transform: scale(0.6); transform-origin: left top; width: 140% !important; } } html { -webkit-text-size-adjust: none; } .shipei { transform: scale(0.5); transform-origin: left top; width: 200%; } .stips { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background: url(../images/Frame2.png) no-repeat left center; background-size: 100% 100%; display: none; color: #fff; font-size: .64rem; } .titline { position: relative; background-image: linear-gradient(#000, #000); background-position: 0 100%; background-size: 0 .04rem; background-repeat: no-repeat; transition: background-size .3s } .titlin:hover .titline { background-size: 100% .04rem } .titlin .titline:hover { background-size: 100% .04rem } .titline_w { position: relative; background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)); background-position: 0 100%; background-size: 0 .04rem; background-repeat: no-repeat; transition: background-size .3s } .titlin_w:hover .titline_w { background-size: 100% .04rem } .titlin_w .titline_w:hover { background-size: 100% .04rem } .titline_b { position: relative; background-image: linear-gradient(#fff, #fff); background-position: 0 100%; background-size: 0 .04rem; background-repeat: no-repeat; transition: background-size .3s; font-size: .86rem; } .titlin_b:hover .titline_b { background-size: 100% .04rem } .titlin_b .titline_b:hover { background-size: 100% .04rem } .titline_line2{ margin-top:0.1rem; color: #8fa8ff; font-size: 0.65rem; transition: .3s; } .titline_bl { position: relative; background-image: linear-gradient(#13439b, #13439b); background-position: 0 100%; background-size: 0 .04rem; background-repeat: no-repeat; transition: background-size .3s } .titlin_bl:hover .titline_bl { background-size: 100% .04rem } .titlin_bl .titline_bl:hover { background-size: 100% .04rem } /* */ .xxjj { width: 100%; height: 12rem; } .xxjj img { width: 100%; height: 100%; } .xxjjp { color: #fff; font-size: .72rem; padding: .8rem; line-height: 2rem; letter-spacing: .12rem; text-align: justify; } .logo-b { width: 3.4rem !important; height: 3.4rem !important; } .logo-a { display: flex; align-items: center; } .logo-a img { width: 3rem; height: 3rem; } .logo-a span { color: #fff; font-size: 1rem; } .logo-d { width: 12rem !important; height: 3rem !important; margin-right: .6rem; } .footlogo { display: flex; align-items: center; justify-content: center; /* padding-left: 6.25vw; */ } .footlogo img { width: 4.2rem; height: 4.2rem; margin-right: .5rem; } .logo-c { width: 4.4rem !important; height: 4.4rem !important; } .footlogo span { font-size: 1.5rem; margin-left: .5rem; font-weight: bold; font-family: 'Noto Sans SC'; } .goutong { width: 3.2rem; height: 3.2rem !important; margin-left: 1.6rem; } .flex-left { /* margin-left: 1rem; */ font-size: .72rem; } .pore { display: flex; justify-content: center } .pore img { width: 10rem; } .bai { color: #fff; } .titlea { display: flex; justify-content: space-between; align-items: center; padding: 0 2rem; height: 4rem; color: #fff; } .titlea span { font-size: 1.4rem; } .titlea a { font-size: .64rem; color: #fff; } .txts { width: 100%; font-size: .8rem; line-height: 1.4rem; } .santu { width: 100%; display: flex; justify-content: center; margin: 1.5rem 0rem; } .santu img { max-width: 30rem; } .leftr { margin-right: 5rem; } .deheligh { min-height: 15rem; } .details_title h2 { margin: 1.6rem 0rem .8rem 0rem; font-family: PingFangSC-Semibold; color: #1c1c1c; letter-spacing: .0192rem; text-align: center; border: none; font-size: 1.2rem; } .details_title ul { width: 50%; height: auto; margin: 0 auto; } .details_title ul li { width: 33%; height: auto; float: left; text-align: center; color: #ccc; line-height: 1.2rem; font-size: .56rem; border-bottom: 0; } .zhongying { display: flex; flex-direction: column; } .zhongying :first-child { /* letter-spacing: .36rem; */ font-family: 'Noto Sans SC'; } .zhongying :last-child { font-size: 2rem; font-weight: bold; /* font-family: '楷体'; */ /* margin-top: .2rem; */ } .flexcz { display: flex; flex-direction: column; } .flexczli { width: 100%; background: #1c4690; margin-top: .2rem; padding: .2rem 1.25rem; } .flexczli ul li{ padding: 1.33rem 0; border-bottom: 1px solid #4269af; padding-right: 6.15rem; position: relative; font-size: .86rem; color: #fff; } .flexczli ul li:last-child{ border: 0; } .flexczli ul li a{ color: #fff; } .flexczli ul li time{ position: absolute; right: 0; top: 0; padding: 1.35rem 0; font-size: .65rem; color: #cedeff; text-align: right; } .flexczli ul li:hover a .titline_b{ color: #ccc; } .flexczli ul li:hover time { color: #ccc; } .time span { font-size: 1.2rem; color: #fff; } .info h4 { margin-top: 0.4rem; margin-bottom: 0.24rem; font-size: .8rem; line-height: 1.4rem; } .info p { display: flex; padding: 0.12rem 0; color: #777; font-size: .72rem; justify-content: space-between; flex-wrap: wrap; } .caidanlan { display: flex; flex-direction: column; justify-content: flex-end; } .zhong { align-items: center; } .cdone { display: flex; justify-content: flex-end; align-items: center; /* margin-bottom: 0rem; */ position: relative; /* top: .4rem; */ } .cdone span { color: #fff; font-size: .64rem; margin-right: 1.5rem; margin-left: 1rem; cursor: pointer; } .twoa { width: 100%; display: flex; } .wxdw { /* position: absolute; top: .2rem; right: 0rem; */ } .open { display: block !important; } .gzhewm { position: absolute; width: 4rem; height: 4rem; right: 5rem; top: 2rem; display: none; z-index: 5; } .listacon { display: flex; justify-content: center; background-color: #ffffff; } .listaright {} .detailcon { background-color: #ffffff; } .main_left { width: 10rem; margin-top: 6rem; margin-right: 2rem; font-weight: bold; } .main_left ul { width: 10rem; height: auto; } .main_left ul p { font-family: PingFangSC-Regular; font-size: 1rem; color: #ffffff; letter-spacing: .0032rem; background: #062d7b; line-height: 2.4rem; text-indent: .8rem; } .main_left p { font-family: PingFangSC-Regular; font-size: 1rem; color: #ffffff; letter-spacing: .0032rem; background: #062d7b; line-height: 3rem; text-indent: .8rem; } .main_left ul li a { color: #7b827b; display: block; } .main_left ul li a:hover { color: #ffffff; background: #13439b; } .main_left .active a { color: #fff; } .main_left ul li { width: 100%; height: 2.4rem; font-family: PingFangSC-Regular; font-size: .64rem; color: #7b827b; letter-spacing: .002rem; background: #f4f8fc; border-bottom: .04rem solid #dfdedf; line-height: 2.4rem; cursor: pointer; position: relative; text-indent: .8rem; padding: 0rem !important; } .main_left .active { color: #fff; background: #13439b; } .main_left ul li:hover { color: #ffffff; background: #13439b; } .main_left ul li span { position: absolute; right: .8rem; } .logo-flex { display: flex; justify-content: space-between; height: 5rem; align-items: center; padding: 0rem 2rem; } .list-logo-flex { display: flex; justify-content: space-between; height: 4rem; align-items: center; /* padding: 0rem 2rem; */ } .homea-nav-flex { display: flex; justify-content: flex-end; padding: 0rem 2rem; justify-content: space-between; background: rgba(0, 0, 0, .2); /* justify-content: center; */ } .diqiu { position: absolute; width: 15rem; right: 12rem; } .imgleft { margin-left: 1.5rem !important; } .serBtn { width: 1rem; } .alink { z-index: 9999 } .twobiaoti { font-size: .8rem !important; padding-bottom: 0rem !important; } /* */ .loader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/Frame2.png) no-repeat center; background-size: cover; z-index: 999; } .loader img { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) } .loader p { position: absolute; top: 55%; color: #fff; text-align: center; left: 0; width: 100% } body, html { position: relative; height: 100% } .slideMain { width: 100%; height: 100%; zoom: 100%; } .slideMain .swiper-slide { height: 100%; position: relative; } .slideMain .swiper-slide .container { height: 100%; position: relative; z-index: 5; /* padding-left: 6.25vw */ } .slideMain .homef { padding-left: 0; height: auto !important } .swiper-container-vertical>.main-wrapper { flex-direction: column; } .swiper-container-android .swiper-slide, .main-wrapper { transform: translate3d(0rem, 0, 0); } .main-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .leftFix { width: 4.7rem; position: fixed; top: 0; left: 0; height: 100%; z-index: 30; border-right: .04rem solid #4269af } .leftFix.bga { background: #13439b } .leftFix.bgb { background: #062d78 } .leftFix.bottom { top: -11.84rem } .leftFix .navBtn { position: absolute; left: 50%; margin-left: -0.52rem; top: 5%; width: 1.04rem; height: .72rem; background: url(../images/navbtn.svg) no-repeat center; background-size: 1.04rem .72rem; cursor: pointer; transition: .3s } .leftFix .navBtn.on { background: url(../images/close.svg) no-repeat center; background-size: .72rem .72rem; } .leftFix .mouse { position: absolute; left: 50%; bottom: 15.6%; width: .88rem; margin-left: -0.44rem; animation: up 1.5s linear infinite; cursor: pointer; } .leftFix .serBtn { position: absolute; left: 50%; bottom: 37%; width: .8rem; margin-left: -0.4rem; } .leftFix .pageBtn { position: absolute; left: 50%; top: 26%; width: .88rem; margin-left: -0.52rem; } .leftFix .pageBtn span { display: block; width: .88rem; height: 4.4rem; margin: 1.2rem auto; background: url(../images/dh001.png) no-repeat center; background-size: .88rem 4.24rem; } .leftFix .pageBtn span.s1 { background: url(../images/dh002.png) no-repeat center; background-size: .88rem 4.24rem } .leftFix .pageBtn span.s2 { background: url(../images/dh003.png) no-repeat center; background-size: .88rem 4.24rem } .leftFix .pageBtn span.s3 { background: url(../images/Group7.png) no-repeat center; background-size: .88rem 4.24rem } .leftFix .pageBtn span.s4 { background: url(../images/s4.svg) no-repeat center; background-size: .88rem 5.6rem } /* .leftFix .pageBtn span.sall{background: url(../images/01.png) no-repeat center;background-size: 1.04rem 1.04rem} */ .leftFix .pageBtn a.swiper-button-disabled img { opacity: .4 } .subNav { position: fixed; left: -100%; top: 0; width: 100%; height: 100%; z-index: 29; padding-left: 6.25vw; background: url(../images/Frame2.png) no-repeat center; background-size: 100% 100%; transition: .3s } .subNav.on { left: 0 } .subNavList { height: 100% } .subNavList .navitem { width: 33.333333%; height: 50%; border-right: .04rem solid #264597; position: relative; cursor: pointer; display: flex; flex-direction: column; justify-content: center; } .subNavList .navitem::before { content: attr(data-name); position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; font-family: "bdzy"; font-size: 2.4rem; z-index: 0; transition: .5s } .subNavList .navitem:nth-child(3), .subNavList .navitem:nth-child(6) { border-right: 0 } .subNavList .navitem:nth-child(1), .subNavList .navitem:nth-child(2), .subNavList .navitem:nth-child(3) { border-bottom: .04rem solid #264597 } /* .subNavList .navitem:nth-child(1){background: url(../images/t.png) no-repeat center center;background-size: auto 60%} .subNavList .navitem:nth-child(2){background: url(../images/n.png) no-repeat center center;background-size: auto 60%} .subNavList .navitem:nth-child(3){background: url(../images/t.png) no-repeat center center;background-size: auto 60%} .subNavList .navitem:nth-child(4){background: url(../images/a.png) no-repeat center center;background-size: auto 60%} .subNavList .navitem:nth-child(5){background: url(../images/l.png) no-repeat center center;background-size: auto 60%} .subNavList .navitem:nth-child(6){background: url(../images/s.png) no-repeat center center;background-size: auto 60%} */ .subNavList .navitem ul { padding: 5%; position: relative; z-index: 2; opacity: 0; transition: .4s; visibility: hidden; } .subNavList .navitem ul:after { width: 33.333333%; content: ''; display: inline-block; } .subNavList .navitem ul li { width: 33.333333%; text-align: center; font-size: .96rem; font-weight: 100; padding: .8rem 0; } .subNavList .navitem ul li a { color: #fff; opacity: .6; position: relative; transition: .3s; display: inline-block; } .subNavList .navitem ul li a:hover { opacity: 1 } .subNavList .navitem ul li a::before { content: '「'; position: absolute; left: -1rem; top: 0; opacity: 0; transition: .5s } .subNavList .navitem ul li a::after { content: '」'; position: absolute; right: -1rem; bottom: 0; opacity: 0; transition: .5s } .subNavList .navitem ul li a:hover::before { left: -0.92rem; opacity: 1 } .subNavList .navitem ul li a:hover::after { right: -0.92rem; opacity: 1 } .subNavList .navitem:hover ul { opacity: 1; visibility: inherit; } .subNavList .navitem:hover::before { opacity: .07; } .subNavList .navitem:hover { background: transparent; } .homea { background: url(../images/0001.png) no-repeat center; background-size: 100% 100% } .homeb::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 0%; background: url(../images/0001.png) no-repeat center; background-size: 100% 100%; z-index: 0 } .homeb::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 100%; background: #FFF; z-index: -1 } .homec { display: flex; background: #1c4690 ; padding: 4.4rem 4%; } .homec .cleft { width: 55%; position:relative; } .homec .cleft img{ position:absolute; -webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s; z-index:999; } .homec .cleft:hover img{ -webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05); } .homec .cright { width: 45%; background: url("../images/yrbg.png") no-repeat center; background-size: cover; position: relative; } .homec .cright .item1 { color: #fff; padding: 2rem 1.85rem; height: 50%; width: 100%; /*border-right: 1px solid #394c8e;*/ } .homec .cright .item1 span img { width: 10rem; } .homec .cright .item1 p { margin-bottom: 2.5rem; margin-top: 1rem; line-height: 1.8em; } .homec .cright .item1 a { margin-top: 2.3rem; display: block; } .homec .cright .item1 a:before { position: absolute; width: 2.3rem; height: 2.3rem; border-radius: 50%; background: rgba(255,255,255,.2); content: ''; left: -.2rem; top: 50%; transform: translateY(-50%); z-index: 0; } .homec .cright .item1 a em { position: relative; z-index: 5; color: #fff; font-size: .66rem; } .homec .cright .item2 { color: #fff; height: 50%; background: #7884ef; width: 44%; padding: 1.5rem; background:#4f9eb0 url("../picture/cbsy06.png") no-repeat bottom; } .homec .cright .item .alink { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; } .homec .cright .item span.syst { font-size: 1rem; opacity: .5; text-transform: uppercase; } .homec .hdtit img{ width: 7rem; } .homec .cright .item .pic { height: calc(90% - 6rem); width: 64%; } .homec .img_vsb_content{ width: 3rem; } .homec .cright .item3 { color: #fff; background:#365faa url("../picture/cbsy04.png") no-repeat center; width: 52%; height: 10rem; position: absolute; bottom: 10rem; right: 4%; border-left: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0 1.5rem; } .homec .cright .item4 { color: #fff; height: 10rem; background:#8c4eaf url("../picture/cbsy05.png") no-repeat center; width: 52%; position: absolute; border-left: 1px solid #fff; right: 4%; bottom: 0; padding: 0 1.5rem; } .homeE { padding: 4.5rem 0; background: url("../images/homedimg.jpg") no-repeat center; background-size: 100% 100%; } .homeE .ctit { margin-bottom: 1.5rem; } .homeE .wp { width: 69rem; margin: 0 auto; } .homeE .desc { max-width: 28rem; line-height: 1.8em; margin-bottom: 2.5rem; } .homeE .homed-slide { height: 22.5rem; padding-bottom: 1rem; } .homeE .homed-slide .swiper-slide .item { overflow: hidden; } .homeE .ctit{margin-bottom: 1.5rem;width: 10rem;} .homeE .ctit a{position:relative;top:150%;right:100%} .homeE .desc{max-width: 28rem;line-height: 1.3rem;margin-bottom: 2.5rem;} .homeE .homed-slide .slog{color:#fff;font-size:1rem;position:absolute;left:-3rem;top:1.15rem;z-index:5;padding: .2rem 3rem .4rem;transform:rotate(-45deg);font-family:SourceHanSerifCN-Bold!important} .homeE .homed-slide{height: 22rem;padding-bottom: .55rem} .homeE .homed-slide .swiper-slide:nth-child(1) .slog{background:#7884ef} .homeE .homed-slide .swiper-slide:nth-child(2) .slog{background:#e67459} .homeE .homed-slide .swiper-slide:nth-child(3) .slog{background:#a96ed6} .homeE .homed-slide .swiper-slide:nth-child(4) .slog{background:#7884ef} .homeE .homed-slide .swiper-slide:nth-child(5) .slog{background:#e67459} .homeE .homed-slide .swiper-slide:nth-child(6) .slog{background:#a96ed6} .homeE .homed-slide .swiper-slide:nth-child(7) .slog{background:#7884ef} .homeE .homed-slide .swiper-slide:nth-child(8) .slog{background:#e67459} .homeE .homed-slide .swiper-slide:nth-child(9) .slog{background:#a96ed6} .homeE .homed-slide .swiper-slide .item{overflow:hidden} .homeE .homed-slide .swiper-slide .pic{height: 16rem} .homeE .homed-slide .swiper-slide p{position:absolute;background:url(../image/homedma.png) no-repeat bottom center;background-size:100% 100%;left:0;bottom:0;right:0;color:#fff;padding:2.5rem 5% 1rem;font-size:.86rem;text-align:center;opacity:0;visibility:hidden} .homeE .homed-slide .swiper-slide-active .pic{height: 22rem} .homeE .homed-slide .swiper-slide-active p{opacity:1;visibility:inherit} .homeE .homed-slide .swiper-button-next{width: 6.5rem;height: 6.5rem;background:#2e2e2e;top:auto;margin-top:0;bottom:.5rem;right:calc(((100% - 3.5rem)/ 3) - 6.5rem);transition:.3s;border-radius:0 0 1rem 0;box-shadow:0 0 .5rem rgba(0,0,0,.2)} .homeE .homed-slide .swiper-button-prev{width: 6.5rem;height: 6.5rem;background:#2e2e2e;left:calc(((100% - 3.5rem)/ 3) - 6.5rem);top:auto;margin-top:0;bottom:.5rem;transition:.3s;border-radius:1rem 0 0 0;box-shadow:0 0 .5rem rgba(0,0,0,.2)} .homeE .homed-slide .swiper-button-next:hover{background:#13439b} .homeE .homed-slide .swiper-button-prev:hover{background:#13439b} .homeE .homed-slide .swiper-button-next img{height: 1.5rem} .homeE .homed-slide .swiper-button-prev img{height: 1.5rem} .homeE .homed-slide .slog { color: #fff; font-size: 1rem; position: absolute; left: -3rem; top: 1.15rem; z-index: 5; padding: .3rem 3rem .5rem; transform: rotate(-45deg); font-family: SourceHanSerifCN-Bold!important; } .homeE .homed-slide .swiper-slide .pic { height: 16rem; width: 100%; } .homeE .homed-slide .swiper-slide-active .pic { height: 19rem; } .homeE .homed-slide .swiper-slide-active p { opacity: 1; visibility: inherit; } .texto { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bg-mask .pic { overflow: hidden; } .bg-mask .pic a { background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; display: block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } /* .homec::before{content: '';position: absolute;left: 0;top:0;bottom: 0;width: 39.8%;background: #FFF;z-index: 0} */ /* .homec::after{content: '';position: absolute;right: 0;top:0;bottom: 0;width: 100%;background: url(../images/l002.png) no-repeat center;background-size: 100% 100%;z-index: -1} */ /* .homed::before{content: '';position: absolute;left: 0;top:0;bottom: 0;width: 39.8%;background: url(../images/l001.png) no-repeat center;background-size: 100% 100%;z-index: 0} */ /* .homed{background: rgba(255,255,255,.75) no-repeat left center;} */ .homed::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 100%; background: url(../images/dbg.jpg) no-repeat center; /* background: rgba(0, 0, 0, .9); */ background-size: 100% 100%; z-index: -1 } .homee::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 39.8%; background: #FFF; z-index: 0 } .homee::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60.2%; background: #FFF; z-index: -1 } .homea .more { position: absolute; left: 6vw; bottom: -5.5vh } .homea .more a { position: relative; width: 8rem; height: 2rem; border: .04rem solid #4476d3; text-align: center; line-height: 1.6rem; color: #fff; display: block; background: #062d7c } .homea .more a span { position: relative; width: 100%; height: 100%; display: block; z-index: 3 } .homea .more a:before { position: absolute; content: ""; width: 100%; height: 100%; left: -0.24rem; top: -0.24rem; border: .04rem solid #fff; z-index: 2 } .homea .more a:after { position: absolute; content: ""; width: 1.8rem; height: .12rem; left: 88%; top: .88rem; background: #fff; z-index: 2 } .homec .more { position: absolute; left: 6vw; bottom: 11.4vh } .homec .more a { position: relative; width: 8rem; height: 2rem; border: .04rem solid #a6c4f0; text-align: center; line-height: 1.6rem; color: #4d89e1; display: block; background: #fff } .homec .more a span { position: relative; width: 100%; height: 100%; display: block; z-index: 3 } .homec .more a:before { position: absolute; content: ""; width: 100%; height: 100%; left: -0.24rem; top: -0.24rem; border: .04rem solid #4d89e1; z-index: 2 } .homec .more a:after { position: absolute; content: ""; width: 1.8rem; height: .12rem; left: 88%; top: .88rem; background: #4d89e1; z-index: 2 } .homed .more { position: absolute; left: 6vw; bottom: 10.6vh } .homed .more a { position: relative; width: 8rem; height: 2rem; border: .04rem solid #4476d3; text-align: center; line-height: 1.6rem; color: #fff; display: block; background: #1353ab } .homed .more a span { position: relative; width: 100%; height: 100%; display: block; z-index: 3 } .homed .more a:before { position: absolute; content: ""; width: 100%; height: 100%; left: -0.24rem; top: -0.24rem; border: .04rem solid #fff; z-index: 2 } .homed .more a:after { position: absolute; content: ""; width: 1.8rem; height: .12rem; left: 88%; top: .88rem; background: #fff; z-index: 2 } .homee .more { position: absolute; left: 6vw; bottom: -5.5vh } .homee .more a { position: relative; width: 8rem; height: 2rem; border: .04rem solid #a6c4f0; text-align: center; line-height: 1.6rem; color: #4d89e1; display: block; background: #fff } .homee .more a span { position: relative; width: 100%; height: 100%; display: block; z-index: 3 } .homee .more a:before { position: absolute; content: ""; width: 100%; height: 100%; left: -0.24rem; top: -0.24rem; border: .04rem solid #4d89e1; z-index: 2 } .homee .more a:after { position: absolute; content: ""; width: 1.8rem; height: .12rem; left: 88%; top: .88rem; background: #4d89e1; z-index: 2 } .slideMain .more a:after { transition: .3s .1s } .slideMain .more { transition: .3s; font-size: .64rem; } .slideMain .more:hover { letter-spacing: .1em } .slideMain .more:hover a:after { width: 4rem } .homea-top { height: 8rem; display: flex; flex-direction: column; } .homebtn { position: absolute; width: 8.5%; height: 11vh; ; top: 0; right: 0 } .homebtn img { height: 5vh } .caidanlan .homea-nav .navsitem { height: 3rem; } .homea-nav .navsitem { position: relative; cursor: pointer; padding: 0 .8rem; color: #fff; display: flex; flex-direction: column; justify-content: center; } .homea-nav .navsitem>a { color: #fff; /* font-family: "SourceHanSerifCN-Bold"; */ font-size: .88rem; font-weight: bold; transition: .5s; } .homea-nav .navsitem:hover { background: rgba(255, 255, 255, .1); } .homea-nav .navi1 .subnavs { left: 0 !important; } .homea-nav .navi2 .subnavs { left: 0 !important; } .homea-nav .navi3 .subnavs { left: 0 !important; } .homea-nav .navi4 .subnavs { left: 0 !important; } .homea-nav .navsitem .subnavs { position: absolute; top: 100%; right: 0; background: rgba(6, 45, 123, .9); height: 0; /* padding-left: 2rem; */ padding: 0rem 2rem; opacity: 0; visibility: hidden; z-index: -1; transition: .3s; overflow: hidden; border: .04rem solid rgba(255, 255, 255, 0.2) } .homea-nav .navsitem .subnavs li { padding: .48rem .3rem } .homea-nav .navsitem:hover .subnavs { opacity: 1; visibility: inherit; z-index: 10; height: 3.6rem } .homea-nav .navsitem::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: .12rem; background: #2c69e7; z-index: 5; transition: .3s } .homea-nav .navsitem:hover::before { width: 100%; } .homea-nav .navsitem .subnavs li a { color: #fff; opacity: .8; position: relative; transition: .3s; display: inline-block; } .homea-nav .navsitem .subnavs li a:hover { opacity: 1 } .homea-nav .navsitem .subnavs li a::before { content: '「'; position: absolute; left: -1.2rem; top: 0; opacity: 0; transition: .5s } .homea-nav .navsitem .subnavs li a::after { content: '」'; position: absolute; right: -1.2rem; bottom: 0; opacity: 0; } .homea-nav .navsitem .subnavs li a:hover::before { left: -0.72rem; opacity: 1 } .homea-nav .navsitem .subnavs li a:hover::after { right: -0.72rem; opacity: 1 } .homea-nav .navi1 .subnavs { /* width: 22rem; */ width: max-content; } .homea-nav .navi1 .subnavs li { /*width: 25%*/ } .homea-nav .navi2 .subnavs { /* width: 22rem */ width: max-content; } .homea-nav .navi3 .subnavs { /* width: 22rem */ width: max-content; } .homea-nav .navi4 .subnavs { /* width: 22rem */ width: max-content; } .homea-nav .navi5 .subnavs { /* width: 22rem */ width: max-content; } .homea-nav .navi6 .subnavs { /* width: 22rem */ width: max-content; } .homea-nav .navi7 .subnavs { /* width: 22rem */ width: max-content; } .homea-nav .navi8 .subnavs { /* width: 22rem */ width: max-content; } .homea-nav .navi9 .subnavs { /* width: 22rem */ width: max-content; } .banner>.swiper-pagination-bullets { bottom: 10vh; position: fixed; left: 20%; } .banner>.swiper-pagination-bullets .swiper-pagination-bullet { background: #fff; margin: 0 .4rem; width: 4rem; height: .6rem; vertical-align: middle; opacity: .6; box-shadow: 0 0 .2rem rgba(0, 0, 0, .2) } .banner>.swiper-pagination-bullets .swiper-pagination-bullet-active { background: #fff; width: 4rem; height: .6rem; opacity: 1 } .banner, .banner .slide { /* height: 58vh */ height: 100%; } .banner .slide a { display: block; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover } .homea-mid { height: 88.88889% } .homea-mid .aleft { width: 35.8%; padding-left: 4vw; padding-right: 4%; max-width: 26rem } .homea-mid .aright { width: 64.2% } .homea-mid .aleft .t { position: absolute; right: 25%; top: 50%; transform: translateY(-55%); color: #8396BB; font-size: 4rem; font-weight: 700; font-family: monospace; } .homea-mid .aleft .t span { display: inline-block; width: 3.2rem; line-height: 1.15em } .homea-mid .aleft .t span:first-child { transform: translateY(0em); margin-right: 2.5rem; } .homea-mid .aleft .t span:last-child { transform: translateY(1em); } .homea-mid .aleft .t b { color: #fff; } /* .homeb .container{padding-bottom: 12.9vh;} .homeb h3.syst{font-size: 1.36rem;padding-left: 5%;height: 11.2vh;padding-top:4vh} .homeb h3.syst a{font-size: .6rem;padding-right: 0%;float:right;} .homeb .aleft{width: 35.8%;height: 87.1vh} .homeb .aleft h3.syst {color: #fff} .homeb .aleft h3.syst a {color: #fff} .homeb .amid{width:27.9%;height: 87.1vh} .homeb .aright{width:32.9%;height: 87.1vh;margin-left: 1rem;} .homeb .aleft .slidenews .pic{height: 40vh} .homeb .aleft .slidenews .slide p{position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);padding: .6rem 5%;color: #fff;z-index: 5} .homeb .aleft .slidenews .slide p a{color: #fff} .homeb .aleft .zhxwList{height: 35.9vh} .homeb .aleft .zhxwList li{height: 33.33333%;border-top: .04rem solid #4269af;padding: .4rem 5%;display: flex; flex-direction: column; justify-content: center;color: #fff} .homeb .aleft .zhxwList li:hover{background: rgba(255,255,255,.1);} .homeb .aleft .zhxwList li .time{text-align: right;font-size: .6rem} .homeb .aleft .zhxwList li .time span{display: block;font-size: .8rem;margin-bottom: .2rem} .homeb .aleft .zhxwList li .time em{opacity: .6} .homeb .aleft .zhxwList li h4{width: calc(100% - 5.6rem)} .homeb .aleft .zhxwList li h4 a{color: #fff;font-size: .8rem;line-height: 1.4em} .homeb .amid ul{background:url(../images/tzbg.jpg) no-repeat center;background-size: 100% 100%;height: 76vh} .homeb .amid ul li{height: 20%;padding: .4rem 5%;display: flex;flex-direction: column;justify-content: center;} .homeb .amid ul li .time{width: 2.8rem;} .homeb .amid ul li .time time{display: block;border: .04rem solid #ddd;border-radius: .2rem;text-align: center;display: flex;flex-direction: column;justify-content: center;height: 2.8rem;color: #666;transition: .3s} .homeb .amid ul li .time time span{font-size: 1.2rem;display: block;} .homeb .amid ul li .info{width: calc(100% - 3.6rem)} .homeb .amid ul li .info h4{font-size: .72rem;margin-bottom: .4rem;line-height: 1.4em;} .homeb .amid ul li .info h4 a{max-height: 2rem\0} .homeb .amid ul li .info p{color: #666;font-size: .6rem;transition: .3s;max-height: 1.6rem\0;} .homeb .amid ul li:hover a{color: #812DC0} .homeb .amid ul li:hover p{color: #812DC0} .homeb .amid ul li:hover time{color: #812DC0;background: rgba(0,0,0,.05);} .homeb .aright .pic{height:76vh} .homeb .aright .pic img{height:100%;width: 100%;} .homeb .aright .info{height:8vh;background: rgba(0,0,0,0);padding: 0 5%;} .homeb .aright .info .time{font-size: .56rem;color: #666} .homeb .aright .info h4{width: calc(100% - 4.8rem);font-size: .72rem;line-height: 1.4em} */ .homec .aright { width: 100%; height: 100vh } .homec .aright .item { width: 20%; background: rgba(0, 0, 0, .3); transition: .3s; padding-top: 18%; color: #fff; transition: .3s; position: relative; } .homec .aright .item a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; display: block; } .homec .aright .item:hover { background: rgba(21, 45, 106, .78); } .homec .aright .item:nth-child(2) { border: .04rem solid #ddd; border-top: 0; border-bottom: 0 } .homec .aright .item:nth-child(4) { border: .04rem solid #ddd; border-top: 0; border-bottom: 0 } .homec .aright .item .i { margin: 0 auto; margin-bottom: .8rem; position: relative; width: 4.16rem; height: 4.16rem; } .homec .aright .item .i:after { width: 4.16rem; height: 4.16rem; background: url(../images/ccir.png)no-repeat center; content: ''; position: absolute; left: 0; top: 0; z-index: 0; animation: roted 50s linear infinite; opacity: 0; transition: .3s; background-size: 100% 100% } .homec .aright .item .i img { margin: 0 auto; position: relative; z-index: 2; transition: .3s; width: 2.32rem; height: 2.32rem } .homec .aright .item:hover .i img { transform: scale(.8); } .homec .aright .item:hover .i:after { opacity: 1 } @keyframes roted { 0% { transform: rotate(0) } 50% { transform: rotate(360deg) } to { transform: rotate(0) } } .homec .aright .item .tc { writing-mode: tb-rl; writing-mode: vertical-rl; } .homec .aright .item h4 { font-size: 1.2rem; margin-left: -0.3rem } .homec .aright .item .tc p { max-height: 16rem; opacity: 0; visibility: hidden; transition: .3s .1s } .homec .aright .item .tcc { margin-left: 6.5vw; transition: .3s } .homec .aright .item:hover .tcc { margin-left: 8vw } .homec .aright .item:hover .tcc p { opacity: 1; visibility: inherit; margin-right: .5rem; } .homec .aright .item:hover { padding-top: 15% } /*.homec .aright .item .tcc{position: absolute;left: 50%;transform: translateX(-50%);height: 50vh;top:0;}*/ .homec .aleft { width: 29.5vw; padding-left: 6vw } .homec .aleft img { transform: translateX(3vw); } .homec .aleft .t { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .homec .aleft .t0 { font-size: 2.4rem; color: #13439b; margin-bottom: .8rem } .homec .aleft .t1 { font-weight: 100; font-size: .72rem; margin-bottom: 1.2rem; line-height: 1.5rem; } .homec .aleft .t2 { font-weight: 100; font-size: 1.76rem; } .homec .aleft .t2 b { color: #8239b9 } .homed .aleft { width: 29.5vw; padding-left: 6vw; color: #fff } .homed .aright { width: 64.2%; padding-right: 7.9vw; height: 100vh } .homed .aleft img { transform: translateX(3vw); } .homed .aleft .t { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .homed .aleft .t0 { font-size: 2.4rem; margin-bottom: .8rem } .homed .aleft .t1 { font-weight: 100; font-size: .72rem; margin-bottom: 1.2rem; line-height: 1.5rem } .homed .aleft .t2 { font-weight: 100; font-size: 1.76rem } .homed .aright .itemimg { position: absolute; right: 0; bottom: 0; width: 47%; max-width: 21.6rem } .homed .aright .item { width: 45% } .homed .aright .item h4 { font-size: 1.2rem; margin-top: 3vh; margin-left: 2vw } .homed .aright .itema .pic { height: 47vh } .homed .aright .itemb .pic { height: 50vh } .homed .aright .itema { transform: translateY(25vh); margin-right: 2% } /* .homeb .slideb-prev img{height:1.4rem;width: .8rem} .homeb .slideb-next img{height:1.4rem;width: .8rem} */ .homee .aright .slideaa .pic { width: 67%; } .homee .aright .slideaa .aaleft .slidea-prev img { height: 1.4rem; width: .8rem } .homee .aright .slideaa .aaleft .slidea-next img { height: 1.4rem; width: .8rem } .homee .aright .slidebb .slideb-prev img { height: 1.28rem; width: .72rem } .homee .aright .slidebb .slideb-next img { height: 1.28rem; width: .72rem } .homee .aright .slidecc .slidec-prev img { height: 1.28rem; width: .72rem } .homee .aright .slidecc .slidec-next img { height: 1.28rem; width: .72rem } .homee .slide a { display: block; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover } /*.homee{height:88.88889%}*/ .homee .aleft { width: 29.5vw; padding-left: 6vw } .homee .aright { width: 56%; padding-right: 7.9vw } .homee .aleft img { transform: translateX(3vw); } .homee .aleft .t { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .homee .aleft .t0 { font-size: 2.4rem; color: #13439b; margin-bottom: .8rem } .homee .aleft .t1 { font-weight: 100; font-size: .72rem; margin-bottom: 1.2rem; line-height: 1.5rem } .homee .aleft .t2 { font-weight: 100; font-size: 1.76rem } .homee .aleft .t2 b { color: #8239b9 } .homee .aright .slideaa { width: 100%; margin-bottom: 3vh } .homee .aright .slidebb { width: 48% } .homee .aright .slidecc { width: 48% } .homee .aright .slidea .slide a { height: 34vh; transition: .3s } .homee .aright .slideb .slide a.mark { height: 24vh; position: relative; } .homee .aright .slidec .slide a.mark { height: 24vh; position: relative; } .homee .aright .slideb .slide a.mark:before, .homee .aright .slidec .slide a.mark:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: url(../images/emask.png) no-repeat center; background-size: 100% 100% } .homee .aright .slideb .slide p a, .homee .aright .slidec .slide p a { font-size: .72rem; color: #fff; text-align: center; padding: .6rem 0 } .homee .aright .slideaa .aaleft { width: 33%; background: rgba(255, 255, 255, .15); color: #fff; padding: 6.5% 1.2rem 0 } .homee .aright .slideaa .aaleft h3 { font-size: .96rem; margin-bottom: 1.2rem } .homee .aright .slideaa .aaleft p { font-size: .72rem; line-height: 1.6em } .homee .aright .slideaa .slidea-next { right: auto; left: 4rem; top: auto; bottom: 1.2rem } .homee .aright .slideaa .slidea-prev { left: 1.2rem; top: auto; bottom: 1.2rem } .homee .aright .slidebb .slideb-next { margin-top: -1.8rem } .homee .aright .slidebb .slideb-prev { margin-top: -1.8rem } .homee .aright .slidecc .slidec-next { margin-top: -1.8rem } .homee .aright .slidecc .slidec-prev { margin-top: -1.8rem } .homee .aright .slidebb .ct { background: rgba(55, 195, 196, .5) } .homee .aright .slidebb .ct, .homee .aright .slidecc .ct { position: absolute; left: 0; right: 0; bottom: 2.16rem; color: #fff; font-size: .96rem; z-index: 10; text-align: center; padding: .4rem 0 } .homee .aright .slidecc .ct { background: rgba(142, 55, 204, .5) } .homef { position: relative; min-height: 11.84rem; } .homef::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 39.8%; /* background: url(../images/footbg.png) no-repeat center; */ background-size: cover; z-index: 0 } .homef::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60.2%; background: #062c7b; z-index: -1 } .homef .home-footer { height: 100%; } .homef .home-footer .fleft { width: 39.8%; position: relative; z-index: 1; background-size: cover; } .homef .home-footer .fleft { /* background: #062c7b !important; */} .homef .home-footer .fright { width: 60.2%; } .homef .home-footer .copyright { font-family: SourceHanSerifCN-Bold; font-size: .6rem; color: #555; margin-top: 0rem; text-align: center; border-top: .04rem solid #365faa; height: 2.72rem; /* padding: 0 10.25% 0 7.3%; */ line-height: 2.72rem; } .homef .home-footer .copyright span { margin: 0 .32rem } .homef .home-footer .copyright span { display: inline-block; color: white; } .homef .home-footer .copyright span a { color: white; } .homef .home-footer .copyright a { color: #555; position: relative; background-image: linear-gradient(#888, #888); background-position: 0 100%; background-size: 0 .04rem; background-repeat: no-repeat; transition: background-size .3s } .homef .home-footer .copyright a:hover { background-size: 100% .04rem } .homef .home-footer .fright, .homef .home-footer .fright a { color: #fff; font-size: .65rem; font-family: SourceHanSerifCN-Bold; } .homef .home-footer .fright .frighta { height: 9.12rem; padding-right: 26.25%; padding-left: 7.3%; width: 51rem; } .homef .home-footer .fright .frighta .aleft { font-family: SourceHanSerifCN-Bold; } .homef .home-footer .fright .frighta .aleft p { padding: .2rem 0 } .homef .home-footer .fright .frighta .aleft img { height: .8rem; margin-right: .2rem; opacity: .6; display: inline-block; vertical-align: -0.2rem; } .homef .home-footer .fright .frighta .aleft .impact { font-size: .88rem; } .homef .home-footer .fright .frighta .aright .imglink { text-align: center; margin-left: .6rem; position: relative; } .homef .home-footer .fright .frighta .aright .imglink p { font-size: .8rem; margin-bottom: .8rem; } .homef .home-footer .fright .frighta .left { margin-right: 5rem; } .homef .home-footer .fright .frighta .aright .imglink a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 5 } .homef .home-footer .fright .frighta .aright .imglink img { border: .04rem dashed #5872a7; margin-bottom: .2rem; transition: .3s; width: 4rem; height: 4rem; } .homef .home-footer .fright .frighta .aright .imglink:hover img { background: #123a8c; margin-bottom: .2rem } .homef .home-footer .fright .frighta .aright .imglink:last-child img { border: 0 } .homef .home-footer .fright .frightb { border-top: .04rem solid #365faa; height: 2.72rem; padding: 0 5.25% 0 3.3%; line-height: 2.72rem } .homef .home-footer .fright .frightb img { display: inline-block; vertical-align: -0.28rem; margin-right: .2rem } .homef .home-footer .fright .frightb a { margin-left: 1.5rem; font-size: .68rem; } .homef .home-footer .footlogo { /* margin-top: 2.4rem; */ height: 9.12rem; } .pattern-title { width:100%; margin-bottom: 1rem; } .pattern-title i { display:block; width:12rem; font-size: 1.8rem; line-height: 2.35rem; color:#fff; background:url(../images/pattern.png) no-repeat 8rem; } .ctit1 { margin-bottom: 1rem; } .ctit1 i { font-size: 1.8rem; line-height: 2.35rem; } .ctit1 i:first-child { border: 1px solid #394c8e; border-radius: 0.625rem 0 0 0.625rem; display: block; border-right: 0; padding: 0 0.3125rem 0 0.9375rem; } .ctit1 i:last-child { border: 0.0625rem solid #1c4690; border-radius: 0 0.625rem 0.625rem 0; display: block; background: #1c4690 no-repeat right bottom; padding: 0 0.9375rem 0 0.3125rem; color: #fff } .homeb { padding: 4rem 0; background:url("../images/secbg.jpg") no-repeat center; background-size: 100% 100%; } .homeb .wp { background: transparent; width: 69rem; margin: 0 auto; } .homeb .aleft { width: 63%; } .homeb .aright { width: 33%; } .homeb .aleft .tzgg { background-size: 100% 100%; padding: 1rem 1.875rem; background-color: #13439b; } .homeb .aleft .tzgg li { margin-bottom: 1rem; display: flex; justify-content: space-between; flex-wrap: wrap; color: #fff; } .jtfylist{ max-height: 31.25rem; } /*.jtfylist img:{cursor: pointertransition: all 0.6s;} .jtfylist img:hover {transform:scale(1.2);} */ .homeb .aleft .tzgg li .time { width: 4.375rem; } .homeb .aleft .tzgg li .time time { border: 0.0625rem solid #8fa8ff; border-radius: 0.3125rem; text-align: center; display: flex; flex-direction: column; justify-content: center; height: 3.6rem; transition: .3s; font-size: .6rem; } .homeb .aleft .tzgg li .time time span { font-size: 1.55rem; display: block; color: #fff } .homeb .aleft .tzgg li .info { width: calc(100% - 5.625rem) } .homeb .aleft .tzgg li .info h4 a { font-size: .86rem; color: #fff; line-height: 1.3em; } .homeb .aleft .tzgg li .info p { color: #8fa8ff; font-size: 0.65rem; transition: .3s; } .homeb .aright .pic { height: 27.5rem; width: 38% } .homeb .aright .titlin_b:hover a { color: #394c8e } .homeb .aright .info { width: 100%; padding: 0.7rem 2% .5rem; color: #fff; } .homeb .aright .info h4 { font-size: 2.15rem; margin-bottom: .75rem; line-height: 1.4em; max-height: 3.4rem; color: #fff; } .homeb .aright .info p { line-height: 1.8em; color: #666; max-height: 6rem; color: #fff; } .mt-5{ margin-top: 2.5rem; } .homeb .aright .swiper-button-next { width: 2.5rem; height: 2rem; background: #989898; right: auto; top: auto; margin-top: 0; bottom: 15%; left: calc(45% + 2.5rem); transition: .3s; background: url(../image/ar1.svg) no-repeat center; background-size: 1.05rem 1.05rem; border: 1px solid #ddd; border-left: 0; border-radius: 0 .3rem .3rem 0; } .homeb .aright .swiper-button-next:before { content: ''; position: absolute; left: 0; top: .75rem; height: .75rem; width: 1px; background: #ddd } .homeb .aright .swiper-button-prev { width: 2.5rem; height: 2rem; background: url(../image/al1.svg) no-repeat center; background-size: 1.05rem 1.05rem; left: 45%; top: auto; margin-top: 0; bottom: 15%; transition: .3s; border: 1px solid #ddd; border-right: 0; border-radius: .3rem 0 0 .3rem; } .homeb .aright .swiper-button-next:hover { background: url(../image/ar.svg) no-repeat center; background-size: 1.05rem 1.05rem; } .homeb .aright .swiper-button-prev:hover { background: url(../image/al.svg) no-repeat center; background-size: 1.05rem 1.05rem; } .syst{ align-items: center; } /* 第一屏 */ .oneping { display: flex; align-items: center; justify-content: space-between; /* height: 36rem; */ height: calc(100vh - 8rem); /* padding: 2rem 4rem 6rem; */ padding: 0rem 4rem; } .Alumni { /* width: 100%; height: 29rem;*/ padding: 3.2rem 0rem; } .Alumni .wp { background: #13439b; width: 57rem; margin: 0 auto; } .Alumni .ctit img { height: 2rem; } .Alumni .wp .aleft { width: 37%; padding: 2%; } .Alumni .wp .slidenews { width: 63% } .Alumni .slidenews .pic { height: 100% } .Alumni .slidenews .pic img { height: 100%; } .Alumni .slidenews .slide p { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .6); padding: 0 10rem 0 4%; color: #fff; z-index: 5; line-height: 1.25rem; align-items: center; display: flex; font-size: .86rem; height: 2.86rem; } .Alumni .slidenews .slide p span { right: 4%; top: 0; position: absolute; font-size: .6rem; display: block; bottom: 0; height: 3rem; line-height: 3rem; } .Alumni .slidenews .slide p a { color: #fff } .Alumni .slideb-prev img { height: 1.55rem; width: 1rem; } .Alumni .slideb-next img { height: 1.55rem; width: 1rem; } .Alumni .slidenews .slide a.mark:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background-size: 100% 100% } .Alumni .wp .aleft ul li { padding: .88rem 0; border-bottom: 1px solid #4269af; padding-right: 5.5rem; position: relative; font-size: .82rem; color: #fff; } .Alumni .wp .aleft ul li a{ color: #fff; } .Alumni .wp .aleft ul li:hover a, .Alumni .wp .aleft ul li:hover time { color: #ccc } .ctit a:before { position: absolute; width: 2.3rem; height: 2.3rem; border-radius: 50%; background: #ececec; content: ''; top: 50%; transform: translateY(-50%); z-index: 0 } .ellipsis-multiline { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } /* .ctit a:after{position:absolute;width:14px;height:4px;background:#111;content:'';left:-20px;top:50%;transform:translateY(-50%);z-index:0} */ .ctit a em { position: relative; z-index: 5; font-size: 0.65rem; } .ctit a:hover:after { background: #394c8e } .Alumni .wp .aleft ul li:last-child { border-bottom: 0 } .Alumni .wp .aleft ul li time { position: absolute; right: 0; top: 0; padding: 1.15rem 0; font-size: .60rem; color: #cedeff; text-align: right; } /* .Alumni h2{ color: #fff; display: flex; justify-content: space-between; align-items: center; padding-bottom: .6rem; margin-bottom: .8rem; border-bottom: .04rem solid rgba(255, 255, 255, .5); } .Alumni h2 span{ font-size: 1.4rem; } .Alumni h2 .yingwen{ font-size: .64rem; } .Alumni h2 a{ color: #fff; font-size: .64rem; } .Alumni ul { width:51rem; margin: 0 auto; } .Alumni ul li { width: 17rem; height: 12rem; float: left; transition: all .3s ease-out .1s; -webkit-transition: all .3s ease-out .1s; -moz-transition: all .3s ease-out .1s; -ms-transition: all .3s ease-out .1s; -o-transition: all .3s ease-out .1s; } .Alumni ul li :hover img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transition: all .3s ease-out .1s; -webkit-transition: all .3s ease-out .1s; -moz-transition: all .3s ease-out .1s; -ms-transition: all .3s ease-out .1s; -o-transition: all .3s ease-out .1s; } */ .Bcolor>img { transition: all .3s ease-out .1s; -webkit-transition: all .3s ease-out .1s; -moz-transition: all .3s ease-out .1s; -ms-transition: all .3s ease-out .1s; -o-transition: all .3s ease-out .1s; width: .56rem; } .Bcolor { overflow: hidden; } .A_li2 { position: relative; background-image: url(../images/Bcolor.png); overflow: hidden; } .A_li1 { background: url(../images/A_li.jpg) no-repeat center; } .A_li1 a:hover { color: #af0c2b; border: .08rem solid #af0c2bb8; background: #fff; } .A_li1_name { color: #fff; font-size: 1.52rem; padding-left: 1.4rem; padding-top: 1.4rem; } .En_name { color: #4c050470; font-size: 1.12rem; padding-left: 1.4rem; } .A_li1_text { color: #fff; padding-top: .4rem; padding-left: 1.4rem; width: 12.2rem; padding-bottom: 1.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; } .A_li1 a { width: 4.8rem; height: 2rem; color: #fff; font-size: .56rem; border-radius: 1rem; border: .04rem solid #fff; margin-left: 1.4rem; padding: .4rem 1.2rem; } .A_li2 { position: relative; background-image: url(../images/Bcolor.png); } .A_li4 { position: relative; background-image: url(../images/Bcolor.png); } .Bcolor { position: absolute; width: 100%; /* background: url(../images/Bcolor.png) no-repeat center; */ height: 100%; z-index: 9; } .A_li2 span { background: url(../images/san.png) no-repeat; } .A_li3 { background-color: #fff; } .A_li3 img { width: .96rem; } .A_li3_name { /* color: #665252; */ font-size: .8rem !important; padding-left: 1.4rem; font-weight: 600; margin-top: 1.8rem; padding-right: .8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; /* transform: scale(0.5); transform-origin: left top; width: 200%; */ } .A_li3_text { color: #333; font-size: .72rem !important; margin-top: .8rem; padding-left: 1.4rem; padding-right: 1.4rem; line-height: 1.04rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: break-word; } .A_li3 a { padding-left: 1.4rem; padding-top: 1rem; display: block; } .A_li9 { background-color: #533335; } li.A_li9:hover p { color: #ffffffd2 !important; } .A_li9_name { color: #fff; font-size: .8rem; padding-left: 1.4rem; font-weight: 600; margin-top: 1.8rem; } .A_li9_text { color: #fff; font-size: .56rem; margin-top: .8rem; padding-left: 1.4rem; padding-right: 1.4rem; line-height: 1.04rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; } .A_li9 a { padding-left: 1.4rem; padding-top: 1rem; display: block; } /* 第一屏 */ /*index*/ .index-flash { width: 100%; } .index-flash .wal2 { width: 100%; /* padding-top: .48rem; */ } .index-flash .lsds{ width: 58%; } .index-flash .list { width: 100%; overflow: hidden; position: relative; } .index-flash .list li { position: relative; height: 31.1rem; } .index-flash .list li .img { height: 26.75rem; min-height: 13.75rem; } .index-flash .list li .img a { position: relative; display: block; height: 100%; isplay: block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } /*.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;} */.index-flash .list li .img a:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .index-flash .list li .img a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 0; top: 0; /* background: url("../images/bg20_2.png") center bottom repeat-x; */ background-size: auto 4.28rem; } .index-flash .list li img { height: 100%; } .index-flash .list li .layer { position: absolute; z-index: 1; top: auto; bottom: 0rem; width: 100%; height: 8rem; padding: 1rem; background: rgba(0, 0, 0, .4); } .index-flash .list li .layer a { color: #fff; } .index-flash .list li .layer .tag a { line-height: 1rem; padding: 0 .2rem; font-size: .64rem; background: #791CB5; } .index-flash .list li .layer h3 a { font-size: 1rem; line-height: 1rem; padding: .35rem 0; display: block; } .index-flash .list li .layer p a { font-size: .64rem; line-height: 1rem; opacity: 0.67; display: block; } .index-flash .side ul { position: absolute; z-index: 1; left: auto; right: 0; top: 0rem; bottom: 0; background: #fff; width: 25rem; display: flex; flex-direction: column; justify-content: space-between; } .index-flash .side ul li { position: relative; width: 100%; padding: .8rem 11rem 0 1rem; z-index: 1; height: -webkit-fill-available; } .index-flash .side ul li:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 2.19rem; height: .04rem; background: #EBEBEB; } .index-flash .side ul li:last-child:before { display: none; } .index-flash .side ul li:after { content: ""; display: block; position: absolute; left: 0; top: -0.26rem; right: -0.26rem; bottom: -0.26rem; background: #BA9A05; opacity: 0; } .index-flash .side ul li .time { font-size: .56rem; color: #A0A0A0; padding-bottom: .08rem; } .index-flash .side ul li .name { font-size: .72rem; line-height: 1rem; color: #524A64; /* min-height: 4.6rem; */ font-weight: bold; } .index-flash .side ul li .time, .index-flash .side ul li .name { position: relative; z-index: 2; } .index-flash .side ul li .img { width: 10rem; position: absolute; z-index: 1; left: auto; right: 0; top: 0; bottom: 0; background: center no-repeat; background-size: cover; } .index-flash .side ul li.on { z-index: 2; } .index-flash .side ul li.on:after { opacity: 1; left: -0.2rem; } .index-flash .side ul li.on .time { color: rgba(255, 255, 255, 0.6); } .index-flash .side ul li.on .name { color: #fff; } /* 第4屏 */ .buju { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; } .titline_z { position: relative; background-image: linear-gradient(#fff, #FFFF); background-position: 0 100%; background-size: 0 .1rem; background-repeat: no-repeat; transition: background-size .3s; } .titlin_z .titline_z:hover { background-size: 100% .1rem; } .aleftd { padding: 2rem 3rem 2rem 2rem; width: 45% !important; /* background: url(../images/tzbg.png) #fff no-repeat left center; */ background: rgba(255, 255, 255, .05) no-repeat left center; background-size: auto 100%; height: 44%; margin-top: 1rem; margin-right: 1.5rem; } .gengduo { font-size: .8rem; } .gengduo a { color: #fff; } .aleftd .tit span { display: inline-block; /* color:#660774; */ color: #fff; font-size: 1.2rem; line-height: 1.2rem } .aleftd ul li .time { position: relative; margin-bottom: .6rem; /* color: #660774; */ color: #fff; font-size: .64rem; line-height: .96rem; } .aleftd ul li .time i { position: relative; z-index: 2; padding: 0 .4rem 0 0; /* color: #660774; */ color: #fff; font-size: .96rem; } .aleftd ul li { padding: 1.8rem 0; width: 48%; font-size: .72rem; } .aleftd ul li a { color: #fff; } .iconfont { font-family: "iconfont" !important; font-size: .64rem; font-style: normal; -webkit-font-smoothing: antialiased; } .iconjiyin:before { content: "\e601"; } .aleftd ul li .time:before { position: absolute; top: 49%; right: 4rem; left: 1.2rem; z-index: 0; height: .04rem; /* background: #e0cce3; */ background: #fff; content: ''; } .aleftd ul li .time time { position: relative; z-index: 2; display: block; padding-left: .6rem; /* background: #fff; */ } /* ********************************************************************* */ .bujus { padding: 0rem 4rem 0rem 4rem !important; } .porea { position: relative; } .dleft { width: 41.7% } .dright { width: 48%; display: flex; flex-direction: column; justify-content: space-between; } .dleft .pic { height: 20rem } .dleft .item .info { background: brown; background-size: cover; color: #fff; padding: 1.2rem 1rem } .dleft .item .info p { display: none } .item h4 { display: flex; margin-bottom: .8rem; border-bottom: .04rem solid rgba(255, 255, 255, .5); justify-content: space-between; align-items: baseline; } .item h4 span { position: relative; padding-bottom: .3rem; font-size: 1rem; display: inline-block; font-family: 'iconfont'; } .item h4 a { font-size: .56rem; color: #fff } .item h5 { font-size: .64rem; color: #fff; line-height: .8rem; height: 2rem } .item h5 a { z-index: 9; } .item h5 a span { color: #fff; } .dright .item .pic { /* height: 12.5rem; */ width: 50% } .dright .item:nth-child(1) { margin-bottom: 2.5rem } .done .item:nth-child(1) .info { background: #149abf !important; } .done .item:nth-child(2) .info { background: brown !important; } .dright .item:nth-child(1) .info { width: 50%; background: #1682ca; color: #fff; padding: 1.2rem 1rem } .dright .item:nth-child(2) .info { width: 50%; background: #5e318e; color: #fff; padding: 1.2rem 1rem; order: 1 } .dright .item:nth-child(2) .info { order: 1 } .dright .item:nth-child(2) .pic { order: 2 } @media screen and (max-width: 39.2rem) { /* .homed .dleft{width: 100%;margin-bottom: 1.2rem} .homed .dright{width: 100%} */ } @media screen and (max-width: 25.6rem) { /* .homed .dleft .pic{height: 9rem} .homed .dleft .item .info p{display: -webkit-box;} .homed .dright .item .pic{height: 9rem;width: 100%} .homed .dright .item .info{width: 100%!important} .homed .dright .item:nth-child(2) .info{order: 2} .homed .dright .item:nth-child(2) .pic{order:1} */ } @media screen and (min-width: 76.84rem) { .homec .aright .item .tcc { margin-left: 8.5vw; transition: .3s } .homec .aright .item:hover .tcc { margin-left: 8.5vw } } @media screen and (max-width: 51.16rem) { body, html { position: relative; height: auto } .slideMain .swiper-slide { height: auto; } .homed { padding: 2rem 0rem; } .main-wrapper { display: block; } .homef .home-footer .fright .frightb { /* display: flex; flex-wrap: wrap; justify-content: center; */ } } @media screen and (max-width: 51.16rem) { .slideMain .swiper-slide .container { margin: 0 auto; padding-top: 3.2rem; padding-left: 0; width: 90%; } } @media screen and (max-width: 16.56rem) { .homef .home-footer .fright .frightb .rr { /* width: 16.56rem */ } } /*ie11 css hack*/ @media all and (-ms-high-contrast:none) { *::-ms-backdrop, .homea .aleft { width: 35.8%; padding-right: 4% } .homec .aleft { width: 35.8%; padding-right: 4% } .homed .aleft { width: 35.8%; padding-right: 4% } .homee .aleft { width: 35.8%; padding-right: 4% } } @media screen and (max-width:65.2rem) { .homef .home-footer .fright .frighta { /* padding-right: 5.25%; padding-left: 3.3% */ } .homef .home-footer .fright .frighta .aright .imglink img { /* width: 3.8rem */ } .homec .aright .item .tcc { margin-left: 5.8vw } .homec .aright .item:hover .tcc { margin-left: 7.5vw } } @media screen and (max-width:57.6rem) { .subNavList .navitem::before { font-size: 2rem } /* .homea-top .logo img{height:2rem} */ .homea-nav .navsitem { padding: 0 1rem; color: #fff } .homea-nav .navsitem>a { font-size: .64rem } .homee .aright .slideaa .aaleft p { font-size: .6rem } .subNavList .navitem ul li { font-size: .72rem } .homec .aright .item .tcc { margin-left: 5.2vw } .homec .aright .item:hover .tcc { margin-left: 7vw } } @media screen and (max-width:54.64rem) { .subNavList .navitem::before { font-size: 1.6rem } .subNavList .navitem ul li { padding: .48rem 0; font-size: .72rem } .homea-nav .navsitem { padding: 0 .8rem; color: #fff } .homea-nav .navsitem>a { font-size: .64rem; } .homea-nav .navsitem .subnavs li a { font-size: .56rem } .homea-mid .aleft .t { font-size: 1.36rem } .homea-mid .aleft .t span { width: 1.44rem; } .homea-mid .aleft .t span:first-child { margin-right: .6rem; } .slideMain .more a { width: 7.2rem; height: 1.8rem; font-size: .56rem } .slideMain .more a:after { top: .8rem } .homea .more { bottom: -8vh } .homec .more { bottom: 10vh } .homec .aright .item .tc p { max-height: 12rem } .homec .aright .item .tcc { margin-left: 3.5vw } .homec .aright .item:hover .tcc { margin-left: 6.5vw } .homec .aleft .t0 { font-size: 1.6rem } .homec .aleft .t1 { font-size: .64rem } .homec .aleft .t2 { font-size: 1.2rem } .homec .aleft img { transform: translateX(0) } .homed .aleft .t0 { font-size: 1.6rem } .homed .aleft .t1 { font-size: .64rem } .homed .aleft .t2 { font-size: 1.2rem } .homed .aleft img { transform: translateX(0) } .homed .aright .item h4 { font-size: .96rem } .homee .aleft .t0 { font-size: 1.6rem } .homee .aleft .t1 { font-size: .64rem } .homee .aleft .t2 { font-size: 1.2rem } .homee .aleft img { transform: translateX(0) } .homee .aright .slideaa .aaleft { padding-top: 4% } .homee .aright .slideaa .aaleft h3 { margin-bottom: .6rem; font-size: .8rem } .homee .aright .slideaa .aaleft p { font-size: .6rem } .homee .aright .slideaa .aaleft .slidea-next, .homee .aright .slideaa .aaleft .slidea-prev { bottom: .8rem } .homee .aright .slideaa .aaleft .slidea-prev img { height: 1.2rem } .homee .aright .slideaa .aaleft .slidea-next img { height: 1.2rem } .homee .aright .slidebb .ct, .homee .aright .slidecc .ct { font-size: .72rem } .homee .aright .slideb .slide p a, .homee .aright .slidec .slide p a { padding: .6rem 0; font-size: .64rem } .homee .aright .slidebb .ct, .homee .aright .slidecc .ct { bottom: 2.04rem } .homef .home-footer .footlogo { /* height: 2.16rem */ } .homef .home-footer .copyright span { /* display: block; margin: 0; padding: .12rem 0 */ } } @media screen and (max-width:51.16rem) { .oneping { height: 36rem; } /*.slideMain .page{overflow:auto;-webkit-overflow-scrolling:touch}*/ .slideMain .swiper-slide .container { margin: 0 auto; padding-top: 3.2rem; padding-left: 0; width: 100%; } .headerm { /* display: flex */ } .homea-top, .leftFix { /* display:none */ } .subNav { padding-top: 2.4rem; padding-left: 0 } .subNavList .navitem { width: 50%; height: 33.33333% } .subNavList .navitem:nth-child(3) { border-right: .04rem solid #264597 } .subNavList .navitem:nth-child(4) { border-bottom: .04rem solid #264597 } .subNavList .navitem ul li { font-size: .64rem } .subNavList .navitem::before { font-size: 1.36rem } /* .homeb::before{top:0;bottom:auto;left:0;width:100%;height:100vh} .homeb::after{top:0;right:0;bottom:0;width:100%} */ .homec::before { top: 0; bottom: auto; left: 0; width: 100%; height: 45vh } .homec::after { top: auto; right: 0; bottom: 0; width: 100%; height: 55vh; background: url(../images/bright1.png) no-repeat center; background-size: 100% 100% } .homed::before { top: 0; bottom: auto; left: 0; width: 100%; height: 45vh } .homed::after { top: auto; right: 0; bottom: 0; width: 100%; width: 100%; height: 55vh } .homee::before { top: 0; bottom: auto; left: 0; width: 100%; height: 42vh } .homee::after { top: auto; right: 0; bottom: 0; width: 100%; height: 75vh } .homea-mid { height: max-content; /* padding: 2rem 4rem; */ } .homea-mid .aleft { margin: 0 auto; margin-bottom: 5vh; padding-left: 0; width: 50% } .homea-mid .aleft img { max-height: 30vh } .banner, .banner .slide { height: 35vh } .homea-mid .aright { width: 100% } .homec .more { bottom: 0 } .homec .aleft { margin: 0 auto; padding-left: 0; width: 50% } .homec .aleft img { max-height: 30vh } .homec .aright { width: 100%; height: 43vh; background: url(../images/cright.jpg) no-repeat center; background-size: 100% 100% } .homec .aright .item .tc p { display: none } .homed .aleft { margin: 0 auto; padding-left: 0; width: 50% } .homec .aright .item .tcc { margin-left: 12vw } .homec .aright .item:hover .tcc { margin-left: 12vw } .homed .aleft img { max-height: 30vh } .homed .aright { width: 100%; height: 45vh } .homed .aright .itema .pic { height: 30vh } .homed .aright .itemb .pic { height: 30vh } .homed .aright .itema { margin-right: 2%; transform: translateY(5vh) } .homed .aright .itemimg { width: 35% } .homed .more { position: absolute; bottom: 0; left: 6vw } .homee .aleft { margin: 0 auto; padding-left: 0; width: 50% } .homee .aleft img { max-height: 30vh } .homee .aright { padding-right: 0; width: 100%; height: auto } .homee .aright .slidea .slide a { height: 24vh } .homee .aright .slidec .slide a.mark { position: relative; height: 20vh } .homee .aright .slideb .slide a.mark { position: relative; height: 20vh } .homef .home-footer .fleft { /* padding: 1.6rem 0; width: 100% */ } .homef .home-footer .fright { /* width: 100%; background: #062c7b */ } .homef::after { /* display: none */ } .homef::before { /* display: none */ } .homef .home-footer .copyright { /* margin-top: 1.2rem */ } .homef .home-footer .fright .frighta .aright .imglink img { /* width: 3.4rem */ } .homef .home-footer .fright .frighta .aright .imglink p { /* font-size: .56rem */ } /* .slideMain .more{position:static;margin-top:1.2rem;margin-bottom:1.6rem;margin-left: 50%; transform: translateX(-50%);} */ .homec .aright .item h4 { margin: 0 auto } .homec .aright .item .tcc { margin: 0 auto; width: 1.4rem } .homec .aright .item .tc { writing-mode: inherit; writing-mode: inherit } .homec .aright .item:hover .tcc { margin-left: auto } } @media screen and (max-width:30.68rem) { .subNavList .navitem::before { font-size: .96rem; } .subNavList .navitem ul li { font-size: .56rem; width: 50%; padding: .32rem 0 } .slideMain .swiper-slide .container { display: block } .slideMain .more a { width: 5.2rem; height: 1.52rem; font-size: .52rem; line-height: 1.28rem } .slideMain .more a:after { top: .6rem } .headerm .logo img { height: 1.4rem } .homea-mid .aleft .t { font-size: .88rem } .banner, .banner .slide { height: 30vh } /* .homeb .aleft .slidenews .pic{height:35vh} .homeb h3.syst{padding:0 0 .8rem;font-size:.96rem} */ /* .homeb .aleft{margin-bottom:.8rem} .homeb .aleft .slidenews .slide p{padding:.4rem 5%;font-size:.56rem} .homeb .aleft .zhxwList li h4 a{font-size:.6rem} .homeb .aleft .zhxwList li .time span{font-size:.56rem} .homeb .aleft .zhxwList li .time{font-size:.48rem} .homeb .aleft .zhxwList li h4{width:calc(100% - 4rem)} .homeb .amid{margin-bottom:1.2rem} .homeb .amid ul li .info h4{margin-bottom:0;font-size:.6rem} .homeb .amid ul li .info p{display:none} .homeb .amid ul li .time{width:2rem;font-size:.48rem} .homeb .amid ul li .time time{height:2rem} .homeb .amid ul li .time time span{font-size:.8rem} .homeb .amid ul li .info{width:calc(100% - 2.4rem)} .homeb .aright .info{padding:.8rem 0 0;height:auto} .homeb .aright .info h4{margin-bottom:.4rem;width:100%} .homeb .aright .info .time{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap} */ .homec .aleft { width: 90% } .homec .aleft .t0 { margin-bottom: .4rem; font-size: 1.2rem } .homec .aleft .t1 { margin-bottom: .6rem; font-size: .56rem } .homea-mid .aleft .t { font-size: .88rem } .homea-mid .aleft .t span { width: .92rem; } .homea-mid .aleft .t span:first-child { margin-right: .4rem; } .homec .aright { height: 40vh } .homec .aright .item .i img { height: 1.6rem; width: 1.6rem } .homec .aright .item .i { margin-bottom: .4rem; width: 3.36rem; height: 3.36rem } .homec .aright .item .i:after { width: 3.36rem; height: 3.36rem } .homec .aright .item h4 { font-size: .8rem } .homec .aright .item .tcc { margin: 0 auto; width: 1rem } .homec .aright .item { padding-top: 5% } .homec .aright .item:hover { padding-top: 10% } .homed .aleft { width: 90% } .homed .aleft .t0 { margin-bottom: .4rem; font-size: 1.2rem } .homed .aleft .t1 { margin-bottom: .6rem; font-size: .56rem } .homed .aleft .t2 { font-size: .88rem } .homed .aright { padding-right: 0 } .homed .aright .item h4 { font-size: .72rem } .homee .aleft { width: 90% } .homee .aleft .t0 { margin-bottom: .4rem; font-size: 1.2rem } .homee .aleft .t1 { margin-bottom: .6rem; font-size: .56rem } .homee .aleft .t2 { font-size: .88rem } .homee .aright .slideaa .aaleft { padding: 1.2rem 5%; width: 100%; background: #375faa } .homee .aright .slideaa .slidea { width: 100% } .homee .aright .slidea .slide a { height: 30vh } .homee .aright .slideaa .pic { width: 100%; } .homee .aright .slideaa .slidea-next, .homee .aright .slideaa .aaleft .slidea-prev { top: 1.4rem; bottom: auto } .homee .aright .slideaa .aaleft .slidea-next { right: 5%; left: auto } .homee .aright .slideaa .slidea-prev { right: 3.2rem; left: auto } .homee .aright .slideaa .aaleft .slidea-next img, .homee .aright .slideaa .aaleft .slidea-prev img { height: 1rem } .homee .aright .slidebb { margin-bottom: .8rem; width: 100% } .homee .aright .slidecc { width: 100% } .homee .aright .slideb .slide a.mark { position: relative; height: 30vh } .homee .aright .slidec .slide a.mark { position: relative; height: 30vh } .homef .home-footer .fright .frighta { /* padding: 1.2rem 5%; height: auto */ } .homef .home-footer .fright .frighta .aleft { /* margin-bottom: .8rem; width: 100%; text-align: center */ } .homef .home-footer .fright .frighta .aright { /* width: 100% */ } .homef .home-footer .fright .frighta .aright .imglink { /* margin-left: 0; width: 24% */ } .homef .home-footer .fleft { /* padding: 1.2rem 0 .8rem; width: 100% */ } .homef .home-footer .footlogo { /* height: 1.76rem */ } .homef .home-footer .copyright { /* margin-top: .6rem */ } .homef .home-footer .fright .frighta .aright .imglink p { /* font-size: .48rem */ } .homef .home-footer .fright .frightb { /* padding: .6rem 5% 1.2rem; height: auto; line-height: 1.3em */ } .homef .home-footer .fright .frightb .rr { /* width: calc(100% - 3.2rem); font-size: .48rem */ } .homed .more a:before { border: .04rem solid #4d89e1 } .homed .more a:after { background: #4d89e1 } .subNavList .navitem ul li a::before { display: none } .subNavList .navitem ul li a::after { display: none } .subNavList .navitem::before { font-size: .8rem; } .subNavList .navitem ul li { font-size: .56rem; width: 50%; padding: .2rem 0 } } @media screen and (max-width:14.4rem) { .headerm .logo img { height: 1.28rem } .menu-btn { margin-left: .6rem } /* .homeb .aleft .zhxwList li{padding:.4rem 0} .homeb .aleft .slidenews .pic{height:30vh} */ .homee .aleft img { max-height: 35vh } .homea-mid .aleft .t { font-size: .8rem } .homef .home-footer .fright .frighta { /* padding: .8rem 5%; height: auto */ } .homef .home-footer .fright .frighta .aleft p { /* padding: .08rem 0 */ } .homee::before { height: 50vh } .homee::after { height: 50vh } .homed::before { height: 50vh } .homed::after { height: 50vh } .homec::before { height: 50vh } .homec::after { height: 50vh } .homed .aleft img { max-height: 35vh } .homec .aleft img { max-height: 35vh } .homed .aright .itemimg { bottom: -1.2rem } .homef .home-footer .fright .frightb .rr a { /* display: inline-block; margin: 0 .2rem */ } .homef .home-footer .copyright span { /* padding: 0; font-size: .48rem */ } .subNavList .navitem::before { font-size: .72rem; } .subNavList .navitem ul li { font-size: .52rem; width: 50%; padding: .2rem 0 } } @font-face { font-family: "iconfont"; src: url('../fonts/iconfont.eot?t=1616663050118'); /* IE9 */ src: url('../fonts/iconfont.eot?t=1616663050118#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAjAAAsAAAAAEFwAAAhwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFIgqQSI06ATYCJANECyQABCAFhG0HgUQb4g0jkjDSILK/POAOyy3c8USxsb21sf1CsR+PkjYoJkp3eAQmBeKmhuqL6uiv44H/e9l946/Jbf4aWMc7vkAS3BRoCG2B/fP8Nv88LhaPEKdgVhBGMeuXugzYGv5v2ipAF93EovMTAG0+oP6/AAIQuIFN5/FEm1PrGqgFSKgwC5b2J53w7zxkW1nKyU7X/K+5eofL67Z5Wypr8R93k3/C46OaVOx1EiFNxCp4XMhQCqVSYsbg31s38XEAyn8tMAGtPZtw8lbIAnMZoQPGXFEbD8xLFXJPdlCXli0O8+xvMFHHB8JpAI/xz4d/CG9OVCQkqNPWrGZIfYhtZ3wjvxYJgL9eHQxtJGzIBvfZ2vAMKIVbzLRtk4mewI5Z/e3+C4Oj8hCuAEu1TtOcerRiO2/skc9XEbNjZeRisEPl9xz8E49WoTEoVTpJFkx6o1ktEkpgejX+vWfmC+NSWr5wKQVfVKTxWQ8gA9hwICXYfCAV2ALQ5rMVQBJYFpAMthpIANsJZAI7DUgP9hSkjHyvkDLztwOpY3YnpolgkQ6OcEw8m0C6nBDuWoUlxQMTOUBB1khM8QMPzCtyGHqJWwwsy3GsVso0ytCGeZAzsdT365t7+9+Sm/nzDCxGeTsKpVOoETC5HKlgXGTDlvCtWeJWEl8tGscEylHhsJxF4itGRGNdJe1zyaMawThOEan5ql8FsmYNr1MJGVOnMrmyFlygEaqMSi6uU0bdPMrI2DoSWQi7NRidReLOB0suzporZMzaU/tMiUIupgqlyi7mbNk4K9YzxPOTm1sTW1Lmi2xaDlTeLD5hcltrG94uZMSgQMv2Tm5usUaar9WydDq2wcDV6zlETqREmWj5O3gclS9bIhoXMLD5Um9vqbZKp/Uskl3j6A2VXb0M6W1WnMzQKdayJHZ2knvcUUYjO4bDmwxsbshk31pOJHsyD+OwAnkhy2+cow2pEWhIJOyR24DAV78UND6/zSpfW1op3iwcZVQf1GMGQ8vgTqH2vBZMH0WGSwZOd6B4u+fWi3qDSDefVE2uJD0zrTgO/ANRtG2HnDH8tF4rOyhsEkc6ai2W27DJXJmSIR22ZpHaH1WYKtUwMFor7mH1sJY1oOOKLvDPCy8KLs2nHhISdEjTdSC9nsVSHRee9P+02MggtSiAKxt7ZVY7Jbo4yR67nsAJbeTm6K3RN8A8s9cbfMZ9ZCMjdmqdbsK3UCy20bFp8BImLmN2OayLkYl+Pax1HdBlHTN4DOpLt2wHa7TBuhaJiPmIaxDbDgJtszXj4SMPHGbTV7nvvkMm3t7tvtr9lPG7S0D4f2qjX4DVbK/ZVvhQPDN+aAnJnzyYwEwYZLraYvqjv1nO.36remt9c1K3hiq1dOhJz/xEnpgOigvaI30XOysQUjawMqeLWa9CXnVg/urbd1t5fcftLrynrwiPeGFsR88WDmFzpx7//4qSAovfzlELL28ePElHP6bSlOcOa10UopBGscsR+UmgNJjImnwcEqjJoeK8B508SLqRT0S9ujZFy4igIm9aGARQaUiLKJIpRb1BLU6T1Krotz4z/Dwr9uHhjTObGcNgMehmp2OgefbjIUmWR/Ste309dUo92vUP1ZfszZnvKS/9SmvXPS/w8F+zZvdvt4tpo4tK7cwk6b8kXRti8ey+uVrVnmWeZ4L+bTDJtbFXv0eF1mPYN26We4l7uf9f+zSiW3J9w4AoNQ9xO/fF3tUIAmhyifs7yUMosuXEdSDKgGVOrC2hkqn3r4NtWNUAVTeBq6I2+nhNTScF7GMeM12Lc3buPeW/YOwpTlouMlayzSsvL29DPPJdmxzzPEpYB1ZvllOX59d5kN9/YrfeOcl/Kel1aamQVL/8/bjDrVnHIpols50WuqAbytv6p1sswEWle50Z95VR8XV4un9f/wnvhJbVcWnsufKi9YqBD0z+itmPaJhNO5tE5pSnrYgFeNyXbBUbmUq9qaSi6W6pAPe+tJL3Iq5ZjokTvv8zyeB14TlbVVABDLSxgAHiwk3rz+cczXr6U83H024zH6tUaJYWai5/lDz+uYyAZ++FXkuis9flbzTM7LDFLlLDu7lOnTzigoEKxouB9GnVwrMxC2DZdcvxfnmepb3lu5uCY5JauWUV5Q3JzYJCEt8VY9uMf6hg3Hum4oKFxfOvYk7vpS6F1JLXkQ54cAhwgAYcuJX2q4UZWAogIpH8tjFWN8gttIEbWBYt7ba223EVmr6YbGRDwAA6DxhPI7X51/D5kz/DMavdSNnZGsJSzr/QjiaBvxPfGrBfnQAhXfz0WMkAKAwFQVSJEDcBjV6r7bfJs4krNV5EG1Giejdg+pR+jXOEBjO2U800BI/mOP/ew+uL5luobQb+cSZ61KXF2o0dUWbZzIJAIA401SqlXSiuwq+DVYvWU0JcsUiOpSARScBAEj0AMDVrMUKbu7L2YymLqScTc4jgBk4QdQW7wmJiA/kmQAOkdAU8Sk8EgRAjnMcJsE0QIARLQDAH5aDh4ElrOMRgAr7IEL8GUhE/A2eCTDghdoU6RjikYCDTfIQB/op7S6CKqEF/QAy3DtWnXbJ2C/0Y6tEUWqm/lAicQ9lVoR979ijrGElXn2VkgMn3MHbzQK2LcMgXKNJWUDvcM5zZ1nNDHeT3eQiqJIUtUA/ZMlw765Ou9r3f6EfWyU9S3qyfyiRng5KmWIE/s70o5Y8y+R49ZWk1Dngs4U78KbUYUu7GQzt+mo0KRNmdA5nubKVG8tk+3Pdd8+Er29Z4ts9EyVZUTXdMK9zlizbeXi0tEpASg3t/sFjTapPel+5f46cG1maliPu7qRq9HJ8iix9aFcRlZiwrOlB/ToGMgcuLT0D7Tm5VqcX7Dfr0vcczj+ijrWl3t+QJhMAAAA=') format('woff2'), url('../fonts/iconfont.woff?t=1616663050118') format('woff'), url('../fonts/iconfont.ttf?t=1616663050118') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/iconfont.svg?t=1616663050118#iconfont') format('svg'); /* iOS 4.1- */ } .static-name{ width:100%; display:block; background:#fff; height:3rem; padding:0.3rem 1rem; position:absolute; bottom:2.4rem; } .static-name h3{ font-family: "SourceHanSerifCN-Bold" !important; color:#333; font-size: 0.9rem; } .static-speaker{ padding-top:0.07rem; font-size:0.6rem; color:#666;} .homef{ background:#13439b url(../images/shading.png) no-repeat;} .crumbs{ width: 56rem; margin: auto; text-align: right; /* color: #868686; */ padding: 1.52rem 0; font-size: 0.72rem; } .crumbs a{ /* color: #868686; */ } .crumbs .last{ color: #13439b; } .crumbs img{ display: inline-block; vertical-align: middle; /*margin-right: .4rem;*/ width: 40px; height: 40px; } .con{ width: 56rem; margin: auto; } .con a{ display: block; } .clearfix{ zoom:1; } .portal_list li{ padding: 1.6rem 0; border-bottom: .04rem dashed rgba(0,0,0,0.2); } .txt{ width: 62%; } .time{ width: auto; text-align: right; font-size: 0.72rem; } .ta{ padding-bottom: .8rem; margin-bottom: .8rem; border-bottom: .04rem solid #113a85; color: #113a85; font-family: "time"; } .title{ margin: .6rem 0 1.4rem; } .fnt_22 { font-size: .88rem; } .des{ color: #666666; line-height: 1.28rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 0.72rem; } .left{ float: left; } .right{ float: right; } .full_width{ width: 100%; }