@charset "utf-8"; /* CSS Document */ /** * @description: 缃戠珯棣栭〉鏍峰紡 * @author: ishang_pan * @update: ishang_pan (2020-11-01 14:35) */ /*home*/ .m-banner{margin-bottom: 20px; width: 100%; height: 750px;} .m-banner .swiper-slide{overflow: hidden;} .m-banner .swiper-slide div{position: relative;} .m-banner .swiper-slide a{display: block;} .m-banner .swiper-slide img{position: absolute; left: 50%; top: 0; margin-left: -960px; display: block; width: 1920px; height: 750px;} .m-banner .swiper-button-prev,.m-banner .swiper-button-next{width: 58px; height: 58px; margin-top: -29px; background-image: url(../images/home/icon-jt.png); background-size: auto;} .m-banner .swiper-button-prev{left: 82px; background-position: 0 0;} .m-banner .swiper-button-next{right: 82px; background-position: -58px 0;} .m-banner .swiper-pagination .swiper-pagination-bullet{margin: 0 10px; width: 20px; height: 20px; border: 3px solid #fff; background: none; opacity: 1;} .m-banner .swiper-pagination .swiper-pagination-bullet-active{border-color: #ffcc00;} .m-flash{height: 533px;} /* .g-flash{height: 469px; -ms-touch-action: pan-y; touch-action: pan-y;} .g-flash .u-pic,.g-flash .u-pic img{height: 338px;} .g-flash img{display: block; width: 100%;} .g-flash .u-pic .u-date{left: 0; bottom: 0; height: 48px; line-height: 48px; padding: 0 15px; color: #fff; background: url(../images/home/bg-flash.png);} .g-flash .u-pic .u-date span{font-size: 28px; font-weight: bold; margin-right: 10px;} .g-flash .owl-item,.g-flash .u-pic{position: relative;} .g-flash .u-desc{padding: 20px; height: 130px; background: #f5f5f5;} .g-flash .u-desc h1{margin-bottom: 12px; font-size: 18px; font-weight: normal; color: #0c58b5; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;} .g-flash .u-desc p{height: 52px; line-height: 26px; font-size: 14px; overflow: hidden;} .g-flash .owl-pagination{position: absolute; right: 10px; bottom: 150px;} .g-flash .owl-pagination .owl-page{float: left; margin-left: 10px;} .g-flash .owl-pagination .owl-page span{display: block; width: 12px; height: 12px; background: rgba(255,255,255,.34); -moz-border-radius: 50%; border-radius: 50%;} .g-flash .owl-pagination .active span{background: #fff;} */ .g-newflash{height: 469px;} .g-newflash .u-pic,.g-newflash .u-pic img{height: 338px;} .g-newflash img{display: block; width: 100%;} .g-newflash .u-pic .u-date{left: 0; bottom: 0; height: 48px; line-height: 48px; padding: 0 15px; color: #fff; background: url(../images/home/bg-flash.png);} .g-newflash .u-pic .u-date span{font-size: 28px; font-weight: bold; margin-right: 10px;} .g-newflash .owl-item,.g-newflash .u-pic{position: relative;} .g-newflash .u-desc{padding: 20px; height: 130px; background: #f5f5f5;} .g-newflash .u-desc h1{margin-bottom: 12px; font-size: 18px; font-weight: normal; color: #0c58b5; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;} .g-newflash .u-desc p{height: 52px; line-height: 26px; font-size: 14px; overflow: hidden;} .g-newflash .swiper-pagination{position: absolute; left: auto; right: 10px; bottom: 145px; width: auto;} .g-newflash .swiper-pagination .swiper-pagination-bullet{margin: 0 0 0 10px; width: 12px; height: 12px; background: #fff;} .g-newflash .swiper-pagination .swiper-pagination-bullet-active{} .m-news{height: 533px;} .m-notice{height: 533px;} .m-notice .bd{height: 450px; overflow: hidden;} .m-notice li a{display: block; position: relative; padding: 15px 0 15px 74px; height: 90px; border-bottom: 1px solid #ddd; overflow: hidden;} .m-notice li .u-date{left: 0; top: 15px; text-align: center; width: 60px; height: 60px; line-height: 24px; border: 1px solid #ddd; border-radius: 50%; background: #da4343; overflow: hidden;} .m-notice li .u-date span{display: block; font-size: 18px; font-weight: bold; color: #fff;} .m-notice li .u-date p{height: 24px; font-size: 14px; background: #fff;} .m-notice li .u-tit{padding-top: 6px; height: 54px; line-height: 24px; overflow: hidden;} .m-hmcenter{padding: 26px 0 55px; background: #f5f5f5;} .g-hmzks li{border-bottom: 1px solid #ddd;} .g-hmzks li .u-tit{height: 60px; line-height: 59px; overflow: hidden;} .g-hmzks li .u-tit span{float: right; padding-left: 10px; color: #999;} .g-hmzks li .u-tit a{display: block; padding-left: 14px; background: url(../images/public/icon-li1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .g-hmzks li .u-tit a:hover{padding-left: 16px;} .g-hmzks li .u-desc{padding: 14px 15px; background: #fff;} .g-hmzks li .u-desc p{height: 48px; line-height: 24px; font-size: 14px; overflow: hidden;} .g-special{height: 414px;} .g-special li{margin-bottom: 10px;} .g-special li,.g-special li img{height: 96px;} .g-special li img{display: block; width: 100%; height: 96px;} .m-hmzks,.m-special{height: 506px;} .m-hmbtns li a{display: block; padding: 20px 10px 12px; text-align: center; border-right: 1px solid #f0f0f0;} .m-hmbtns li span{display: block; margin: 0 auto 6px; width: 50px; height: 50px; border-radius: 10px; background-color: #f4f4f4; background-image: url(../images/home/icon-hmbtns.png); background-repeat: no-repeat; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s;} .m-hmbtns li p{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;} .m-hmbtns .u-bn1 a{border-left: 1px solid #f0f0f0;} .m-hmbtns .u-bn0 span{background-position: -300px 0;} .m-hmbtns .u-bn1 span{background-position: 0 0;} .m-hmbtns .u-bn2 span{background-position: -50px 0;} .m-hmbtns .u-bn3 span{background-position: -100px 0;} .m-hmbtns .u-bn4 span{background-position: -150px 0;} .m-hmbtns .u-bn5 span{background-position: -200px 0;} .m-hmbtns .u-bn6 span{background-position: -250px 0;} .m-hmbtns li a:hover span{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2); -webkit-transition: .3s; -moz-transition: .3s; transition: .3s;} .g-hmbtpics{height: 608px; background-repeat: no-repeat; background-size: cover; background-position: center;} .g-hmbtpics a{display: block; width: 100%; height: 100%; background: url(../images/home/bg-op36.png);} .g-hmbtpics p{position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -94px; width: 188px; line-height: 46px; border: 2px solid #f1f4f8; font-size: 28px; font-weight: bold; color: #fff; text-align: center;} .g-hmbtpics span{position: absolute; right: 32px; bottom: 20px; display: block; width: 66px; height: 66px; background: url(../images/home/icon-video.png) no-repeat; background-size: 100%;} .u-spxc{background-image: url(../images/home/bg-spxc.png);} .u-xyfg{background-image: url(../images/home/bg-xyfg.png);} .m-links{padding: 14px 0; border-top: 5px solid #ffc028; border-bottom: 1px solid #4073b4; background: #2862ab;} .m-links,.m-links a{color: #fff;} .m-links li{float: left; margin-right: 54px;} /*media query*/ /*big pcScreen*/ @media (min-width:1500px) { .m-flash{width: 608px;} .m-news,.m-notice{width: 466px;} .m-hmzks{width: 536px;} .m-special{width: 467px;} } /*large pcScreen*/ @media screen and (max-width:1499px) { .g-hmbtpics{height: 475px;} } /*medium pcScreen lg*/ @media screen and (max-width: 1200px) { .g-hmbtpics{height: 377px;} } /*pad md*/ @media screen and (max-width: 991px ){ .is-header{padding-top: 86px;} .m-banner{height: auto;} .m-banner .swiper-slide img{position: static; width: 100%; height: auto; margin: 0;} .m-banner .swiper-pagination{bottom: 0;} .m-banner .swiper-button-prev,.m-banner .swiper-button-next{display: none;} .m-banner .swiper-pagination .swiper-pagination-bullet{margin: 0 5px; width: 8px; height: 8px; background: #000; opacity: .2; border: none;} .m-banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1; background: #143bb8;} .m-banner{margin-bottom: 10px;} /* .g-flash .u-pic .u-date{padding: 0 8px; height: 30px; line-height: 30px; font-size: 12px;} .g-flash .u-pic .u-date span{margin-right: 5px; font-size: 14px;} */ .g-newflash .u-pic .u-date{padding: 0 8px; height: 30px; line-height: 30px; font-size: 12px;} .g-newflash .u-pic .u-date span{margin-right: 5px; font-size: 14px;} .m-hmcenter{padding: 10px 0 15px;} .g-hmzks li .u-tit{height: 41px; line-height: 40px;} .g-hmzks li .u-desc p{height: auto;} .m-hmbtns .u-bn1 a,.m-hmbtns .u-bn2 a,.m-hmbtns .u-bn3 a{border-bottom: 1px solid #f0f0f0;} .m-hmbtns .u-bn4 a{border-left: 1px solid #f0f0f0;} .g-hmbtpics{height: 270px;} .g-hmbtpics p{margin: -19px 0 0 -58px; width: 116px; line-height: 38px; font-size: 20px;} .g-hmbtpics span{width: 30px; height: 30px;} #floatAd2{display: none;} } /*phone sm*/ @media screen and (max-width: 767px) { .g-hmzks li{border-bottom: none;} .g-hmzks li .u-tit{height: 30px; line-height: 30px;} .g-hmzks li .u-tit a,.g-hmzks li .u-tit span{font-size: 14px;} .g-hmzks li .u-desc{display: none!important;} .m-hmbtns li a{padding-top: 14px;} .m-hmbtns .u-bn4 a{border-right: none; border-bottom: 1px solid #f0f0f0;} .m-hmbtns .u-bn3 a,.m-hmbtns .u-bn5 a{border-left: 1px solid #f0f0f0;} .m-links{padding: 12px 0 10px;} .m-links li{margin: 0; padding-right: 15px; width: 50%; line-height: 1.8;} .m-links li a{display: block; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;} } /*small xs*/ @media screen and (max-width: 638px) { /* .g-flash{height: 321px;} .g-flash .u-pic,.g-flash .u-pic img{height: 220px;} .g-flash .u-desc{padding: 10px; height: 101px;} .g-flash .u-desc h1{font-size: 16px;} .g-flash .owl-pagination{bottom: 108px;} */ .g-newflash{height: 321px;} .g-newflash .u-pic,.g-newflash .u-pic img{height: 220px;} .g-newflash .u-desc{padding: 10px; height: 101px;} .g-newflash .u-desc h1{font-size: 16px;} .g-newflash .swiper-pagination{bottom: 105px;} .g-hmbtpics span{right: 10px; bottom: 10px;} }