html, body, div, span, p, ul, ol, li, h1, h2, h3, h4, h5, video, a, map, dl, dt, dd, area { box-sizing: border-box; font-family: "Microsoft YaHei", "MicrosoftJhengHei", "NotoSerifCJKsc-Regular", sans-serif; margin: 0; padding: 0; outline: none; scroll-behavior: smooth; } #vsb_content_2 P{text-align: justify;} div::-webkit-scrollbar, span::-webkit-scrollbar, p::-webkit-scrollbar, ul::-webkit-scrollbar, ol::-webkit-scrollbar, li::-webkit-scrollbar, h1::-webkit-scrollbar, h2::-webkit-scrollbar, h3::-webkit-scrollbar, h4::-webkit-scrollbar, h5::-webkit-scrollbar, video::-webkit-scrollbar, a::-webkit-scrollbar, map::-webkit-scrollbar, area::-webkit-scrollbar { display: none; } html { width: 100vw; overflow-x: hidden; } body { min-width: 100vw; min-height: 83vh; } a { text-decoration: none; } a:hover { text-decoration: none; color: #610606; outline: none; } li { list-style: none; } img { border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div, p, span { font-size: 14px; color: #333; } .position-relative { position: relative; height: inherit; } @font-face { font-family: "iconfont"; /* project id 1830376 */ src: url("https://at.alicdn.com/t/font_1830376_lqzlgwbuexp.eot"); src: url("https://at.alicdn.com/t/font_1830376_lqzlgwbuexp.eot?#iefix") format("embedded-opentype"), url("https://at.alicdn.com/t/font_1830376_lqzlgwbuexp.woff2") format("woff2"), url("https://at.alicdn.com/t/font_1830376_lqzlgwbuexp.woff") format("woff"), url("https://at.alicdn.com/t/font_1830376_lqzlgwbuexp.ttf") format("truetype"), url("https://at.alicdn.com/t/font_1830376_lqzlgwbuexp.svg#iconfont") format("svg"); } .iconfont { font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt65 { margin-top: 65px; } .mt80 { margin-top: 80px; } .mt100 { margin-top: 100px; } .mr25 { margin-right: 25px; } .mr40 { margin-right: 40px; } .mb40 { margin-bottom: 40px; } .divider-line { width: 100%; height: 1px; background: #ccc; } .dropdown-toggle { background: none; } .child-ul { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); } .social-share .icon-wechat .wechat-qrcode { top: -104px !important; left: -210px !important; } .social-share .icon-wechat .wechat-qrcode:after { bottom: 0px !important; } .anchorBL { display: none; } .BMap_cpyCtrl span { opacity: 0; } .dropdown-menu>li>a { padding: 15px 20px; } .WeChat-share-box { position: relative; } .WeChat-share-box-code { position: absolute; width: 150px; height: 150px; top: -180px; left: -68px; background: #fff; display: none; } .WeChat-share-box-code img { width: 100%; height: 100%; object-fit: cover; } .WeChat-share-box:hover .WeChat-share-box-code { display: block; } .nav { position: fixed; width: 100vw; height: auto; left: 0; top: -150px; z-index: 1000; transition: top 0.7s ease-out 0s; } .nav.active { top: 0; } .nav-top-info { height: 48px; line-height: 48px; background: #822530; } .nav-top-left-position a, .nav-top-right-operation a { font-size: 14px; color: #fce6c1; display: inline-block; vertical-align: middle; transition: color linear 0.3s; } .nav-top-right-operation a:hover { color: rgba(256, 256, 256, 0.7); } .nav-divider-line { display: inline-block; width: 2px; height: 16px; background: #fce6c1; opacity: 0.58; margin: 0 10px; vertical-align: middle; } .nav-search-box { display: inline-block; height: 20px; line-height: 20px; vertical-align: middle; position: relative; float:right; top:10px; } .nav-search-icon, .nav-search-icon-open { font-size: 14px; color: #fff; vertical-align: middle; cursor: pointer; transition: all linear 0.3s; display: none; border: none; background: transparent; outline: none; } .nav-search-icon-open { display: inline-block; } .nav-search-input { height: 30px; line-height: 30px; vertical-align: middle; border: none; outline: none; background: rgba(256, 256, 256, 0); text-indent: 8px; border-bottom: 1px solid #fff; width: 0; opacity: 0; transition: all linear 0.4s; font-size: 14px; color: #ccc; padding-right: 33px; } .nav-search-box.active .nav-search-input { opacity: 1; width: 150px; } .nav-search-box.active .nav-search-icon { display: block; position: absolute; right: 5px; top: 0; } .nav-search-box.active .nav-search-icon-open { display: none; } /* .nav-search-icon-close { font-size: 0; color: #FFF; position: absolute; right: 5px; top: 3px; transition: all linear .3s; cursor: pointer; } .nav-search-box.active .nav-search-icon-close { font-size: 14px; } .nav-search-icon-close:hover { transform: rotate(90deg); } */ .nav-bottom-list { height: 94px; padding-top: 8px; padding-bottom: 7px; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); transition: all linear 0.3s; } .nav.scroll .nav-bottom-list { background: #f0f0f0; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); } .nav-logo { display: inline-block; width: 235px; height: 79px; font-size: 0; float:left; } .nav-logo h1 { float: left; width: inherit; height: inherit; font-size: 0; background: url(../images/logo.png) no-repeat center center; background-size: contain; } .nav.scroll .nav-logo h1 { background: url(../images/logo_hov.png) no-repeat center center; background-size: contain; } .nav-list-box { display: inline-block; width: calc(83% - 235px); text-align: right; float: left; position: relative; } .nav-list-two { position: absolute; right: 0; top: 45px; width: 820px; height: 200px; background: #f0f0f0; transition: all 0.4s linear 0s; opacity: 0; display: none; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.35); } .nav-list-two.active { top: 64px; height: 200px; opacity: 1; display: block; } .nav-list-two li { width: 100%; height: 100%; padding: 25px 30px; display: none; opacity: 0; transition: all 0.4s linear 0; } .nav-list-two li.active { opacity: 1; display: block; } .nav-list-one li { display: inline-block; font-size: 18px; color: #fff; height: 66px; line-height: 66px; margin-right:30px; cursor: pointer; transition: all linear 0.2s; } .nav-list-one li a{color:#fff} .nav-list-one li:hover {} .nav.scroll .nav-list-one li { color: #333; } .nav.scroll .nav-list-one li a{ color: #333; } .nav.scroll .nav-list-one li a:hover { color: #a1080b; } .nav-list-two-left-nav { display: inline-block; width: calc(100% - 300px); height: 100%; vertical-align: middle; float: left; margin-top: 20px; } .nav-list-two-nav-item { display: block; font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; } .nav-list-two-nav-item .iconfont { font-size: 12px; color: #ccc; transition: all 0.3s linear 0s; } .nav-list-two-nav-item:hover { color: #610606; } .nav-list-two-nav-item:hover .iconfont { margin-right: 5px; } .nav-list-two-right-img { width: 300px; height: 150px; display: inline-block; vertical-align: middle; float: right; overflow: hidden; } .nav-list-two-right-img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: all 0.3s linear 0s; } .nav-list-two-right-img:hover img { transform: scale(1.05); } .nav-list-one li:last-of-type { margin-right: 0; } .nav-list-one li.active { /* , .nav-list-one li:hover */ border-bottom: 4px solid #e05050; } .more{color:#94070a;display:inline-block;line-height:45px;} .more i{float: left;background:url(../js/more1a.svg) center center no-repeat;width:45px;height:45px;margin-right:15px;background-size:contain;} .more i:before{content:"";background:url(../js/more1a.svg) center center no-repeat;width:100%;height:100%;opacity:0;transition:all 0.2s ease-out 0s;display: block;background-size:contain;} .more:hover i:before{opacity:1;} .right-fixed-img-lists { width: 89px; height: 400px; position: fixed; right: 10px; top: 180px; bottom: 60px; z-index: 1000;} .right-fixed-img-lists img { width: 100%; height: auto; margin-bottom:5px;display: block;} /* 新闻动态 */ .home5 { padding: calc(1vw + 25px); } .home5 .content { margin-top: 45px; } .home5 .list { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .home5 .list:nth-child(2) { margin-top: 20px; } .home5 .list .box { width: calc(50% - 10px); display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .home5 .list .ptbox { width: calc(50% - 10px); position: relative; } .home5 .list .ptbox .v { border-color: #fff; color: #fff; } .home5 .list .ptbox .v:hover { background: #fff; color: #a20000; } .home5 .list .item { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: calc(50% - 10px); cursor: pointer; position: relative; border-bottom: 4px solid #822530; } .home5 .list .item .text .h:hover{ color:#fff;} .home5 .list .item a .text .h:hover{ color:#fff;} .home5 .list .item1 a .text .h:hover{ color:#fff;} .home5 .list .item:hover{background:#822530;} .home5 .list .item:hover .h{ color:#fff;} .home5 .list .item1:hover .h{ color:#fff;} .home5 .list .item1:hover{background:#822530;} .home5 .list .item:nth-child(-n+2) { margin-bottom: 20px; } .home5 .list .item .text { padding: 40px 30px; position: relative; } .home5 .list .item:nth-child(1):before { content: ""; background: url(../images/bg9a.png) right bottom no-repeat; background-size: contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .home5 .list .item:nth-child(4):before { content: ""; background: url(../images/bg9a.png) right bottom no-repeat; background-size: contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .home5 .list .item:last-child:before { content: ""; background: url(../images/bg9a.png) right bottom no-repeat; background-size: contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .home5 .list .item .text .h { font-size: 16px; line-height: 1.5; } .home5 .list .item .text .date { color: #99857b; margin-top: 10px; font-style: italic; font-size: 16px; } .home5 .list .item1 { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: calc(25% - 15px); cursor: pointer; position: relative; border-bottom: 4px solid #822530; } .home5 .list .item1:nth-child(-n+2) { } .home5 .list .item1 .text { padding: 40px 30px; position: relative; } .home5 .list .item1:nth-child(1):before { content: ""; background: url(../images/bg9a.png) right bottom no-repeat; background-size: contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .home5 .list .item1:nth-child(4):before { content: ""; background: url(../images/bg9a.png) right bottom no-repeat; background-size: contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .home5 .list .item1:last-child:before { content: ""; background: url(../images/bg9a.png) right bottom no-repeat; background-size: contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .home5 .list .item1 .text .h { font-size: 16px; line-height: 1.5; } .home5 .list .item1 .text .date { color: #99857b; margin-top: 10px; font-style: italic; font-size: 16px; } .home5 .btns { text-align: center; margin-top: 30px; } .home5 .btns .more { margin: 0 45px; } .fz36 { font-size: 2.1em; text-align: center;padding:1% 0 2% 0; } .fz36-{writing-mode: vertical-lr;padding-top:50px;} .ptbox .inner { overflow: hidden; padding-bottom: 65.25%; } .ptbox .pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .ptbox .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.3s ease-out 0s; } .ptbox .img a { display: block; height: 100%; } .ptbox .img img { width: 100%; height: auto; max-height: none; } .ptbox .v { width: 40px; height: 40px; position: absolute; left: 30px; bottom: 100%; margin-bottom: -10px; font-family: icon; border: 2px solid #fff; border-radius: 100%; line-height: 41px; text-align: center; color: #fff; font-size: 26px; text-indent: 5px; cursor: pointer; z-index: 1; font-size: 22px; color: #94070a; border-color: #94070a; } .ptbox .v:hover { color: #fff; background: #94070a; } .ptbox .video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; } .ptbox .video video { width: 100%; height: 100%; object-fit: cover; } .ptbox .video .close { position: absolute; right: 0; top: 0; padding: 5px 15px; background: rgba(0,0,0,0.5); color: #fff; cursor: pointer; } .ptbox .text { position: absolute; left: 0; bottom: -1px; right: 0; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9)); color: #fff; } .ptbox .text a { display: block; padding: 30px 30px 20px 30px; } .ptbox .text .date { margin-top: 10px; line-height: 1; } .ptbox .text .h { font-size: 20px; color:#fff; } .ptbox.act .text { display: none; } .ptbox.act .video { display: block; } .ptbox.act .v { display: none; } @media screen and (max-width:850px) { .home5 { padding: 36px 0; } .home5 .content { margin-top: 20px; } .home5 .list { display: block; } .home5 .list .box { width: auto; } .home5 .list .item { height: auto; width: calc(50% - 7.5px); } .home5 .list .item:nth-child(-n+2) { margin-bottom: 15px; } .home5 .list:nth-child(2) { margin-top: 15px; } .home5 .list:nth-child(2) .ptbox { margin-top: 15px; } .home5 .list .item:before { display: none; } .home5 .list .item .text { padding: 15px; } .home5 .list .item .text .h { height: auto; } .home5 .list .item1 { height: auto; width: calc(50% - 7.5px); } .home5 .list .item1 .text { padding: 15px; } .home5 .list .item1:nth-child(-n+2) { margin-bottom: 15px; } .home5 .list .ptbox { width: 100%; margin-bottom: 15px; } .home5 .btns { display: flex; justify-content: center; } .home5 .btns .more { margin: 0 10px; } .fz36 { font-size: 24px; text-align: center; } .fz36-{writing-mode: lr-tb;padding-top: 0;} } .item{width: calc(25% - 10px);margin-bottom: 0;} .index { min-height: 1000px; overflow-x: hidden; background: url(../images/new_bg.jpg) no-repeat center top; background-size: 100% auto; background-attachment: fixed; } .index-top-banner { width: 100vw; height: auto; overflow: hidden; height: 83vh; display: -webkit-inline-box; } .index-top-banner .swiper-slide { position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; } .index-top-banner .swiper-slide a { display: block; width: 100%; height: 100%; } .index-top-banner .swiper-slide::after { content: ""; width: 100%; height: 175px; position: absolute; left: 0; bottom: 0; pointer-events: none; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.58) 100%); } .index-top-swiper { width: inherit; height: inherit; position: relative; } .index-top-banner-text { position: absolute; left: 0; bottom: 56px; z-index: 1; font-family: "NotoSansCJKsc-Bold"; font-size: 28px; color: #fff; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.65); } .index-top-swiper-button-prev { position: absolute; left: 0; top: 50%; width: 36px; height: 74px; line-height: 74px; text-align: center; background: rgba(0, 0, 0, 0.4); transform: translateY(-50%); z-index: 1; opacity: 1; cursor: pointer; transition: opacity linear 0.3s; } .index-top-swiper-button-next { position: absolute; right: 1%; top: 50%; width: 36px; height: 74px; line-height: 74px; font-size: 24px; color: #b4b4b4; text-align: center; background: rgba(0, 0, 0, 0.4); transform: translateY(-50%); z-index: 1; opacity: 1; cursor: pointer; transition: opacity linear 0.3s; } .index-top-swiper-button-prev .iconfont, .index-top-swiper-button-next .iconfont { font-size: 24px; color: #b4b4b4; } .index-top-banner .swiper-button-disabled { opacity: 0.4; } .index-top-banner .swiper-pagination { position: absolute; left: auto; right: 43%; bottom: 48px; width: auto; z-index: 1; } .index-top-banner .swiper-pagination-bullet { width: 32px; height: 32px; text-align: center; line-height: 32px; font-family: ".AppleSystemUIFont"; font-size: 16px; color: #fff; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.65); border-radius: 50%; border: 1px solid #9c9c9c; transition: all linear 0.3s; } .index-top-banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #e05050; border: none; } .index-news { background: url(../images/new_bg.jpg) #eeebea; background-position-y: bottom; background-repeat:no-repeat; background-size: 100% auto; } .index-modal-title { font-size: 32px; color: #610706; font-weight: normal; } .index-modal-title img { width: 44px; height: 44px; margin-right: 25px; } .index-news-go-all { display: inline-block; width: 136px; height: 32px; text-align: center; line-height: 32px; border-radius: 16px; background: #ba0b0b; font-size: 14px; color: #fff; transition: background linear 0.3s; } .index-news-go-all:hover { color: #fff; background: #a1080b; } .index-news-divider-box { width: 100%; height: 50px; } .index-news-tops { width: 100%; height: 310px; background: #fff; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.15); } .index-news-media-box { width: 100%; height: 202px; position: relative; overflow: hidden; } .index-news-media-box img { width: inherit; height: inherit; object-fit: cover; transition: transform linear 0.3s; } @media screen and (max-width: 767px) { .index-news-media-box img { height: 55vw; } } .index-news-tops:hover .index-news-media-box img { transform: scale(1.05); } .index-news-media-time { position: absolute; top: 15px; left: 20px; background: #e05050; padding: 6px 5px; font-size: 12px; color: #fff; letter-spacing: 0.15px; } .index-news-media-title { width: 100%; height: 78px; padding: 17px 20px 0; font-size: 16px; color: #333; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: color linear 0.3s; } .index-news-tops:hover .index-news-media-title, .index-news-item:hover .index-news-item-title { color: #a1080b; } .index-news-item { height: 100px; margin-top: 35px; border-bottom: 1px solid #d9d9d9; padding: 0 15px; } .index-news-item-title { display: block; width: 100%; height: 52px; font-size: 16px; color: #333; line-height: 28px; overflow: hidden; /* white-space: nowrap; */ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: color linear 0.3s; } .index-news-item-time { font-size: 14px; color: #999; letter-spacing: 0.18px; margin-top: 10px; } .index-research { width: 100%; height: 496px; background: url(../img/research_bg.png) no-repeat center center; background-size: cover; padding-top: 58px; } .index-research .index-modal-title { color: #fff; } .index-research .index-news-go-all { background: none; border: 1px solid #ccc; transition: all linear 0.3s; } .index-research .index-news-go-all:hover { color: rgba(204, 204, 204, 0.8); border: 1px solid #fff; } .index-research .index-news-divider-box { height: 40px; } .index-research-img { width: 100%; height: 296px; } .index-research-img img { display: block; width: 100%; height: 100%; object-fit: cover; } .index-research-info { height: auto; padding-left: 15px; padding-top: 10px; } .index-research-info-time { display: inline-block; padding: 5px 6px; background: #e05050; font-size: 12px; color: #fff; letter-spacing: 0.15px; } .index-research-info-title { display: block; width: 100%; max-height: 60px; font-size: 20px; color: #fff; letter-spacing: 0.26px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 23px 0 27px; transition: color linear 0.3s; } /* .index-research-info-title:hover { color: rgba(200, 200, 200, 0.8); } */ .index-research-info-content { width: 100%; max-height: 150px; opacity: 0.75; font-size: 14px; color: #e4c4c1; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; margin: 23px 0 27px; } .index-research-info:hover .index-research-info-title { color: rgba(200, 200, 200, 0.8); } .index-research-info:hover .index-research-info-content a { color: #e39d97; } .index-research-info-content a { transition: color 0.3s linear; } .index-results { height: 277px; background: #fff; padding-top: 53px; } .index-results-item { display: block; width: 100%; height: 162px; border-bottom: 6px solid #a1080b; background: #fff url(../img/index-results-item-icon.png) no-repeat right bottom; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.15); padding: 26px 20px 0; transition: background linear 0.3s; } .index-results-item:hover { background: #e05050 url(../img/index-results-item-icon.png) no-repeat right bottom; } .index-results-item-time { display: inline-block; width: 66px; height: 66px; padding-top: 10px; background: rgba(161, 8, 11, 0.1); text-align: center; vertical-align: top; margin-right: 25px; margin-bottom: 16px; transition: background linear 0.3s; } .index-results-item-time-day { font-size: 30px; color: #a1080b; line-height: 30px; transition: color linear 0.3s; } .index-results-item-time-month { font-size: 12px; color: #a1080b; line-height: 20px; transition: color linear 0.3s; } .index-results-item-title { display: inline-block; width: calc(100% - 100px); max-height: 110px; font-size: 16px; color: #333; letter-spacing: 0.2px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; vertical-align: top; float: right; transition: color linear 0.3s; } .index-news .index-results-item { margin-top: 30px; } .index-results-item:hover .index-results-item-time { background: #fff; } .index-results-item:hover .index-results-item-title { color: #fff; } .index-tab { height: 600px; background-color: #edebea; background-position-y: bottom; background-repeat: repeat-x; /* background-size: 100% 145px; */ padding-top: 40px; } .index-tab-title-box { text-align: center; } .index-tab-title-box li { display: inline-block; vertical-align: middle; } .index-tab-title-item { cursor: pointer; } .index-tab-title-item-icon { display: inline-block; width: 44px; height: 44px; background: #999; text-align: center; line-height: 44px; margin-right: 28px; vertical-align: middle; transition: background linear 0.3s; } .index-tab-title-name { display: inline-block; font-size: 2.4em; color: #999; vertical-align: middle; transition: color linear 0.3s; } .index-tab-title-divider-line { width: 1px; height: 40px; margin: 0 60px; vertical-align: middle; background: #979797; } .index-tab-title-item.active .index-tab-title-item-icon { background: #a1080b; } .index-tab-title-item.active .index-tab-title-name { color: #333; } .index-tab-swiper { margin-top: 40px; width: 100%; height: 500px; overflow: hidden; } .swiper-slide-item { width: 100%; height: 100%; display: none; } .swiper-slide-item.active { display: block; } .index-tab-notice-left-card { width: 100%; height: 330px; padding: 50px 40px 0; background: #fff; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.09); } .index-tab-notice-left-card-top-time { display: inline-block; width: 57px; height: 57px; text-align: center; background: #e05050; margin-right: 28px; padding-top: 5px; vertical-align: top; } .index-tab-notice-left-card-top-time .time-day { font-size: 24px; color: #fff; letter-spacing: 0.31px; line-height: 30px; } .index-tab-notice-left-card-top-time .time-month { font-size: 10px; color: #fff; letter-spacing: 0.13px; line-height: 20px; } .index-tab-notice-left-card-top-title { display: inline-block; width: calc(100% - 90px); vertical-align: top; max-height: 64px; font-size: 20px; color: #333; letter-spacing: 0.26px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; vertical-align: top; transition: all linear 0.3s; } .index-tab-notice-left-card:hover .index-tab-notice-left-card-top-title { color: #a1080b; } .index-tab-notice-left-card:hover .index-tab-notice-left-card-content a { color: #999 } .index-tab-notice-left-card-content { font-size: 14px; color: #999; letter-spacing: 0.18px; line-height: 24px; margin-top: 25px; max-height: 96px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .index-tab-notice-left-card-content a { color: #666666; transition: color 0.3s linear; } /* .index-tab-notice-left-card-content a:hover { color: #999; } */ .index-tab-notice-right-list li { /* list-style: disc; */ padding: 13px 0; /* text-indent: 20px; */ } .index-tab-notice-right-list-title { display: inline-block; width: calc(100% - 45px); font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; transition: color linear 0.3s; } .index-tab-notice-right-list li:hover .index-tab-notice-right-list-title { color: #a1080b; } .index-tab-notice-right-list-timer { display: inline-block; width: 40px; font-size: 14px; color: #e11f0d; vertical-align: middle; } .index-tab-academic { display: block; width: 100%; height: 155px; overflow: hidden; margin-bottom: 30px; } .index-tab-academic-img { display: inline-block; width: 118px; height: 155px; overflow: hidden; vertical-align: top; margin-right: 20px; } .index-tab-academic-img img { width: inherit; height: inherit; object-fit: cover; transition: transform linear 0.3s; } .index-tab-academic:hover .index-tab-academic-img img { transform: scale(1.05); } .index-tab-academic-info { display: inline-block; width: calc(100% - 100px); text-align: justify; vertical-align: top; } .index-tab-academic-title { font-size: 16px; color: #333; letter-spacing: 0.2px; line-height: 28px; /* height: 84px; */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: color linear 0.3s; } @media screen and (max-width: 767px) { .index-tab-academic-title { -webkit-line-clamp: 2; } } .index-tab-academic:hover .index-tab-academic-title { color: #a1080b; } .index-tab-academic-address { opacity: 0.75; font-size: 14px; color: #666; line-height: 24px; margin-top: 6px; } @media screen and (max-width: 767px) { .index-tab-academic-address span, .index-tab-academic-time span { padding-left: 95px; } } .index-tab-academic-address span, .index-tab-academic-time span { color: #666; padding-right: 15px; } .index-tab-academic-time { opacity: 0.75; font-size: 14px; color: #666; line-height: 24px; } #inddex-tab-select-time { width: 100%; height: 360px; margin: 0 auto; text-align: center; background: #fff; } .datetimepicker { width: 100%; height: inherit; margin: 0 auto; } .table-condensed { width: 100%; } .table-condensed thead tr:first-of-type th { background: #a1080b; color: #fff; border-radius: 0; } .table-condensed thead tr:first-of-type th:hover { background: #941207; color: #fff; } .datetimepicker-days .table-condensed .day { border-radius: 50%; } .datetimepicker-days .table-condensed .day.active, .datetimepicker-days .table-condensed .day:hover { background: #a1080b; color: #fff; } .datetimepicker-days, .table-condensed { height: 100%; } .table-condensed .switch { height: 64px; } .index-tab-media { width: 100%; height: 106px; background: #fff; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 2px; margin-bottom: 15px; transition: all linear 0.3s; } .index-tab-media:hover { box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4); } .index-tab-media-type { float: left; width: 130px; height: 106px; line-height: 106px; text-align: center; font-size: 16px; color: #fff; background: #ba0b0b; background-repeat: no-repeat; background-position: center center; vertical-align: middle; } .index-tab-media-title { float: right; width: calc(100% - 130px); padding: 25px 30px 0; font-size: 16px; color: #333; letter-spacing: 0.2px; line-height: 28px; vertical-align: middle; transition: color linear 0.3s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index-tab-media:hover .index-tab-media-title { color: #a1080b; } .index-tab-level { display: block; width: 100%; height: 147px; margin-bottom: 50px; } .index-tab-level-img { display: inline-block; width: 262px; height: 147px; margin-right: 30px; overflow: hidden; vertical-align: top; } .index-tab-level-img img { width: inherit; height: inherit; object-fit: cover; transition: transform linear 0.3s; } .index-tab-level:hover .index-tab-level-img img { transform: scale(1.05); } .index-tab-level-info { display: inline-block; /* width: calc(100% - 300px); */ height: auto; } .index-tab-level-info-time { font-size: 14px; color: #e05050; letter-spacing: 0.18px; } .index-tab-level-info-title { font-size: 16px; color: #333; letter-spacing: 0.2px; line-height: 28px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: color linear 0.3s; } .index-tab-level:hover .index-tab-level-info-title { color: #a1080b; } .index-video { width: 100%; height: 540px; position: relative; padding-top: 55px; background: #822530; background-size: cover; } .index-video-right { width: 700px; height: 600px; position: absolute; right: -175px; top: 54px; transform: skew(-30deg); z-index: 3; overflow: hidden; } .index-video-right::before { display: block; content: ''; transform: skew(30deg); background: url(../images/ding.png) 410px 80px no-repeat, url(../images/pattern.png) 17px 520px repeat-x; position: absolute; right: 173px; width: 700px; height: 600px; z-index: 1; } /* .index-video::after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .35) url(../images/qsdd-logo.png) no-repeat 20% 110px; position: absolute; left: 0; top: 0; z-index: 1; } */ /* .index-video::before { content: ""; width: 65%; height: 100%; background-image: linear-gradient(90deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.43) 100%); position: absolute; right: 0; top: 0; z-index: 2; } */ .index-video .container { /* position: relative; z-index: 3; */ /* margin-top: 95px; */ } /* .index-video-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } */ .index-video-left { width: 100%; /* height: 377px; */ /* background: url(../images/index-video-left-bg.png) no-repeat center center; */ background-size: cover; text-align: center; overflow: hidden; } .index-video-left .index-video-left-bg { width: 100%; height: 336px; object-fit: cover; } .index-video-play { display: inline-block; width: 98px; height: 98px; background: url(../images/index-video-play-btn.png) no-repeat center center; background-size: contain; border-radius: 50%; cursor: pointer; transition: all linear 0.3s; position: absolute; top: 50%; left: 50%; margin-top: -70px; margin-left: -49px; } .index-video-play:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.55); } .index-video-history { margin-top: 70px; } .index-video-left-title { font-family: MicrosoftYaHei; font-size: 18px; color: #333333; letter-spacing: 0.23px; line-height: 25px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 13px; margin-bottom: 20px; } .index-video-history p { width: 20px; display: inline-block; vertical-align: text-top; margin-right: 5px; font-family: "NotoSerifCJKsc-Regular"; font-size: 16px; color: #fff; letter-spacing: 0.2px; line-height: 20px; writing-mode: vertical-lr; writing-mode: tb-lr; } .index-video-history p.mr25 { margin-right: 25px; } .index-video-history p.mr40 { margin-right: 40px; } .index-video-history .max-title { font-family: "NotoSerifCJKsc-SemiBold"; font-size: 24px; letter-spacing: 0.31px; line-height: 26px; } .index-video-left-swiper { width: 100%; height: auto; overflow: hidden; /* margin-top: 30px; */ } .index-video-swiper, .index-video-top-swiper { width: 556px; height: auto; overflow: hidden; text-align: left; position: relative; clear: both; } .index-video-swiper { width: 94%; overflow: hidden; z-index: 4; margin:0 auto; } .index-video-swiper a:hover span { opacity: .9; } .index-video-swiper span { font-size: 16px; color: #fff; letter-spacing: 0.2px; line-height: 25px; transition: .3s linear; margin-top: 17px; display: inline-block; } .index-video [class^="swiper-button"] { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.37); background-size: 18px 18px; margin-top: 0; width: 38px; height:62px; } .index-video [class^="swiper-button"]:hover { background-color: rgba(161, 8, 11,); } .index-video .swiper-button-prev { background: url(../images/hz_l.png); } .index-video .swiper-button-next { background: url(../images/hz_r.png); } .index-video-swiper .swiper-slide a { display: block; width: inherit; overflow: hidden; } .index-video-swiper .swiper-slide img { width: inherit; object-fit: cover; transition: .3s linear; } @media screen and (min-width: 993px) { .index-video-swiper .swiper-slide img { height: 200px !important; } } @media screen and (min-width: 1200px) { .index-video-swiper .swiper-slide img { height: 270px !important; } } @media screen and (max-width: 992px) { .index-video-swiper .swiper-slide img { height: 55vw !important; } } .index-video-swiper .swiper-slide:hover img { transform: scale(1.2); } /* .index-video-swiper .swiper-wrapper { width: 360px; height: 220px; } */ .index-video-swiper-pagination, .index-video-swiper-left-pagination { /* margin: 40px; */ text-align: center; } .index-video-top-swiper .index-video-swiper-pagination-top { text-align: center; width: calc(100% - 285px); position: absolute; right: 0; left: auto; bottom: 25px; z-index: 1; text-align: center; } .index-video-swiper-pagination .swiper-pagination-bullet, .index-video-swiper-left-pagination .swiper-pagination-bullet, .index-video-swiper-pagination-top .swiper-pagination-bullet { width: 12px; height: 12px; /* background: #fff; */ margin: 0 9px; /* opacity: 1; */ } .index-video-top-swiper .index-video-swiper-pagination-top .swiper-pagination-bullet { margin: 0 9px; } .index-video-swiper-pagination .swiper-pagination-bullet-active, .index-video-swiper-left-pagination .swiper-pagination-bullet-active, .index-video-swiper-pagination-top .swiper-pagination-bullet-active { background: #b7142c; } .index-video-title-box { width: 100%; height: 44px; margin-bottom: 53px; position: relative; z-index: 4; } .index-video-title { font-size: 2.4em; color: #FFFFFF; text-align: left; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.80); } .index-video-title img { vertical-align: middle; margin-right: 15px; } .index-video-max-media { display: block; width: 100%; height: 197px; position: relative; overflow: hidden; margin-bottom: 15px; } .index-video-max-media .index-video-img { width: 285px; height: 100%; object-fit: cover; transition: transform linear 0.3s; } .index-video-img { width: 100%; height: 100%; object-fit: cover; transition: transform linear 0.3s; } .index-video-max-media-info { position: absolute; top: 0; right: 0; width: calc(100% - 285px); height: 100%; padding: 25px 15px 0; background: #94070a url(../images/index-video-scroll-icon.png) no-repeat right top; } .index-video-max-media-info-title { width: 100%; height: auto; font-size: 16px; color: #fff; letter-spacing: 0.2px; line-height: 27px; transition: color linear 0.3s; } .index-video-max-media-info-title:hover { color: #ccc; } .index-video-max-icon { position: absolute; width: 85px; height: 165px; left: 30px; top: 22px; object-fit: cover; } .index-video-min-media { display: inline-block; float: left; width: calc(50% - 7px); height: 180px; position: relative; overflow: hidden; } .index-video-min-media:last-of-type { float: right; } .index-video-max-media:hover .index-video-img, .index-video-min-media:hover .index-video-img { transform: scale(1.05); } .index-video-min-media-title { position: absolute; left: 0; bottom: 0; width: 100%; height: 98px; z-index: 1; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 100%); font-size: 16px; color: #fff; letter-spacing: 0.2px; line-height: 25px; vertical-align: bottom; padding: 55px 20px 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .index-video-min-media-title:hover { color: #ccc; } .index-video-min-icon { position: absolute; left: 32px; top: 46px; width: 73px; height: 36px; object-fit: contain; } .index-video-min-icon.right { left: auto; right: 32px; top: 43px; } .index-video-go-all { position: absolute; right: 0; bottom: 6px; width: 110px; background: transparent; border: 1px solid #822530; z-index: 4; transition: all linear 0.3s; color:#822530; } .project-title { position: relative; margin-bottom: 30px; } .index-video-go-all:hover { color: rgba(204, 204, 204, 0.7); background: none; border: 1px solid rgba(256, 256, 256, 0.7); } .footer { width: 100vw; height: auto; } .footer-content { width: 100%; background: url(../images/footer-bg.png) no-repeat center center; background-size: cover; padding:30px 0; } .footer-bottom { height: 74px; background: #fff; color: #999; font-family: "FZLTHK--GBK1-0"; font-size: 14px; letter-spacing: 0.18px; text-align: center; line-height: 74px; } .go-old-version { display: inline-block; width: 122px; height: 36px; text-align: center; line-height: 36px; border-radius: 18px; font-size: 16px; color: #fff; margin-left: 15px; opacity: 1; background: #952b2b; transition: opacity linear 0.3s; } .go-old-version .iconfont { font-size: 20px; color: #fff; } .go-old-version:hover { color: #fff; background: #941207; opacity: 0.8; } .footer-logo { width: 146px; height: 143px; object-fit: cover; } .footer-nav-box { margin-bottom: 24px; } .footer-nav-class { display: inline-block; font-family: "FZLTCHK--GBK1-0"; font-size: 18px; color: #fff; margin-right: 32px; vertical-align: middle; border-right: 1px solid white; padding-right: 26px; } .footer-nav-class img { margin-right: 10px; width: 21px; height: 21px; } .footer-nav-item { display: inline-block; font-family: "FZLTHK--GBK1-0"; font-size: 16px; color: #fff; line-height: 28px; vertical-align: middle; margin-right: 14px; opacity: 1; transition: opacity linear 0.3s; } .footer-nav-item a:hover { color: #fff; opacity: 0.8; } .footer-nav-item a:visited { color: #fff; text-decoration: none; } .footer-weChat, .footer-weiBo, .footer-topBuzz, .footer-tikTok, .footer-Kwai { display: inline-block; margin: 0 20px; vertical-align: top; text-align: center; cursor: pointer; position: relative;top:30px; } .footer-link-img { width: 47px; height: 47px; object-fit: cover; border-radius: 100%; } .footer-zhengda-link { font-family: "FZLTHK--GBK1-0"; font-size: 16px; color: #fff; line-height: 28px; white-space: nowrap; } .footer-weChat-code img, .footer-tikTok-code img, .footer-topBuzz-code img, .footer-Kwai-code img { width: 130px; height: 130px; } .footer-weChat-code, .footer-tikTok-code, .footer-topBuzz-code, .footer-Kwai-code { width: 150px; height: 150px; position: absolute; top: -140px; left: -50px; opacity: 0; transition: all 0.4s linear 0.2s; background: #fff; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5); pointer-events: none; z-index: 4; } .footer-weChat-code img { width: 100%; height: 100%; } .footer-weChat>img:hover~.footer-weChat-code, .footer-topBuzz>img:hover~.footer-topBuzz-code, .footer-tikTok>img:hover~.footer-tikTok-code, .footer-Kwai>img:hover~.footer-Kwai-code { opacity: 1; top: -160px; } .top-banner { height: 420px; width: 100vw; position: relative; } .top-banner::before { content: ""; width: 100%; position: absolute; left: 0; bottom: 0; height: 60px; opacity: 0.4; transform: rotate(-180deg); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } .top-banner .container { position: relative; height: 100%; } .top-banner-nav { position: absolute; bottom: 20px; right: 0; z-index: 1; font-size: 14px; color: #fff; } .top-banner-nav .banner-nav-seg { color: #fff; } .banner-web-class { position: absolute; left: 0; bottom: 0; width: 262px; text-align: center; height: 114px; line-height: 114px; font-family: "NotoSansCJKsc-Bold"; font-size: 32px; color: #fff; background: #941207 url(../img/banner-logo.png) no-repeat 160px bottom; } .left-two-nuv-list { width: 100%; height: auto; border-top: 1px solid #ccc; } .left-two-nav-item { width: 100%; height: 54px; line-height: 54px; border-bottom: 1px solid #ccc; padding: 0 15px; } .left-two-nav-item a { display: block; width: 100%; height: 100%; outline: none; } .left-two-nav-title { font-size: 16px; color: #333; border: none; } .left-two-nav-item .iconfont { float: right; opacity: 0; margin-right: 10px; transition: all linear 0.3s; } .left-two-nav-item:hover, .left-two-nav-item.active { background: #eee; } .left-two-nav-item:hover .iconfont, .left-two-nav-item.active .iconfont { opacity: 1; margin-right: 0; } main { /* margin-bottom: 100px; */ } .gk-banner { background: url(../img/banner-gk.png) no-repeat center center; background-size: cover; } .current-leader-info { width: 100%; margin-top: 53px; } .current-leader-img { display: inline-block; width: 168px; height: auto; margin-right: 25px; vertical-align: top; } .current-leader-img img { width: 100%; height: auto; } .current-leader-detail { display: inline-block; width: calc(100% - 198px); height: auto; vertical-align: top; } .current-leader-name { display: inline-block; font-family: "NotoSansCJKsc-Bold"; font-size: 24px; color: #333; margin-right: 24px; } .current-leader-position { display: inline-block; font-size: 16px; color: #666; } .current-leader-divider { width: 100%; height: 1px; background: #979797; margin: 24px 0 28px; } .current-leader-introduce p { font-size: 16px; color: #333; line-height: 30px; text-indent: 32px; margin-bottom: 30px; } .marking-system { font-family: "SourceHanSansCN-Bold"; font-size: 24px; color: #333; } .marking-system-title { margin-top: 47px; font-family: "SourceHanSansCN-Bold"; font-size: 24px; color: #333; } .marking-system .current-leader-divider { margin: 23px 0 0; } .marking-system-tab-nav { height: 65px; line-height: 65px; text-align: center; border-bottom: 1px solid #ccc; } .marking-system-tab-nav li { display: inline-block; font-size: 20px; color: #333; margin-right: 80px; transition: all linear 0.3s; cursor: pointer; } .marking-system-tab-nav li:last-of-type { margin-right: 0; } .marking-system-tab-nav li.active, .marking-system-tab-nav li:hover { font-family: "NotoSansCJKsc-Bold"; font-size: 20px; color: #941207; border: none; outline: none; } .marking-system-tab-swiper { width: 100%; height: auto; min-height: 500px; overflow: hidden; margin-top: 70px; } /* .marking-system-tab-swiper .swiper-slide-item { width: 100%; height: auto; display: none; } */ .marking-system-tab-crest { margin: 0 auto; font-size: 16px; color: #333; line-height: 31px; } .marking-system-tab-crest ul { max-width: 550px; margin: 40px auto; } .marking-system-tab-crest p { font-size: 16px; color: #333; } .marking-system-tab-crest-view { width: 360px; margin: 0 auto; } .marking-system-download { display: block; width: 100%; height: 80px; line-height: 80px; background: #941207; text-align: center; margin-top: 60px; font-size: 18px; color: #fff; transition: background linear 0.3s; } .marking-system-download .iconfont { font-size: 30px; margin-right: 10px; vertical-align: middle; } .marking-system-download:hover { color: #fff; background: #830f05; } .history-evolution-top-img { width: 652px; margin: 0 auto; text-align: center; } .history-evolution-top-img p { text-align: left; font-size: 16px; color: #333; text-align: justify; line-height: 30px; text-indent: 32px; } .gk-history-polyline { width: 100%; height: 28px; position: relative; border: 1px solid #979797; border-bottom: none; margin-top: 70px; } .gl-history-divider-line-center { position: absolute; bottom: 0; left: 50%; width: 1px; height: 54px; background: #979797; } .gk-history-logo-header { text-align: center; margin-top: 30px; margin-bottom: 35px; } .gk-history-logo-header h4 { font-family: "NotoSerifCJKsc-Bold"; font-size: 16px; color: #999; line-height: 26px; margin-top: 17px; } .gk-history-school-introduce { font-size: 16px; color: #333; line-height: 31px; text-indent: 32px; } .history-evolution { margin-bottom: 190px; } .school-leader-info { width: 100%; height: auto; margin-bottom: 30px; } .successive-school-img { width: 164px; height: 280px; display: inline-block; margin: 0; position: relative; vertical-align: top; } .successive-school-img img { width: inherit; height: inherit; object-fit: cover; } .successive-school-title { position: absolute; left: 20px; top: 25px; font-family: "NotoSerifCJKsc-Bold"; font-size: 20px; color: #fff; line-height: 26px; width: 26px; } .school-leader-box { display: inline-block; width: calc(100% - 170px); height: auto; } .school-leader-list { display: inline-block; width: calc(50% + 2px); margin-left: -5px; text-indent: 55px; vertical-align: top; } .school-leader-position-name { width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #ccc; font-family: "NotoSansCJKsc-Bold"; font-size: 16px; color: #941207; } .school-leader-item { font-size: 16px; color: #333; line-height: 50px; } .current-leder-list-table { width: 100%; height: auto; margin-top: 50px; } .current-leder-list-table tr:nth-of-type(2n - 1) { background: #eee; } .current-leader-position-name { width: 220px; height: 60px; text-indent: 25px; font-family: "NotoSansCJKsc-Bold"; font-size: 16px; color: #333; } .current-leader-position-name h4 { font-weight: 700; } .current-leader-table-name { font-size: 16px; color: #333; } .kx-banner { background: url(../img/kx-banner.png) no-repeat center center; background-size: cover; } .scientific-research-info { background: url(../img/red-bg.png) no-repeat left bottom; background-size: 100% 416px; padding-top: 68px; padding-bottom: 84px; } .scientific-research-info-content { max-width: 947px; margin: 0 auto; } .scientific-research-info-top-text { font-size: 16px; color: #333; line-height: 32px; text-indent: 32px; margin-bottom: 30px; } .scientific-research-info-img { display: block; margin: 0 auto; } .scientific-research-info-bottom-text { margin-top: 50px; font-size: 16px; color: #fff; line-height: 32px; text-indent: 32px; } .kxyj-platform { padding-top: 202px; position: relative; top: -122px; } .kxyj-platform-nav { height: 84px; width: 100%; border-bottom: 1px solid #979797; text-align: center; } .kxyj-platform-nav li { display: inline-block; height: inherit; margin-right: 110px; font-size: 24px; color: #333; cursor: pointer; } .kxyj-platform-nav li:last-of-type { margin: 0; } .kxyj-platform-nav li.active { border-bottom: 6px solid #e05050; font-family: "NotoSansCJKsc-Bold"; font-size: 24px; color: #941207; font-weight: 700; } .kxyj-platform-swiper { margin-top: 90px; width: 100%; height: auto; max-height: 650px; overflow-y: auto; } .kxyj-platform-item { display: block; width: 100%; height: auto; text-align: center; margin-bottom: 55px; } .kxyj-platform-item img { width: 90px; height: 90px; margin-bottom: 23px; } .kxyj-platform-name { font-size: 18px; color: #333; line-height: 24px; height: 48px; overflow: hidden; } .kxyj-bottom-Outside { margin-top: 50px; border-top: 1px solid #979797; padding-top: 70px; } .kxyj-bottom-Outside-item { display: block; width: 100%; height: 180px; padding: 16px 15px; transition: opacity linear 0.3s; background: #941207 url(../img/kxyj-bottom-bg-1.png) no-repeat 80% center; } .kxyj-bottom-Outside-item:hover { opacity: 0.8; } .kxyj-bottom-Outside-item.Outside-item-two { background: #1b4142 url(../img/kxyj-bottom-bg-2.png) no-repeat right center; } .kxyj-bottom-Outside-item.Outside-item-three { background: #941207 url(../img/kxyj-bottom-bg-3.png) no-repeat right center; } .kxyj-bottom-Outside-item-in { width: 100%; height: 100%; text-align: center; border: 1px solid rgba(256, 256, 256, 0.33); font-size: 22px; color: #fff; line-height: 150px; } .jg-banner { background: url(../img/jg-banner.png) no-repeat center center; background-size: cover; } .institutions-item { display: block; width: 100%; height: 108px; padding: 24px 20px 20px; transition: background linear 0.4s; margin-bottom: 20px; } .institutions-item:hover { background: #eee; } .institutions-item-img { width: 64px; height: 64px; object-fit: contain; vertical-align: top; } .institutions-item-info { display: inline-block; width: calc(100% - 80px); margin-left: 10px; } .institutions-item-name { font-size: 18px; color: #333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .institutions-item-type { font-size: 14px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .institutions-item-info-phone { font-size: 14px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notice-detail-gary-bg { background: #eee; padding: 170px 0 30px; } .notice-detail, .xsyg-detail { min-height: 50vh; } .view-all-notice { font-size: 14px; color: #e1514e; } .notice-detail-title { width: 840px; font-family: "NotoSansCJKsc-Bold"; font-size: 24px; color: #333; letter-spacing: 0.46px; margin-top: 35px; line-height: 1.6; } .notice-detail-info { margin-top: 22px; } .notice-detail-info-text { display: inline-block; font-size: 16px; color: #999; letter-spacing: 0.3px; margin-right: 47px; } .notice-detail-content { margin-top: 30px; } .notice-detail-content .notice-detail-top-title { font-size: 16px; color: #333; line-height: 36px; } .notice-detail-content p { font-size: 16px; color: #333; line-height: 36px; text-indent: 32px; } .other-notice { font-family: "NotoSansCJKsc-Bold"; font-size: 18px; color: #999; line-height: 36px; } .other-notice-name { font-size: 18px; color: #333; letter-spacing: 0.34px; line-height: 28px; margin-top: 15px; text-align: left; display: inline-block; transition: color linear 0.3s; margin-bottom: 20px; } .other-notice-box { margin-top: 50px; } .new-notice-box { width: 100%; height: auto; margin-top: -74px; padding-bottom: 30px; background: #eee; } .new-notice-title { background: #941207; height: 74px; padding: 20px; font-family: "NotoSansCJKsc-Bold"; font-size: 20px; color: #fff; cursor: pointer; transition: color linear 0.3s; } .other-notice-box a:hover .other-notice, .other-notice-box a:hover .other-notice-name { color: #710b03; } .new-notice-title a:hover { color: #fff; } .new-notice-link { font-size: 16px; color: #333; letter-spacing: 0.3px; line-height: 28px; padding: 20px 20px 0; cursor: pointer; transition: color linear 0.3s; } .notice-item:hover .notice-link-text { color: #710b03; } .ksdh-banner { background: url(../img/ksdh-banner.png) no-repeat center center; background-size: cover; } .ksdh-link-title { display: block; margin: 50px 0; font-family: "NotoSansCJKsc-Bold"; font-size: 20px; color: #971700; } .ksdh_xy .ksdh-link-title { margin: 30px 0; } .ksdh-link-title-icon { display: inline-block; width: 48px; height: 48px; line-height: 48px; margin-right: 24px; background: #941207; vertical-align: middle; text-align: center; } .ksdh-link-item { display: inline-block; font-size: 18px; color: #333; line-height: 24px; margin-bottom: 35px; } .ksdh-link-item .iconfont { font-size: 16px; vertical-align: middle; color: #ccc; } .notice-banner { background: url(../img/notice-banner.png) no-repeat center center; background-size: cover; } .notice-box { margin-top: 45px; border-top: 1px solid #ccc; } .notice-item { width: 100%; height: 58px; line-height: 58px; border-bottom: 1px solid #ccc; } .notice-link-text { display: inline-block; width: calc(100% - 155px); height: inherit; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; color: #333; letter-spacing: 0.3px; vertical-align: middle; } .notice-link-time { display: inline-block; width: 100px; text-align: right; height: inherit; vertical-align: middle; overflow: hidden; float: right; } .notice-list-page { text-align: right; margin-top: 37px; } .notice-list-page span, .notice-list-page a { display: inline-block; font-size: 14px; color: #333; margin-right: 8px; vertical-align: middle; } .notice-list-page input[type="number"], .notice-list-page input[type="button"] { width: 58px; height: 28px; vertical-align: middle; border: 1px solid #ccc; outline: none; margin-right: 8px; text-align: center; } .notice-list-page input[type="button"] { margin-right: 0; } .notive-type { margin-top: 45px; } .notive-type li { width: 100%; height: 54px; background: #eee; margin-bottom: 1px; font-size: 16px; color: #333; line-height: 54px; padding: 0 27px; transition: all linear 0.3s; } .notive-type li a { display: block; width: 100%; height: 100%; } .notive-type li a:hover { color: inherit; } .notive-type li.active, .notive-type li:hover { background: #e05050; color: #fff; } .yx-banner { background: url(../img/yx-banner.png) no-repeat center center; background-size: cover; } .yxzy-tab-box { height: 166px; background: #eee; } .yxzy-tab-box .container { height: 100%; } .yxzy-tab-nav { height: 100%; display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: center; text-align: center; padding-top: 30px\0; /* ie 8/9*/ } .yxzy-tab-item { cursor: pointer; display: inline-block; width: 20%; vertical-align: middle; } .yxzy-tab-item h4 { margin-top: 12px; font-size: 20px; color: #666; transition: color linear 0.3s; } .yxzy-tab-item .iconfont { font-size: 45px; transition: color linear 0.3s; } .yxzy-tab-item.active h4, .yxzy-tab-item.active .iconfont { color: #941207; } .yxzy-tab-line { width: 1px; height: 58px; background: #ccc; display: inline-block; vertical-align: middle; } .yxzy-tab-swiper { width: 100%; margin-top: 35px; /* overflow: hidden; */ min-height: 670px; } .yxzy-zy-item { display: block; width: 100%; height: 140px; padding: 30px 15px; transition: background linear 0.3s; position: relative; } .yxzy-zy-item:hover { background: #eee; } .yxzy-zy-item-img { width: 80px; height: 80px; object-fit: cover; margin-right: 27px; vertical-align: top; } .yxzy-zy-info { display: inline-block; width: calc(100% - 143px); } .yxzy-zy-item-title { width: 100%; font-size: 18px; color: #333; line-height: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .yxzy-zy-item-class, .yxzy-zy-item-phone { font-size: 14px; color: #666; line-height: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 5px; } /* .yxzy-zy-item-two { display: inline-block; position: relative; } */ .yxzy-zy-item-two-title { font-size: 18px; line-height: 24px; transition: color linear 0.3s; cursor: pointer; } .yxzy-zy-item-two-title:hover { color: #941207; } .yxzy-zy-item-two-box { display: none; position: absolute; top: -10px; right: -400px; width: 586px; height: 500px; padding: 50px 40px 50px 50px; background: #f5f5f5; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15); opacity: 0; z-index: 10; } .yxzy-zy-item-two-box::after { content: ""; width: 0; height: 0; border-right: 20px solid #f5f5f5; border-top: 20px solid transparent; border-bottom: 20px solid transparent; position: absolute; left: -20px; top: 20px; } .yxzy-zy-item-two-box-content { width: 100%; height: calc(100% - 44px); overflow-y: scroll; } .yxzy-zy-item-two-box-content::-webkit-scrollbar { display: block; width: 8px; /* background: #fefefe; border-radius: 4px; */ } .yxzy-zy-item-two-box-content::-webkit-scrollbar-thumb { display: block; width: 8px; background: #ccc; border-radius: 4px; opacity: 0.4; } .yxzy-zy-item-two-box-title { font-size: 18px; color: #333; line-height: 24px; margin-bottom: 20px; } .yxzy-zy-item-two-box-close { position: absolute; cursor: pointer; top: 54px; right: 15px; font-size: 18px; color: #666; } .yxzy-zy-item-two-item { margin-bottom: 40px; } .yxzy-zy-item-two-item-title { font-size: 16px; color: #333; line-height: 24px; margin-bottom: 5px; } .yxzy-zy-item-two-item-title .iconfont { font-size: 12px; vertical-align: middle; color: #999; margin-right: 15px; } .yxzy-zy-item-two-item-type { padding-left: 30px; font-size: 14px; color: #666; line-height: 24px; height: auto; width: 100%; white-space: normal; word-break: keep-all; word-wrap: break-word; } .zsjy-banner { background: url(../img/zsjy-banner.png) no-repeat center center; background-size: cover; } .recruitment-students { background: url(../img/gray-bg.png) no-repeat center bottom; background-size: 100% 610px; margin: 0; } .zhaosheng-top-box { height: 768px; padding-top: 78px; position: relative; } .zhaosheng-top-left-img { width: 750px; height: 500px; border-bottom: 6px solid #941207; } .zhaosheng-top-left-img img { width: 100%; height: 494px; object-fit: cover; float: left; } .zhaosheng-top-right-box { width: 512px; height: 508px; position: absolute; right: 0; top: 150px; } .zhaosheng-top-right-item { display: inline-block; width: 248px; height: 248px; background: #fff; border: 1px solid #ccc; margin-top: 10px; text-align: center; padding-top: 60px; vertical-align: top; transition: background linear 0.3s; } .zhaosheng-top-right-item:hover { background: #f9f9f9; } .zhaosheng-top-right-item:nth-of-type(2n -1) { margin-right: 5px; } .zhaosheng-top-right-item:first-of-type { background: #1b4142; border: none; } .zhaosheng-top-right-item:first-of-type:hover { background: #143435; } .zhaosheng-top-right-item:last-of-type { background: #941207; border: none; } .zhaosheng-top-right-item:last-of-type:hover { background: #830f05; } .zhaosheng-top-right-item-title { font-size: 24px; color: #333; margin-top: 23px; } .zhaosheng-top-right-item:first-of-type .zhaosheng-top-right-item-title, .zhaosheng-top-right-item:last-of-type .zhaosheng-top-right-item-title { color: #fff; } .zhaosheng-bottom-box { width: 100%; height: 610px; background: url(../img/index-tab-bottom-bg.png) no-repeat center bottom; background-size: 100% 153px cover; } .zhaosheng-bottom-box .container { position: relative; height: 100%; padding-top: 104px; } .zhangsheng-bottom-left-link { width: 655px; height: auto; position: absolute; left: 0; top: 55px; z-index: 1; } .zhangsheng-bottom-left-link-item { display: block; width: 100%; height: 180px; line-height: 180px; text-align: center; margin-bottom: 15px; font-size: 24px; color: #fff; transition: all linear 0.3s; } .zhangsheng-bottom-left-link-item img { margin-right: 40px; vertical-align: middle; } .zhangsheng-bottom-left-link-item:first-of-type { background: #1b4142 url(../img/zsjy-bottom-icon.png) no-repeat 90% bottom; } .zhangsheng-bottom-left-link-item:last-of-type { background: #941207 url(../img/zsjy-bottom-icon.png) no-repeat 90% bottom; } .zhangsheng-bottom-left-link-item:first-of-type:hover { color: #fff; background: #143435 url(../img/zsjy-bottom-icon.png) no-repeat 90% bottom; } .zhangsheng-bottom-left-link-item:last-of-type:hover { color: #fff; background: #830f05 url(../img/zsjy-bottom-icon.png) no-repeat 90% bottom; } .zhaosheng-bottom-right-box { width: 720px; height: 420px; border-bottom: 6px solid #941207; float: right; } .zhaosheng-bottom-right-box img { width: 100%; height: 100%; float: left; object-fit: cover; } .rcpy-banner { background: url(../img/rcpy-banner.png) no-repeat center center; background-size: cover; } .rcpy-introduce { width: 100%; height: 435px; background: url(../img/rcpx-top-bg.png) no-repeat right bottom; } .rcpy-introduce-text { max-width: 845px; text-indent: 32px; font-size: 16px; color: #333; line-height: 32px; margin-top: 68px; } .rcpy-results { width: 100%; height: 424px; background: url(../img/rcpy-results-bg.png) no-repeat center center; background-size: cover; padding-top: 30px; } .rcpy-results-item { width: 100%; height: 65px; border-bottom: 1px solid #fff; position: relative; margin-top: 85px; padding-bottom: 15px; } .rcpy-results-item::after { content: ""; width: 100px; height: 3px; background: #fff; position: absolute; left: 0; bottom: 0; } .rcpy-results-item-name { float: left; font-family: "PingFangSC-Regular"; font-size: 16px; color: #fff; max-width: 164px; } .rcpy-results-item-number { float: right; text-align: right; } .rcpy-results-item-number-size { display: inline-block; font-family: "PingFangSC-Regular"; font-size: 40px; color: #fff; margin-right: 5px; vertical-align: top; } .rcpy-results-item-name-unit { font-family: "PingFangSC-Regular"; font-size: 16px; color: #fff; display: inline-block; vertical-align: top; } .rcpy-bottom-link { display: block; width: 100%; height: 290px; background: #941207; padding-top: 80px; text-align: center; margin-top: 58px; transition: background linear 0.3s; } .rcpy-bottom-link:hover { background: #830f05; } .rcpy-bottom-link.dark-green { background: #1b4142; } .rcpy-bottom-link.dark-green:hover { background: #143435; } .rcpy-bottom-link-name { font-size: 24px; color: #fff; margin-top: 26px; } .rcpy-bottom-link-max { display: block; width: 100%; height: 180px; line-height: 180px; text-align: center; font-size: 24px; color: #fff; background: #941207 url(../img/zsjy-bottom-icon.png) no-repeat 90% bottom; margin-top: 58px; transition: all linear 0.3s; } .rcpy-bottom-link-max:hover { color: #fff; background: #830f05 url(../img/zsjy-bottom-icon.png) no-repeat 90% bottom; } .rcpy-bottom-link-max img { margin-right: 27px; } .rcpy-bottom-link-max.dark-green { background: #1b4142 url(../img/zsjy-bottom-icon.png) no-repeat 90% bottom; } .rcpy-bottom-link-max.dark-green:hover { background: #143435 url(../img/zsjy-bottom-icon.png) no-repeat 90% bottom; } .hzjl-banner { background: url(../img/hzjl-banner.png) no-repeat center center; background-size: cover; } .cooperation-matters { padding-top: 70px; } .cooperation-matters-item { float: left; width: calc(50% - 15px); height: 410px; margin-bottom: 60px; } .cooperation-matters-img { width: 100%; height: 310px; overflow: hidden; } .cooperation-matters-img img { width: 100%; height: 100%; object-fit: cover; transition: transform linear 0.3s; } .cooperation-matters-item:hover .cooperation-matters-img img { transform: scale(1.05); } .cooperation-matters-title { width: 100%; height: 100px; text-align: center; line-height: 100px; font-size: 24px; color: #fff; background: #941207; } .cooperation-matters-item:nth-of-type(2n) { float: right; } .cooperation-matters-item:nth-of-type(2) { margin-top: 100px; } .cooperation-matters-item:first-of-type .cooperation-matters-title, .cooperation-matters-item:last-of-type .cooperation-matters-title { background: #1b4142; } .szdw-banner { background: url(../img/szdw-banner.png) no-repeat center center; background-size: cover; } .teachers-Introduction { max-width: 935px; margin: 70px auto 60px; font-size: 16px; color: #333; line-height: 30px; text-indent: 48px; } .teachers-tab-nav { width: 100%; height: 242px; position: relative; top: -158px; padding-top: 158px; text-align: center; border-bottom: 1px solid #979797; } .teachers-tab-nav li { display: inline-block; width: auto; height: 100%; margin: 0 90px; padding: 0 15px; font-size: 24px; color: #333; transition: all linear 0.3s; cursor: pointer; } .teachers-tab-nav li.active { font-family: "NotoSansCJKsc-Bold"; color: #951401; font-weight: 700; border-bottom: 6px solid #e05050; } .tearchs-box-swiper { width: 100%; height: auto; overflow: hidden; margin-top: -100px; } .teacher-item { display: inline-block; text-align: center; margin-bottom: 45px; } .teacher-item-img { width: 193px; height: 256px; object-fit: cover; margin-bottom: 27px; overflow: hidden; } .teacher-item-img img { width: 100%; height: 100%; object-fit: cover; transition: transform linear 0.3s; } .teacher-item:hover .teacher-item-img img { transform: scale(1.1); } .teacher-item-name { font-size: 20px; color: #333; line-height: 30px; transition: color linear 0.3s; } .teacher-item-position { font-size: 18px; color: #3f3f3f; line-height: 30px; transition: color linear 0.3s; } .teacher-item:hover .teacher-item-name, .teacher-item:hover .teacher-item-position { color: #710b03; } .teacher-view-link { margin-top: 40px; } .teacher-view-link-item { display: block; width: 100%; height: 394px; background: #1b4142; padding-top: 110px; text-align: center; vertical-align: top; transition: background linear 0.3s; } .teacher-view-link-item:hover { background: #143435; } .teacher-view-link .col-sm-3:nth-of-type(2n) .teacher-view-link-item { background: #941207; } .teacher-view-link .col-sm-3:nth-of-type(2n) .teacher-view-link-item:hover { background: #830f05; } .teacher-view-link-item img { height: 94px; } .teacher-view-link-item h3 { font-family: "NotoSansCJKsc-Bold"; font-size: 24px; color: #fff; margin-top: 25px; } .tearchs-team { margin: 0; padding-bottom: 90px; background: url(../img/gray-bg.png) no-repeat center bottom; background-size: 100% 287px; } .school-introduce { margin-top: 35px; font-size: 16px; color: #333; line-height: 30px; text-indent: 32px; } .school-introduce p { font-size: 16px; color: #333; line-height: 30px; } .school-characteristic-culture { width: 100%; height: 454px; margin-top: 70px; } .school-characteristic-culture-info { float: left; width: 50%; height: 100%; background: #1b4142; padding: 70px 62px 0; } .school-characteristic-culture-info-title { font-family: "NotoSansCJKsc-Bold"; font-size: 24px; color: #fff; text-align: center; } .school-characteristic-culture-info-text { font-size: 16px; color: #fff; line-height: 30px; margin-top: 30px; text-indent: 32px; } .school-characteristic-culture-img { float: right; width: 50%; height: 100%; overflow: hidden; } .school-characteristic-culture-img img { width: 100%; height: 100%; object-fit: cover; } .school-training-system { max-width: 945px; margin: 73px auto 100px; text-align: center; } .school-training-system-title { font-family: "NotoSansCJKsc-Bold"; font-size: 24px; color: #941207; margin-bottom: 40px; } .school-training-system p { text-align: left; font-size: 16px; color: #333; line-height: 32px; text-indent: 32px; } .school-training-system img { margin-top: 35px; } .rhfz-schoo-box { background: #eee; padding-bottom: 80px; } .rhfz-schoo-box .container { background: url(../img/rhfz-icon-1.png) no-repeat 30px 70px, url(../img/rhfz-icon-2.png) no-repeat right 70px, url(../img/rhfz-icon-3.png) no-repeat 20px bottom, url(../img/rhfz-icon-4.png) no-repeat 90% bottom; } .school-training-system.rhfz-schoo { margin: 73px auto 50px; } .school-Innovation-development { height: auto; width: 100%; background: #eee; padding: 60px 0 118px; text-align: center; } .school-Innovation-development .container { max-width: 945px; } .school-Innovation-development p { font-size: 16px; color: #333; line-height: 30px; text-align: left; text-indent: 32px; } .school-gjjlhz { width: 100%; height: auto; padding: 142px 0 100px; background: url(../img/school-gjjlhz-bg.png) no-repeat center center; background-size: cover; text-align: center; } .school-gjjlhz-title { font-family: "NotoSansCJKsc-Bold"; font-size: 24px; color: #fff; margin-bottom: 40px; } .school-gjjlhz p { text-align: left; font-size: 16px; color: #fff; line-height: 32px; text-indent: 32px; } .school-Jane-language { width: 100%; height: auto; min-height: 480px; background: url(../img/school-Jane-language-bj.png) no-repeat center center; background-size: cover; padding: 98px 0 40px; text-align: center; } .school-Jane-language img { margin-bottom: 35px; } .school-Jane-language p { text-align: left; font-size: 16px; color: #333; line-height: 32px; text-indent: 32px; } .school-jianyu-mark { margin-top: 100px; font-size: 14px; color: #666; } .school-jianjie { margin: 0; } .zdyx-banner { background: url(../img/zdyx-banner.png) no-repeat center center; background-size: cover; } .zdyx-content { margin-top: 55px; } .zdyx-item { width: 100%; height: 240px; position: relative; overflow: hidden; margin-bottom: 30px; } .zdyx-item.zdyx-item-max { height: 370px; } .zdyx-item img { width: 100%; height: 100%; object-fit: cover; } .zdyx-item-title { position: absolute; left: 0; top: 0; opacity: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; text-align: center; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 18px; color: #fff; transition: opacity linear 0.4s; padding-top: 30%\0; cursor: pointer; /* ie 8/9*/ } .zdyx-item:hover .zdyx-item-title { opacity: 1; } .zdyx-main { background: url(../images/gray-bg.png) no-repeat left 960px; background-size: 100% 480px; } .adv_tit{ line-height:40px; color:#a1080b; font-size:1.2em;} .sec03{ width:100%; margin:10px 0;} .module-img-view { position: fixed; left: -100vw; top: 0; z-index: 20; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.65); opacity: 0; } .module-img-view img { max-width: 80%; max-height: 80%; } .zdyx-close-module-btn { position: absolute; right: 30px; top: 30px; font-size: 36px; color: #fff; cursor: pointer; transition: transform linear 0.3s; } .zdyx-close-module-btn:hover { transform: rotate(90deg); } .dxwh-link-item { display: block; width: 100%; height: 394px; background: #1b4142; text-align: center; padding-top: 125px; transition: background linear 0.3s; } .dxwh-link-item:hover { background: #143435; } .dxwh-link-box { margin-top: 58px; } .dxwh-link-box .col-sm-3:nth-of-type(2n) .dxwh-link-item { background: #941207; } .dxwh-link-box .col-sm-3:nth-of-type(2n) .dxwh-link-item:hover { background: #830f05; } .dxwh-link-item div { font-size: 24px; color: #fff; margin-top: 35px; } .go-zdyx-box { width: 100%; height: 380px; margin-top: 75px; position: relative; text-align: center; } .go-zdyx-box img { width: 100%; height: 100%; object-fit: cover; } .go-zdyx-link { display: inline-block; width: calc(33% - 35px); height: 150px; text-align: center; line-height: 150px; background: #1b4142 url(../images/zsjy-bottom-icon.png) no-repeat 90% 20px; font-size: 24px; color: #fff; transition: background linear 0.3s; margin-right: 30px; margin-top: -75px; } .go-zdyx-link img { width: 67px; height: 67px; object-fit: cover; margin-right: 43px; } .go-zdyx-link:nth-of-type(2n) { background: #941207 url(../images/zsjy-bottom-icon.png) no-repeat 90% 20px; } .go-zdyx-link:last-of-type { margin-right: 0; } .go-zdyx-link:nth-of-type(2n):hover { color: #fff; background: #830f05 url(../images/zsjy-bottom-icon.png) no-repeat 90% 20px; } .go-zdyx-link:hover { color: #fff; background: #143435 url(../images/zsjy-bottom-icon.png) no-repeat 90% 20px; } .dxwh-main { margin-bottom: 200px; } .zdyx-add-more { display: block; width: 295px; height: 60px; text-align: center; line-height: 60px; font-size: 16px; color: #666; margin: 10px auto 0; background: #eee; transition: opacity linear 0.3s; } .zdyx-add-more:hover { color: #666; opacity: 0.8; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background: #a1080b; border-color: #a1080b; } .video-view-box-modal { position: fixed; z-index: 100; left: 0; top: -110vh; width: 100vw; height: 100vh; text-align: center; background: rgba(0, 0, 0, 0.65); overflow-y: scroll; /* padding: 0 15px; */ transition: opacity 1s linear 0s; opacity: 0; } .video-view-box-modal>div { width: 960px; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); } .video-view-box-modal video { max-width: 100%; height: auto; } .video-view-box-modal-close { position: absolute; right: -55px; top: -55px; font-size: 26px; color: #fff; cursor: pointer; } @media (max-width: 1000px) { .video-view-box-modal>div { width: 100vw; margin: 0 auto; padding: 0 15px; position: relative; } .video-view-box-modal-close { right: 15px; } } .social-share .icon-wechat .wechat-qrcode .help p { font-size: 13px; } .social-share .icon-wechat .wechat-qrcode h4 { margin-bottom: 15px; } @media (min-width: 1440px) { .banner-web-class { left: calc((100% - 1140px) / 2); } } .xsyg-list { width: 100%; margin-top: 45px; border-top: 1px solid #ccc; } .xsyg-item { padding: 30px 0; border-bottom: 1px solid #ccc; } .xsyg-item-img { display: inline-block; width: 118px; height: 155px; overflow: hidden; margin-right: 23px; vertical-align: top; } .xsyg-item-img img { width: 100%; height: 100%; transition: transform linear 0.3s; } .xsyg-item:hover .xsyg-item-img img { transform: scale(1.05); } .xsyg-item-info { display: inline-block; width: calc(100% - 147px); vertical-align: top; } .xsyg-item-info-title { font-size: 18px; color: #333; letter-spacing: 0.23px; line-height: 28px; margin-bottom: 15px; transition: color linear 0.3s; } .xsyg-item:hover .xsyg-item-info-title { color: #a1080b; } .xsyg-item-address, .xsyg-item-time { opacity: 0.75; font-size: 14px; color: #666; line-height: 24px; } #xsyg-select-time { margin-top: 45px; width: 100%; height: 254px; } .xsyg-detail { padding-top: 170px; background: url(../images/gray-bg.png) no-repeat top center; background-size: 100% 336px; } .xsyg-detail-img { width: 226px; max-width: 100%; height: auto; overflow: hidden; margin-top: 48px; } .xsyg-detail-img img { width: 100%; height: auto; object-fit: cover; transition: transform linear 0.3s; } .xsyg-detail-img:hover img { transform: scale(1.05); } .xsyg-detail-title { margin-top: 65px; line-height: 1.6; } .xsyg-detail-time-address { margin-top: 60px; margin-bottom: 45px; } .xsyg-detail-subtitle { font-family: "MicrosoftYaHei-Bold"; font-size: 16px; color: #333; letter-spacing: 0.3px; line-height: 28px; } .xsyg-detail-time, .xsyg-detail-address { font-size: 16px; color: #333; letter-spacing: 0.3px; line-height: 28px; } .xsyg-detail-content p { font-size: 16px; color: #333; line-height: 36px; text-indent: 32px; } .lxwm-banner { background: url(../images/lxwm-banner.jpg) no-repeat center center; background-size: cover; } #lxwm-map { width: 100%; height: 320px; margin: 40px 0; } .school-item { width: 100%; height: auto; padding: 38px 23px 30px; background: #ebebeb; transition: background linear 0.3s; cursor: pointer; margin-bottom: 18px; } .school-item-mt { margin-top: 100px; } .school-info.active .school-item, .school-item:hover { background: #941207; } .school-item-name { font-family: "MicrosoftYaHei-Bold"; font-size: 20px; color: #333; margin-bottom: 7px; transition: color linear 0.3s; } .school-info.active .school-item-name, .school-item:hover .school-item-name { color: #fff; } .school-item-address, .school-itme-info { font-family: MicrosoftYaHei; font-size: 16px; color: #333; line-height: 30px; transition: color linear 0.3s; } .school-info.active .school-item-address, .school-info.active .school-itme-info, .school-item:hover .school-item-address, .school-item:hover .school-itme-info { color: #fff; } .school-item-divider { width: 33px; height: 1px; background: #941207; transition: background linear 0.3s; margin: 20px 0 15px; } .school-info.active .school-item-divider, .school-item:hover .school-item-divider { background: #fff; } .yxyx-title-content { font-family: MicrosoftYaHei-Bold; font-size: 20px; color: #333; line-height: 24px; margin-top: 50px; font-weight: 700; } @media (max-width: 1200px) { .nav-list-one li { font-size: 16px; margin-right: 10px; } .footer-weChat, .footer-weiBo { margin: 0; } .footer-weChat { margin-right: 25px; } .index-tab-title-divider-line { margin: 0 15px; } .index-video-swiper { width: 100%; } .index-video::after { background-size: 360px; } /* .school-item { height: 330px; } */ .school-item-mt { margin-top: 160px; } } .select-time-box>div { width: 100% !important; height: auto !important; } #showhd { width: 100% !important; padding: 0 0 15px !important; margin: 0 auto !important; height: auto !important; } .cal .cur { background: #a1080b !important; color: #fff !important; } .cal .cur span { color: #fff; } .no-on { transition: all 0s linear 0.3s !important; } .no-on:hover, .on:hover { color: #fff !important; } .no-on:hover span, .on:hover span { color: #fff; } #calendar .cal_main, #calendar, .cal_succ_calendar_title { width: 100% !important; } .calendar_month_span, .cal th { color: #a1080b !important; } .current-leder-list-table-mobile { margin-top: 48px; border-top: 1px solid #ccc; } .mobile-current-leder-item { float: left; width: 50%; height: 60px; border-bottom: 1px solid #ccc; margin: 0; } .mobile-current-leder-item:nth-of-type(4n + 1), .mobile-current-leder-item:nth-of-type(4n + 2) { background: #eee; } .mobile-current-leder-item dt { display: inline-block; font-family: "SourceHanSansCN-Bold"; font-size: 16px; width: 240px; padding-left: 24px; color: #333; margin-bottom: 10px; line-height: 60px; } .mobile-current-leder-item dd { display: inline-block; width: calc(100% - 245px); margin: 0; font-size: 16px; color: #333; line-height: 60px; } .xyfw_list { margin-top: 55px; } .xyfw_item { display: block; width: 100%; height: 162px; background: #fff; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.15); border-bottom: 6px solid #a1080b; transition: background linear 0.3s; margin-bottom: 40px; padding: 40px 0 0 40px; } .xyfw_item_img { vertical-align: top; margin-right: 20px; } .xyfw_item_info { display: inline-block; vertical-align: top; } .xyfw_item_info_title { font-family: MicrosoftYaHei; font-size: 20px; color: #333; letter-spacing: 0.26px; } .xyfw_item_info_subTit { font-family: MicrosoftYaHei; font-size: 14px; color: #999; letter-spacing: 0.18px; line-height: 28px; } .xyfw_item:hover { background: #eee; } .nav-list-one a:hover { color: #fff; } .nav.scroll .nav-list-one a:hover { color: #a1080b; } .display { width: 66%; height: auto; } .index-tab-level-info .iconfont { float: left; margin-right: 10px; color: #999; } .compatibility-tips { width: 100%; height: 140px; color: #333; position: fixed; bottom: -140px; background: white; z-index: 9999999; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3); transition: 0.3s linear; } .compatibility-tips .row { height: 50px; margin-top: 45px; } .compatibility-tips img { float: left; margin-right: 38px; vertical-align: middle; } .compatibility-tips span { display: block; width: 500px; line-height: 25px; font-size: 16px; } .compatibility-tips button { background: white; border: 1px solid #ccc; font-size: 16px; width: 100px; height: 35px; outline: none; float: right; } #vsb_content_5038_u201 .img_vsb_content, #vsb_content_5039_u211 .img_vsb_content { width: 100%; } .footer-nav-box { white-space: nowrap; } .footer-nav-class { margin-right: 5%; padding-right: 5%; } @media screen and (max-width:1200px) and (min-width: 992px) { .footer-logo { width: 120px; height: 120px; } } @media screen and (max-width: 992px) { .footer-nav-box:last-child .footer-nav-class { border: none; } } .scrollUp { position: fixed; z-index: 1000; background: #a1080b; height: 50px; width: 50px; right: 50px; bottom: 80px; color: white; text-align: center; font-size: 20px; line-height:50px; cursor: pointer; display: none; } .scrollUp::after { content: ''; width: 16px; height: 16px; display: inline-block; background: url(../images/cheveron-up.svg) no-repeat; background-size: 16px 16px; } .marking-system .yxzy-zy-item-two-box { right: unset; left: -600px; top: unset; top: -10px; z-index: 999; } .marking-system .yxzy-zy-item-two-box::after { content: ""; width: 0; height: 0; border-right: 20px solid transparent; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #f5f5f5; position: absolute; left: unset; right: -40px; top: 20px; } .index-project { width: 100%; background:#edebea; padding-bottom:40px; background-size: cover; border-top:#a1080b 4px solid; padding-top:30px;} .index-project-right { text-align: justify; /* margin-top: 30px; */ } .index-project-right::after { width: 100%; overflow: hidden; height: 0; content: ''; display: inline-block; } .index-project-right>a { display: inline-block; overflow: hidden; position: relative; } .index-project-right>a img { transition: .3s linear; } .index-project-right>a span { position: absolute; font-size: 22px; left: 22px; top: 22px; width: 20px; color: white; text-shadow: 0 0 5px #00000065; } .index-project-right>a:hover img { transform: scale(1.2); } body { width: 100vw; /* overflow-x: hidden; */ } .pb_sys_common { margin: 30px 0 0 !important; } .footer { } .home .footer { margin-top: 0; } @media(max-width: 767px) { .footer { margin-top: 0; } } .yxzy-zy-item-two-box.r { left: unset; right: -600px; } .marking-system .yxzy-zy-item-two-box.r::after { border-right: 20px solid #f5f5f5; border-left: 20px solid transparent; left: -40px; right: unset; } .vsbcontent_img +p{ width:100%; text-indent:28px;} .index-top-swiper .swiper-slide a img { height: 83vh !important; object-fit: cover; } .main-content { top: 73%; left: 0; z-index: 10; width: 100%; height: auto; background: eeebea; outline: none; transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s; background: #eeebea url(../images/index-news-bg.png) no-repeat center 73vh; background-size: 100% auto; background-attachment: fixed; display: contents; } @media (max-width: 768px) { .share {display: none;} } @media (max-width: 991px) { .index-top-banner {height: 49vw;} .index-top-banner .swiper-slide::after { height: 20vw; } } @media (max-width: 992px) { .right-fixed-img-lists{ display:none;} .snav-1 li{padding:4px 0;min-width:50%} .snav-1 a{padding:6px 10px;font-size:14px;text-align:center} } /* 学校部门 */ .ban{padding-top:200px; height:380px;position:relative;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;text-align:center;overflow:hidden;} .ban h3{margin-bottom:16px;font-size:38px;color:#fff;font-weight:400} .snav-1{font-size:0;text-align:center;overflow:hidden} .snav-1 li{display:inline-block;vertical-align:top} .snav-1 a{padding:8px 30px;display:block;font-size:22px;color:#fff;position:relative;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .snav-1 a:after{content:'';position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:51%;height:2px} .snav-1 .on a,.snav-1 a:hover{color:#ce9c44} .snav-1 .on a:after{background-color:#ce9c44} .block1-q{padding:115px 0 120px;overflow:hidden} .block21-q{padding:80px 0 141px;overflow:hidden} .l18-q{font-size:0;margin:0 -14px -20px} .l18-q li{padding:0 14px;margin-bottom:20px;display:inline-block;vertical-align:top;width:33.33%;height: 90px;} .l18-q .con{background-color:#fff;position:relative;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;background:#f2e9e9;} .l18-q .bg{position:absolute;right:0;bottom:0;width:67%;overflow:hidden;opacity:0;filter:alpha(opacity=0);-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .l18-q .bg img{display:block;width:100%} .l18-q h4 a{display:block;font-size:16px;color:#822530;font-weight:400;padding:6.5px 0 6.5px 20px;height: 88px; line-height: 70px;border-left:2px solid #822530;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .l18-q .link{padding: 6.5px 0 6.5px 20px; border-left: 2px solid #822530;overflow:hidden;height: 90px;} .l18-q .link a{float:left;width:50%;font-size:16px;color:#822530;line-height:40px;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .l18-q .con:hover{background:#822530;} .l18-q .con:hover .bg{opacity:1;filter:alpha(opacity=100)} .l18-q .con:hover h4 a{color:#fc0;border-color:#fc0} .l18-q .con:hover .link a{color:#fc0} /* 列表页 */ .tit1-q{overflow:hidden} .tit1-q h3{font-size:30px;color:#000;font-weight:400;text-align:center;} .tit1-q .txt{font-size:16px;color:#000;line-height:1.8;margin-top:54px} .l2-q{margin-bottom:60px} .l2-q li{padding-top:37px;position:relative;background:url(../images/bg4-q.jpg) center top no-repeat;-webkit-background-size:auto 37px;background-size:auto 37px} .l2-q .con{display:block;background-color:#fff;position:relative;padding:0 150px 0 186px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .l2-q .bg{position:absolute;right:0;bottom:0;width:21%;opacity:0;filter:alpha(opacity=0);overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .l2-q .bg img{display:block;width:100%} .l2-q .date{padding:23px 6px 21px;position:absolute;left:54px;top:-16px;background-color:rgba(130,37,48,.81);border-radius:6px;min-width:72px;color:#fff;font-family:Arial;text-align:right;line-height:1;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .l2-q .date .d1{font-size:14px;margin-bottom:3px;color:#fff;} .l2-q .date .d2{font-size:24px;color:#fff;} .l2-q h4{font-size:24px;color:#333;height:118px;line-height:118px;font-weight:400;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .l2-q .con:hover{background-color:#822530} .l2-q .con:hover p{ color:#fff;} .l2-q .con:hover .bg{opacity:1;filter:alpha(opacity=100)} .l2-q .con:hover .date{background-color:rgba(206,156,68,.81)} .l2-q .con:hover h4{color:#fff} .l2-q.l2-3-q .con:hover .cont .txt p{} .l2-q.l2-3-q .con:hover .cont .txt p:hover{color:#fff;} .l2-q.l2-3-q{margin-bottom:60px} .l2-q.l2-3-q .con{padding:32px 91px 40px 166px} .l2-q.l2-3-q .pic{margin:8px 30px 0 0;float:left;width:180px;height:122px;overflow:hidden} .l2-q.l2-3-q .pic img{display:block;width:100%;/*height:100%*/} .l2-q.l2-3-q .cont{overflow:hidden} .l2-q.l2-3-q .cont h4{margin-bottom:18px;height:auto;line-height:1.4} .l2-q.l2-3-q .cont .txt{font-size:16px;color:#666;line-height:1.8;height:4.2em;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .l2-q.l2-3-q .cont .txt p{} .l2-q.l2-3-q .con:hover .cont .txt{color:#fff} .block17-q{padding:52px 0 120px;overflow:hidden} /* 内容页 */ .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} .block15-q .col-l{width:calc(100% - 331px)} .block15-q .col-r{width:280px} .detail1-q{padding:36px 50px;border-top:6px solid #822530;background-color:#fff;overflow:hidden} .detail1-q .top{padding-bottom:18px;border-bottom:2px solid #f3f3f3;overflow:hidden} .detail1-q .top h1{margin-bottom:56px;font-size:30px;color:#000;font-weight:400;line-height:1.3} .detail1-q .top .info{font-size:14px;color:#666} .detail1-q .top .info span{margin:0 12px;display:inline-block} .detail1-q .cont{padding:32px 0;font-size:18px;color:#333;line-height:2.2} .imgtxt3-q{margin-bottom:25px} .imgtxt3-q h3{padding:18px 24px;display:inline-block;vertical-align:middle;font-size:20px;color:#fff;font-weight:400; text-align:center;width:100%;background-color:#d2a36d;position:relative;z-index:2} .imgtxt3-q .imgtxt3-con{padding:38px 27px 32px;margin-top:-23px;background-color:#fff;position:relative;z-index:1} .l13-q{overflow:hidden} .l13-q a{display:block;font-size:14px;color:#333;line-height:2.45;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} .l13-q a:hover{color:#822530} .v_news_content p{ text-indent:28px;} .v_news_content p img{ text-align:center;display: block;max-width: 100%;margin: 0 auto;height: auto!important;} @media only screen and (max-width: 767px){ .l18-q li{width:100%;} .l18-q .con{padding:0px 0;} .l18-q h4 a{font-size:16px;padding-left:20px} .l18-q .link{padding:0 20px} .l2-q{margin-bottom:30px} .l2-q .con{padding:50px 15px 20px} .l2-q .date{left:15px;padding:10px 6px;min-width:60px} .l2-q .date .d1{font-size:10px} .l2-q .date .d2{font-size:18px} .l2-q h4{font-size:14px;height:34px;line-height:34px} .l2-q.l2-3-q{margin-bottom:30px} .l2-q.l2-3-q .con{padding:50px 15px 20px} .l2-q.l2-3-q .pic{float:none;margin:0 0 20px;width:auto;height:auto} .l2-q.l2-3-q .pic img{height:auto} .l2-q.l2-3-q .cont h4{margin-bottom:10px;font-size:18px;} .l2-q.l2-3-q .cont .txt{font-size:12px} .snav-1{text-align:left} .snav-1 li{padding:4px 0;min-width:33.33%} .snav-1 a{padding:6px 10px;font-size:14px;text-align:center} .block15-q{padding:40px 0 20px} .detail1-q{padding:30px 15px;} .detail1-q .top h1{font-size:18px;margin-bottom:20px} .detail1-q .cont{font-size:14px;padding:20px 0} } @media only screen and (max-width: 959px){ .ban h3{font-size:24px} .snav-1 a{padding:8px 15px;font-size:16px;} }