@charset "utf-8"; blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } abbr, acronym, fieldset, img { border: 0 } ol, ul { list-style: none } caption, th { text-align: left } q:after, q:before { content: '' } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } .col-c, .col-l, .col_c, .col_l, .l { float: left } .col-r, .col_r, .r, .ul-txt li span, .ul_txt li span, dt span { float: right } .c { clear: both } .n, em { font-weight: 400; font-style: normal } .b { font-weight: 700 } .i { font-style: italic } .fa { font-family: Arial } .fg { font-family: Georgia } .ft { font-family: Tahoma } .fl { font-family: Lucida Console } .fs { font-family: '宋体' } .fw { font-family: '微软雅黑' } .tc { text-align: center } .tr { text-align: right } .tl { text-align: left } .tdu { text-decoration: underline } .tdn, .tdn:hover, a.tdl:hover { text-decoration: none } .fc0 { color: #000 } .fc3 { color: #333 } .fc6 { color: #666 } .fc9 { color: #999 } .fcr { color: red } .fcw { color: #fff } .fcb { color: #00f } .fcg { color: green } .f0 { font-size: 0 } .f10 { font-size: 10px } .f12 { font-size: 12px } .f13 { font-size: 13px } .f14 { font-size: 14px } .f16 { font-size: 16px } .f20 { font-size: 20px } .f24 { font-size: 24px } .vm { vertical-align: middle } .vtb { vertical-align: text-bottom } .vt { vertical-align: top } .vn { vertical-align: -2px } .vimg { margin-bottom: -3px } .m0 { margin: 0 } .ml0 { margin-left: 0 } .ml5 { margin-left: 5px } .ml10 { margin-left: 10px } .ml20 { margin-left: 20px } .mr0 { margin-right: 0 } .mr5 { margin-right: 5px } .mr10 { margin-right: 10px } .mr20 { margin-right: 20px } .mt5 { margin-top: 5px } .mt10 { margin-top: 10px } .mt20 { margin-top: 20px } .mb5 { margin-bottom: 5px } .mb10 { margin-bottom: 10px } .mb20 { margin-bottom: 20px } .ml-1 { margin-left: -1px } .mt-1 { margin-top: -1px } .p1 { padding: 1px } .pl5 { padding-left: 5px } .p5 { padding: 5px } .pt5 { padding-top: 5px } .pr5 { padding-right: 5px } .pb5 { padding-bottom: 5px } .p10 { padding: 10px } .pl10 { padding-left: 10px } .pt10 { padding-top: 10px } .pr10 { padding-right: 10px } .pb10 { padding-bottom: 10px } .p20 { padding: 20px } .pl20 { padding-left: 20px } .pt20 { padding-top: 20px } .pr20 { padding-right: 20px } .pb20 { padding-bottom: 20px } .pr, .rel { position: relative } .abs, .pa { position: absolute } .dn { display: none } .db { display: block } .dib { -moz-inline-stack: inline-block; display: inline-block } .di { display: inline } .ovh { overflow: hidden } .ovs { overflow: scroll } .vh { visibility: hidden } .vv { visibility: visible } .lh14 { line-height: 14px } .lh16 { line-height: 16px } .lh18 { line-height: 18px } .lh20 { line-height: 20px } .lh22 { line-height: 22px } .lh24 { line-height: 24px } .fix { *zoom: 1 } .fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden } .z { _zoom: 1 } .h1 { height: 1px } .h5 { height: 5px } .h, .h10 { height: 10px } .h15 { height: 15px } .h20 { height: 20px } img { transition: all 500ms; } img:hover { transform: scale(1.05); cursor: pointer; } .h, .h1, .h10, .h15, .h20, .h5 { font-size: 0; line-height: 0; overflow: hidden; clear: both } *, :after, :before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0 !important; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased } body { font: 15px/1.5 微软雅黑, Arial, sans-serif; color: #333; font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; padding-top: 0; } img { max-width: 100%; border: none } input, select, textarea { font-size: 14px; color: #333; font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; border: none } input[type=button], input[type=checkbox], input[type=radio], input[type=reset], input[type=submit], select { -webkit-appearance: none; -moz-appearance: none; appearance: none } ::-webkit-input-placeholder { color: #eaeaea } ::-moz-placeholder { color: #eaeaea } ::-ms-input-placeholder { color: #eaeaea } select::-ms-expand { display: none } a { color: #333; text-decoration: none; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s } a:hover { color: #4675db; } .wp { margin: 0 auto; width: 1562px } .wp::after { content: ''; display: block; clear: both; } .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; transition: top 200ms; } .m-top { position: relative; background-color: #1d56d3; border-radius: 0px 0px 10px 10px; } .header.onv .h-t{padding:5px 0} .h-t { padding:10px 0; overflow: hidden; background: url(../images/line.png) center bottom no-repeat; } .header .m-top .h-t .m-linkL { float: left; } .header .m-top .h-t .m-linkL li { float: left; } .header .m-top .h-t .m-linkL li{ padding: 0 24px; border-right: 1px solid #3866d5; } .header .m-top .h-t .m-linkL li a { color: #cbdcf6; line-height: 1.2em; } .header .m-top .h-t .m-linkL li.on { cursor: pointer; position: relative; } .header .m-top .h-t .m-linkL li.on span{ display: none; /* display: block; */ width: 100%; height: 100%; position: absolute; left: -107px; bottom: 0; } .header .m-top .h-t .m-linkL li.on span input{ background: #ffffff; border-radius: 5px; font-size: 14px; padding-left: 20px; height: 36px; line-height: 24px; height: 24px; } .header .m-top .h-t .m-linkL li:first-child a { padding-left: 0; } .header .m-top .h-t .m-linkL li:last-child a { border-right: none; } .header .m-top .h-t .m-linkR { float: right; } .header .m-top .nav { /* padding: 20px 0; */ /* overflow: hidden; */ position: relative; } .header .m-top .nav::after{ content: ''; display: block; clear: both; } .m-aboutTop { background: rgba(29, 86, 211, 0.8); /* height: 110px;*/ } .m-aboutTop .wp { position: relative; } .m-aboutTop-tips { padding-top:5px;} .m-aboutTop-tips .logo-about img { height:45px;} .header .m-top .nav li { float: left; width: 10%; position: relative; z-index: 999; } .nav .sub { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); /* min-width: 200px; */ background-color: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 10%); /* display: none; */ padding: 25px; display: none; } .m-aboutTop .nav .sub { top:119%; } .navlink {display:none;} .header .m-top .nav li a.v1 { display: block; height: 1.2em; line-height: 1.2em; font-size: 18px; color: #ffffff; font-weight: bold; line-height:48px; height:48px; } .header.on .m-top .logo{width:150px} .header.on .m-top .nav li a.v1{ line-height:75px; height:75px;} .header .nav li .sub .links { width: 302px; float: left; padding-top: 3px; } .header .nav li .sub .links a { width: 50%; float: left; padding: 6px 0; text-align: center; font-size: 16px; } .nav .sub .pic { width: 202px; height: 114px; float: left; overflow: hidden; } .nav .about { min-width: 554px; } .header .m-top .nav li.vac { width: 20%; } .header.nov .m-top .logo{width:160px;} .header .m-top .logo { width: 210px; width: 180px; height: 178px; position: absolute; left: 50%; top: 0px; /*margin-left: -128px;*/ transform: translateX(-50%); } .mologo { display:none;} .logo-about { width: 304px; position: absolute; left: 0; top: 0; overflow: hidden; padding-top: 10px; padding-bottom:10px; } .m-aboutTop .h-r { width: 974px; float: right;padding-bottom:10px; } .m-aboutTop .h-r .tool { padding: 10px 0; background: url(../images/about-line.png) right bottom no-repeat; text-align: right; padding-right: 10px; } .m-aboutTop .h-r .tool a { padding: 0 24px; display: inline-block; border-right: #3866d5 1px solid; color: #cbdcf6; font-size: 14px; } .m-aboutTop .h-r .tool a:last-child { border-right: none; position: relative; } .nav-about { /* padding: 20px 0 30px; */ } .nav-about li { float: left; width: 120px; text-align: center; position: relative; } .nav-about li a.v1 { color: #ffffff; font-size: 20px; font-weight: bold; height: 42px; line-height: 42px; } .header .m-aboutTop .topSo span{ display: none; /* display: block; */ width: 100%; height: 100%; position: absolute; left: -107px; bottom: 0; } .header .m-aboutTop .topSo span input{ background: #ffffff; border-radius: 5px; font-size: 14px; padding-left: 20px; height: 36px; line-height: 24px; height: 24px; } .header .m-aboutTop .topSo:hover span{ display:block; } .banner { position: relative; font-size: 0; text-align: center; } .banner .swiper { width: 100%; height: 100%; } .banner .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; } @keyframes banner { from { transform: scale(1); } to { transform: scale(1.05); } } .banner .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; /*animation: banner 4s infinite alternate;*/ } .banner .swiper-pagination-bullet { width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 12px; color: #000; opacity: 1; background: transparent; border: 1px solid #fff; color: #fff; } .banner .swiper-pagination-bullet-active { color: #fff; background: #094fb7; border: none; width: 31px; height: 31px; } .row-a1 { background: url(../images/row-a1-bg.png) no-repeat center top; padding: 81px 0 136px; margin-bottom: 84px; background-size: cover; } .g-tit1 { margin-bottom: 40px; position: relative; } .g-tit1 strong { font-size: 34px; color: #000000; font-weight: normal; z-index: 9; position: relative; } @font-face { font-family: font1; src: url(../font/pala.ttf); } .g-tit1 span { font-size: 30px; color: rgba(169, 169, 169, 0.35); font-family: Arial; margin-left: -15px; z-index: -1; text-transform: uppercase; font-family: font1; } .row-a1 .col-l .g-tit1 span { margin-left: -54px; } a.g-move1 { width: 65px; height: 130px; background: url(../images/move-1.png) no-repeat; position: absolute; right: 0; top: -10px; } a.g-move1:hover { background: url(../images/move-2.png) no-repeat; width: 65px; height: 130px; position: absolute; right: 0; top: -10px; } .row-a1 .col-l { width: 66.66%; } .row-a1 .col-l .focNews .boxL { float: left; width: 50%; padding-right: 30px; box-sizing: border-box; } .row-a1 .col-l .focNews .boxL .switch { position: relative; margin-bottom: 28px; width: 490px; height: 342px; } .row-a1 .col-l .focNews .boxL .switch img { width: 100%; height: 100%; } .row-a1 .col-l .focNews .boxL .switch p { position: absolute; left: 0; bottom: 0; right: 0; color: #fff; line-height: 1.4em; font-size: 16px; padding: 20px 30px; background: linear-gradient(transparent, #000); } .row-a1 .col-l .focNews .boxL .switch p span { display: block; width: 230px; text-align: left; } .row-a1 .col-l .focNews .boxL .switch .swiper { width: 100%; height: 100%; } .row-a1 .col-l .focNews .boxL .switch .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; } .row-a1 .col-l .focNews .boxL .switch .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .row-a1 .col-l .focNews .boxL .switch .swiper-pagination { width: auto; right: 20px; left: initial; bottom: 20px; border-bottom: 3px solid #CCC; } .row-a1 .col-l .focNews .boxL .switch .swiper-pagination-bullet { width: 24px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; color: #000; opacity: 1; background: transparent; color: #ccc; } .row-a1 .col-l .focNews .boxL .switch .swiper-pagination-bullet-active { color: rgb(235, 231, 0); font-size: 26px; } .row-a1 .col-l .focNews .boxL .box span { margin-bottom: 14px; font-size: 15px; color: #5d7eaf; line-height: 1.3em; display: block; } .row-a1 .col-l .focNews .boxL .box h4 { font-size: 24px; color: #040000; margin-bottom: 6px; line-height: 1.3em; font-weight: normal; margin-bottom: 34px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .row-a1 .col-l .focNews .boxL .box p { margin-bottom: 14px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.6em; } .row-a1 .col-l .focNews .newslist1 { width: 50%; float: left; background-color: #fefefe; padding: 0 30px; box-sizing: border-box; position: relative; z-index: 9; } .row-a1 .col-l .focNews .newslist1 li { padding: 24px 0; border-bottom: 1px solid #ebebeb; overflow: hidden; } .row-a1 .col-l .focNews .newslist1 li .dec { width: 52px; height: 68px; border: 1px solid #969696; float: left; border-radius: 5px; box-sizing: border-box; padding: 10px; margin-right: 24px; } .row-a1 .col-l .focNews .newslist1 li .dec strong { font-size: 26px; color: #5d7eaf; font-weight: normal; line-height: 1.2em; display: block; font-family: font1; } .row-a1 .col-l .focNews .newslist1 li .dec span { font-size: 14px; color: #5d7eaf; font-family: font1; } .row-a1 .col-l .focNews .newslist1 li a { color: #000000; font-size: 18px; line-height: 1.3em; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 12px; } .row-a1 .col-l .focNews .newslist1 li a:hover { color: #1d56d3; } .row-a1 .col-r { width: 33%; padding-left: 30px; box-sizing: border-box; } .row-a1 .col-r .notice { background: #f3f3f3; padding: 22px 30px; position: relative; z-index: 9; } .row-a1 .col-r .notice li.first { padding-bottom: 40px; border-bottom: 1px solid #c3c3c3; overflow: hidden; margin-bottom: 32px; } .row-a1 .col-r .notice li.first .data { width: 59px; height: 59px; background: #1d56d3; border-radius: 5px; box-sizing: border-box; padding: 12px 0px; text-align: center; line-height: 1.3em; float: left; margin-right: 25px; } .row-a1 .col-r .notice li.first .data span { font-size: 15px; display: block; color: #fff; float: none; font-family: font1; } .row-a1 .col-r .notice li.first .data strong { font-size: 16px; color: #fff; font-family: font1; } .row-a1 .col-r .notice li.first a { font-size: 18px; color: #333333; line-height: 1.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .row-a1 .col-r .notice li { margin-bottom: 24px; } .row-a1 .col-r .notice li span { float: right; color: #5d7eaf; font-family: font1; } .row-a1 .col-r .notice li a { font-size: 18px; color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .row-a1 .col-r .notice li a:hover { color: #1d56d3; } .row-a2 { padding-bottom: 54px; } .row-a2 .g-tit1 span { margin-left: -138px; } .row-a2 .col-l { width: 541px; height: 369px; margin-right: 30px; } .row-a2 .box { width: 1076px; float: left; } .row-a2 .col-l .pic { position: relative; font-size: 0; overflow: hidden; } .row-a2 .col-l .pic p { position: absolute; left: 0; bottom: 0; right: 0; color: #fff; line-height: 1.4em; font-size: 16px; padding: 20px 30px; background: linear-gradient(transparent, #000); } .row-a2 .col-l .pic p span { display: block; width: 230px; text-align: left; } .row-a2 .col-l .pic .swiper { width: 100%; height: 100%; } .row-a2 .col-l .pic .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; } .row-a2 .col-l .pic .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .row-a2 .col-l .pic .swiper-pagination { width: auto; right: 20px; left: initial; bottom: 20px; border-bottom: 3px solid #CCC; } .row-a2 .col-l .pic .swiper-pagination-bullet { width: 24px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; color: #000; opacity: 1; background: transparent; color: #ccc; } .row-a2 .col-l .pic .swiper-pagination-bullet-active { color: rgb(235, 231, 0); font-size: 26px; } .row-a2 .col-l .pic a { /* width: 300px; */ /* height: 92px; */ /* position: absolute; */ /* right: 0px; */ /* bottom: 0; */ /* background: rgba(240, 240, 240, 0.95); */ /* padding: 10px 20px 0px 20px; */ /* box-sizing: border-box; */ } .row-a2 .col-l .pic a strong { width: 30px; height: 1px; background-color: #a71929; display: block; float: left; margin: 12px 14px 0 0; } .row-a2 .col-l .pic a span { /* color: #5d7eaf; */ /* font-size: 15px; */ /* font-family: font1; */ } .row-a2 .col-l .pic a p { /* margin-top: 10px; */ /* font-size: 15px; */ /* color: #333333; */ /* line-height: 1.3em; */ /* overflow: hidden; */ /* text-overflow: ellipsis; */ /* display: -webkit-box; */ /* -webkit-box-orient: vertical; */ /* -webkit-line-clamp: 2; */ } .row-a2 .col-m { width: 500px; float: right; box-sizing: border-box; position: relative; z-index: 9; background: #fff; } .row-a2 .col-r { width: 448px; float: right; } .row-a2 .col-m .newslist2 li.first { margin-bottom: 64px; } .row-a2 .col-m .newslist2 li.first::before { content: ''; display: block; width: 92px; height: 3px; background-color: #094fb7; margin-bottom: 30px; } .row-a2 .col-m .newslist2 li.first a h4 { color: #333333; font-size: 18px; font-weight: normal; line-height: 1.3em; margin-bottom: 18px; } .row-a2 .col-m .newslist2 li.first a p { color: #666666; line-height: 1.4em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 15px; } .row-a2 .col-m .newslist2{ padding: 10px 0; } .row-a2 .col-m .newslist2 li { margin-bottom: 20px; } .row-a2 .col-m .newslist2 li span { float: right; color: #5d7eaf; font-size: 15px; line-height: 1.4em; font-family: font1; } .row-a2 .col-m .newslist2 li a { font-size: 18px; color: #333333; line-height: 1.4em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .row-a2 .col-m .newslist2 li a:hover { color: #1d56d3; } .m-newslist-2 { background: url(../images//bg1-news.png) center center no-repeat #edf1f5; padding: 2px 46px; position: relative; z-index: 9; } .m-newslist-2 li { border-bottom: #d1d2d4 1px solid; padding: 20px 0; } .m-newslist-2 li:last-child { border-bottom: none; } .m-newslist-2 li span { color: #5d7eaf; font-size: 15px; display: block; line-height: 1.4em; } .m-newslist-2 li a { display: block; text-overflow: ellipsis; overflow: hidden; -webkit-box-webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; white-space: nowrap; font-size: 18px; margin-bottom: 4px; } .row-a2 .m-newslist-1 { width: 33%; float: right; background: #edf1f5; padding: 30px 28px 10px 25px; position: relative; z-index: 9; } .row-a2 .m-newslist-1 li { overflow: hidden; margin-bottom: 34px; } .row-a2 .m-newslist-1 li a.img { width: 154px; height: 110px; margin-right: 23px; overflow: hidden; } .row-a2 .m-newslist-1 li a { float: left; width: 250px; display: block; } .row-a2 .m-newslist-1 li a:hover p { color: #1d56d3; padding: 18px 46px; } .row-a2 .m-newslist-1 li a span { font-size: 15px; color: #5d7eaf; line-height: 1.4em; margin-bottom: 20px; display: block; font-family: font1; } .row-a2 .m-newslist-1 li a p { font-size: 18px; color: #333333; line-height: 1.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .row-a3 { margin-bottom: 114px; } .row-a3 .storyBox { width: 100%; background: url(../images/gs-bg.png) center top no-repeat; position: relative; z-index: 9; } .row-a3 .col-l { width: 702px; float: left; } .row-a3 .fr { float: right; } .row-a3 .fr .ul-story { margin-right: 80px; } .row-a3 .col-l .swiper-box { width: 702px; height: 534px; } .row-a3 .col-l .swiper-box .swiper-pagination { bottom: 28px; } .row-a3 .col-l .swiper-box .swiper-pagination-bullet { width: 11px; height: 11px; background: #0a4398; border-radius: 50%; margin-right: 22px; opacity: 1; } .row-a3 .col-l .swiper-box .swiper-pagination-bullet-active { background: #f09437; } .row-a3 .col-l .ul-story { height: 534px; /* background: url(../images/row-a3-bg.png) no-repeat center top; */ padding: 28px 48px; box-sizing: border-box; position: relative; background-size: 100% 100%; } .row-a3 .col-l .ul-story li { margin-bottom: 24px; min-height: 140px; } .row-a3 .col-l .ul-story li .pic { width: 140px; height: 140px; margin-right: 30px; float: left; font-size: 0; overflow: hidden; border-radius: 50%; box-shadow: 0 0 5px #000; display: flex; justify-content: center; align-items: center; } .row-a3 .col-l .ul-story li .pic:hover { border-radius: 50%; box-shadow: 0 0 5px #000; cursor: pointer; } .row-a3 .col-l .ul-story li a:hover p { color: #2f56ac; } .row-a3 .col-l .ul-story li a span { padding-top: 25px; line-height: 1.4em; color: #5d7eaf; margin-bottom: 12px; font-family: font1; } .row-a3 .col-l .ul-story li a p { line-height: 1.4em; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 14px; font-size: 18px; /*2022.5.31,新增样式*/ } .row-a3 .col-r { width: 860px; } .row-a3 .newslist-2 { overflow: hidden; } .row-a3 .newslist-2 li { padding: 24px 30px; width: 50%; height: 268px; float: left; overflow: hidden; } .row-a3 .newslist-2 li a { padding-bottom: 38px; margin-bottom: 22px; border-bottom: 1px solid #d6d6d6; display: block; font-size: 18px; /*2022.5.31,新增样式*/ } .row-a3 .newslist-2 li a span { font-size: 14px; color: #a9a9a9; display: block; line-height: 1.4em; margin-bottom: 10px; font-family: font1; } .row-a3 .newslist-2 li a p { color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .row-a3 .newslist-2 li.first { background: url(../images/bg-1.png) #f09437 no-repeat; } .row-a3 .newslist-2 li.first span, .row-a3 .newslist-2 li.first p, .row-a3 .newslist-2 li.fourth span, .row-a3 .newslist-2 li.fourth p { color: #fff; } .row-a3 .newslist-2 li.second { background: url(../images/bg-2.png) no-repeat; position: relative; } .row-a3 .newslist-2 li.second span { width: 136px; height: 136px; background: url(../images/In-bg.png) no-repeat; position: absolute; top: 36px; right: 34px; text-align: center; font-size: 30px; color: #f09437; box-sizing: content-box; font-weight: bold; line-height: 1.3em; padding-top: 32px; } .row-a3 .newslist-2 li.third { background: url(../images/bg-3.png) no-repeat; } .row-a3 .newslist-2 li.fourth { background: url(../images/bg-4.png) #3d434b no-repeat; } .row-a4 { background: url(../images/bg-511.jpg) center top no-repeat; padding-top: 100px; padding-bottom: 88px; margin-bottom: 94px; } .row-a4 .white strong { color: #fff; } .row-a4 .white span { color: #8da6e6; margin-left: -64px; } .row-a4 .white a.g-move1 { margin-right: 20px; background: url(../images/g-move2-bg.png) no-repeat; top: -18px; } .row-a4 .white a.g-move1:hover { margin-right: 20px; background: url(../images/g-move2-bg-h.png) no-repeat; top: -18px; } .row-a4 .m-keyan { overflow: hidden; margin-bottom: 84px; position: relative; z-index: 9; } .row-a4 .m-keyan li { width: 50%; height: 320px; float: left; box-sizing: border-box; margin-bottom: 22px; position: relative; overflow: hidden; } .row-a4 .m-keyan li a.pic { width: 230px; height: 320px; display: block; float: left; } .row-a4 .m-keyan li a.txt { width: 546px; height: 320px; background: url(../images/bg-6.png) left top no-repeat; padding: 0 56px 64px 42px; box-sizing: border-box; position: absolute; left: 219px; top: 0; } .row-a4 .m-keyan li a h4:hover { color: #1d56d3; } .row-a4 .m-keyan li a h4 { margin: 56px 0 22px; color: #333333; font-size: 22px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .row-a4 .m-keyan li a p { height: 30px; line-height: 30px; color: #666666; font-size: 16px; padding-left: 32px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .row-a4 .m-keyan li a p.name { background: url(../images/icon-1.png) left center no-repeat; } .row-a4 .m-keyan li a p.address { background: url(../images/icon-2.png) left center no-repeat; } .row-a4 .m-keyan li a p.data { background: url(../images/icon-3.png) left center no-repeat; } .row-a4 .g-tit1 { position: relative; } .row-a4 .g-tit1 .share { position: absolute; left: 336px; top: 0; } .row-a4 .g-tit1 .share a { width: 52px; height: 52px; display: inline-block; margin-right: 20px; position: relative; } .row-a4 .g-tit1 .share a .code { width: 80px; height: 80px; position: absolute; left: -12px; top: -86px; display: none; } .row-a4 .g-tit1 .share a:hover .code { display: block; } .row-a4 .g-tit1 .share a:hover .code img { width: 100%; height: 100%; } /* 第二版科研 */ .m-keyan2 { margin-bottom: 56px; } .m-keyan2 .keyanleft { width: 1024px; float: left; } .row-a4 .m-keyan2 .g-tit1 { margin-bottom: 32px; } .m-keyan2 .keyanleft .pic { width: 370px; height: 484px; float: left; overflow: hidden; display: flex; justify-content: center; align-items: center; } .m-keyan2 .keyanleft .pic img { max-width: 370px; max-height: 484px; } .m-keyan2 .keyanleft .ul-keyalist { width: 654px; float: left; background: url(../images/keyan-bg2.png) right top no-repeat; padding: 24px 20px 40px; height: 484px; z-index: 9; margin-left: 370px; } .m-keyan2 .keyatitle { font-size: 30px; color: #333333; line-height: 1.8em; margin-bottom: 44px; position: relative; } .m-keyan2 .keyatitle span { content: ''; display: block; position: absolute; width: 124px; height: 3px; background: #094fb7; left: 0; top: 63px; } .m-keyan2 .ul-keyalist li { margin-bottom: 26px; } .m-keyan2 .ul-keyalist li.active a { color: #4675db; } .m-keyan2 .ul-keyalist li .cover { position: absolute; left: 0; top: 83px; overflow: hidden; display: none; height: 484px; background: #ffffff; text-align: center; justify-content: center; width: 370px; height: 484px; } .row-n1 .ul-newsn1 li.active a .cover, .row-n1 .ul-newsn1 li:hover a .cover { display: block; } .m-keyan2 .ul-keyalist li.active .cover, .m-keyan2 .ul-keyalist li:hover .cover { display: flex; } .m-keyan2 .ul-keyalist li .cover img { max-width: 100%; max-height: 100%; display: inline-block; object-fit: contain; } .m-keyan2 .ul-keyalist li p { font-size: 18px; line-height: 1.4em; text-overflow: ellipsis; overflow: hidden; -webkit-box-webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; } .m-keyan2 .ul-keyalist li span { color: #5d7eaf; float: right; font-family: font1; } .m-keyan2 .keyanright .keyatitle { margin-bottom: 44px; } .m-keyan2 .keyanright { width: 498px; float: right; } .m-keyan2 .keyanright .g-tit1 { margin-bottom: 84px; } .m-keyan2 .keyanright .ul-keyalist2 { height: 484px; background: url(../images/keya-bg.png) right top no-repeat; background-size: cover; padding: 24px 20px 32px 20px; position: relative; z-index: 9; overflow: hidden; } .m-keyan2 .keyanright .ul-keyalist2 li { margin-bottom: 26px; } .m-keyan2 .keyanright .ul-keyalist2 li span { color: #5d7eaf; line-height: 1.4em; float:right; margin-left: 5px; font-family: font1; } .m-keyan2 .keyanright .ul-keyalist2 li a { color: #333333; font-size: 18px; line-height: 1.4em; display: block; text-overflow: ellipsis; overflow: hidden; -webkit-box-webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; white-space: nowrap; } .m-keyan2 .keyanright .ul-keyalist2 li:last-child { border-bottom: none; } /* 第二版科研END */ .row-a4 .ul-piclist1 { overflow: hidden; width: 1075px; height: 490px; position: relative; display: flex; flex-direction: column; flex-wrap: wrap; float: left; } .row-a4 .ul-piclist1 li { position: relative; overflow: hidden; } .row-a4 .ul-piclist1 li img { display: block; width: 100%; height: 100%; } .row-a4 .ul-piclist1b{ overflow: hidden; width: 1075px; float: left; margin:0 -10px; } .row-a4 .ul-piclist1b li { width:33.33%; float:left; margin-bottom:20px; } .row-a4 .ul-piclist1b li a{ margin:0 10px; position: relative; padding-top: 64%; overflow: hidden; display: block; } .row-a4 .ul-piclist1b li img { display: block; width: 100%; position: absolute; left: 0; top: 0; } .row-a4 .ul-piclist1 li p,.row-a4 .ul-piclist1b li p { position: absolute; left: 0; bottom: 0; right: 0; font-size:15px; padding: 15px 20px; color: #fff; background: linear-gradient(transparent, #000); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .row-a4 .ul-piclist1 li:nth-child(1) { width: 370px; height: 484px; margin-right: 20px; } .row-a4 .ul-piclist1 li:nth-child(2) { width: 328px; height: 275px; margin-bottom: 15px; } .row-a4 .ul-piclist1 li:nth-child(3) { width: 328px; height: 195px; } .row-a4 .ul-piclist1 li:nth-child(4) { width: 338px; height: 195px; margin-left: 20px; margin-bottom: 15px; } .row-a4 .ul-piclist1 li:nth-child(5) { width: 338px; height: 275px; margin-left: 20px; } .row-a4 .ul-piclist1 li a:hover p { color: #f09437; } .row-a4 .ul-newslist3 { width: 460px; min-height: 484px; float: right; background: rgba(255, 255, 255, 0.70); padding: 25px 35px; position: relative; z-index: 9; } .row-a4 .ul-newslist3 li { border-bottom: #c3c3c3 1px solid; overflow: hidden; padding:18px 0; display: flex; justify-content: center; align-items: center; } .row-a4 .ul-newslist3 li span { width: 125px; font-size: 18px; color: #5d7eaf; display: inline-block; float: left; margin-right: 0px; font-weight: bold; } .row-a4 .ul-newslist3 li a { width: 68%; display: block; float: left; line-height: 1.8em; position: relative; padding-left: 34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .row-a4 .ul-newslist3 li a::before { content: ''; display: block; width: 23px; height: 19px; background: url(../images/icon-4.png) no-repeat; margin-bottom: 25px; position: absolute; left: 0; top: 0; } .row-a4 .ul-newslist3 li:last-child { border-bottom: none; } .row-a5 .g-tit1 { text-align: center; position: relative; } .row-a5 .g-tit1 span { position: absolute; top: 20px; left: 50%; margin-left: -132px; } .row-a5 { margin-bottom: 100px; } .row-a5 .control { position: relative; } .row-a5 .swiper-button-next { top: -95px; right: -50px; background: url(../images/bt-r.png) no-repeat; font-size: 0; width: 28px; height: 52px; } .row-a5 .swiper-button-prev { top: -95px; left: -50px; background: url(../images/bt-l.png) no-repeat; font-size: 0; width: 28px; height: 52px; } .row-a5 .swiper-button-prev:after, .row-a5 .swiper-button-next:after { display: none; } .row-a5 .m-imgs { position: relative; margin: 0 -13px; height: 180px; } .row-a5 .m-imgs li { width: 25%; float: left; display: block; font-size: 0; padding: 0 13px; } .row-a5 .m-imgs button.slick-prev,.row-a5 .m-imgs button.slick-next{ width: 28px; height: 52px; position: absolute; background: none; border: none; z-index: 9; cursor: pointer; font-size: 0; } .row-a5 .m-imgs button.slick-prev{ left: -60px; top: 50%; background: url(../images/bt-l.png) center center no-repeat; transform: translateY(-50%); } .row-a5 .m-imgs button.slick-next{ right: -60px; top: 50%; transform: translateY(-50%); background: url(../images/bt-r.png) center center no-repeat; } .row-a5 .m-imgs .slick-dots li{ display: none; } .row-a5 .m-imgs span { width: 28px; height: 52px; position: absolute; } .row-a5 .m-imgs span.bt-l { left: -60px; top: 50%; margin-top: -31px; } .row-a5 .m-imgs span.bt-r { right: -60px; top: 50%; margin-top: -31px; } .footer { background: url(../images/fd-bg.png) center top no-repeat #1d56d3; padding-bottom: 64px; position: relative; } .footer .f-links { padding: 46px 0 39px; border-bottom: 1px solid #6189e0; color: #fff; line-height: 42px; } .footer .f-links span { font-size: 18px; } .footer .f-links ul { width: 95%; float: right; margin: 0 -35px; } .footer .f-links ul li { width: 176px; height: 40px; line-height: 40px; border: 1px solid #8eabe9; border-radius: 25px; display: block; float: left; text-align: center; margin: 0 35px; } .footer .f-links ul li a { display: block; color: #fff; font-size: 18px; } .footer .f-bottom { margin-top: 54px; color: #fff; } .footer .f-bottom .f-qr, .footer .f-bottom .f-address, .footer .f-bottom .f-copy { width: 33.33%; float: left; } .footer .f-bottom .f-qr h2 { font-size: 18px; line-height: 1.4em; margin-bottom: 32px; } .footer .f-bottom .f-qr a { margin-right: 19px; display: inline-block; position: relative; } .footer .f-bottom .f-qr a .code { width: 80px; height: 80px; position: absolute; left: 50%; transform: translateX(-50%); top: -86px; display: none; } .footer .f-bottom .f-qr a:hover .code { display: block; } .footer .f-bottom .f-qr a:hover .code img { width: 100%; height: 100%; } .footer .f-bottom .f-address p, .footer .f-bottom .f-copy p { font-size: 16px; line-height: 1.4em; margin-bottom: 14px; } .back2top { display: block; width: 34px; height: 145px; background: url(../images/back2top.png); position: absolute; right: 30px; bottom: 90px; text-indent: -999px; overflow: hidden; } .sns_tool { position: fixed; z-index: 1000; right: 30px; bottom: 80px; } .sns_tool .dis { display: none; } .sns_tool .sns_h ul li { border-color: transparent; } .sns_tool .sns_h ul li img { width: 100%; height: auto; } .sns_tool .sns_h ul li a { padding: 0; background-color: transparent; } .sns_tool .sns_h ul li a:hover { opacity: 1; } .sns_tool ul { font-size: 0; } .sns_tool ul li { border-top: 1px solid #fff; } .sns_tool ul li a:hover { opacity: .6; } .sns_tool ul li a { display: block; /*background-color: #1d56d3;*/ background-color: rgba(0,0,0,0.4); color: #fff; text-align: center; width: 80px; padding: 15px 0; box-sizing: border-box; font-size: 0; } .sns_tool ul li img { width: 36px; height: 36px; } .sns_tool ul li span { display: block; margin-top: 5px; line-height: 1; font-size: 14px; } .sns_tool .sns_f ul li img { width: auto; height: auto; } /* .invisible { visibility: hidden; } */ @media screen and (max-width:1440px) { .wp { width: 95%; max-width: 1440px; } .nav .sub .pic { display: none; } .nav .dropicon { display: block } .nav .on .dropicon { transform: rotate(180deg) } .nav .sub { position: static; transform: none; min-width: 180px; } .header .nav li .sub .links a, .header .nav li .sub .links { width: 100%; } .header .nav li .sub .links a { text-align: left; padding: 0 15px; border-bottom: 1px solid #eaeaea; } .nav .sub { padding: 15px 0 30px; } .header .nav li .sub .links { padding-top: 0; } .sub .v2 { width: 100%; line-height: 35px; text-align: left; padding: 0 20px; } .sub .v2:last-child { border-bottom: none } .banner { height: auto; } .row-a1 { padding: 64px 0 64px; margin-bottom: 64px; } .row-a1 .col-r .notice li { margin-bottom: 25px; } .row-a1 .col-r .notice { padding: 30px 30px 8px; } .row-a1 .col-l .focNews .boxL .switch { width: 100%; } .row-a2 .col-m .newslist2 li.first { margin-bottom: 20px; } .row-a2 .col-m .newslist2 li { margin-bottom: 20px; } .row-a2 .m-newslist-1 { padding: 30px 28px 0px 25px; } .row-a2 .m-newslist-1 li { margin-bottom: 10px; } .row-a3 .col-l { width: 50%; } .row-a3 .col-l .swiper-box { width: 100%; } .row-a3 .col-r { width: 50%; } .row-a3 { margin-bottom: 64px; } .row-a4 { padding-top: 80px; margin-bottom: 36px; } .row-a4 .m-keyan li a.pic { width: 42%; margin-right: 0; } .row-a4 .m-keyan li a.txt { width: 58%; } .row-a4 .ul-piclist1, .row-a4 .ul-piclist1b { width: 64%; } .row-a4 .ul-newslist3 { width: 35%; } .row-a4 .ul-newslist3 li span { margin-right: 0; } .footer .f-links ul li { margin: 0 10px; width: 13% } .row-a2 .m-newslist-1 li a.img { padding-right: 10px; margin-right: 0; } .row-a2 { margin-bottom: 54px; } .m-keyan2 .ul-keyalist li .cover { top: 74px; } .m-keyan2 .keyatitle { font-size: 26px; } .row-a4 { padding-top: 60px; margin-bottom: 16px; } .row-a5 { margin-bottom: 50px; } .row-a2 .m-newslist-1 li a.img { width: 33%; } .row-a2 .m-newslist-1 li a { width: 50%; } .row-a2 .m-newslist-1 li a p { line-height: 1.4em; } .header .m-top .nav li a { font-size: 18px; } .g-tit1 strong { font-size: 28px; } .g-tit1 { margin-bottom: 34px; } .g-tit1 span { font-size: 24px; } .row-a1 .col-r .notice li.first .data strong { font-size: 14px; } .row-a1 .col-l .focNews .boxL .box h4 { font-size: 20px; } .row-a2 .g-tit1 span { margin-left: -85px; } .row-a2 .m-newslist-1 li a span { margin-bottom: 10px; } .row-a2 .m-newslist-1 li a.img { height: auto; } .row-a2 .m-newslist-1 { padding: 20px 28px 20px 25px; } .row-a2 .m-newslist-1 li { margin-bottom: 18px; } .row-a3 .swiper-box .swiper { width: 100%; } .row-a4 .m-keyan li a h4 { font-size: 18px; } .footer .f-links ul li a { font-size: 16px; } .footer .f-links ul li { margin: 0 16px } .row-a4 .m-keyan li a.pic img { font-size: 0; width: 100; } /* 第二版科研开始 */ .m-keyan2 .keyanleft { width: 75%; padding-right: 30px; } .m-keyan2 .keyanright { width: 25%; } .m-keyan2 .keyanleft .pic { width: 36%; } .m-keyan2 .keyanleft .ul-keyalist { /* width: 62%; */ width: auto; } .row-a4 .white a.g-move1{ margin-right: 0; } .m-keyan2 .keyanright .g-tit1 { margin-bottom: 74px; } .m-keyan2 .keyanleft .ul-keyalist, .m-keyan2 .keyanright .ul-keyalist2 { padding: 20px 30px 30px; } /* 第二版科研开始end */ .row-a4 .ul-piclist1 li:nth-child(1) { width: 34%; height: 337px; } .row-a4 .ul-piclist1 li:nth-child(2), .row-a4 .ul-piclist1 li:nth-child(3) { width: 30%; } .row-a4 .ul-piclist1 li:nth-child(4), .row-a4 .ul-piclist1 li:nth-child(5) { width: 35%; } .row-a4 .ul-piclist1 li:nth-child(2) { height: 185px; } .row-a4 .ul-piclist1 li:nth-child(3) { height: 132px; } .row-a4 .ul-piclist1 li:nth-child(4) { height: 140px; } .row-a4 .ul-piclist1 li:nth-child(5) { height: 178px; } .row-a4 .ul-piclist1 li p { padding: 15px; } .row-a4 .ul-newslist3 li a { font-size: 16px; line-height: 1.4em; } .row-a4 .ul-newslist3 { min-height: auto; padding: 15px 20px; } .row-a4 .ul-newslist3 li { padding: 10px 0; } .row-a4 .ul-piclist1 { height: 338px; } .row-a4 { padding-bottom: 48px; } .row-a2 .box { width: 64.6%; } .row-a2 .col-r { width: 33%; } .row-a2 .col-l, .row-a2 .col-m { width: 48%; } .row-a2 .col-l { margin-right: 15px; } .row-a2 .col-m .newslist2 li.first a h4 { font-size: 16px; font-weight: bold; } .m-newslist-2 { padding: 2px 20px; } .m-newslist-2 li { padding: 10px 0; } .m-newslist-2 li span { display: block; text-align: right; } .row-a2 .col-l { height: auto; } .row-a2 .col-m .newslist2 li a { font-size: 14px; } .row-a2 { padding-bottom: 0; } .row-a3 .fr .ul-story{ margin-right: 0; } .swiper-button-prev, .swiper-button-next{ transform: scale(0.8); top: -82px; } .row-a5 .swiper-button-prev { left: -30px; } .row-a5 .swiper-button-next{ right: -30px; } .row-a2 .col-m .newslist2{ padding: 0; } .row-a2 .col-m .newslist2 li { margin-bottom: 16px; } .m-newslist-2 li a{ font-size: 16px; } .row-a3 .col-l .ul-story li a p{ font-size: 16px; } .row-a5 .m-imgs{ height: auto; } .row-a5 .m-imgs button.slick-prev, .row-a5 .m-imgs button.slick-next{ background-size:20px auto; } .row-a5 .m-imgs button.slick-prev{ left: -16px; } .row-a5 .m-imgs button.slick-next{ right: -16px; } } @media screen and (max-width:1199px) { .wp { width: 95%; max-width: 1199px; } .header .m-top .nav li a.v1{ font-size: 18px; } .nav .v1 { padding: 0 15px; line-height: 45px; border-bottom: 1px solid rgb(62,110,220) } .back2top { display: none; } .row-a1 .col-r { /* display: none; */ } .row-a1 .col-l{ margin-bottom: 60px; } .row-a1 .col-r, .row-a1 .col-l { width: 100%; float: none; } .row-a1 .col-r{ padding-left: 0; } .row-a2 .m-newslist-1 { display: none; } .row-a1 .col-r .notice li.first a{ padding: 15px 0; } .row-a1 { padding: 34px 0 40px; margin: 30px 0; } .sns_tool { display: none; } .g-tit1 { margin-bottom: 20px; min-height: 34px; } .row-a2 .col-l { width: 50%; } .row-a2 .col-m { width: 50%; position: relative; z-index: 9; background: #fff; } .row-a3 .newslist-2 li { height: 249px; } .row-a2 .col-m .newslist2 li.first { margin-bottom: 40px; } .row-a2 .col-m .newslist2 li { margin-bottom: 30px; } .row-a3 .col-l .swiper-box .swiper { width: 100%; } .row-a3 { margin-bottom: 40px; } .row-a4 { padding-top: 30px; margin-bottom: 16px; } .g-tit1 span { display: none; } .row-a4 .m-keyan { margin-bottom: 40px; } .row-a4 .ul-newslist3 li span { width: 78px; font-size: 14px; } .row-a4 .m-keyan { width: 100%; } .row-a4 .white a.g-move1 { margin-right: 0px; } .g-tit1 strong { font-size: 22px; } .row-a1 .col-l .focNews .newslist1 li .dec strong { font-size: 22px; } .row-a1 .col-l .focNews .newslist1 li a { font-size: 14px; } .row-a1 .col-l .focNews .boxL .switch p { font-size: 14px; } .row-a1 .col-l .focNews .boxL .box h4 { font-size: 18px; } /* a.g-move1 img{display: none;} a.g-move1{width: 76px;height: 32px;line-height: 32px;border: 1px solid #a9a9a9;padding: 0;text-align: center;} */ .row-a2 .col-m .newslist2 li a { font-size: 14px; } .row-a2 .col-m .newslist2 li { margin-bottom: 20px; } .row-a3 .newslist-2 li a { padding-bottom: 20px; } .row-a3 .col-l .ul-story { height: auto; } .row-a3 .col-l .ul-story li { margin-bottom: 10px; } .row-a3 .col-l .ul-story { padding: 24px 38px; } .row-a4 .g-tit1 .share img { width: 24%; } .row-a4 .g-tit1 .share { left: 112px; } .footer .f-bottom .f-qr, .footer .f-bottom .f-address { width: 50%; } .footer .f-bottom .f-copy { width: 100%; } .row-a5 .swiper-button-next { right: -32px; } .row-a5 .swiper-button-next { display: none; } .row-a5 .swiper-button-prev { display: none; } /* 第二版科研开始 */ .m-keyan2 .keyanright .g-tit1 { margin-bottom: 34px; } .m-keyan2 .keyatitle { font-size: 22px; } .m-keyan2 .keyatitle span { width: 90px; top: 52px; } /* 第二版科研开始end */ .row-a4 .g-tit1 .share a .code { display: none; } .m-keyan2 .keyanleft .ul-keyalist { width: 46%; } .m-keyan2 .ul-keyalist li .cover { top: 66px; } .row-a4 .ul-piclist1 li p { font-size: 14px; padding: 0 10px; } .row-a4 .ul-newslist3 li a { font-size: 14px; } .row-a4 .ul-newslist3 { height: 338px; } .row-a2 .box{ width: 100%; float: none; } .row-a2 .col-r{ width: 100%; float: none; margin-top:30px; } .row-a2 .col-l, .row-a2 .col-m { width: 48%; } .row-a2 .col-m .newslist2 li.first::before { margin-bottom: 16px; } .row-a2 .col-m .newslist2 li.first { margin-bottom: 20px; } .m-newslist-2 li { padding: 13px 0; } .row-a2 { margin-bottom: 34px; } .row-a1 .col-r .notice li.first{ padding-bottom: 32px; } .row-a4 .g-tit1 .share img{ width: 74%; } .row-a4 .g-tit1 .share a{ margin-left: 10px; margin-right: 10px; } .row-a3 .col-l .swiper-box .swiper-pagination { bottom: 0px; } a.g-move1{ transform: scale(0.8); top: -36px; } .m-keyan2 .keyanleft .ul-keyalist{ width: auto; } .m-keyan2 .keyanleft{ padding-right: 20px; } .row-a5 .m-imgs button.slick-prev, .row-a5 .m-imgs button.slick-next{ background-size: 0; } .m-top { border-radius:0; height:calc(100vh-60px);} } @media screen and (max-width:960px) { .wp { width: 95%; max-width: 960px; } .m-inSnv-1 .wp .g-inSnv-1 a:hover::after, .m-inSnv-1 .wp .g-inSnv-1 a.on::after { content: ''; display: block; width: 100%; height: 3px; background: #1d56d3; position: absolute; bottom: -2px; left: 0; } .g-tit1 strong { font-size: 20px; } /* a.g-move1{width: 62px; } */ .row-a3 .newslist-2 li.second span { font-size: 22px; } .row-a3 .col-l { width: 100%; } .row-a3 .col-r { width: 100%; } .row-a3 .col-r a.g-move1 { display: none; } .row-a4 .m-keyan li { width: 100%; } .row-a4 .g-tit1 { display: none; } .m-keyan { display: none; } .row-a4 .ul-newslist3 { width: 100%; margin-top: 20px; height: auto; } .row-a4{ padding-bottom: 0; } .row-a4 .ul-newslist3 li a::before{ transform: scale(0.8); } .row-a4 .ul-piclist1,.row-a4 .ul-piclist1b { width: auto; float:none; } .footer .f-links ul li { margin: 0 10px; width: 12%; } .footer .f-links ul li a { font-size: 14px; } .footer .f-links ul li { height: 30px; line-height: 30px; } /* 第二版科研开始 */ .m-keyan2 .keyanright .g-tit1 { margin-bottom: 34px; } .m-keyan2 .keyanleft { width: 100%; float: none; background: #fff; } .m-keyan2 .keyanright { width: 100%; float: none; background: #fff; } .m-keyan2 .keyatitle { font-size: 22px; } .m-keyan2 .keyatitle span { width: 108px; } .m-keyan2 .ul-keyalist li .cover { top: 0px; } /* 第二版科研开始end */ .m-keyan2 .ul-keyalist li .cover img { max-width: 318px; max-height: 416px; } .m-keyan2 .keyanleft .ul-keyalist { margin-left: 310px; } .m-keyan2 .keyanleft .ul-keyalist { width: 62%; } .row-a2 .box, .row-a2 .col-r { width: 100%; float: none; } .row-a2 .col-r { margin-top: 30px; } .row-a3 .col-l .ul-story { padding: 20px; } .row-a3 .col-l .ul-story li a p { font-size: 16px; } .row-a3 { margin-bottom: 20px; } .row-a1 .col-r .notice li.first{ margin-bottom: 22px; padding-bottom: 22px; } .m-keyan2{ margin-bottom: 36px; } .footer .f-links ul{ width: 94%; padding: 6px 0; } .row-a3 .storyBox{ background-size: cover; } a.g-move1{ transform: scale(0.8); top: -35px; } .row-a2 .col-m .newslist2 li { margin-bottom: 10px; } } @media screen and (max-width:767px) { .wp { width: 95%; max-width: 767px; } .row-a4 .ul-piclist1b li { width:50%; } .row-a4 .ul-piclist1 li p, .row-a4 .ul-piclist1b li p{ font-size:12px; padding:5px; } .row-a1 .col-l .focNews .boxL { width: 100%; float: none; } .row-a1 .col-l .focNews .boxL { padding-right: 0; } .row-a1 .col-l .focNews .newslist1 { width: 100%; float: none; } .row-a2 .col-l { width: 100%; float: none; margin-bottom: 20px; } .row-a2 .col-l .pic { padding-right: 0; } .row-a2 .col-l .pic a { right: 0; } .row-a2 .col-l .pic img { width: 100%; } .row-a2 .col-m { width: 100%; } .row-a3 .col-l { /* display: none; */ } .row-a1 .col-l .focNews .newslist1 li { padding: 14px 0; } .row-a1 .col-l .focNews .newslist1 li .dec { text-align: center; padding: 3px 0; height: 52px; } .row-a1 .col-l .focNews .newslist1 li .dec strong { font-size: 18px; } .row-a1 { margin-bottom: 0; } .row-a2 { margin-bottom: 32px } .row-a3 .newslist-2 li { height: 234px; } .row-a4 .ul-piclist1 { display: none; } .row-a5 { margin-bottom: 20px; } .footer .f-links { display: none; } .footer { padding-top: 20px; padding-bottom: 24px; } .footer .f-bottom { margin-top: 15px; } .footer .f-bottom .f-qr, .footer .f-bottom .f-address { width: 100%; margin-bottom: 10px; } .back2top { display: none; } /* 第二版科研开始 */ .m-keyan2 .keyanleft .pic { display: none; } .m-keyan2 .keyanleft { height: auto; } .m-keyan2 .keyanleft .ul-keyalist, .m-keyan2 .keyanright .ul-keyalist2 { width: 100%; padding: 10px; height: auto; } .m-keyan2 .keyatitle { font-size: 18px; } .m-keyan2 .keyatitle span { width: 72px; top: 42px; margin-bottom: 30px; } .m-keyan2 .keyanleft { padding-right: 0; } .m-keyan2 .ul-keyalist li { margin-bottom: 20px; } .m-keyan2 .keyanright .ul-keyalist2 li{ margin-bottom:20px; } .m-keyan2 .keyanright .ul-keyalist2 li a { /*padding-bottom: 15px;*/ } .row-a5 .m-imgs button{ display:none; } .m-keyan2 { margin-bottom: 36px; } /* 第二版科研end */ .row-a2 { padding-bottom: 0; padding-top: 20px; } .m-keyan2 .ul-keyalist li.active .cover, .m-keyan2 .ul-keyalist li:hover .cover { display: none; } .m-keyan2 .keyanleft .ul-keyalist, .m-keyan2 .keyanright .ul-keyalist2 { margin-left: 0; } .m-keyan2 { margin-bottom: 0; } a.g-move1{ transform: scale(0.6); top: -32px; } .row-a1 .col-r{ margin-top: 32px; } .row-a1 .col-r .notice li.first a{ font-size: 14px; } .row-a1 .col-r .notice li.first a{ padding: 0; margin: 10px 0; } .row-a1 .col-r .notice li a{ font-size: 14px; } .row-a3 .col-l .ul-story li .pic{ /* transform: scale(0.8); */ width: 100px; height: 100px; margin-right: 15px; } .row-a3 .col-l .ul-story li a p{ font-size: 14px; margin-top: 4px; } .row-a3 .col-l .ul-story li{ min-height: 110px; } .row-a3 .col-l .swiper-box{ height: 378px; } .row-a3 .storyBox{ background-size: cover; } .row-a1 .col-l .focNews .boxL .box h4{ margin-bottom: 20px; } .row-a1 .col-r .notice li.first { margin-bottom:16px; padding-bottom: 16px; } .row-a2 .col-r { margin-top: 10px; } .m-newslist-2 li a{ font-size: 14px; } .m-newslist-2 li { padding: 16px 0; } .row-a3 .col-l .swiper-box .swiper-pagination{ bottom: 18px; } .row-a3 .storyBox{ background-size: cover; padding-bottom: 30px; } .row-a1 .col-l .focNews .newslist1{ padding: 10px; } } .menuBtn { display: none; position: fixed; top: 12px; right: 18px; width: 30px; height: 30px; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; background: #fff; } .menuBtn b { display: block; height: 4px; background-color: #3c3d9d; margin: 4px 0; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s } .menuBtn.open b { display: none; margin: -5px 0 0; position: absolute; left: 0; top: 50%; width: 30px } .menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg) } .menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg) } @media screen and (max-width:1119px) { body{ padding-top: 60px; } .sns_tool { display: none; } .header { width: 100vw; overflow-x: hidden; } .header::before { content: ''; display: block; width: 100%; height: 60px; background-color: #fff; } .menuBtn { display: block; z-index: 10; } .nav-about li a { display: block; } .nav-about li:last-child a { border-bottom: none; } .menuBtn.open b { background-color: #1d56d3; } .header .mp { margin-top: 37px; } .header .m-top .logo img { width: 100%; } .header .m-top .logo { left: 10px; top: -50px; height: 60px; width: 160px; margin: 0; } .mologo { display:block;} .pclogo { display:none;} .header .h-t { display: none; } .nav-about, .header .m-top .nav { display: none; padding-top: 20px; } .nav-about.on, .header .m-top .nav.on { display: none; } .nav-about li, .header .m-top .nav li { float: none; width: auto; } .nav-about li a, .header .m-top .nav li a { height: 2.2em; line-height: 2.2em; } .nav-about li a.v, .header .m-top .nav li a.v1 { font-size: 18px; font-weight: normal; height: 50px; line-height: 50px; } .nav-about li.tr, .header .m-top .nav li.tr { text-align: left; } .nav-about li.vac, .header .m-top .nav li.vac { display: none; } .nav-about { display: none; padding: 20px 20px 0; } .header .nav li .sub .links {width:auto; overflow:hidden;} .header .nav li .sub .links a { width:50%; border-color:#ddd;} .nav .sub {background:rgba(255,255,255,.9)} .navlink {display:block; overflow:hidden; padding:20px 0;margin:0 -1%;} .navlink a { border:1px solid rgb(62,110,220); width:23%; padding:10px 0; font-size:14px; color:#fff; margin:1%; float:left; box-sizing: border-box; text-align:center; } .m-aboutTop .h-r .tool { display: none; } .m-aboutTop { /* width: 100%; */ background: #1d56d3; height: auto; border-radius: 0px 0px 20px 20px; } .m-aboutTop .wp { width: 100%; } .m-aboutTop .wp::after { content: ''; display: block; clear: both; } .logo-about, .m-aboutTop .h-r { width: 100% !important; float: none; } .logo-about { /* margin-top: -100px; */ padding-top: 0; position: absolute; left: 10px; top: -50px; } .logo-about img { font-size: 0; height: auto; width:160px; } .m-aboutTop {border-radius:0;} .logo-about { width: auto; /* display: none; */ } .nav-about li { width: 100% !important; text-align: left; } .row-ab1 .abBox1 .txt h4::after, .row-ab1 .abBox1 .txt p::before { display: none !important; } .row-ab1 .abBox1 .txt h4 { font-size: 28px; } .row-ab1 .abBox1 .txt p { font-size: 22px; } .row-ab1 .abBox1 .txt p span { font-size: 32px; } .row-ab1 .abBox1 p.part1, .row-ab1 .abBox1 p.part2, .row-ab1 .abBox1 p.part3, .row-ab1 .abBox1 p.part4 { line-height: 1.6em; margin-bottom: 15px; } .row-ab2 .number li h2 { font-size: 50px; margin-bottom: 15px; } .row-ab2 .ab-txt { margin-top: -340px !important; } .row-ab2 { padding-bottom: 0px !important; } .row-ab2 .ab-txt2 { margin: 44px 0 26px !important; } .row-ab1 .abBox1 .txt h4 { font-size: 28px; } .row-ab1 .abBox1 .txt p{ text-indent: 152px; } .row-ab1 .abBox1 .txt p span { font-size: 34px; } } /* 图册西泽 */ .inbanner1 { padding-top: 24%; background-position: center; background-repeat: no-repeat; background-size: cover; } .inbanner1:hover { cursor: pointer; } .m-inbanner1 .inbanner1 .wp { position: relative; } .m-inbanner1 .inbanner1 .wp span { position: absolute; left: 0px; bottom: 90px; padding: 0 80px; font-size: 48px; color: #ffffff; } .m-inbanner1 .inbanner1 .wp span::before, .m-inbanner1 .inbanner1 .wp span::after { content: ''; display: block; width: 48px; height: 1px; background: #fff; position: absolute; bottom: 32px; } .m-inbanner1 .inbanner1 .wp span::before { left: 22px; } .m-inbanner1 .inbanner1 .wp span::after { right: 22px; } .m-inSnv-1 { margin-bottom: 88px; } .m-inSnv-1 .wp .g-inSnv-1 { width: 100%; border-bottom: #e2e2e2 1px solid; text-align: center; } .m-inSnv-1 .wp .g-inSnv-1 a { padding: 22px 0px; margin:0 50px; font-size: 18px; color: #333333; position: relative; display: inline-block; } .m-inSnv-1 .wp .g-inSnv-1 a:hover { color: #1d56d3; } .m-inSnv-1 .wp .g-inSnv-1 a:hover::after,.m-inSnv-1 .wp .g-inSnv-1 a.on::after{ content: ''; display: block; width: 100%; height: 3px; background: #1d56d3; position: absolute; bottom: -2px; left: 0px; } .row-i1 { width: 100%; background: url(../images/in-bg-1.png) center bottom no-repeat; background-size: cover; } .pd58 { padding-bottom: 58px; } .m-inIimList-1 { margin-bottom: 76px; } .m-inIimList-1 ul { width: 100%; margin: 0 -10px; } .m-inIimList-1 ul li { float: left; padding: 0 7px; margin-bottom: 20px; } .m-inIimList-1 ul li a img { width: 100%; height: 100%; } .m-inIimList-1 ul li a { display: block; overflow: hidden; position: relative; font-size: 0; } .m-inIimList-1 ul li:nth-child(1) a { width: 600px; height: 620px; } .m-inIimList-1 ul li:nth-child(2) a { width: 460px; height: 620px; } .m-inIimList-1 ul li:nth-child(3) a { width: 460px; height: 300px; } .m-inIimList-1 ul li:nth-child(4) a { width: 460px; height: 300px; } .m-inIimList-1 ul li:nth-child(5) a { width: 1074px; height: 560px; } .m-inIimList-1 ul li:nth-child(6) a { width: 460px; height: 560px; } .m-inIimList-1 ul li a p { position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 20px 30px; color: #fff; background: linear-gradient(transparent, #000); font-size: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .pages { text-align: center; margin-bottom: 88px; } .pages ul { display: inline-block; } .pages ul li { float: left; } .pages ul li a { padding: 16px 14px; border-left: #d6d6d6 1px solid; border-top: #d6d6d6 1px solid; border-bottom: #d6d6d6 1px solid; color: #333333; font-size: 16px; } .pages ul li.go a { border-right: #d6d6d6 1px solid; } .pages ul li.on a, .pages ul li a:hover { color: #3366cc; } /* 图册西泽内页 */ .row-i1 .titlei1 { margin-bottom: 30px; text-align: center; } .row-i1 .titlei1 h3 { font-size: 24px; color: #333333; line-height: 1.4em; margin-bottom: 14px; font-weight: 500; } .row-i1 .titlei1 span { color: #a09f9f; line-height: 1.4em; } .m-sidei1 .bigimg { position: relative; width: 1140px; height: 640px; margin: 0 auto 50px; } .m-sidei1 .bigimg a { overflow: hidden; display: block; } .m-sidei1 .bigimg .title { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 0; background: rgba(0, 0, 0, 0.40); font-size: 20px; color: #ffffff; } @font-face { font-family: fonti1; src: url(../font/georgia.ttf); } .m-sidei1 { margin-bottom: 80px; } .m-sidei1 .bigimg .title .data { float: left; padding: 0 15px 0 30px; font-family: fonti1; font-size: 24px; border-right: #5c6051 1px solid; margin-right: 15px; } .m-sidei1 .bigimg .title .data span { color: #f09437; } .m-sidei1 .bigimg .leftArrow, .m-sidei1 .bigimg .rightArrow { width: 56px; height: 42px; position: absolute; top: 50%; margin-top: -31px; cursor: pointer; } .m-sidei1 .bigimg .leftArrow { background: url(../images/in-icon-i1.png); left: -86px; } .m-sidei1 .bigimg .rightArrow { background: url(../images/in-icon-i2.png); right: -86px; } .m-sidei1 .thumb { width: 1140px; height: 100px; margin: 0 auto; } .m-sidei1 .thumb img { width: 100%; height: 100%; } .m-sidei1 .thumb .img-l, .m-sidei1 .thumb .img-r { width: 146px; height: 100px; float: left; overflow: hidden; } .m-sidei1 .thumb .imglist { float: left; margin: 0 14px; width: 820px; } .m-sidei1 .thumb .imglist .leftArrow-1, .m-sidei1 .thumb .imglist .rightArrow-1 { width: 30px; height: 100px; float: left; background: url(../images/in-icon-i3.png); cursor: pointer; } .m-sidei1 .thumb .imglist .leftArrow-1 { background: url(../images/in-icon-i3.png) center center #1d56d3 no-repeat; } .m-sidei1 .thumb .imglist .rightArrow-1 { background: url(../images/in-icon-i4.png) center center #f9f9f9 no-repeat; } .m-sidei1 .thumb .imglist li { margin: 0 14px; width: 160px; height: 100px; float: left; overflow: hidden; background: #1d56d3; text-align: center; } .m-sidei1 .thumb .imglist li img:hover { transform: scale(0.9, 0.9); cursor: pointer; } .row-i1 .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .row-i1 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .row-i1 .swiper { width: 1140px; height: 300px; margin: 10px auto 40px; /* overflow: hidden; */ position: relative; } .row-i1 .box, .row-i1 .box-i2 { position: relative; margin: 0 auto; } .row-i1 .box .swiper-button-next, .row-i1 .box .swiper-button-prev { width: 56px; height: 42px; position: absolute; top: 50%; margin-top: -31px; cursor: pointer; } .row-i1 .box .swiper-button-next { background: url(../images/in-icon-i2.png); right: -86px; } .row-i1 .box .swiper-button-prev { background: url(../images/in-icon-i1.png); left: -86px; } .row-i1 .box .swiper-button-next:after, .row-i1 .box .swiper-rtl .swiper-button-prev:after, .row-i1 .box .swiper-button-next:after, .row-i1 .box .swiper-button-prev:after { display: none; } .box-i2 .swiper-button-nex { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .box-i2 .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .row-i1 .swiper-slide { background-size: cover; background-position: center; } .row-i1 .mySwiper2 { height: 600px; } .row-i1 .mySwiper { height: 120px; box-sizing: border-box; padding: 10px 0; } .row-i1 .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .row-i1 .mySwiper .swiper-slide-thumb-active { opacity: 1; display: flex; justify-content: center; align-items: center; } .row-i1 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } /* 视频西泽 */ .ul-videov1 { margin: 60px -20px 0; } .ul-videov1 li { width: 33.33%; float: left; margin-bottom: 40px; padding: 0 26px; height: 320px; } .ul-videov1 li a { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; } .ul-videov1 li a img{ width: 100%; height: 100%; display: block; } .ul-videov1 li a span { width: 56px; height: 56px; background: url(../images/in-icon-v1.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-top: -28px; margin-left: -28px; } .ul-videov1 li a p { position: absolute; left: 0; bottom: 0; right: 0; padding: 26px 0; text-align: center; color: #fff; background: linear-gradient(transparent, #000); font-size: 22px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } /* 2022.5.31号修改开始 */ .row-i1 .m-category { width: 33.33%; text-align: center; padding-top: 54px; margin-bottom: 40px; padding: 0 20px; position: absolute; left: 0; top: 108px; height: 236px; } .row-i1 .m-category h6 { line-height: 1.4em; font-size: 19px; color: #333333; margin-bottom: 30px; } .row-i1 .m-category a.h3 { line-height: 1.4em; font-size: 28px; color: #333333; position: relative; margin-bottom: 36px; display: block; height: 34px; font-weight: bold; } .row-i1 .m-category a.lf1, .row-i1 .m-category a.lf2 { font-size: 20px; } .row-i1 .m-category a.lf1 { margin-bottom: 22px; } .row-i1 .m-category a.h3:hover, .row-i1 .m-category a.on { color: #1d56d3; } .row-i1 .m-category a:hover.h3::before, .row-i1 .m-category a:hover.h3::after, .row-i1 .m-category a.on::before, .row-i1 .m-category a.on::after { content: ''; display: block; width: 70px; height: 1px; position: absolute; top: 50%; background: #1d56d3; } .row-i1 .m-category a:hover.h3::before, .row-i1 .m-category a.on::before { left: 90px; } .row-i1 .m-category a:hover.h3::after, .row-i1 .m-category a.on::after { right: 90px; } .row-i1 .m-category a.lf1:hover::before { left: 144px; } .row-i1 .m-category a.lf1:hover.h3::after { right: 144px; } .row-i1 .m-category a.lf2:hover::before { left: 124px; } .row-i1 .m-category a.lf2:hover.h3::after { right: 124px; } .row-i1 .box { position: relative; } /* 2022.5.31号修改结束 */ /* .ul-videov1 li.first { text-align: center; padding-top: 54px; } .ul-videov1 li.first h6 { line-height: 1.4em; font-size: 20px; color: #333333; margin-bottom: 30px; } .ul-videov1 li.first a:hover.h3,.ul-videov1 li.first a.on { line-height: 1.4em; font-size: 28px; color: #1d56d3; position: relative; margin-bottom: 36px; } .ul-videov1 li.first a:hover.h3::before, .ul-videov1 li.first a:hover.h3::after , .ul-videov1 li.first a.on::before, .ul-videov1 li.first a.on::after{ content: ''; display: block; width: 70px; height: 1px; position: absolute; top: 54%; background: #1d56d3; } .ul-videov1 li.first a:hover.h3::before,.ul-videov1 li.first a.on::before { left: 84px; } .ul-videov1 li.first a.lf1:hover::before{ left: 130px; } .ul-videov1 li.first a.lf1:hover.h3::after{ right: 130px; } .ul-videov1 li.first a.lf2:hover::before{ left: 120px; } .ul-videov1 li.first a.lf2:hover.h3::after{ right: 120px; } .ul-videov1 li.first a:hover.h3::after,.ul-videov1 li.first a.on::after { right: 84px; } .ul-videov1 li.first .h3 { display: block; height: 34px; line-height: 34px; margin-bottom: 36px; font-size: 20px; font-weight: bold; } */ .pages-v { text-align: right; margin-bottom: 100px; } .pages-v a { width: 60px; height: 60px; margin: 0 8px; display: inline-block; } /* 人物故事 */ .imgtxts1 { margin: 0 -29px; } .imgtxts1 li { width: 33%; float: left; margin: 84px 0 64px; padding: 0 29px; } .imgtxts1 li a { display: block; position: relative; background: #f5f6fa; } .imgtxts1 li a:hover, .imgtxts1 li a.on { background: #1d56d3; color: #fff; } .imgtxts1 li a:hover h4, .imgtxts1 li a.on h4 { color: #fff; } .imgtxts1 li a:hover .txt p, .imgtxts1 li a.on .txt p { color: #a8b7ea; } .imgtxts1 li a:hover .txt .data, .imgtxts1 li a.on .txt .data { color: #ffffff; } .imgtxts1 li a .pic { width: 135px; height: 135px; position: absolute; left: 26px; top: -84px; overflow: hidden; } .imgtxts1 li a .pic img { transform: scale(1); } .imgtxts1 li a .txt { padding: 76px 26px 46px 42px; } .imgtxts1 li a .txt h4 { line-height: 1.4em; font-size: 18px; margin-bottom: 26px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .imgtxts1 li a .txt p { line-height: 1.8em; color: #999999; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: 38px; } .imgtxts1 li a .txt .data { font-size: 15px; color: #a3a3a3; } .imgtxts1 li a .icon { width: 49px; height: 47px; position: absolute; bottom: 34px; right: 40px; background: url(../images/in-icon-s1.png) no-repeat; display: block; } /* 简介页 */ .row-ab1 { padding-bottom: 44px; /* background: url(../images/in-bg-ab1.png) center bottom no-repeat; */ } .row-ab1 .abpic { width: 622px; height: 390px; background: #2159d4; position: relative; float: left; margin-right: 56px; margin-top: 60px; } .row-ab1 .abBox1 .txt h4 { font-size: 36px; color: #484848; line-height: 1.2em; position: relative; } .row-ab1 .abBox1 .txt p { font-size: 30px; padding-left: 210px; text-indent: 190px; position: relative; margin-bottom: 34px; } .row-ab1 .abBox1 .txt p::before { content: ''; display: block; width: 174px; height: 1px; background: #c0c0c0; position: absolute; left: 680px; top: 62%; } .row-ab1 .abBox1 .txt p span { color: #1d56d3; font-size: 48px; font-weight: bold; } .row-ab1 .abBox1 .txt h4::after { content: ''; display: block; width: 544px; height: 2px; background: #2159d4; position: absolute; right: 20px; top: 50%; margin-top: -1px; } .row-ab1 .abBox1 img { display: inline-block; position: absolute; left: -18px; top: -60px; } .row-ab1 .abBox1 img:hover { transform: scale(1); } .row-ab1 .abBox1 p.part1, .row-ab1 .abBox1 p.part2, .row-ab1 .abBox1 p.part3, .row-ab1 .abBox1 p.part4 { font-size: 16px; line-height: 1.8em; margin-bottom: 32px; } .row-ab1 .m-l { width: 866px; float: left; } .row-ab1 .m-l p { line-height: 2em; font-size: 18px; margin-bottom: 40px; } .row-ab1 .m-l p span { font-size: 24px; color: #f09437; } .row-ab1 .m-r { width: 640px; float: right; } .row-ab1 .m-r .txt { padding-top: 78px; margin-bottom: 28px; } .row-ab1 .m-r .txt h4 { font-size: 36px; color: #484848; line-height: 1.2em; } .row-ab1 .m-r .txt p { font-size: 30px; padding-left: 210px; position: relative; } .row-ab1 .m-r .txt p span { color: #1d56d3; font-size: 48px; font-weight: bold; } .row-ab1 .m-r .txt p::before { content: ''; display: block; width: 174px; height: 1px; background: #c0c0c0; position: absolute; left: 16px; top: 62%; } .ab-switch { width: 100%; height: 588px; overflow: hidden; } .row-ab1 .m-r .pic { overflow: hidden; width: 624px; height: 568px; } .row-ab2 { background: url(../images/ab-bg1.png) top center no-repeat; /* padding-bottom: 358px; */ } .row-ab2 .ab-txt { width: 780px; height: 310px; background: url(../images/ab-bg3.png) left top no-repeat #f09437; margin-left: 100px; margin-top: -136px; position: relative; z-index: 99; padding: 42px 52px; font-size: 16px; color: #fff; line-height: 1.8em; } .row-ab2 .ab-txt2 { margin: 44px 0 76px; } .row-ab2 .ab-txt2 p { text-indent: 24px; font-size: 16px; margin-bottom: 36px; line-height: 1.9em; } .row-ab2 .number { border-top: #1d56d3 1px solid; padding: 38px 90px 40px 54px; } .row-ab2 .number li { width: 212px; float: left; margin: 0 130px; text-align: center; } .row-ab2 .number li.first { width: 312px; margin: 0 80px } .row-ab2 .number li.first h2::after { left: 104px; } .row-ab2 .number li h2 { color: #1d56d3; font-size: 90px; font-family: font1; position: relative; margin-bottom: 40px; } .row-ab2 .number li h2::after { content: ''; display: block; width: 98px; height: 2px; background: #1d56d3; position: absolute; left: 54px; bottom: -10px; } .row-ab2 .number li p { font-size: 22px; } .row-ab2 .desc { width: 1135px; max-width: 100%; background: url(../images/in-bg-ab-3.png) no-repeat; padding: 36px 140px; line-height: 2em; margin: 0 auto; font-size: 18px; color: #484848; } .row-ab3 { margin-top: -174px; } .row-ab3 .box { background: #ffffff; padding: 70px 40px 20px } .row-ab3 .box .m-l { width: 630px; float: left; } .row-ab3 .box .m-l .newslistab1 { margin: 0 -25px 50px; } .row-ab3 .box .m-l .newslistab1 li { width: 50%; float: left; padding: 0 25px; border-right: #d7dbdf 1px solid; } .row-ab3 .box .m-l .newslistab1 li a { display: block; padding: 15px 0; border-bottom: #d7dbdf 1px solid; position: relative; text-indent: 24px; line-height: 1.4em; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .row-ab3 .box .m-l .newslistab1 li a::before { width: 5px; height: 5px; content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -3px; background: #f09437; } .row-ab3 .box .m-l .newslistab1 li.line { border-right: none } .row-ab3 .box .m-r { width: 764px; float: right; } .row-ab3 .box .m-r p { line-height: 2.2em; font-size: 18px; margin-bottom: 34px; } .row-ab3 .box .m-r p span { font-size: 24px; color: #f09437; } .row-ab4 { background: url(../images/ab-bg41.png) center center no-repeat; min-height: 473px; } .row-ab4 .txt { width: 874px; float: right; padding: 46px 0; } .row-ab4 .txt p { font-size: 16px; color: #ffffff; line-height: 1.8em; text-indent: 34px; margin-bottom: 32px; } .row-ab4 .m-l { width: 800px; float: left; } .row-ab4 .m-l .txt { margin-top: 55px; padding: 100px 62px 120px 0; color: #fff; line-height: 1.6em; font-size: 18px; } .row-ab4 .m-r { width: 703px; float: left; } .row-ab4 .m-r .pic { width: 100%; overflow: hidden; } .row-ab5 { background: url(../images/in-bg-ab5.png) top center no-repeat; padding-top: 56px; padding-bottom: 120px; } .row-ab5 .txt { margin-bottom: 54px; } .row-ab5 .txt p { font-size: 16px; line-height: 1.8em; margin-bottom: 26px; text-indent: 34px; } .row-ab5 .pic { overflow: hidden; } .row-ab5 .pic .fl, .row-ab5 .pic .fr { width: 760px; height: 379px; overflow: hidden; } .row-ab5 .pic .fl { float: left; } .row-ab5 .pic .fr { float: right; } .row-ab5 .m-l { width: 762px; float: left; } .row-ab5 .m-l .pic { padding-top: 30px; overflow: hidden; } .row-ab5 .m-l .pic img { width: 100%; height: auto; } .row-ab5 .m-r { width: 712px; float: right; } .row-ab5 .m-r .txt p { font-size: 18px; line-height: 1.8em; margin-bottom: 40px; } .row-ab5 .m-r .txt p span { font-size: 24px; color: #f09437; } /* 新闻 */ .row-n1 { margin-bottom: 38px; } .row-n1 .ul-newsn1 { margin-left: 750px; width: 810px; float: left; } .row-n1 .ul-newsn1 li a { padding: 30px 44px 22px 38px; border-bottom: 1px solid #d2d2d2; display: block; height: 155px; } .row-n1 .ul-newsn1 li a .cover { position: absolute; right: 100%; top: 0; width: 750px; height: 465px; overflow: hidden; display: none; text-align: center; } .row-n1 .ul-newsn1 li a .cover img { display: inline-block; max-width: 100%; max-height: 100%; } .row-n1 .ul-newsn1 li h4 { font-size: 24px; line-height: 1.4em; font-weight: normal; margin-bottom: 14px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: nowrap; overflow: hidden; } .row-n1 .ul-newsn1 li span { display: block; font-size: 15px; line-height: 1.4em; margin-bottom: 14px; } .row-n1 .ul-newsn1 li p { line-height: 1.4em; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: nowrap; } .row-n1 .ul-newsn1 li.active, .row-n1 .ul-newsn1 li:hover { background: url(../images/in-bg-n1.png) -8px top no-repeat #36c; } .row-n1 .ul-newsn1 li.active a, .row-n1 .ul-newsn1 li:hover a { border-bottom-color: #36c; color: #fff; } .row-n1 .ul-newsn1 li.active a .cover, .row-n1 .ul-newsn1 li:hover a .cover { display: block; } .row-n2 .ul-newsn2 { margin-bottom: 40px; } .row-n2 .ul-newsn2 li { padding: 0; border-bottom: #d3d3d3 1px solid; position: relative; } .row-n2 .ul-newsn2 li a::after { content: ''; display: block; height: 0; clear: both; overflow: hidden; } .row-n2 .ul-newsn2 li a { display: block; padding: 40px 0; } .row-n2 .ul-newsn2 li a:hover { background-color: #fcfcfc; } .row-n2 .ul-newsn2 li .pic { width: 350px; height: 220px; float: left; margin-right: 58px; overflow: hidden; } .row-n2 .ul-newsn2 li .txt { width: 1078px; float: left; padding-top: 40px; } .row-n2 .ul-newsn2 li .txt h4 { font-size: 24px; line-height: 1.4em; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-weight: normal; } .row-n2 .ul-newsn2 li .txt span { display: block; color: #a8a8a8; margin-bottom: 20px; } .row-n2 .ul-newsn2 li .txt p { line-height: 1.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .pt31 { padding-top: 31%; } .bgn { background: none; } /* 新闻综合2.0 */ .pt20 { padding-top: 20%; } .row-news1 { background: url(../images/in-bg-n21.png) center top no-repeat; } .row-news1 .g-tit1 { text-align: center; margin: 68px 0 78px; position: relative; } .row-news1 .g-tit1 span { position: absolute; left: 50%; top: 48px; display: block; z-index: 9; margin-left: -64px; font-size: 22px; font-weight: bold; color: #aaaab4; } .row-news1 .ul-newslistn1 { width: 982px; float: left; padding-left: 10px; } .row-news1 .ul-newslistn1 li { width: 472px; margin-right: 28px; float: left; background: #fff; } .row-news1 .ul-newslistn1 li:last-child { margin-right: 0; } .row-news1 .ul-newslistn1 li .pic { width: 470px; height: 315px; position: relative; text-align: center; } .row-news1 .ul-newslistn1 li .pic a { overflow: hidden; font-size: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; /* background: #000; */ } .row-news1 .ul-newslistn1 li .pic img { max-width: 100%; max-height: 100%; } .row-news1 .ul-newslistn1 li .pic .data { width: 65px; height: 65px; background: rgba(29, 87, 211, 0.90); position: absolute; left: 0; top: 0; text-align: center; padding: 12px 0; color: #ffffff; line-height: 1.4em; font-family: font1; z-index: 9; } .row-news1 .ul-newslistn1 li .pic .data .month { font-size: 18px; } .row-news1 .ul-newslistn1 li .pic .data .year { font-size: 19px; } .row-news1 .ul-newslistn1 li .pic .data span { display: block; } .row-news1 .ul-newslistn1 li .pic .data::after { content: ''; display: block; width: 75px; height: 75px; background: rgba(29, 87, 211, 0.20); position: absolute; top: -10px; left: -10px; z-index: -1; } .row-news1 .ul-newslistn1 li .pic .second { background: rgba(240, 147, 55, 0.90); } .row-news1 .ul-newslistn1 li .pic .second::after { background: rgba(240, 147, 55, 0.20); } .row-news1 .ul-newslistn1 li .txt { padding: 22px 24px; } .row-news1 .ul-newslistn1 li .txt .h4 { display: block; font-size: 18px; font-weight: bold; margin-bottom: 24px; line-height: 1.4em; text-overflow: ellipsis; overflow: hidden; -webkit-box-webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: nowrap; } .row-news1 .ul-newslistn1 li .txt p { line-height: 1.6em; color: #999999; text-overflow: ellipsis; overflow: hidden; -webkit-box-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } .row-news1 .ul-newslistn2 { width: 540px; float: right; } .row-news1 .ul-newslistn2 li { height: 96px; margin-bottom: 23px; background: #fff; padding: 16px 15px; } .row-news1 .ul-newslistn2 li span { display: block; } .row-news1 .ul-newslistn2 li .data { width: 65px; height: 65px; background: #3367d7; color: #fff; text-align: center; padding: 12px 0; float: left; margin-right: 18px; font-family: font1; line-height: 1.6em; } .row-news1 .ul-newslistn2 li .data .month { font-size: 18px; } .row-news1 .ul-newslistn2 li .data .year { font-size: 19px; } .row-news1 .ul-newslistn2 li .txt h4 { font-size: 18px; color: #222222; line-height: 1.6em; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: nowrap; } .row-news1 .ul-newslistn2 li .txt p { color: #999999; line-height: 1.2em; text-overflow: ellipsis; overflow: hidden; -webkit-box-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } .row-news1 .move { width: 64px; height: 124px; background: url(../images/move-1.png) no-repeat; display: block; margin: 0 auto; margin-bottom: 34px; transform: scale(0.8); } .row-news1 .move { width: 119px; height: 100px; background: url(../images/in-more-n21.png) no-repeat; display: block; margin: 0 auto; margin-bottom: 34px; transform: scale(0.8); } .row-news1 a:hover.move { background: url(../images/in-more-n22h.png) no-repeat; } .row-news2 { background: url(../images/in-bg-n22.png); } .row-news2 .m-l { width: 320px; height: 401px; float: left; padding-top: 80px; } .row-news2 .m-l h5 { color: #ffffff; font-size: 33px; line-height: 1.6em; } .row-news2 .m-l span { display: block; color: rgba(255, 255, 255, 0.40); font-size: 22px; font-weight: bold; } .row-news2 .ul-newslistn3 { width: 1239px; height: 401px; float: left; background: #fff; padding: 32px 0 0 34px; border-top: 5px solid #1d56d3 } .row-news2 .ul-newslistn3 li { width: 45%; padding: 25px 0; border-bottom: #dddfee 1px dashed; float: left; margin-right: 50px; } .row-news2 .ul-newslistn3 li:nth-child(5), .row-news2 .ul-newslistn3 li:nth-child(6) { border-bottom: none; } .row-news2 .ul-newslistn3 li .data { width: 65px; height: 65px; background: #3367d7; color: #fff; text-align: center; padding: 12px 0; float: left; margin-right: 18px; font-family: font1; line-height: 1.6em; position: relative; } .row-news2 .ul-newslistn3 li .data::after { content: ''; display: block; width: 75px; height: 75px; background: rgba(29, 87, 211, 0.20); position: absolute; top: -10px; left: -10px; z-index: -1; } .row-news2 .ul-newslistn3 li .data span { display: block; } .row-news2 .ul-newslistn3 li .data .month { font-size: 18px; } .row-news2 .ul-newslistn3 li .data .year { font-size: 19px; } .row-news2 .ul-newslistn3 li .txt { display: block; font-size: 18px; padding-top: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: nowrap; } .row-news3 { padding: 50px 0 90px; background: url(../images/in-bg-n23.png) center top no-repeat; } .row-news3 .m-l { width: 50%; float: left; padding: 0 54px; } .row-news3 .g-tit1 { position: relative; } .row-news3 .g-tit1 span { position: absolute; left: 14px; top: 48px; z-index: 9; font-size: 22px; font-weight: bold; font: 微软雅黑; } .row-news3 a.g-move1 { height: 124px; transform: scale(0.8); } .row-news3 .m-l .ul-newslistn4 li { padding: 28px 0; border-bottom: #e7e8f1 1px dashed; position: relative; } .row-news3 .m-l .ul-newslistn4 li:last-child { border-bottom: none; } .row-news3 .m-l .ul-newslistn4 li.bdn { /* border-bottom: none; */ } .row-news3 .m-l .ul-newslistn4 li::before { width: 23px; height: 19px; content: ''; display: block; background: url(../images/in-icon-n21.png) no-repeat; position: absolute; left: -46px; top: 50%; margin-top: -9px; } .row-news3 .m-l .ul-newslistn4 li a { color: #000000; font-size: 16px; line-height: 1.4em; text-overflow: ellipsis; overflow: hidden; -webkit-box-webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; } .row-news3 .m-l .ul-newslistn4 li a span { color: #999999; font-size: 18px; font-family: font1; float: right; } .row-news3 .m-l .ul-newslistn4 li a:hover, .row-news3 .m-l .ul-newslistn4 li a:hover span { color: #1d56d3; } /* 通知公告 */ .row-no1 { background: url(../images/in-bg-no1.png) center bottom no-repeat; padding-bottom: 80px; } .row-no1 .ul-noticelist1 { margin-bottom: 30px; } .row-no1 .ul-noticelist1 li { width: 50%; float: left; padding: 10px; margin-bottom: 60px; background: url(../images/in-bg-no2.png) left top no-repeat #ffffff; cursor: pointer; } .row-no1 .ul-noticelist1 li:hover { background: url(../images/in-bg-no3.png) left top no-repeat #ffffff; } .row-no1 .ul-noticelist1 li:hover a { color: #1d56d3; } .row-no1 .ul-noticelist1 li .box { height: 148px; border: #e5e5e5 1px solid; background: #ffffff; padding: 24px 20px; } .row-no1 .ul-noticelist1 li .box .data { width: 92px; float: left; text-align: center; padding: 6px 0; font-family: font1; color: #1d56d3; margin-right: 20px; } .row-no1 .ul-noticelist1 li .box .data strong, .row-no1 .ul-noticelist1 li .box .data span { display: block; } .row-no1 .ul-noticelist1 li .box .data strong { font-size: 50px; line-height: 1.2em; } .row-no1 .ul-noticelist1 li .box .data span { font-size: 26px; line-height: 1em; } .row-no1 .ul-noticelist1 li .box .txt h4 { font-size: 20px; line-height: 1.4em; margin-bottom: 16px; text-overflow: ellipsis; overflow: hidden; -webkit-box-webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: nowrap; } .row-no1 .ul-noticelist1 li .box .txt p { color: #666666; line-height: 1.8em; text-overflow: ellipsis; overflow: hidden; -webkit-box-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } /* 机构设置 */ .row-org { padding-top: 80px; background: url(../images/in-bg-org1.png) center bottom no-repeat; } .pt23 { padding-top: 23%; } .row-org .ul-links1 li { margin-bottom: 40px; background: url(../images/in-bg-org2.png) left top no-repeat #9dbcf0; } .row-org .ul-links1 li .title { width: 200px; float: left; padding: 150px 0 78px; text-align: center; font-size: 26px; color: #ffffff; } .row-org .ul-links1 li .links { margin-top: 29px; background: #f8fafe; width: 1362px; float: left; padding: 30px 0 30px 30px; min-height: 150px; } .row-org .ul-links1 li .links a { width: 20%; float: left; margin-bottom: 42px; line-height: 1.3em; border-left: #1d56d3 2px solid; font-size: 16px; display: block; padding-left: 12px; } .row-org .ul-links1 li.two { background: url(../images/in-bg-org3.png) left top no-repeat #a7afe3; } .row-org .ul-links1 li.two .title { padding: 110px 0 32px; } .row-org .ul-links1 li.three { background: url(../images/in-bg-org4.png) left top no-repeat #e3c2a0; } .row-org .ul-links1 li.four { background: url(../images/in-bg-org5.png) left top no-repeat #9dbcf0; } .row-org .ul-links1 li.four .title { padding: 110px 0 32px; } .row-org .ul-links1 li.five { background: url(../images/in-bg-org6.png) left top no-repeat #8dc37e; } .row-org .ul-links1 li.five .title { padding: 88px 28px 32px; } .row-org .ul-links1 li.six { background: url(../images/in-bg-org7.png) left top no-repeat #9fc4e0; } .row-org .ul-links1 li.six .title { padding: 88px 28px 32px; } /* 校领导 */ .m-inSnv-1 { margin-bottom: 100px; } .mb63 { margin-bottom: 63px; } /* 内页 */ @media screen and (max-width:1440px) { .m-inSnv-1 .wp .g-inSnv-1 a { margin:0 20px;} /* 公司简介 */ .m-inbanner1 .inbanner1 .wp span { font-size: 38px; text-shadow: 0 0 18px #000; } .logo-about{ padding-top: 15px; } .m-inSnv-1 { margin-bottom: 48px; } .row-ab1 .m-l, .row-ab1 .m-r { width: 50%; padding: 0 15px; } .row-ab1 .m-l p { margin-bottom: 20px; font-size: 16px; line-height: 1.8em; } .row-ab1 .m-l p span { font-size: 22px; } .row-ab1 .m-r { width: 50%; } .row-ab1 .m-r .txt { padding-top: 40px; } .row-ab1 .m-r .pic { width: 100%; height: auto; } .row-ab1 { padding-bottom: 24px; } .row-ab2 .number { padding: 30px; } .row-ab2 .number li, .row-ab2 .number li.first { width: 33.33%; margin: 0; } .row-ab2 .number li.first h2::after { left: 50%; margin-left: -56px; } .row-ab2 .number li h2::after { left: 38%; } .row-ab2 { padding-bottom: 220px; background: none; } .row-ab3 .box { padding: 40px 15px; } .row-ab3 .box .m-l, .row-ab3 .box .m-r { width: 50%; padding: 0 15px; } .row-ab3 .box .m-r { width: 50%; } .row-ab3 .box .m-r p { font-size: 16px; line-height: 1.8em; margin-bottom: 20px; } .row-ab3 .box .m-l .newslistab1 li a { padding: 12px 0; } .row-ab4 .m-l, .row-ab4 .m-r { width: 50%; padding: 0 15px; } .row-ab4 .m-l .txt { padding: 40px 42px 80px 0; } .row-ab4 .m-r .pic { padding: 20px 0; } .row-ab5 { padding-top: 64px; padding-bottom: 54px; } .row-ab5 .m-l, .row-ab5 .m-r { width: 50%; padding: 0 20px; } .row-ab5 .m-r .txt p { font-size: 16px; line-height: 1.4em; margin-bottom: 16px; } .row-ab5 .m-r .txt p span { font-size: 20px; } /* 图册西泽-内页 */ .row-i1 .swiper { width: 100%; } .row-i1 .titlei1 h3 { font-size: 22px; margin-bottom: 10px; } .pd58 { padding-bottom: 38px; } .row-i1 .box .swiper-button-next, .row-i1 .box .swiper-button-prev, .row-i1 .box-i2 .swiper-button-next, .row-i1 .box-i2 .swiper-button-prev { display: none; } /* 图册西泽 */ .m-inIimList-1 ul li:nth-child(1), .m-inIimList-1 ul li:nth-child(2), .m-inIimList-1 ul li:nth-child(3), .m-inIimList-1 ul li:nth-child(4), .m-inIimList-1 ul li:nth-child(6) { width: 33.33%; height: auto; } .m-inIimList-1 ul li:nth-child(1) a, .m-inIimList-1 ul li:nth-child(2) a, .m-inIimList-1 ul li:nth-child(3) a, .m-inIimList-1 ul li:nth-child(4) a, .m-inIimList-1 ul li:nth-child(5) a, .m-inIimList-1 ul li:nth-child(6) a { width: 100%; height: 100%; padding: 0 7px; } .m-inIimList-1 ul li:nth-child(1) a, .m-inIimList-1 ul li:nth-child(2) a { height: 574px; } .m-inIimList-1 ul li:nth-child(3) a, .m-inIimList-1 ul li:nth-child(4) a { height: 276px; } .m-inIimList-1 ul li:nth-child(5) { width: 66.6%; } .m-inIimList-1 ul li:nth-child(5) a, .m-inIimList-1 ul li:nth-child(6) a { height: 560px; } .m-inIimList-1 { margin-bottom: 60px; } /* 新闻 */ .row-n1 .m-l { width: 46%; } .row-n1 .ul-newsn1 { width: 100%; margin-left: 0; } .row-n1 .ul-newsn1 li a { padding: 40px 20px; font-size: 22px; height: auto; } .row-n1 .ul-newsn1 li.active { background: none; } .row-n1 .ul-newsn1 li.active a { color: #000; border-bottom: 1px solid #d2d2d2; } .row-n1 .ul-newsn1 li.active a .cover, .row-n1 .ul-newsn1 li:hover a .cover, .row-n1 .ul-newsn1 li a .cover { display: none; } .row-n1 .ul-newsn1 li span { margin-bottom: 10px; } .row-n1 .ul-newsn1 li p { font-size: 18px; } .row-n1 .m-l .pic img { height: 394px; } .row-n2 .ul-newsn2 li .pic { width: 300px; height: auto; padding-right: 20px; margin-right: 0; } .row-n2 .ul-newsn2 li .txt { width: 854px; padding-top: 10px; } .row-n2 .ul-newsn2 li .txt h4 { font-size: 20px; margin-bottom: 10px; } /* 人物故事 */ .imgtxts1 li a .txt h4 { font-size: 16px; margin-bottom: 20px; } .imgtxts1 li a .txt { padding: 60px 26px 32px; } .imgtxts1 li a .txt p { margin-bottom: 20px; } /* 视频西泽 */ .ul-videov1 li.first h6 { font-size: 18px; margin-bottom: 20px; } .ul-videov1 li.first h3 { font-size: 24px; margin-bottom: 20px; } .ul-videov1 li.first p { font-size: 18px; margin-bottom: 10px; } .ul-videov1 li.first { max-height: 238px; overflow: hidden; } .ul-videov1 li.first h3::before, .ul-videov1 li.first h3::after { width: 30px; } /* 新闻综合2.0 */ .row-news1 .ul-newslistn1 { width: 66.66%; } .row-news1 .ul-newslistn2 { width: 33.3%; background: #ffffff; } .row-news1 .ul-newslistn1 li { width: 50%; margin-right: 0; padding-right: 20px; } .row-news1 .ul-newslistn1 li .pic { width: 358px; height: 238px; margin: 0 auto; } .row-news1 .ul-newslistn1 li .txt { padding: 26px 24px; } .row-news1 .ul-newslistn1 li .txt h4, .row-news1 .ul-newslistn2 li .txt h4 { font-size: 16px; } .row-news1 .ul-newslistn2 li { margin-bottom: 0px; } .row-news2 .m-l { width: 20%; } .row-news2 .ul-newslistn3 { width: 80%; } .row-news2 .ul-newslistn3 li { margin-right: 40px; } .row-news1 .move { margin-bottom: 24px; transform: scale(0.6); } .row-news3 { padding: 50px 0 60px; } /* 通知公告 */ .row-no1 .ul-noticelist1 li { background: none; margin-bottom: 30px; } .row-no1 .ul-noticelist1 li .box .data strong { font-size: 42px; } .row-no1 .ul-noticelist1 li .box .data span { font-size: 20px; } .row-no1 .ul-noticelist1 li .box .txt h4 { font-size: 18px; } /* 机构设置 */ .row-org .ul-links1 li .title { width: 20%; } .row-org .ul-links1 li .links { width: 80%; } .row-org .ul-links1 li .links a { width: 33%; margin-bottom: 20px; } .row-org .ul-links1 li .links { padding: 30px 0 20px 30px; } .row-org { padding-top: 40px; } .row-org .ul-links1 li .title { font-size: 24px; } .m-inIimList-1 ul li a p { position: absolute; left: 7px; right: 7px; } .imgtxts1 li a .icon { transform: scale(0.8); bottom: 20px; } .ul-videov1 li.first .h3, .ul-videov1 li.first a:hover.h3, .ul-videov1 li.first a.on { margin-bottom: 10px; } .ul-videov1 li.first a:hover.h3::before, .ul-videov1 li.first a.on::before { left: 46px; } .ul-videov1 li.first a:hover.h3::before, .ul-videov1 li.first a:hover.h3::after, .ul-videov1 li.first a.on::before, .ul-videov1 li.first a.on::after { width: 50px; } .ul-videov1 li.first a:hover.h3::after, .ul-videov1 li.first a.on::after { right: 46px; } .ul-videov1 li.first a.lf1:hover::before { left: 100px; } .ul-videov1 li.first a.lf1:hover.h3::after { right: 100px; } .ul-videov1 li.first a.lf2:hover::before { left: 70px; } .ul-videov1 li.first a.lf2:hover.h3::after { right: 70px; } .row-i1 .m-category a:hover.h3::before, .row-i1 .m-category a:hover.h3::after, .row-i1 .m-category a.on::before, .row-i1 .m-category a.on::after { display: none; } .row-i1 .m-category h6 { margin-bottom: 20px; } .row-i1 .m-category a.h3, .row-i1 .m-category a.on { font-size: 24px; margin-bottom: 16px; } .logo-about { /* transform: scale(0.8); */ } .m-aboutTop .h-r { width: 800px; } .m-aboutTop .h-r .tool a { padding: 0 15px; } .m-aboutTop .h-r .tool img { transform: scale(0.8); } .nav-about li { width: 100px; font-size: 16px; } .nav-about li a.v1 { font-size: 16px; } .row-ab1 .abpic { background: none; width: 522px; height: 300px; } .row-ab1 .abBox1 .txt h4 { font-size: 32px; } .row-ab1 .abBox1 .txt h4::after { width: 342px; } .row-ab1 .abBox1 .txt p { font-size: 26px; } .row-ab1 .abBox1 .txt p::before { width: 146px; left: 580px; } .row-ab1 .abBox1 .txt p span { font-size: 40px; } .row-ab1 .abBox1 .txt p { margin-bottom: 24px; } .row-ab2 .number li h2 { font-size: 66px; } .row-ab2 .number li h2 { margin-bottom: 30px; } .row-ab2 .ab-txt { margin-top: -272px; } .row-ab2 .ab-txt2 p { margin-bottom: 26px; } .row-ab2 { padding-bottom: 0px; } .row-ab4 .txt { width: 712px; } .row-ab4 .txt p { margin-bottom: 12px; line-height: 1.6em; } .row-ab5 { padding-top: 34px; } .row-ab5 .txt p { margin-bottom: 15px; } .row-ab5 .pic .fl, .row-ab5 .pic .fr { height: auto; width: 49%; } .row-ab5 .pic .fl img, .row-ab5 .pic .fr img { font-size: 0; } .row-i1 .m-category{ top: 78px; } .row-i1 .m-category a.h3, .row-i1 .m-category a.on{ font-size: 18px; } .ul-videov1 li{ height: 216px; } } @media screen and (max-width:1199px) { .inbanner1 { padding-top: 50%; } /* 公司简介 */ .m-inbanner1 .inbanner1 .wp span { font-size: 28px; } .m-inbanner1 .inbanner1 .wp span::before, .m-inbanner1 .inbanner1 .wp span::after { bottom: 20px; } .logo-about { width: 258px; padding-top: 0; } .row-ab1 .abBox1 .txt h4::after { width: 192px; } .m-inSnv-1 { margin-bottom: 28px; } .m-inSnv-1 .wp .g-inSnv-1 a:hover::after { display: none; } .row-ab1 .m-l, .row-ab1 .m-r { width: 100%; float: none; } .row-ab1 .m-r { /* display: none; */ text-align: center; } .row-ab1 .m-r .txt p { padding-left: 0; font-size: 26px; } .row-ab1 .m-r .txt p span { font-size: 28px; } .row-ab1 .m-r .txt p::before { display: none; } .row-ab1 .m-l p span { font-size: 20px; } .row-ab1 .m-l p { margin-bottom: 15px; line-height: 1.6em; } .row-ab2 { padding-bottom: 180px; } .row-ab2 .number li h2 { font-size: 60px; margin-bottom: 20px; } .row-ab2 .number li p { font-size: 16px; } .row-ab2 .number li h2::after { display: none; } .row-ab2 .desc { width: 100%; padding: 20px 30px; font-size: 16px; line-height: 1.6em } .row-ab3 .box .m-l, .row-ab3 .box .m-r { width: 100%; padding: 0 15px; float: none; } .row-ab3 .box { padding: 20px 15px; } .row-ab3 .box .m-l .newslistab1 li a { padding: 10px 0; } .row-ab3 .box .m-l .newslistab1 { margin: 0 -25px 30px; } .row-ab3 .box .m-r p span { font-size: 20px; } .row-ab3 .box .m-r p { margin-bottom: 10px; } .row-ab4 { display: none; } .row-ab5 .m-l, .row-ab5 .m-r { width: 100%; float: none; } .row-ab5 .m-l .pic { padding-top: 0; padding-bottom: 20px; } .row-ab5 { padding-bottom: 34px; } /* 图册西泽-内页 */ .row-i1 .mySwiper2 { height: auto; } /* 图册西泽 */ .m-inIimList-1 ul li:nth-child(1), .m-inIimList-1 ul li:nth-child(2), .m-inIimList-1 ul li:nth-child(3), .m-inIimList-1 ul li:nth-child(4), .m-inIimList-1 ul li:nth-child(6) { width: 50%; height: auto; } .m-inIimList-1 ul li:nth-child(1) a, .m-inIimList-1 ul li:nth-child(2) a, .m-inIimList-1 ul li:nth-child(3) a, .m-inIimList-1 ul li:nth-child(4) a, .m-inIimList-1 ul li:nth-child(5) a, .m-inIimList-1 ul li:nth-child(6) a { width: 100%; height: 100%; padding: 0 7px; } .m-inIimList-1 ul li:nth-child(1) a, .m-inIimList-1 ul li:nth-child(2) a { height: 574px; } .m-inIimList-1 ul li:nth-child(3) a, .m-inIimList-1 ul li:nth-child(4) a { height: 276px; } .m-inIimList-1 ul li:nth-child(5) { width: 50%; } .m-inIimList-1 ul li:nth-child(5) a, .m-inIimList-1 ul li:nth-child(6) a { height: 560px; } .m-inIimList-1 { margin-bottom: 30px; } /* 新闻 */ .row-n1 .m-l { display: none; } .row-n1 .ul-newsn1 { width: 100%; float: none; } .row-n1 .ul-newsn1 li h4 { font-size: 20px; } .row-n1 .ul-newsn1 li p { font-size: 16px; } .row-n1 { margin-bottom: 38px; } .row-n2 .ul-newsn2 li .pic { width: 242px; } .row-n2 .ul-newsn2 li .txt { width: 662px; padding-top: 5px; } .row-n2 .ul-newsn2 li .txt h4 { font-size: 18px; } /* 人物故事 */ .imgtxts1 li a .pic img { transform: scale(0.8); } .imgtxts1 li a .txt h4 { font-size: 14px; margin-bottom: 10px; } .imgtxts1 li a .txt p { margin-bottom: 10px; } /* 视频西泽 */ .ul-videov1 li.first h6 { font-size: 18px; margin-bottom: 10px; } .ul-videov1 li.first h3 { font-size: 20px; margin-bottom: 10px; } .ul-videov1 li.first p { font-size: 18px; margin-bottom: 6px; } .ul-videov1 li.first { max-height: 187px; overflow: hidden; } .ul-videov1 li.first h3::before, .ul-videov1 li.first h3::after { width: 30px; } .ul-videov1 li.first h3::before { left: 52px; } .ul-videov1 li.first h3::after { right: 52px; } .pages-v a { width: 50px; height: 50px; } /* 新闻综合2.0 */ .row-news1 .ul-newslistn1, .row-news1 .ul-newslistn2 { width: 100%; float: none; background: #fff; } .row-news1 .ul-newslistn2 { margin-top: 20px; } .row-news1 .ul-newslistn1 li .pic img { width: auto; height: 100%; } .row-news1 .g-tit1 { margin: 30px 0 68px; } .row-news1 .g-tit1 span { top: 36px; margin-left: -58px; } .row-news1 .ul-newslistn2 li .txt { padding-top: 8px; } .row-news1 .ul-newslistn2 li .txt h4 { margin-bottom: 10px; } .row-news2 .m-l { display: none; } .row-news2 .ul-newslistn3 { width: 100%; float: none; padding: 20px 0 0 20px; height: auto; } .row-news2 .ul-newslistn3 li { padding: 16px 0; } .row-news2 .ul-newslistn3 li .txt { font-size: 16px; } .row-news3 .m-l .ul-newslistn4 li { padding: 20px 0; } .row-news3 a.g-move1 { transform: scale(0.6); top: -46px; } .row-news3 .g-tit1 span { display: block; top: 32px; font-size: 20px; } /* 通知公告 */ .row-no1 .ul-noticelist1 li { width: 100%; float: none; margin-bottom: 20px; } .row-no1 { padding-bottom: 40px; } /* 机构设置 */ .row-org .ul-links1 li .links a { width: 50%; } .row-org .ul-links1 li .title { font-size: 22px; } .row-org .ul-links1 li { background: url(../images/in-bg-org2.png) -15px top no-repeat #9dbcf0; } .row-org .ul-links1 li.two { background: url(../images/in-bg-org3.png) -15px top no-repeat #a7afe3; } .row-org .ul-links1 li.three { background: url(../images/in-bg-org4.png) -15px top no-repeat #e3c2a0; } .row-org .ul-links1 li.four { background: url(../images/in-bg-org5.png) -15px top no-repeat #9dbcf0; } .row-org .ul-links1 li.five { background: url(../images/in-bg-org6.png) -15px top no-repeat #8dc37e; } .row-org .ul-links1 li.six { background: url(../images/in-bg-org7.png) -15px top no-repeat #9fc4e0; } .row-i1 .swiper-wrapper { height: auto; } .imgtxts1 li a .icon { transform: scale(0.7); } .ul-videov1 li.first a:hover.h3::before, .ul-videov1 li.first a:hover.h3::after, .ul-videov1 li.first a.on::before, .ul-videov1 li.first a.on::after { display: none; } .ul-videov1 li.first .h3, .ul-videov1 li.first a:hover.h3, .ul-videov1 li.first a.on { margin-bottom: 0; font-size: 16px; color: #333; height: auto; } .ul-videov1 li a p { font-size: 18px; } .row-news1 .ul-newslistn1 li .pic { width: 100%; } .row-i1 .m-category { width: 50%; } .ul-videov1 li { width: 50%; height: auto; } .row-i1 .m-category { top: 106px; height: auto; } .row-i1 .m-category a.h3, .row-i1 .m-category a.on { font-size: 20px; margin-bottom: 0px; } .m-aboutTop .h-r . { display: none; } } @media screen and (max-width:960px) { /* 公司简介 */ .row-ab1 .m-r .txt { padding-top: 20px; } .row-ab1 .m-r .txt h4 { font-size: 26px; } .row-ab1 .m-r .txt p { font-size: 20px; } .row-ab1 .m-r .txt p span { font-size: 22px; } .row-ab1 .m-r .txt { margin-bottom: 18px; } .row-ab2 .number { padding: 20px; } .row-ab3 .box .m-l .newslistab1 li { width: 100%; float: none; border-right: none; } .row-ab2 .number li h2 { font-size: 42px; } .row-ab2 .number li p { font-size: 14px; } .m-inSnv-1 .wp .g-inSnv-1 a { padding: 15px 0px; font-size: 16px; } /* 图册西泽-内页 */ .pd58 { padding-bottom: 18px; } .row-i1 .titlei1 h3 { font-size: 18px; margin-bottom: 5px; } /* 图册西泽 */ .pages ul li a { font-size: 14px; padding: 10px 8px; } /* 新闻 */ .row-n2 .ul-newsn2 li .pic { width: 202px; } .row-n2 .ul-newsn2 li .txt { width: 532px; padding-top: 0; } .row-n2 .ul-newsn2 li .txt span { margin-bottom: 10px; } .row-n2 .ul-newsn2 li { padding: 0 0 20px; margin-bottom: 20px; } .row-n2 .ul-newsn2 li .txt h4 { font-size: 16px; } /* 人物故事 */ .imgtxts1 { margin: 0; } .imgtxts1 li { width: 50%; } .imgtxts1 li { margin: 84px 0 34px; } /* 视频西泽 */ .ul-videov1 li a p { font-size: 18px; } .ul-videov1 li { width: 50%; } /* 新闻综合2.0 */ .row-news1 .ul-newslistn2 li .txt h4, .row-news1 .ul-newslistn2 li .txt { margin-bottom: 4px; } .row-news2 .ul-newslistn3 li { width: 100%; float: none; } .row-news2 .ul-newslistn3 { padding: 20px; } .row-news1 .g-tit1 span { font-size: 18px; top: 28px; margin-left: -47px; } .row-news1 .g-tit1 { margin: 20px 0 48px; } .row-news1 .ul-newslistn1 li .pic .data .month, .row-news1 .ul-newslistn1 li .pic .data .year { font-size: 16px; } /* 通知公告 */ .row-no1 .ul-noticelist1 li .box .txt h4 { font-size: 16px; margin-bottom: 10px; } .row-no1 .ul-noticelist1 li .box .data strong { font-size: 32px; } .row-no1 .ul-noticelist1 li .box .data span { font-size: 16px; } .row-no1 .ul-noticelist1 li .box { height: auto; } .row-no1 .ul-noticelist1 li { margin-bottom: 10px; } /* 机构设置 */ .row-org .ul-links1 li .title, .row-org .ul-links1 li.two .title, .row-org .ul-links1 li.four .title, .row-org .ul-links1 li.five .title, .row-org .ul-links1 li.six .title { width: 100%; float: none; padding: 20px 0; } .row-org .ul-links1 li .links { width: 100%; float: none; margin-top: 0; position: relative; height: auto; min-height: auto; } .row-org .ul-links1 li .links::after { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; } .row-org .ul-links1 li { background: url(../images/in-bg-org2.png) -15px 100px no-repeat #9dbcf0; } .row-org .ul-links1 li.two { background: url(../images/in-bg-org3.png) -15px 100px no-repeat #a7afe3; } .row-org .ul-links1 li.three { background: url(../images/in-bg-org4.png) -15px 100px no-repeat #e3c2a0; } .row-org .ul-links1 li.four { background: url(../images/in-bg-org5.png) -15px 100px no-repeat #9dbcf0; } .row-org .ul-links1 li.five { background: url(../images/in-bg-org6.png) -15px 100px no-repeat #8dc37e; } .row-org .ul-links1 li.six { background: url(../images/in-bg-org7.png) -15px 100px no-repeat #9fc4e0; } .imgtxts1 li a .icon { transform: scale(0.6); } .ul-videov1 li.first .h3, .ul-videov1 li.first a:hover.h3, .ul-videov1 li.first a.on { font-size: 14px; } .ul-videov1 li a p { font-size: 16px; } .pages-v a { transform: scale(0.8); } .pages-v { margin-bottom: 40px; } .row-i1 .m-category a.h3, .row-i1 .m-category a.on { font-size: 16px; } .row-ab1 .abpic { width: 100%; height: auto; float: none; text-align: center; } .row-ab1 .abBox1 img { position: static; } .row-ab2 .ab-txt { width: auto; } .row-ab1 .abBox1 .txt h4 { margin-top: 15px; font-size: 26px; } .row-ab1 .abBox1 .txt p { text-indent: 0; } .row-ab1 .abBox1 .txt p span { font-size: 24px; } .row-ab1 .abBox1 p.part1, .row-ab1 .abBox1 p.part2, .row-ab1 .abBox1 p.part3, .row-ab1 .abBox1 p.part4 { margin-bottom: 15px; } .row-ab2 .number li h2 { font-size: 32px; } .row-ab2 .ab-txt { margin-left: 0; } .row-ab5 .pic .fl, .row-ab5 .pic .fr { width: 100%; float: none; } } @media screen and (max-width:767px) { /* 公司简介 */ .m-inbanner1 .inbanner1 .wp span { font-size: 24px; } .m-inbanner1 .inbanner1 .wp span::before, .m-inbanner1 .inbanner1 .wp span::after { bottom: 12px; } .m-inSnv-1 { margin-bottom: 18px; } .row-ab1 .m-l p span { font-size: 18px; } .m-inSnv-1 .wp .g-inSnv-1 a { padding: 8px 0px; font-size: 16px; } .row-ab1 .m-l p { font-size: 14px; } .row-ab1 .m-r .txt h4 { font-size: 20px; } .row-ab1 .m-r .txt p span { font-size: 18px; } .row-ab1 .m-r .txt p { font-size: 16px; } .row-ab2 .number { padding: 10px; } .row-ab2 .desc { padding: 10px; font-size: 14px; line-height: 1.4em; } .row-ab3 .box .m-l .newslistab1 li { padding: 0 10px; } .row-ab3 .box .m-l .newslistab1 li a { font-size: 14px; } .row-ab3 .box .m-r p { font-size: 14px; line-height: 1.6em; margin-bottom: 10px; } .row-ab3 .box .m-r p span { font-size: 16px; } .row-ab5 .m-r .txt p { font-size: 14px; margin-bottom: 10px; } .row-ab5 .m-r .txt p span { font-size: 16px; } .m-inbanner1 .inbanner1 .wp span { font-size: 18px; position: absolute; left: 0px; bottom: 20px; } .m-inSnv-1 .wp .g-inSnv-1 a { padding: 8px 0px; font-size: 14px; margin:0 5px; } /* 图册西泽-内页 */ .row-i1 .titlei1 h3 { font-size: 16px; margin-bottom: 5px; padding-top: 12px; } .row-i1 .mySwiper { height: auto; } /* 图册西泽 */ .m-inIimList-1 ul li:nth-child(1), .m-inIimList-1 ul li:nth-child(2), .m-inIimList-1 ul li:nth-child(3), .m-inIimList-1 ul li:nth-child(4), .m-inIimList-1 ul li:nth-child(6) { width: 100%; height: auto; float: none; } .m-inIimList-1 ul li:nth-child(1) a, .m-inIimList-1 ul li:nth-child(2) a, .m-inIimList-1 ul li:nth-child(3) a, .m-inIimList-1 ul li:nth-child(4) a, .m-inIimList-1 ul li:nth-child(5) a, .m-inIimList-1 ul li:nth-child(6) a { width: 100%; height: 100%; padding: 0 7px; } .m-inIimList-1 ul li:nth-child(5) { width: 100%; float: none; } .m-inIimList-1 { margin-bottom: 30px; } .m-inIimList-1 ul li a p { font-size: 14px; left: 8px; right: 7px; } .m-inIimList-1 ul { margin: 0; } .pages ul li a { font-size: 12px; padding: 8px 6px; } /* 新闻 */ .row-n2 .ul-newsn2 li .pic, .row-n2 .ul-newsn2 li .txt { width: 100%; float: none; } .row-n1 .ul-newsn1 li h4 { font-size: 16px; font-weight: bold; } /* 人物故事 */ .imgtxts1 li { width: 100%; float: none; } /* 视频西泽 */ .ul-videov1 li { width: 100%; float: none; } .ul-videov1 li a p { font-size: 16px; } .pages-v a { width: 30px; height: 30px; } /* 新闻综合2.0 */ .row-news1 .ul-newslistn1 li { width: 100%; float: none; } .row-news3 .m-l { width: 100%; float: none; margin-bottom: 20px; } .row-news3 a.g-move1 { display: none; } .row-news1 .ul-newslistn2 li .data .month, .row-news1 .ul-newslistn2 li .data .year { font-size: 16px; } .row-news1 .g-tit1 span { font-size: 16px; margin-left: -44px; } .row-news1 .ul-newslistn1 li .txt h4 { margin-bottom: 14px; } .row-news1 .move { /* display: none; */ } .row-news3 .g-tit1 span { font-size: 16px; } .row-news3 { padding: 30px 0; } /* 通知公告 */ .row-no1 .ul-noticelist1 li .box .data { width: auto; } .row-no1 .ul-noticelist1 li .box .data strong { font-size: 24px; } .row-no1 .ul-noticelist1 li .box .data span { font-size: 12px; } .row-no1 .ul-noticelist1 li .box { padding: 10px; } .row-no1 .ul-noticelist1 li .box .txt h4 { font-size: 14px; margin-bottom: 0px; } .row-no1 .ul-noticelist1 li .box .txt p { line-height: 1.4em; } /* 机构设置 */ .row-org .ul-links1 li .title, .row-org .ul-links1 li.two .title, .row-org .ul-links1 li.four .title, .row-org .ul-links1 li.five .title, .row-org .ul-links1 li.six .title { padding: 10px 0; font-size: 18px; } .row-org .ul-links1 li .links a { width: 100%; float: none; } .row-i1 .swiper { margin: 0 auto; } .row-i1 .box, .row-i1 .box-i2 { margin: -15px auto 0; } .imgtxts1 li a .icon { transform: scale(0.5); } .ul-videov1 li, .pages-v { margin-bottom: 20px; } .ul-videov1 li.first { padding-top: 0; } .row-i1 .m-category { width: 100%; position: static; padding: 30px 0 0; margin-bottom: 0; } .ul-videov1 { margin: 20px 0 0; } .ul-videov1 li { width: 100%; float: none; } .row-ab1 .abpic { margin-top: 0; margin-right: 0; } .row-ab1 .abBox1 .txt p { padding-left: 0; } .row-ab1 .abBox1 .txt p, .row-ab1 .abBox1 .txt p span { font-size: 18px; } .row-ab1 .abBox1 .txt h4 { font-size: 22px; } .row-ab2 .number li, .row-ab2 .number li.first { width: 100%; float: none; } .row-ab2 .number li h2 { margin-bottom: 10px; } .row-ab2 .number li { margin-bottom: 20px; } .ab-switch { height: auto; } .ab-switch img { display: block; } .row-ab2 .ab-txt { margin-top: 20px !important; height: auto; padding: 15px; } .row-ab2 .ab-txt2 { margin: 24px 0 26px !important; } .row-ab5 .txt { margin-bottom: 34px; } } .slogan{display:none;} @media screen and (min-width: 1200px){ .m-top{background:none;position: relative} .m-top:before{content:"";width:100%;height:130px;background:url(../images/bg_tp.png) repeat-x top center;position: absolute;left:0;top:0;} .m-top .wp{position: relative;} .m-linkL{float:right;} .header .m-top .logo{left:60px;top:26px;width:281px;height:68px;transform: translateX(0);} .header .tr{text-align:left;} .header .m-top .h-t .m-linkL{float:right} .header .nav ul{float:right;width: 960px;text-align:right;} .header .m-top .nav li{text-align:right!important;width:12.5%} .nav .sub{box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);position:absolute;transform: translateX(-22%);} .nav .sub:before{content:"";position: absolute;top:-8px;left:25%;z-index:22;width:21px;height:15px;background:url(../images/sjt.png) no-repeat center;visibility: visible;} .header .m-top .nav li.tr .sub{transform: translateX(-65%);} .header .m-top .nav li.tr .sub:before{left:68%} .header .m-top .h-t .m-linkL li{border-color:rgba(255,255,255,.4)} .header .m-top .h-t .m-linkL li:last-child{border-right:0;} #appu2 .tj{position:absolute!important;right:0;display:block!important;height:24px!important;height:24px!important;width:50px!important;margin-top:-1px;cursor: pointer;} #appu2{position: relative;width:175px;} .header .m-top .h-t .m-linkL li a{color:#fff} .header .m-top .h-t .m-linkL li a:hover{color:rgba(255,255,255,.8)} .header .m-top .h-t,.header.onv .h-t{background:none} .header .m-top{border-radius:0;} .header.onv .m-top{background:none!important;} .header.onv .logo{transform:none!important;top:26px!important} .header.on .m-top .logo{width:380px;top:40%!important} .header .m-top .h-t .m-linkL li:last-child{border-right:1px solid rgba(255,255,255,.4); } .header .m-top .h-t .m-linkR li:last-child{border-right:0;} } @media screen and (min-width: 1441px){ .header.on .slogan{display:block;position:absolute;left:300px;top:55px;z-index:1} } @media screen and (max-width: 1119px){ .header .m-top .logo{transform:none;top:-50px;height:60px;width:160px;} .menuBtn{top:16px;right:25px;} }