@charset "utf-8"; @font-face { font-family: "Philosopher"; src: url("../fonts/Philosopher.woff") format("woff"); font-weight: normal; font-style: normal; } .Philosopher { font-family: "Philosopher"; } .in-banner .swiper-slide { height: 100vh; overflow: hidden; } .in-banner .swiper-slide a { display: block; height: 100%; width: 100%; /*position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;*/ } .in-banner .swiper-slide a.sc { display: block; height: 100%; width: 100%; animation: sca 30s linear infinite /*position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;*/ } /*.in-banner .swiper-slide a:before{content: '';position: absolute;left: 0;top: 0;right: 0;height: 30%;background: url(../images/bamask1.png) no-repeat top center;background-size: 100% 100%;z-index: 3} */ .in-banner .swiper-slide a:after { content: ''; opacity: .8; position: absolute; left: 0; bottom: 0; right: 0; height: 35%; background: url(../images/bamask.png) no-repeat top center; background-size: 100% 100%; z-index: 3 } .in-banner .swiper-slide img { position: absolute; left: 50%; top: 50%; min-height: 100%; min-width: 100%; max-width: 100%; max-height: inherit; transform: translate(-50%, -50%); } .in-banner .swiper-slide h4 { position: absolute; bottom: 1.9rem; font-size: .2rem; font-weight: bold; text-align: center; color: #fff; z-index: 5; width: 100%; left: 0; padding: 0 10%; } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet { width: .38rem; padding-top: .1rem; height: auto; margin: 0 .06rem; background: transparent; opacity: 1; transition: .3s; color: #fff; font-family: "Philosopher"; position: relative; font-size: .18rem } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet:before { content: ''; display: inline-block; height: .01rem; width: 0; background: rgba(255, 255, 255, .5); top: .18rem; position: absolute; left: -.45rem; transition: .3s } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet:after { content: ''; display: inline-block; height: .01rem; width: 0; background: rgba(255, 255, 255, .5); top: .18rem; position: absolute; right: -.45rem; transition: .3s } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; background: url(../images/morebgw.svg) no-repeat top center; margin: 0 .4rem; background-size: 100% .1rem } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active:before { width: .4rem; } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active:after { width: .4rem; } .in-banner .swiper-pagination { bottom: 1.4rem } @media screen and (max-width:1600px) { } @media screen and (max-width:1200px) { .in-banner .swiper-slide { /* height: calc(100vh - .6rem); */ height: 70vh; } } @media screen and (max-width:800px) { .in-banner .swiper-slide { height: 6rem } } @media screen and (max-width:768px) { .in-banner .swiper-pagination { bottom: .55rem } .in-banner .swiper-slide h4 { bottom: 1rem } .homeg .aleft-con { margin-bottom: .2rem; } } @media screen and (max-width:640px) { .in-banner .swiper-pagination { bottom: .3rem } .in-banner .swiper-slide h4 { bottom: .7rem; font-size: .18rem } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet:before { left: -.25rem } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet:after { right: -.25rem } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active { margin: 0 .25rem } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active:before { width: .2rem; } .in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active:after { width: .2rem; } /* .in-banner .swiper-slide img { max-width: 120% } */ .in-banner .swiper-slide { height: 60vw } } .overhide { overflow: hidden; } .in-tit { margin-bottom: .25rem } .in-tit span { font-size: .34rem; display: block; color: #333; } .in-tit a { padding-top: .1rem; padding-top: .1rem\9; /* all ie */ /* padding: .1rem 5px 0; */ display: block; background: url(../images/morebg.svg) no-repeat top center; background-size: 80% .1rem; } .in-tit a:hover { text-decoration: underline; } .homea { background: url(../images/abg.jpg) no-repeat top center; background-size: 100% auto; min-height: 4.86rem; padding-top: 1.66rem } .homea-a { position: absolute; left: 0; bottom: -.4rem; right: 0; z-index: 10 } .homea-a .icoList { padding-bottom: .4rem; padding-top: .15rem } .homea-a .icoList .swiper-slide { text-align: center; background: transparent } .homea-a .icoList .swiper-slide a { height: 1rem; font-size: .2rem; display: block; box-shadow: 0 .03rem .1rem rgba(73, 45, 171, .2); transition: .3s; background: #fff; } .homea-a .icoList .swiper-slide .pic { height: 100%; opacity: 0; transition: .3s } .homea-a .icoList .swiper-slide .txt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 4; /* padding:.3rem; */ } .homea-a .icoList .swiper-slide:hover a { /*transform: translateY(-.1rem);*/ height: 1.1rem; margin-top: -.1rem; } .homea-a .icoList .swiper-slide:hover a { color: #fff; border: 0; } .homea-a .icoList .swiper-slide:hover .pic { opacity: 1 } .homea-a .icoList .swiper-pagination-bullets span { background: #d8b95a; opacity: 1; width: .1rem; height: .1rem; margin: 0 .06rem } .homea-a .icoList .swiper-pagination-bullets span.swiper-pagination-bullet-active { background: #483197; } .homea-a .icoList .swiper-pagination-bullets { bottom: 0 } .homea-b .in-tit { text-align: center; display: block; } .homea-b .in-tit .in-more { position: absolute; right: 0; bottom: 0 } .homea-b .aleft { width: 54% } .homea-b:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 35%; background: url(../images/bbg1.jpg) no-repeat left center; background-size: cover; z-index: 0 } .homea-b .aleft .con { max-width: 7.5rem; width: 100%; background: #fff; padding-right: .5rem; padding-bottom: .9rem } .homea-b .aleft .topnews { padding: .4rem .3rem .35rem; font-size: .18rem; line-height: 1em } .homea-b .aleft .topnews .sign { font-weight: bold; color: #763cb1; padding-left: .1rem; border-left: .03rem solid #763cb1 } .homea-b .aleft .topnews .sign a { font-weight: bold; color: #5921a9; } .homea-b .aleft .topnews .sign a:hover { font-weight: bold; color: #763cb1; } .homea-b .aleft .topnews .topSlide { width: calc(100% - 1.3rem) } .homea-b .aleft .topSlides { transform: translateX(-1rem); } .homea-b .aleft .topSlides .txt { position: absolute; left: 0; bottom: 0; right: 0; z-index: 3; padding: 0 5% .3rem; color: #fff; } .homea-b .aleft .topSlides .txt time { font-size: .16rem; font-family: "Philosopher"; } .homea-b .aleft .topSlides .txt p { line-height: 1.4em; margin-top: .1rem; max-height: 2.8em\0; height: 2.8em; } .homea-b .aleft .topSlides .pic { height: 4.35rem } .homea-b .aleft .topSlides .pic:before { content: ''; opacity: .8; position: absolute; left: 0; bottom: 0; right: 0; height: 20%; background: url(../images/bamask.png) no-repeat top center; background-size: 100% 100%; z-index: 2; } .homea-b .aleft .sbtn { /* margin-top: .4rem; */ position: absolute; right: .5rem; bottom: .9rem; z-index: 10 } .homea-b .aleft .sbtn a { font-size: .32rem; color: #014687; margin-left: .2rem } .homea-b .aleft .sbtn a:hover { color: #d8b95a; } .homea-b .aleft .sbtn a.swiper-button-disabled { opacity: .4; } .homea-b .aright { width: 46%; color: #fff; padding: .6rem 0 .4rem .6rem } .homea-b .aright a { color: #fff } .homea-b .aright:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 9rem; background: url(../images/bbg2.jpg) no-repeat left center; background-size: cover; z-index: 0 } .homea-b .aright .ctit { margin-bottom: .5rem } .homea-b .aright .tabtit { border-left: .03rem solid #d8b95a; } .homea-b .aright .tabtit span { font-size: .18rem; font-weight: bold; cursor: pointer; transition: .3s; display: inline-block; height: .22rem; vertical-align: middle; line-height: .22rem; padding: 0 .1rem; margin-top: -.02rem; } .homea-b .aright .tabtit span i { opacity: .6 } .homea-b .aright .tabtit span:nth-child(1):after { content: ''; display: inline-block; width: .06rem; height: .06rem; border-radius: 50%; background: #fff; margin-left: .2rem; vertical-align: .03rem } .homea-b .aright .tabtit span.cur { font-size: .18rem; color: #d8b95a; padding-left: .1rem; } .homea-b .aright .tabtit span.cur i { opacity: 1 } .homea-b .aright .more a { display: none; font-size: .12rem; opacity: .6 } .homea-b .aright .more a:hover { opacity: 1 } .homea-b .aright .picNews { width: 44% } .homea-b .aright .picNews .pic { height: 1.88rem; margin-bottom: .3rem } .homea-b .aright .picNews .pic img { width: 100%; } .homea-b .aright .picNews .txt time { font-family: "Philosopher"; ; opacity: .6 } .homea-b .aright .picNews .txt h4 { font-size: .18rem; margin-bottom: .25rem; line-height: 1.8em; margin-top: .15rem } .homea-b .aright .picNews .txt h4 a { max-height: .64rem\0; display: block\0; } .homea-b .aright .picNews .txt p { font-size: .14rem; opacity: .7; line-height: 1.8em; max-height: 1rem\0; } .homea-b .aright .txtNews { width: 47% } .homea-b .aright .txtNews li { padding: .2rem 0; border-top: .01rem dashed #2c076a; border-bottom: .01rem dashed #7a48a2; } .homea-b .aright .txtNews li time { font-family: "Philosopher"; ; opacity: .6 } .homea-b .aright .txtNews li h4 { margin-top: .08rem; font-size: .16rem; line-height: 1.6em; text-align: justify; } .homea-b .aright .txtNews li h4 a { max-height: .51rem\0; display: block\0; } .homea-b .aright .txtNews li:first-child { border-top: 0; padding-top: 0 } .homea-b .aright .txtNews li:last-child { border-bottom: 0; padding-bottom: 0 } .homec { background: url(../images/cbg.jpg) no-repeat center; background-size: cover; min-height: 3rem; padding: .65rem 0 1.4rem } .homec .in-tit { text-align: center; display: block; } .homec .in-tit .in-more { position: absolute; right: 0; bottom: 0 } .homec .tzggList { padding-bottom: .5rem } .homec .tzggList .item { background: #fff; padding: .25rem .25rem .4rem; box-shadow: 0 .03rem .1rem rgba(73, 45, 171, .2); margin: 0 .1rem; position: relative; z-index: 3; } .homec .tzggList .item:before { content: ''; display: block; width: 100%; height: .08rem; background: url(../images/sem.png) no-repeat right center; margin-bottom: .15rem; background-size: .99rem .08rem; } .homec .tzggList .item:after { content: ''; display: block; width: 100%; height: 100%; background: url(../images/noticebg.jpg) no-repeat center center; position: absolute; right: 0; top: 0; background-size: 100% 100%; opacity: 0; transition: all .8s; -webkit-transition: all .8s; z-index: -1; } .homec .tzggList .item .time { width: .4rem; background: url(../images/line.png) no-repeat left center; } .homec .tzggList .item .time span { display: block; font-family: "Philosopher"; font-size: .3rem; color: #014687 } .homec .tzggList .item .time span:nth-child(1) { padding-bottom: .1rem } .homec .tzggList .item .time span:nth-child(2) { padding-top: .1rem } .homec .tzggList .item .txt { width: calc(100% - .5rem); font-size: .16rem; line-height: 1.6em } .homec .tzggList .item .txt a { max-height: .78rem\0; line-height: .26rem\0; display: block\0; } /* .homec .tzggList .item:hover{ background: url(../images/noticebg.jpg) no-repeat right top ; background-size: 100% 100%; } */ .homec .tzggList .item:hover::after { opacity: 1; } .homec .tzggList .item:hover .time { background: url(../../static/image/line2.png) no-repeat left center; } .homec .tzggList .item:hover .time span { color: #d8b95a; } .homec .tzggList .item:hover .txt a { color: #fff; } .homec .tzggList .swiper-pagination-bullets span { background: #d8b95a; opacity: 1; width: .1rem; height: .1rem; margin: 0 .06rem } .homec .tzggList .swiper-pagination-bullets span.swiper-pagination-bullet-active { background: #483197; } .homec .tzggList .swiper-pagination-bullets { bottom: 0 } .homed { margin-top: -.8rem } .homed .aleft { width: 38.75% } .homed .aleft:after { content: ''; position: absolute; right: 0; top: .8rem; bottom: .8rem; width: 7.8rem; background: url(../../static/image/dbg1.jpg) no-repeat left center; background-size: cover; z-index: 0 } .homed .aleft .dslide-box { padding-bottom: .5rem; overflow: hidden } .homed .aleft .dslide-box .swiper-container { width: 100%; } .homed .aleft .dslide-box .swiper-container .swiper-slide { width: 100% !important; } .homed .aleft .dslide { max-width: 5.15rem; width: 100%; margin: 0; right: -.01rem } .homed .aleft .dslide .pic { height: 3.35rem; } .homed .aleft .dslide .txt { background: #fff; padding: .2rem .2rem .2rem .4rem } .homed .aleft .dslide .txt h4 { font-size: .18rem; line-height: 1.4em; margin-bottom: .1rem } .homed .aleft .dslide .txt p { font-size: .14rem; position: relative; color: #888; line-height: 1.6em; margin-bottom: .05rem; max-height: .45rem\0 } .homed .aright { width: 61.25%; padding: .8rem 0 2.2rem 4% } .homed .aright:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 11.36rem; background: url(../../static/image/dbg2.jpg) no-repeat right bottom; background-size: cover; z-index: 0 } .homed .aright .swiper-pagination-bullets span { background: #d8b95a; opacity: 1; width: .1rem; height: .1rem; margin: 0 .06rem } .homed .aright .swiper-pagination-bullets span.swiper-pagination-bullet-active { background: #483197; } .homed .aright .swiper-pagination-bullets { bottom: 0 } .homed .aright .jsList { padding-bottom: .65rem; padding-top: .4rem } .homed .aright .jsList .item { text-align: center; } .homed .aright .jsList .pic { width: 1.3rem; height: 1.3rem; border-radius: 50%; overflow: hidden; margin: 0 auto; margin-bottom: .3rem; } .homed .aright .jsList .txt h4 { font-size: .18rem; margin-bottom: .3rem } .homed .aright .jsList .txt h4 span { display: inline-block; min-width: .56rem; padding-bottom: .12rem; border-bottom: .02rem solid #483197 } .homed .aright .jsList .txt p { color: #777; line-height: 1.6em; max-width: 1.35rem; margin: 0 auto; max-height: 3.2em\0; height: 3.2em; word-wrap: break-word; } .homee { min-height: 4rem; position: relative; margin-top: 100px; } .homee:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 82%; background: url(../../static/image/ebg1.jpg) no-repeat top left; background-size: cover; z-index: 0 } .homee .aleft { width: 32.5%; padding: .75rem 0 } .homee .aleft ul li { /* padding: .28rem 0; */ border-top: .01rem dashed #fff; border-bottom: .01rem dashed #ccc; } .homee .aleft ul li:last-child { border-bottom: 0; } .homee .aleft ul li h4 { font-size: .16rem } .homee .aleft ul li p { margin-top: .1rem; color: #7f7f7f; font-size: .14rem } .homee .aleft ul li:first-child { border-top: 0; padding-top: 0 } .homee .aright { width: 61.25%; padding: 1.3rem 0 0 } .homee .aright .slide { width: 36.5%; position: relative; } .homee .aright .slide .slide-box { padding: .44rem .35rem; background: url(../../static/image/rllbg1.jpg) #fff no-repeat bottom left; position: relative; box-shadow: 0 0 .15rem .02rem rgba(0, 0, 0, .1); } .homee .aright .slide:before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: .31rem; /* background: url(/static/image/rllbg.png) no-repeat top left; */ z-index: 1 } .homee .aright .slide .pic { height: 1.86rem; margin-bottom: .15rem } .homee .aright .slide .txt h4 { font-size: .18rem; line-height: 1.4em; margin-bottom: .2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: .26rem; height: .52rem; overflow: hidden; } .homee .aright .slide .txt p { font-size: .14rem; padding-left: .3rem; position: relative; color: #888; line-height: 1.6em; margin-bottom: .05rem } .homee .aright .slide .txt p i { position: absolute; left: 0; top: 0; color: #014687; font-size: .2rem } .homee .aright .slide .sbtn { margin-top: .3rem } .homee .aright .slide .sbtn a { font-size: .32rem; color: #014687; margin-left: .2rem } .homee .aright .slide .sbtn a:hover { color: #d8b95a; } .homee .aright .slide .sbtn a.swiper-button-disabled { opacity: .4; } .homee .aright .calendar { width: 63.5%; padding-top: .03rem; } .homee .aright .calendar:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 7.8rem; background: url(../../static/image/ebg3.jpg) no-repeat top center; background-size: cover; z-index: 0 } .homee .aright .calendar dt { background: url(../../static/image/ebg2.jpg) no-repeat left center; height: .7rem; color: #fff; padding: 0 .3rem; background-size: 100% 100% } .homee .aright .calendar dt .ctit span { font-size: .22rem; font-weight: bold; border-left: .02rem solid #fff; padding-left: .1rem; line-height: 1em; text-shadow: 0 0 .05rem rgba(0, 0, 0, .4) } .homee .aright .calendar dt .current { cursor: pointer; position: relative; } .homee .aright .calendar dt .year-m:hover .dropdown-toggle:after { transform: rotate(180deg); vertical-align: .02rem } .homee .aright .calendar dt .year-m:hover ul { display: block; } .homee .aright .calendar dt .year-m ul { background: #fff; color: #555; padding: .1rem 0; max-height: 1.6rem; overflow: auto; width: 1.3rem; position: absolute; right: -.25rem; top: 100%; box-shadow: 0 0 .1rem rgba(0, 0, 0, .1); display: none; z-index: 5 } .homee .aright .calendar dt .year-m ul::-webkit-scrollbar { width: .05rem } .homee .aright .calendar dt .year-m ul::-webkit-scrollbar-thumb { border-radius: .1rem; background: #999; } .homee .aright .calendar dt .year-m ul::-webkit-scrollbar-track { border-radius: .1rem; background: #ddd; } .homee .aright .calendar dt .year-m ul li { font-size: .14rem; padding: .1rem .1rem; cursor: pointer; } .homee .aright .calendar dt .year-m ul li:hover { background: #eee } .calendar-content { background: #fff; padding: .3rem; font-family: "Philosopher"; border-left: .01rem #e7e7e7 solid; } .calendar-content table { width: 100%; text-align: center; } .calendar-content th { font-weight: 400; color: #014687; padding: .1rem 0 } .calendar-content td { color: #6666ad; padding: .03rem 0; vertical-align: middle } .calendar-content td span { width: .4rem; height: .4rem; line-height: .4rem; padding: 0; border-radius: 50%; display: inline-block; } .calendar-content td.calendar-selected { background-color: #00f7de } .calendar-content .day-next, .calendar-content .day-prev { color: #d2d2d2; } .calendar-content .day-next.calendar-has span, .calendar-content .day-prev.calendar-has span { background: #f2f2f2; } .calendar-content .calendar-this span { background: #014687 !important; color: #fff !important; } .calendar-content .calendar-has span { background: #eeeeee; cursor: pointer; } .homef .txt { position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; font-size: .2rem; color: #fff; top: 1.2rem; font-weight: bold; } .homef .txt span { margin: 0 .2rem } /*.homef .txt:before { content: ''; height: 1px; width: 1rem; background: rgba(255, 255, 255, .6); position: absolute; left: -1.3rem; top: 50%; transform: translateY(-50%) } .homef .txt:after { content: ''; height: 1px; width: 1rem; background: rgba(255, 255, 255, .6); position: absolute; right: -1.3rem; top: 50%; transform: translateY(-50%) } */ .homef .swiper-container { width: 100%; margin-left: auto; margin-right: auto } .homef .swiper-slide { background-size: cover; background-position: center; } .homef .gallery-top { width: 100% } .homef .gallery-top .swiper-slide { height: 7.15rem } .homef .gallery-top .swiper-slide a { display: block; height: 100%; width: 100%; position: relative; background: url(../images/fmask.png) no-repeat center; background-size: 100% 100% } .homef .gallery-top .swiper-slide a i { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-65%); z-index: 2; color: #fff; font-size: .8rem; opacity: .8 } .homef .gallery-thumbs .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; color: #fff; font-size: .4rem; opacity: .8 } .homef .gallery-thumbs { position: absolute; left: 50%; bottom: .5rem; width: 90%; max-width: 9.3rem; z-index: 5; transform: translateX(-50%); } .homef .gallery-thumbs .swiper-slide { height: 1.2rem; cursor: pointer; background: #000 } .homef .gallery-thumbs .swiper-slide .pic { height: 100%; opacity: .6; cursor: pointer; } .homef .gallery-thumbs .swiper-slide-thumb-active .pic { opacity: 1 } .homef .gallery-thumbs .swiper-slide-thumb-active i { opacity: 0 } .homef .gallery-thumbs .swiper-slide-thumb-active:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: .04rem solid #d8b95a; display: block; transition: .1s } .homeg { min-height: 4rem; margin: 0 auto; background: #f1f2fa url(../images/homeg.png) no-repeat right top; background-size: auto 100%; } .homeg .zi1 { max-width: 1920px; margin: 0 auto } .homeg .aleft { width: 62.7%; /*background: url(../images/gbg1.jpg) no-repeat top right;background-size: 100% auto; */ padding: 1.15rem 0; padding-right: .2rem; } .homeg .aleft .con { max-width: 1024px; width: 87.3% } .homeg .aleft-top { height: 1.7rem; background: url(../images/g1.jpg) no-repeat center; background-size: cover; margin-bottom: .2rem; padding: .35rem 7% } .homeg .aleft-top h4 { text-align: center; color: #fff; font-size: .18rem; font-weight: bold; margin-bottom: .25rem } .homeg .aleft-top ul li { width: 23%; margin: 0 1%; } .homeg .aleft-top ul li a { height: .46rem; width: 100%; line-height: .46rem; color: #fff; padding: 0 10% 0 15%; position: relative; } .homeg .aleft-top ul li .img1 { position: absolute; top: .45rem; left: 28%; z-index: 10; /* display: none; */ opacity: 0; z-index: -5; width: 1.27rem; height: auto; transition: all .8s; -webkit-transition: all .8s; } .homeg .aleft-top ul li .img2 { position: absolute; top: .45rem; left: 49%; z-index: 10; /* display: none; */ opacity: 0; z-index: -5; width: 1.27rem; height: auto; } .homeg .aleft-top ul li .img3 { position: absolute; top: .45rem; left: 71%; z-index: 100; display: none; opacity: 0; z-index: -5; width: 1.26rem; height: 1.21rem; } .homeg .aleft-top ul li .img4 { position: absolute; top: .45rem; left: 92%; z-index: 100; display: none; opacity: 0; z-index: -5; width: 1.26rem; height: 1.21rem; } .homeg .aleft-top ul li a span i img {width: 24px;} .homeg .aleft-top ul li a span i img.wxzs {display: inline;} .homeg .aleft-top ul li a span i img.xzs {display: none;} .homeg .aleft-top ul li:hover a span i img.xzs {display: inline;} .homeg .aleft-top ul li:hover a span i img.wxzs {display: none;} .homeg .aleft-top ul li:hover .img1 { display: block; opacity: 1; transition: all .8s; -webkit-transition: all .8s; z-index: 5; } .homeg .aleft-top ul li:hover .img2 { display: block; opacity: 1; transition: all .8s; -webkit-transition: all .8s; z-index: 5; } .homeg .aleft-top ul li:hover .img3 { display: block; opacity: 1; transition: all .8s; -webkit-transition: all .8s; z-index: 5; } .homeg .aleft-top ul li:hover .img4 { display: block; opacity: 1; transition: all .8s; -webkit-transition: all .8s; z-index: 5; } .homeg .aleft-top ul li a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 0.01rem solid rgba(255, 255, 255, .4); display: block; transition: .1s } .homeg .aleft-top ul li a span i { font-size: .3rem; vertical-align: -.05rem; margin-right: .1rem; } .homeg .aleft-top ul li a .icon-left1 { font-size: .22rem; display: inline-block; } .homeg .aleft-top ul li a i { opacity: .6 } .homeg .aleft-top ul li:hover a { color: #e1c368; } .homeg .aleft-top ul li:hover a:before { border: .03rem solid #e1c368; } .homeg .aleft-top ul li:hover a i { opacity: 1 } .homeg .aleft-top ul li:hover a .icon-left1 { animation: go5 1s ease-out infinite } .homeg .aleft-con ul li .txt { position: absolute; left: 0; bottom: 0; right: 0; z-index: 3; padding: 0 .3rem 0; color: #fff } .homeg .aleft-con ul li .txt .t { padding-left: .1rem } .homeg .aleft-con ul li .txt h4 { margin-bottom: .2rem; margin-top: .05rem } .homeg .aleft-con ul li .sign span { border-bottom: .05rem solid #aaa; min-width: 1.25rem; display: inline-block; font-weight: bold; font-size: .16rem; padding-left: .1rem; padding-bottom: .08rem } .homeg .aleft-con ul li .sign i { font-size: .28rem; font-weight: normal; vertical-align: -.05rem; margin-right: .2rem } .homeg .aleft-con ul li .pic:before { content: ''; opacity: .8; position: absolute; left: 0; bottom: 0; right: 0; height: 55%; background: url(../images/bamask.png) no-repeat top center; background-size: 100% 100%; z-index: 2 } .homeg .aleft-con .ulb li .pic:before { height: 75%; } .homeg .aleft-con .ula li .sign span { border-bottom: .05rem solid #c641ff; } .homeg .aleft-con .ulb li:nth-child(1) .sign span { border-bottom: .05rem solid #01e175; } .homeg .aleft-con .ulb li:nth-child(2) .sign span { border-bottom: .05rem solid #ff5418; } .homeg .aleft-con .ula { width: 44% } .homeg .aleft-con .ula li .pic { height: 4.8rem; position: relative; } .homeg .aleft-con .ulb { width: calc(56% - .2rem) } .homeg .aleft-con .ulb li { height: calc(50% - .1rem) } .homeg .aleft-con .ulb li .pic { height: 100%; position: relative; } .homeg .aright { width: 37.3%; /*background: url(../images/gbg2.jpg) no-repeat center; background-size: cover;*/ padding: 1.15rem 0; z-index: 1; } .homeg .aright .con { width: 78.2%; /*background: url(../images/g2.jpg) no-repeat center; background-size: cover;padding: .5rem .3rem */ height: 100%; max-width: 5.55rem; } .homeg .aright-top { width: 100%; background: url(../images/arighttop.jpg) no-repeat center top; background-size: cover; /* padding: .6rem .4rem .6rem; */ padding: 0rem .4rem 0rem; display: flex; align-items: center; justify-content: center; height: 2.88rem; /* min-height: 2.88rem; */ } .homeg .aright-top li { height: 1.75rem; background: rgba(31, 42, 185, .43); position: relative; width: 30.6%; margin: 0 1.35%; text-align: center; color: #fff } .homeg .aright-top li i { font-size: .4rem; margin-bottom: .15rem; display: inline-block; font-weight: normal; } .homeg .aright-top li h4 { font-size: .17rem; font-weight: normal; transition: .3s } .homeg .aright-top li:hover i { transform: rotateY(360deg); transition: .7s } .homeg .aright-top li:hover h4 { letter-spacing: .1em; } .homeg .aright-con { width: 100%; background: #013192 url(../images/arightcon.jpg) no-repeat right top; background-size: cover; padding: .55rem .7rem .4rem; margin-bottom: .2rem; display: flex; justify-content: space-between; flex-wrap: wrap; min-height: 3.64rem; } .homeg .aright-con li { width: calc(100%/2 - .2rem); /* width: 1.75rem; */ text-align: center; } .homeg .aright-con li img { margin: 0 auto; width: 1.75rem; height: 2.31rem; } .homeg .aright-con li h4 { margin-top: .1rem } .homeg .aright-con li a { color: #fff } .row-b3{width: 100% !important;} .index-row2 * { -moz-box-sizing: border-box; box-sizing: border-box } .index-row2 { position: relative; overflow: hidden; padding-left: 0; height: auto } .proScro .item { /* height: 7.13rem; */ position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff } .proScro .item img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%} /*.proScro .item .info { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2) } */ .index-row2 .scrobox { position: static; top: 0; left: 0; z-index: 10; width: 100% } .index-row2 .scrobox .more { position: absolute; right: 20%; bottom: 1.1rem; height: .3rem; padding: 0 .3rem 0 0; color: #fff; background: url(../images/b-icon1.png) no-repeat bottom left; line-height: .32rem; z-index: 15; font-size: .12rem } .proScro .cont { display: block; text-align: center } .proScro .item .tit { display: block; font-size: .3rem; text-align: center; width: 10.05rem; margin: 0 auto .76rem; padding-top: 1.21rem; line-height: 1 } .proScro .item .pic img { margin: 0 auto; width: .84rem; height: .84rem; position: absolute; left: 50%; top: 50%; margin-left: -.42rem; margin-top: -.42rem; } .proScro .item .tit h3 { color: rgba(255, 255, 255, .59); font-size: .48rem; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif } .proScro .g-more-1 { color: #fff; border-color: #fff } .proScro .item:hover .g-more-1 { border-color: #306fb6; background-color: #306fb6 } .index-row2 .b-item { position: absolute; left: 0; bottom: .4rem; width: 10rem; left: 50%; margin-left: -4.7rem; } .proScroNav .item { margin-right: .32rem; text-align: center } .proScroNav .img, .proScroNav .tit { width: 2.1rem } .proScroNav .img { position: relative; display: block; margin-bottom: .1rem; -moz-box-sizing: border-box; box-sizing: border-box } .proScroNav .slick-current .img { border: 0.05rem solid #d8b95a } .proScroNav .img::after { content: ''; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background-image: url(../images/b-video1.png); -o-background-size: 100%; background-size: 100%; width: .3rem; height: .34rem; z-index: 11 } .slick-current .img::after { display: none } .proScroNav .img:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: url(../../x.5811.com.cn/images/bg-opcy-black5.html); opacity: 0.5; } .proScroNav .slick-current .img:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: none; opacity: 1; } .proScroNav .img img { width: 100%; } .proScroNav .tit { display: none; padding: 1.45rem 0 .5rem } .txt { position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; font-size: .3rem; color: #fff; top: 1.2rem; font-weight: bold; } .txt span { margin: 0 .2rem } .txt:before { content: ''; height: .01rem; width: 1rem; background: rgba(255, 255, 255, .6); position: absolute; left: -1.3rem; top: 50%; transform: translateY(-50%) } .txt:after { content: ''; height: .01rem; width: 1rem; background: rgba(255, 255, 255, .6); position: absolute; right: -1.3rem; top: 50%; transform: translateY(-50%) } @media screen and (min-width: 1921px) { .homea-b .aright:before { width: 180%; } .homed .aleft:after { width: 180%; background: url(../images/dbg1-1.jpg) no-repeat left center; background-size: 100% 100%; } .homed .aright:after { width: 150%; /* background-size: 80%; */ } .homee .aright .calendar:after { width: 180% } } @media screen and (min-width: 2016px) { .homed .aleft:after { width: 160%; background: url(../images/dbg1-1.jpg) no-repeat left center; background-size: 100% 100%; } } @media screen and (min-width: 2030px) { .homed .aleft:after { width: 180%; background: url(../images/dbg1-1.jpg) no-repeat left center;background-size: cover; } } .proScroNav .img { width: 2.09rem; height: 1.19rem; } .proScroNav .img img { width: 100%; height: 100%; } @media screen and (max-width: 1920px) { .proScro .item .tit h3 { font-size: 2.5vw } .row-b1 { padding: 4.687vw 0 3.645vw } .ul-info-b1 { margin: 0 -.416vw } .ul-info-b1 li .info { padding: 0 .416vw } .ul-info-b1 li .info .tit h3 { font-size: 0.989vw } .ul-info-b1 li .info .tit { padding: 1.354vw 1.302vw 0 } .ul-info-b1 li .info .more { right: 1.302vw; top: 1.875vw } .ul-info-b1 li:nth-child(1) .info .tit { padding: 3.020vw 1.302vw 5.781vw } .ul-info-b1 li:nth-child(1) .info .tit p { font-size: 1.041vw; margin-bottom: 6.145vw } .row-b2 .b-slick .slick-l { padding: 5vw 2.968vw 3.385vw 7.291vw } .row-b2 .b-slick .slick-l .tit { margin-right: 2.187vw } .row-b2 .slickBox1 .item .pic { margin-bottom: 1.406vw } .row-b2 .slickBox1 .item .txt h3 { margin-bottom: .729vw } .row-b2 .slickBox1 .item .txt .more { padding-top: 1.093vw } .row-b2 .slickBox1 .item .txt .more .date { padding-bottom: .416vw } .row-b2 .slickBox1 .slick-slider .slick-next, .row-b2 .slickBox1 .slick-slider .slick-prev { width: .937vw; height: 1.614vw } .row-b2 .slickBox1 .slick-slider .slick-next { left: 2.864vw } .ul-info-b2 { margin: 0 -1.562vw } .row-b2 .b-slick .slick-r { padding: 3.854vw 8.333vw 9vw 2.864vw } .row-b2 .b-slick .slick-r .tit { margin-bottom: 2.083vw } .ul-info-b2 .con { padding: 0 1.562vw } .ul-info-b2 .pic { margin-bottom: .989vw } .ul-info-b2 .txt p { margin-bottom: 2.187vw } .ul-info-b2 .txt .date { padding-bottom: .572vw } .ul-info-b2 .slick-dots { bottom: -3.333vw } .row-b2 .b-slick .slick-r .info .more { width: 7.239vw; height: 1.770vw; line-height: 1.770vw; font-size: 0.729vw; margin-top: 2.187vw; } .proScro .item { /* height: 37.13vw */ } /* .index-row2 .scrobox .more { right: 8.333vw; bottom: 2.864vw; } */ .proScro .item .tit { width: 52.34vw; padding-top: 6.302vw; margin-bottom: 3.958vw } .proScro .item .pic img { width: 4.375vw; height: 4.375vw } /* .proScroNav { padding-left: 25.52vw } */ .index-row2 .b-item { bottom: 2.083vw } .proScroNav .item { margin-right: 1.666vw } .proScroNav .img, .proScroNav .tit { width: 10.88vw; height: 6.19vw; } .proScroNav .img { margin-bottom: .52vw } .proScroNav .slick-current .img { border: solid #d8b95a } .proScroNav .img::after { width: 1.562vw; height: 1.77vw } .proScroNav .tit { padding: 7.552vw 0 2.604vw } } @media screen and (max-width: 1600px) { .homeg .aleft { padding-left: 5% } .homeg .aleft .con { width: 100% } .homeg .aright .con { width: 100% } .homeg .aright { padding-right: 5% } .homec .tzggList .item .txt { line-height: .32rem; } .homed .aleft .dslide .txt p, .homed .aright .jsList .txt p, .homee .aright .slide .txt p, .homea-b .aleft .topSlides .txt p, .homee .aleft ul li h4, .homea-b .aright .txtNews li h4, .homea-b .aright .picNews .txt p { line-height: .32rem/9; } .header .sub-nav .sub-nav-h a { padding: .08rem .05rem; } .homea-a .icoList .swiper-slide a { height: 1.3rem } .homea-a .icoList .swiper-slide:hover a { /*transform: translateY(-.1rem);*/ height: 1.4rem; margin-top: -.1rem; } .homea-b .aright:before { width: 12rem; } /* .homeg .aleft-con .ula li .pic{height: 5.25rem;} */ .bg-mask .pic .a { background-size: auto 100%; } .homee .aright .slide .pic, .homee .aright .slide .txt h4 { margin-bottom: .2rem; } .homee .aright .slide .sbtn { margin-top: .15rem; } .homee .aright .slide .slide-box { padding: .44rem .2rem; } .homeg .aleft-top ul li .img1 { top: .6rem; } .homeg .aleft-top ul li .img2 { top: .6rem; } .homeg .aleft-top ul li .img3 { top: .6rem; } .homeg .aleft-top ul li .img4 { top: .6rem; } } @media screen and (max-width: 1366px) { .homea-b .aleft .con{ max-width: 6.7rem; } /* .homeg .aright-top { height: 16em; padding: .4rem .4rem .6rem; } */ .homed .aright:after { width: 15rem; } .homeg .aleft-con .ula li .pic { /* height: 5.5rem; */ height: 4.4rem; } .homeg .aright-top{height: 2.35rem;} /* .homeg .aleft-con .ula li .pic{height: 4.9rem;} */ .homeg .aright-con { margin-bottom: .3rem; } .homeg .aright-top { height: 3.47rem; } .bg-mask .pic .a { background-size: auto 100%; } .index-row2 .b-item { width: 52vw; margin-left: -25vw; } .homed .aleft:after { width: 7.6rem; } /* .homea-b .aleft .sbtn{bottom: 1.15rem;} */ .homea-b .aright { padding: .4rem 0 .3rem .6rem; } .homea-b .aright .ctit { margin-bottom: .3rem; } .index-row2 .scrobox .more{bottom: .9rem;} } @media screen and (max-width: 1281px) { .homeg .aleft-con .ula li .pic { height: 4.4rem; } .homeg .aright-top { height: 2.35rem; } .homea-b .aleft .con{max-width: 6.7rem;} .homed .aleft .dslide{max-width: 5.6rem;} .homed .aleft:after { /* width: 6.4rem; */ background-size: 100% 100%; } } @media screen and (max-width: 1200px) { .homeg .aleft-top ul li .img1 { top: .45rem; } .homeg .aright-con li img { height: 2.9rem; } .homeg .aleft-top ul li .img2 { top: .45rem; } .homeg .aleft-top ul li .img3 { top: .45rem; } .homeg .aleft-top ul li .img4 { top: .45rem; } .homeg .aleft-con .ula li .pic { /* height: 4.9rem; */ height: 3.65rem; } .homeg .aright-top li{height: 1.25rem;} .homeg .aright-con{min-height: auto;} .homea-b .aleft .topSlides { transform: translateX(0); } .homea-b .aleft .sbtn { bottom: .3rem } } @media screen and (max-width: 1080px) { .homef .txt { font-size: .24rem } .homea-a .icoList .swiper-slide:hover a { transform: translateY(0); } .homeg .aright-con { padding: .4rem; min-height: 2.63rem; margin-bottom: .25rem; } .homeg .aright-top { padding: .4rem; /*min-height: 1.88rem;*/ height: 2.55rem; } /* .homeg .aleft-con .ula li .pic { height: 3.1rem; } */ .homeg .aright-top li { height: 1.3rem; } .homeg .aleft, .homeg .aright { padding-top: 0.7rem; padding-bottom: 0.7rem; } .homee .aleft { width: 100%; } .homee .aright { width: 100%; } .homee:before { width: 100%; } .homeg .aleft-con .ula li .pic { /* height: 3.6rem; */ height: 4.4rem; } .homeg .aright-con li img { height: auto; } .index-row2 .scrobox .more{bottom: .65rem;} } @media screen and (max-width: 1000px) { .in-tit { margin-bottom: .35rem } .homea-b .aleft { width: 100% } .homea-b .aright { width: 100%; padding: .5rem 5% } .homea-b .aright:before { width: 100%; } .homea-b .aleft .con { padding-right: 0; } .homea-b .aleft .sbtn { right: 50%; transform: translateX(50%); } .homea-b:before { bottom: 70% } .homed .aleft { width: 100% } .homed .aright { width: 100%; padding: .5rem 5% 2rem 5%; } .homed .aleft:after { bottom: 0 } .homed .aright .jsList { padding-top: 0 } .homee:before { width: 100% } .homee .aleft { width: 100%; padding: .55rem 0 } .homee .aright { width: 100%; padding-top: 0 } .homee .aright .slide { width: 43% } .calendar-content { padding: .3rem .15rem } .homee .aright .calendar { width: 57% } .homee .aright .slide .slide-box { padding: .4rem .25rem } .homef .txt { top: .8rem } .homef .gallery-top .swiper-slide { height: 60vw } .homef .gallery-thumbs .swiper-slide { height: 1rem } .homef .gallery-thumbs { bottom: .3rem } .homef .gallery-top .swiper-slide a i { font-size: .6rem } .homef .gallery-thumbs .swiper-slide i { font-size: .3rem } .homef .txt span { display: block; white-space: nowrap } .homeg .aleft { width: 100%; padding: .5rem 5% } .homeg .aleft-con ul li .txt { padding: 0 5% } .homeg .aright { width: 100%; padding: .5rem 5% } .homeg .aright .con { max-width: inherit; } .homeg .aright-con li img { margin: 0 auto; } .homeg .aright-top li { height: 1.45rem } .proScro .item { height: 60vh; } .index-row2 .b-item { display: none; } } @media screen and (max-width:890px) { /* .homeg .aleft-top ul li{position: relative;} */ .homeg .aleft-top ul li .img1 { position: absolute; top: 1.2rem; left: 10%; z-index: 10; /* display: none; */ opacity: 0; z-index: -5; width: 1.27rem; height: auto; transition: all .8s; -webkit-transition: all .8s; transform: rotate(90deg); z-index: 30; } .homeg .aleft-top ul li .img2 { position: absolute; top: 1.2rem; left: 32%; z-index: 10; /* display: none; */ opacity: 0; z-index: -5; width: 1.27rem; height: auto; transition: all .8s; -webkit-transition: all .8s; transform: rotate(90deg); z-index: 30; } .homeg .aleft-top ul li .img3 { position: absolute; top: 1.2rem; left: 54%; z-index: 10; /* display: none; */ opacity: 0; z-index: -5; width: 1.27rem; height: auto; transition: all .8s; -webkit-transition: all .8s; transform: rotate(90deg); z-index: 30; } .homeg .aleft-top ul li .img4 { position: absolute; top: 1.2rem; left: 75%; z-index: 10; /* display: none; */ opacity: 0; z-index: -5; width: 1.27rem; height: auto; transition: all .8s; -webkit-transition: all .8s; transform: rotate(90deg); z-index: 30; } } @media screen and (max-width: 768px) { .homea { padding-top: 1.6rem; } .homea-a { bottom: -1.2rem; right: 0; z-index: 10 } .homeg .aleft { padding: 0 5%; margin-top: .2rem; } .homeg .aright { padding: 0 5%; margin-bottom: .2rem; } .homeg .aright-top { height: 16em; } .homeg .aleft-con .ula li .pic { height: 5.9rem; } .proScro .item .pic img { margin: 0 auto; width: .8rem; height: .8rem; position: absolute; left: 50%; top: 50%; margin-left: -.4rem; margin-top: -.4rem; } .index-row2 .scrobox .more{right: 50%;margin-right: -.24rem;padding: 0 .2rem 0 .15rem;} } @media screen and (max-width:680px) { /* .homeg .aleft-top ul li{position: relative;} */ .homeg .aleft-top ul li .img1 { left: 8%; } .homeg .aleft-top ul li .img2 { left: 29%; } .homeg .aleft-top ul li .img3 { left: 51%; } .homeg .aleft-top ul li .img4 { left: 73%; } } @media screen and (max-width: 640px) { .in-tit span { font-size: .3rem } .homea-a .icoList .swiper-slide a { height: 1rem } .homea-b:before { display: none } .homea-b .in-tit { text-align: left; justify-content: space-between; } .homec .in-tit { text-align: left; justify-content: space-between; } .homea-b .aleft .topnews .topSlide { width: 100%; margin-top: .25rem } .homea-b .aleft .topnews .topSlide h4 { font-size: .2rem } .homea-b .aleft .con { background: transparent } .homea-b .aleft .topnews { padding: 0 0 .2rem } .homea-b .aleft .topSlides .pic { height: 55vw } .homea-b .aleft .topSlides .txt { padding: 0 5% .2rem } .homea-b .aright .picNews { width: 100%; padding-bottom: .3rem; border-bottom: .01rem dashed #7a48a2; } .homea-b .aright .picNews .txt h4 { margin-bottom: .15rem } .homea-b .aright .picNews .pic { height: 50vw } .homea-b .aright .txtNews li:first-child { border-top: .01rem dashed #2c076a; padding-top: .2rem } .homea-b .aright .txtNews { width: 100% } .homed .aleft .dslide .pic { height: 50vw } .homed .aright:after { width: 100% } .homed .aright { padding: .5rem 0 2rem 0; } .homee .aright .slide { width: 100% } .homee .aright .calendar { width: 100% } .homee .aright .slide .pic { height: 45vw } .homee .aright .slide .sbtn { justify-content: center; } .homef .gallery-thumbs { position: static; transform: none; margin-top: .2rem; margin-bottom: .3rem } .homef .txt:after { width: .5rem; right: -.5rem } .homef .txt:before { width: .5rem; left: -.5rem } .homef .txt { top: .3rem } .homef .gallery-top .swiper-slide a i { top: 60%; } .homeg .aleft-top { padding: .35rem 3%; } .homeg .aleft-top ul li a .icon-left1 { display: none } .homeg .aleft-con .ula { width: 100%; margin-bottom: .2rem } .homeg .aleft-con .ulb { width: 100% } .homeg .aleft-con .ulb li { height: auto; margin-bottom: .2rem } .homeg .aleft-con .ulb li .pic { height: 38vw } .homeg .aleft-top ul li a { padding: 0 5%; text-align: center; display: block; } .homeg .aright .con { padding: 0rem 0rem .4rem } } @media screen and (max-width:480px) { /* .homeg .aleft-top ul li{position: relative;} */ .homeg .aleft-top ul li .img1 { left: 3%; } .homeg .aleft-top ul li .img2 { left: 26%; } .homeg .aleft-top ul li .img3 { left: 50%; } .homeg .aleft-top ul li .img4 { left: 73%; } .homeg .aleft-top ul li a span i{ margin-right: 0;} } @media screen and (max-width: 420px) { .homeg .aleft-con .ula li .pic{height: 5rem;} .homeg .aleft-top ul li a { padding: 0 1%; } } @media screen and (max-width: 360px) { .homea-a .icoList .swiper-slide a { font-size: .18rem } .homef .txt { font-size: .2rem } .homeg .aleft-top { padding: .35rem 1%; } .homeg .aright-con { width: 100%; background: #013192 url(../images/arightcon.jpg) no-repeat right top; background-size: cover; padding: .55rem .7rem .4rem; margin-bottom: .2rem; display: flex; justify-content: space-between; flex-wrap: wrap; } .homeg .aright-con li { width: 100%; /* width: 1.75rem; */ text-align: center; } .homeg .aleft-con .ula li .pic{height: 4.4rem;} } /*ie11 css hack*/ @media all and (-ms-high-contrast:none) { *: : -ms-backdrop, } /*ie11注意里面的标点符号*/ /*ie10 css hack*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}