锘縜{ text-decoration: none; } /*婊氬姩鍐呭*/ .wrapper-parallax { margin-top: 100%; margin-bottom: 300px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper-slide video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; } /*.swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: #000; opacity: 1; background: rgba(0, 0, 0, 0.2); } .swiper-pagination-bullet-active { color: #fff; background: #007aff; }*/ .swiper-pagination { text-align: right; margin: auto 0 50px auto; right: 5vw; z-index: 2; } .swiper-pagination-bullet { width: 16px; height: 16px; text-align: center; line-height: 16px; color: #000; opacity: 1; background-color: rgba(255, 255, 255, 0.8); } .swiper-pagination-bullet-active { color: #fff; width: 50px; border-radius: 10px; } .swiper-button-prev, .swiper-button-next { display: none; background-color: rgba(170, 170, 170, 0.8); padding: 10px; color: #ccc; } .swiper:hover .swiper-button-prev, .swiper:hover .swiper-button-next { display: unset; } /*瑙e喅html5鍥爈ine-height瀵艰嚧鍨傜洿灞呬腑闂*/ .swiper-button-next:after, .swiper-button-prev:after{ display: block; } /* .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -50%; }*/ .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ /*background-color: #1aad19;*/ width: 200px; right: 20px; } .swiper-horizontal>.swiper-pagination-bullets>span{ /* width: 100px; */ display: block; margin: 0px 4px; /* padding: 0 10px; */ float: left; } .swiper-fade a{ width:100%; height:100%; } swiper-container { width: 100%; height: 100%; } swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } swiper-slide video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; } /* .icon-title:before { content: "\e62c"; } .icon-title:after { content: "\e621"; }*/ .swiper.dataSwiper { width: 100%; height: 400px; } .swiper.dataSwiper .banner-bottom { background-image: none; display: none; } .swiper.dataSwiper .swiper-slide { background-color: unset; background-image: url(../../img/v3/index-bg2.png); background-position-y: -70px; background-size: cover; background-repeat: no-repeat; background-position-x: center; position: relative; } .swiper.dataSwiper .swiper-pagination-bullet { margin: 0; background-color: #e3e3e3; width: 30px; } /* .swiper.dataSwiper .swiper-pagination-bullet:first-child { border-radius: 10px 0px 0px 10px; } .swiper.dataSwiper .swiper-pagination-bullet:last-child { border-radius: 0 10px 10px 0; } .swiper.dataSwiper .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active { border-radius: 10px; }*/ .swiper.dataSwiper .swiper-pagination-bullet-active { background-color: #004898; width: 50px; border-radius: 10px; } .swiper.dataSwiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { width: 80px; background-color: #e3e3e3; right: 0; border-radius: 10px; } .swiper.dataSwiper .swiper-pagination { margin: auto; } /*婊氬姩鍐呭瀹屾瘯*/ /*content news妯″潡*/ .content.news { padding-top: 140px; background-color: #fff; height: 980px; min-height: 980px; } .content.news .title, .content.mod4 .title { width: 245px; font-size: 36px; text-align: center; background-image: url('../../img/v3/title-bg.png'); background-repeat: no-repeat; background-position: center; margin: 0 auto; } .content.news .title_en, .content.mod4 .title_en { width: 600px; font-size: 24px; text-align: center; margin: 0 auto; } .content.news .title_en{ font-size: 18px; } .content.news .items_1 { width: 1310px; height: 340px; font-size: 24px; margin: 10px auto; /*background-color: #9c3535;*/ } .content.news .items_1 div.item { width: 300px; height: 330px; margin-right: 30px; float: left; border: 1px solid #eee; box-shadow: 7px 5px 8px 3px rgba(218, 218, 218, 0.82); /*border-top: 4px solid #02509b;*/ } .content.news .items_1>a:last-child .item { margin-right: 0px; } .content.news .items_1 div.item>.border-top, .content.mod2 div.item>.border-top { width: 100%; height: 4px; background-color: #02509b; } /*鍥剧墖鍖哄煙*/ .content.news .items_1 div.item>.newsimg, .content.mod2 div.item>.newsimg { /*width: 300px;*/ width: 100%; height: 185px; background-position: 50%; background-size: cover; background-color: #777; background-repeat: no-repeat; /*background-position-y: top;*/ background-position-x: center; position: relative; } .content.news .items_1 div.item>.newsimg>span, .content.mod2 div.item>.newsimg>span { position: absolute; bottom: 0; width: 100%; text-align: right; padding-right: 10px; box-sizing: border-box; /*閬垮厤鍥爌adding瓒呭嚭*/ height: 16px; line-height: 16px; font-size: 12px; color: #fff; background-color: rgba(0, 0, 0, 0.5); } /*涓嚎*/ .content.news .items_1 div.item>.line, .content.mod2 div.item>.line { height: 5px; line-height: 5px; background-color: #26418c; } .content.news .items_1 div.item>.line div, .content.mod2 div.item>.line div { float: left; height: 5px; background-color: #02509b; text-align: center; color: #fff; font-size: 20px; font-weight: bolder; } .content.news .items_1 div.item>.line .line_1, .content.mod2 div.item>.line .line_1 { background-color: #de6a25; width: 15px; } .content.news .items_1 div.item>.text { height: 135px; background-color: #fff; } .content.news .items_1 div.item>.text>.text1, .content.news .items_2 div.item>.text2, .content.mod2 .items_2 div.item>.text>.text1 { height: 46px; padding: 5px 0; font-size: 18px; font-weight: 600; color: #004898; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-y: hidden; line-height: 26px; } .content.news .items_1 div.item>.text>.text2, .content.mod2 .medium .items_2 div.item>.text>.text2 { height: 55px; padding: 5px 0; font-size: 14px; color: #7f7f7f; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow-y: hidden; text-align: justify; /*230919*/ line-height: 20px; } .content.news .items_1 div.item>.text>.text1, .content.news .items_1 div.item>.text>.text2{ padding: 5px 15px; } .content.news .items_2 { font-size: 24px; background-color: #f2f2f2; margin: 40px 0px 0px; height: 325px; } .content.news .items_2>div { position: absolute; width: 1530; margin: 40px auto; left: 50%; margin-left: -765px; } .content.news .items_2 a {} .content.news .items_2 div.item { width: 380px; height: 245px; float: left; border-right: 1px solid #c7c7c7; /*border-top: 4px solid #02509b;*/ } .content.news .items_2 div.item>.text1 { padding: 3px 50px; box-sizing: border-box; color: #004898; font-size: 16px; font-weight: 600; text-align: left; } .content.news .items_2 div.item>.text2 { padding: 3px 50px; box-sizing: border-box; color: #000; height: 54px; } .content.news .items_2 div.item>.text3 { padding: 3px 50px; box-sizing: border-box; height: 120px; font-size: 14px; color: #7f7f7f; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow-y: hidden; text-align: justify; } .content.news .items_2>div>a:last-child .item { border-right: 0px; } .content.news .more, .content.mod6 .more { width: 1290px; text-align: right; margin: 10px auto 0; } .content.news .more a, .content.mod6 .more a { color: #818181; text-decoration: none; } /* content news缁撴潫 */ /*content mod2妯″潡*/ .content.mod2 { background-color: #fff; height: 880px; min-height: 880px; } .content.mod2 a { text-decoration: none; } .content.mod2>div { width: 1310px; height: 860px; position: absolute; left: 50%; margin-left: -655px; } .content.mod2 .person { margin-top: 20px; width: 610px; height: 820px; float: left; margin-right: 50px; } .content.mod2 .medium { margin-top: 20px; width: 650px; height: 440px; float: left; } .content.mod2 .notice { margin-top: 20px; width: 650px; height: 360px; float: left; } .content.mod2 .title, .content.mod3 .title, .content.mod5 .title, .content.mod6 .title { width: 245px; font-size: 36px; text-align: left; color: #000; font-weight: 600; } .content.mod5 .title, .content.mod6 .title{ font-weight: 400; } .content.mod2 .title_en, .content.mod3 .title_en, .content.mod5 .title_en, .content.mod6 .title_en { width: 300px; font-size: 18px; text-align: left; font-weight: 500; } /*澶у潡*/ .content.mod2 .items_1 div.item>.border-top { margin-top: 20px; } .content.mod2 .items_1 div.item>.newsimg { /*width: 610px;*/ width: 100%; height: 420px; } .content.mod2 .items_1 div.item>.newsimg>span.text { text-align: left; font-size: 20px; color: #fff; } .content.mod2 .items_1 div.item>.newsimg>span { height: 34px; line-height: 34px; color: #fff; } .content.mod2 .items_1 div.item>.newsimg>span:first-child { width: 80%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow-y: hidden; text-align: justify; } .content.mod2 .items_1 div.item>.newsimg>span:last-child { width: 20%; right: 0; } /*涓や釜灏忓潡*/ .content.mod2 .person .items_2 div.item { width: 285px; float: left; margin: 30px 40px 0px 0px; } .content.mod2 .items_2 a:last-child div.item { margin-right: 0px; } .content.mod2 .items_2 div.item>.newsimg { /*width: 285px;*/ width: 100%; height: 200px; } .content.mod2 .medium .items_2 div.item { width: 300px; float: left; margin: 20px 40px 0px 0px; } .content.mod2 .medium .items_2 div.item>.newsimg { /*width: 300px;*/ width: 100%; height: 230px; } .content.mod2 .medium .items_2 div.item>.text>.text2 { height: 35px; -webkit-line-clamp: 2; } /*閫氱煡閫氬憡*/ .content.mod2 .notice .item { /*background-color: #26418c;*/ width: 650px; height: 50px; margin-bottom: 22px; } .content.mod2 .notice .item:first-child { margin-top: 20px; } .content.mod2 .notice .item .date { width: 80px; height: 50px; border: solid 1px #c9caca; float: left; } .content.mod2 .notice .item .date>div { height: 25px; text-align: center; font-size: 20px; line-height: 25px; font-weight: 600; } .content.mod2 .notice .item .date>div:first-child { background-color: #004898; color: #fff; font-size: 18px; } .content.mod2 .notice .item .date>div:last-child { background-color: #fff; color: #000; } .content.mod2 .notice .item .title { width: 546px; height: 50px; line-height: 25px; font-size: 20px; padding: 0 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-y: hidden; text-align: justify; } /*content mod3妯″潡 鍥惧潡*/ .content.mod3, .content.mod5 { background-color: #fff; height: 680px; min-height: 680px; } .content.mod3>.bg, .content.mod5>.bg { background-color: #02509b; width: 100%; height: 490px; } .content.mod3 .main, .content.mod5 .main, .content.mod6 .main { position: absolute; width: 1300px; height: 610px; margin: 30px auto; left: 50%; margin-left: -650px; } .content.mod3 .title, .content.mod3 .title_en { color: #fff; } .content.mod3 .main .items, .content.mod5 .main .items, .content.mod6 .main .items { margin-top: 20px; /*background-color: #26418c;*/ width: 1300px; height: 520px; } /*鍥剧墖缂╂斁*/ .content.mod3 .main .items>a img{ transition: All 1s ease; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; } .content.mod3 .main .items>a:hover img{ transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } .content.mod3 .main .items>a .img { width: 100%; overflow: hidden; position: relative; } .content.mod3 .main .items>a .img img { width: 100%; } /*鍥剧墖缂╂斁缁撴潫*/ .content.mod3 .main .items>a:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .content.mod3 .main .items>a>div { background-position: 50%; background-size: cover; background-color: #777; background-repeat: no-repeat; /*background-position-y: top;*/ background-position-x: center; position: relative; float: left; overflow: hidden; } .content.mod3 .main .items>a>div>div.text { position: absolute; background-image: url(../../img/v3/media-bg.png); width: 100%; height: 135px; bottom: 0; } .content.mod3 .main .items>a>div>div.text>span { color: #fff; font-size: 18px; border-bottom-style: solid; border-bottom-width: 4px; line-height: 30px; padding: 3px 0; bottom: 2px; left: 20px; position: absolute; } .content.mod3 .main .items div.item_1 { width: 275px; height: 520px; background-color: #777; } .content.mod3 .main .items>a>div.item_1 span { border-bottom-color: #ff00ff; } .content.mod3 .main .items div.item_2 { width: 490px; height: 265px; background-color: chartreuse; } .content.mod3 .main .items>a>div.item_2 span { border-bottom-color: #de6a25; } .content.mod3 .main .items div.item_3 { width: 535px; height: 265px; background-color: blueviolet; } .content.mod3 .main .items>a>div.item_3 span { border-bottom-color: #e60012; } .content.mod3 .main .items div.item_4 { width: 600px; height: 255px; background-color: burlywood; } .content.mod3 .main .items>a>div.item_4 span { border-bottom-color: #1aad19; } .content.mod3 .main .items div.item_5 { width: 425px; height: 255px; background-color: aquamarine; } .content.mod3 .main .items>a>div.item_5 span { border-bottom-color: #7ecef4; } /* mod3 缁撴潫 */ /*content mod4妯″潡 缁嗘暟涓滆蒋*/ .content.mod4 { background-color: #fff; height: 500px; min-height: 500px; background-image: url(../../img/v3/index-bg2.png); background-position: 50%; /*background-position-y: 80%;*/ background-size: cover; background-repeat: no-repeat; background-position-x: center; position: relative; } .content.mod4>.bg { background-color: #02509b; width: 100%; height: 490px; } .dataSwiper .items { width: 1300px; height: 230px; } .dataSwiper .items>.item { width: 210px; height: 230px; float: left; margin-right: 7px; } .dataSwiper .items>.item:last-child { margin-right: 0px; } .dataSwiper .items>.item>.ico { width: 140px; height: 150px; position: relative; margin: auto; } .dataSwiper .items>.item>.text1 { height: 30px; line-height: 30px; color: #000; font-size: 20px; font-weight: 500; } .dataSwiper .items>.item>.text2 { height: 50px; line-height: 50px; color: #004898; font-size: 30px; font-weight: 600; } .dataSwiper .items>.item.large { width: 370px; padding-top: 30px; margin-right: 67px; } .dataSwiper .items>.item.large:first-child { margin-left: 100px; } .dataSwiper .items>.item.large:last-child { margin-right: 0px; } .dataSwiper .items>.item.large>.ico { float: left; } .dataSwiper .items>.item.large>.text1 { float: left; width: 220px; margin-top: 10px; height: 80px; display: flex; align-items: end; /* 鍨傜洿灞呬腑 */ min-width: 100px; text-align: left; padding-left: 10px; line-height: unset; } .dataSwiper .items>.item.large>.text2 { float: left; text-align: left; padding-left: 10px; } .dataSwiper .items>.item.large.m1 { width: 210px; } .dataSwiper .items>.item.large.m1>.text1 { width: 60px; min-width: 60px; } .dataSwiper .items>.item.large.m3>.text1 { font-size: 18px; } /*mod5*/ .content.mod5 { height: 740px; } .content.mod5>.bg { background-color: #e4e4e4; width: 100%; height: 490px; } .content.mod5 .title, .content.mod5 .title_en { color: #000; } .content.mod5 .main .items { height: 590px; } .content.mod5 .main .items .item { height: 590px; width: 290px; float: left; background-position: left; background-size: cover; background-repeat: no-repeat; transition: all .4s; position: relative; } .content.mod5 .main .items .item.active { width: 720px; } .content.mod5 .main .items .item .line { height: 10px; background-color: #02509b; } .content.mod5 .main .items .item.item_2 .line { background-color: #de6a25; } .content.mod5 .main .items .item.item_3 .line { background-color: #dab96b; } .content.mod5 .main .items .item .text { width: 290px; height: 580px; color: #fff; background-position: right; float: left; } .content.mod5 .main .items .item.item_1 .text { background-image: url(../../img/v3/xysh-bg1.png); } .content.mod5 .main .items .item.item_2 .text { background-image: url(../../img/v3/xysh-bg2.png); } .content.mod5 .main .items .item.item_3 .text { background-image: url(../../img/v3/xysh-bg3.png); } .content.mod5 .main .items .item .more { width: 70px; height: 71px; background-image: url(../../img/v3/xysh-more.png); position: absolute; left: 560px; top: 465px; } .content.mod5 .main .items .item .text span.cn { width: 20px; display: block; font-size: 30px; padding-top: 40px; margin-left: 20px; } .content.mod5 .main .items .item .text span.en { width: 30px; display: block; font-size: 18px; transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* IE 9 */ -moz-transform: rotate(-90deg); /* Firefox */ -webkit-transform: rotate(-90deg); /* Safari 鍜 Chrome */ -o-transform: rotate(-90deg); /* Opera */ width: 190px; margin-left: -30px; margin-top: -40px; text-align: right; } /* mod5缁撴潫 */ /* mod 6 */ .content.mod6 { height: 340px; } .content.mod6 .main { height: 300px; } .content.mod6 .main .items { height: 140px; } .content.mod6 .main .items .item { width: 314px; height: 133px; float: left; background-position: center; background-size: cover; background-repeat: no-repeat; margin-right: 14px; } .content.mod6 .main .items a:first-child .item { margin-left: 1px; } .content.mod6 .main .items a:last-child .item { margin-right: 0px; } @media (max-width: 1550px) { .content.news .items_2 div.item { width: 320px; } } @media (max-width: 1340px) { .content.news .items_1 { width: 1195px; padding-left: 5px; } .content.news .items_1 div.item { width: 280px; margin-right: 20px; } .content.news .items_2>div { width: 1200px; margin-left: -600px; } .content.news .items_2 div.item { width: 298px; } .content.news .more, .content.mod6 .more{ width: 100%; } .content.mod2>div { width: 1200px; margin-left: -600px; } .content.mod2 .person { width: 510px; margin-left: 10px; margin-right: 30px; } .content.mod2 .person .items_2 div.item { width: 245px; margin: 20px 20px 0 0; } .content.mod2 .medium { width: 640px; } .content.mod2 .medium .items_2 div.item { width: 310px; margin: 20px 20px 0px 0px; } .content.mod3, .content.mod5 { height: 640px; min-height: 640px; } .content.mod3 .main, .content.mod5 .main, .content.mod6 .main { width: 1180px; margin-left: -590px; } .content.mod3 .main .items{ width: auto; height: 400px; } .content.mod5 .main .items{ height: 520px; } .content.mod6 .main .items { height: 155px; } .content.mod3 .main .items div.item_1 { width: 250px; height: 471px; } .content.mod3 .main .items div.item_2 { width: 444px; height: 240px; } .content.mod3 .main .items div.item_3 { width: 486px; height: 240px; } .content.mod3 .main .items div.item_4 { width: 544px; height: 231px; } .content.mod3 .main .items div.item_5 { width: 385px; height: 231px; } .dataSwiper .items>.item { width: 200px; margin-right: 0px; } .dataSwiper .items>.item>.text2{ font-size: 28px; } .content.mod5 .main .items .item{ width: 270px; } .content.mod5 .main .items .item.active{ width: 640px; } .content.mod5 .main .items .item .more{ left: 530px; top: 415px; } .content.mod6{ height: 340px; } .content.mod6 .main .items .item{ width: 284px; height: 120px; } } @media (max-width: 1199px) { .content.news .items_1 { width: 995px; padding-left: 5px; } .content.news .items_1 div.item { width: 315px; margin-right: 0px; margin-left: 20px; } .content.news .items_1>a:first-child .item{ margin-left: 0px; } /*褰撳墠瀹藉害灏戞樉绀轰竴涓?/ .content.news .items_1>a:last-child .item{ display: none; } .content.news .items_2>div { width: 1000px; margin-left: -500px; } .content.news .items_2 div.item { width: 332px; border-left: 1px solid #c7c7c7; border-right: 0px; } .content.mod2>div { width: 1000px; margin-left: -500px; } .content.news .items_2>div>a:first-child .item{ border-left: 0px; } /*褰撳墠瀹藉害灏戞樉绀轰竴涓?/ .content.news .items_2>div>a:last-child .item{ display: none; } .content.news .more, .content.mod6 .more{ width: 100%; } .content.mod2 .person { width: 450px; margin-left: 10px; margin-right: 30px; } .content.mod2 .person .items_2 div.item { width: 220px; margin: 20px 10px 0 0; } .content.mod2 .medium { width: 500px; } .content.mod2 .medium .items_2 div.item { width: 240px; margin: 20px 10px 0px 0px; } .content.mod2 .notice{ width: 500px; } .content.mod2 .notice .item{ width: 500px; } .content.mod2 .notice .item .title{ width: 396px; } .content.mod3, .content.mod5 { height: 640px; min-height: 640px; } .content.mod3 .main, .content.mod5 .main, .content.mod6 .main { width: 980px; margin-left: -490px; } .content.mod3 .main .items{ width: auto; height: 400px; } .content.mod5 .main .items{ width: 100%; height: 520px; } .content.mod6 .main .items { height: 125px; } .content.mod3>.bg, .content.mod5>.bg{ height: 390px; } .content.mod3 .main .items div.item_1 { width: 207px; height: 392px; } .content.mod3 .main .items div.item_2 { width: 362px; height: 200px; } .content.mod3 .main .items div.item_3 { width: 410px; height: 200px; } .content.mod3 .main .items div.item_4 { width: 452px; height: 192px; } .content.mod3 .main .items div.item_5 { width: 320px; height: 192px; } .dataSwiper .items{ width: 997px; padding-left: 3px; height: auto; } .dataSwiper .items>.item { width: 164px; margin-right: 0px; } .dataSwiper .items>.item>.text2{ font-size: 22px; } .dataSwiper .items>.item.large{ margin-right: 12px; } .dataSwiper .items>.item.large:first-child{ margin-left: 10px; } .content.mod5 .main .items .item{ width: 220px; } .content.mod5 .main .items .item.active{ width: 540px; } .content.mod5 .main .items .item .more{ left: 430px; top: 415px; } .content.mod6{ height: 300px; } .content.mod6 .main .items .item{ width: 234px; height: 100px; } } @media (max-width: 991px){ .content.news,.content.mod2,.content.mod3,.content.mod4,.content.mod5,.content.mod6{ height: auto; /*position: static;*/ min-height: unset; max-width: 10000px; } .content.mod2 .title, .content.mod3 .title, .content.mod5 .title, .content.mod6 .title{ margin-left: 5vw; } .content.mod2 .title_en, .content.mod3 .title_en, .content.mod5 .title_en, .content.mod6 .title_en{ margin-left: 5vw; } .content.mod3 .main, .content.mod5 .main, .content.mod6 .main{ width: 100%; margin-left: -50%; } .content.news .title_en, .content.mod4 .title_en { width: 100%; } .content.news .items_1 { width: 100%; padding-left: 5px; height: auto; } .content.news .items_1 div.item { width: 90vw; height: auto; margin: 20px auto; float: none; } .content.news .items_1>a:first-child .item { margin-left: auto; } .content.news .items_2{ display: none; } .content.news .more, .content.mod6 .more{ margin-top: 30px; width: 100%; text-align: center; height: 50px; } .content.news .more a, .content.mod6 .more a { color: #26418C; text-decoration: none; border: solid 1px #26418C; padding: 8px 34px; background-color: #fff; transition: all .2s ease-in-out; } .content.mod2{ height: 1550px; } .content.mod2>div { width: 100%; height: auto; margin-left: -50%; } .content.news .items_2>div>a:first-child .item{ border-left: 0px; } /*褰撳墠瀹藉害灏戞樉绀轰竴涓?/ .content.news .items_2>div>a:last-child .item{ display: none; } .content.news .items_1 div.item>.text>.text1, .content.news .items_2 div.item>.text2, .content.mod2 .items_2 div.item>.text>.text1{ height: 24px; -webkit-line-clamp: 1; } .content.mod2 .person { width: 100%; margin-left: 0px; margin-right: 0px; height: auto; } .content.mod2 .person .items_1 div.item { width: 90vw; height: auto; margin: 20px auto; } .content.mod2 .items_1 div.item>.newsimg{ height: 250px; } .content.mod2 .person .items_2 { display: none; } .content.mod2 .medium { width: 100%; height: auto; } .content.mod2 .medium .items_2 div.item{ width: 90vw; float: none; margin: 0 auto 20px; } .content.mod2 .medium .items_2 div.item>.newsimg{ width: 90vw; height: 250px; } .content.mod2 .items_2 a:last-child div.item{ margin: 0 auto; } .content.mod2 .medium .items_2 div.item>.text>.text2{ -webkit-line-clamp: 1; height: 18px; line-height: 18px; padding: 0 5px; } .content.mod2 .notice{ width: 100%; height: auto; } .content.mod2 .notice .items{ width: 90vw; margin: auto; } .content.mod2 .notice .item,.content.mod2 .notice .item .title{ width: auto; } .content.mod3{ height:1200px; } .content.mod3 .main .items { width: 90vw; margin: auto; height: auto; } .content.mod3 .main .items div{ clear: both; float: none; } .content.mod3 .main a::after { display: block; content: ""; clear: both; } .content.mod3 .main .items div.item_1, .content.mod3 .main .items div.item_2, .content.mod3 .main .items div.item_3, .content.mod3 .main .items div.item_4, .content.mod3 .main .items div.item_5, .content.mod5 .main .items .item{ width: 100%; height: 200px; /*background-position-y: top;*/ overflow-y: hidden; } .content.mod3>.bg, .content.mod5>.bg{ height: 150px; } .swiper.dataSwiper{ height: 600px; } .dataSwiper .items{ width: 600px; } .dataSwiper .items>.item { width: 200px; } .dataSwiper .items>.item.large{ width: auto; margin-right: 0px; } .dataSwiper .items>.item.large>.text1{ float: none; } .content.mod5{ height: 740px; } .content.mod5 .main{ height: 800px } .content.mod5 .main .items{ width: 90vw; height: auto; margin: auto; } .content.mod5 .main .items .item{ overflow: hidden; } .content.mod5 .main .items .item .text{ width: 100%; height: 100%; background-position: left; background-repeat: no-repeat; } .content.mod5 .main .items .item.active{ width: 100%; } .content.mod5 .main .items .item .text span.cn, .content.mod5 .main .items .item .text span.en{ width: 300px; max-width: 80%; transform: none; -ms-transform:none; -moz-transform: none; -webkit-transform: none; -o-transform: none; margin: 0 0 0 30px; text-align: left; } .content.mod5 .main .items .item .text span.cn{ padding-top: 20px; } .content.mod6{ height: 340px; } .content.mod6 .main .items{ width: 90vw; margin: auto; display: flex; } .content.mod6 .main .items .item{ width: 100%; } .content.mod6 .items a { flex: 1; padding: 3px; } } @media (max-width: 600px){ .swiper.dataSwiper{ height: 800px; } } @media (max-width: 410px){ .swiper.dataSwiper{ height: 1400px; } } #scroll-animate { overflow: hidden; } #scroll-animate-main { width: 100%; left: 0; position: fixed; } #heightPage, #heightScroll { width: 10px; top: 0; position: absolute; z-index: 99; } #heightPage { left: 0; } #heightScroll { right: 0; } header { width: 100%; height: 100%; /*background: url(https:////img.nsu.edu.cn/upload/2023/5/2023_05_06_08_56_01_727.png) no-repeat 50% 50%;*/ /*background: url(img/v3/banner.png);*/ background-position: 50% 50%; background-size: cover; background-color: #777; background-repeat: no-repeat; top: 0; position: fixed; z-index: -1; } .content { height: 980px; /*min-height: 980px;*/ background: #fff; position: relative; z-index: 1; box-sizing: border-box; } .content1 { height: 1000px; min-height: 1000px; background: #d3d2d2; position: relative; z-index: 1; } .content2 { height: 1000px; min-height: 1000px; background: #3f3f3f; position: relative; z-index: 1; } .content3 { height: 1000px; min-height: 1000px; background: #9c3535; position: relative; z-index: 1; } h1 { width: 100%; height: 100%; padding: 0; margin: 0; text-transform: uppercase; text-align: center; font-family: Helvetica; font-size: 150px; color: #fff; } /*header h1 {}*/ .content h1 { line-height: 1000px; color: #999; } .content1, .content2, .content3 h1 { line-height: 1000px; color: #999; } footer h1 { line-height: 300px; } header, footer, #scroll-animate-main { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 1); -moz-transition-timing-function: cubic-bezier(0, 0, 0, 1); transition-timing-function: cubic-bezier(0, 0, 0, 1); } header .topcontent {}