@charset "utf-8"; /* ----------------banner寮€濮?--------------- */ .banner-wrapper{ width: 100%; } .banner-ul{ width: 100%; } .banner-ul ul li a img{ width: 100%; display: block; height: 5.06rem; } /* ----------------banner缁撴潫---------------- */ /* 鍠滆 */ .p-xx{ background: url(../img/good-news-bg.png); position: relative; margin-top: -1rem; padding: 0.2rem .2rem; } .p-xx>img{ width: .91rem; float: left; } .p-xx>p{ color: #b40606; float: right; font-size: 0.35rem; margin-top: -0.45rem; } .p-xx .xx-ul{ margin: 0 auto; width: 83%; margin-left: 1rem; line-height: .4rem; } /* ----------------鐒︾偣鏂伴椈寮€濮?--------------- */ .p-news{ margin-top: .6rem; position: relative; } .p-news .p-title{ background: url(../img/news.png) no-repeat top left; background-size: 0.8rem; } .p-title{ padding-left: 0.9rem; margin-bottom: .25rem; border-bottom: 1px solid #ccc; padding-bottom: .2rem; } .p-title p{ color: #484747; font-size: .45rem; display: inline-block; } .p-title span{ color: #b8b8b8; font-size: .16rem; vertical-align: bottom; } .p-news-ul ul li{ position: relative; } .p-news-ul ul li a img{ width: 100%; height: 6.68rem; } .news-text{ position: absolute; bottom: 0; width: 100%; padding: 0.1rem 0.15rem; background: url(../img/rgba.png); } .news-time { float: right; margin-right: 0.25rem; width: 1.9rem; background: url(../img/news-pointer2.png) no-repeat right center; background-size: .65rem; } .news-time>i { font-size: 0.33rem; font-weight: 600; color: #fff; display: block; } .news-time>span { color: #fff; font-size: 0.25rem; display: block; } .p-news-ul ul li a p { margin-top: 0.1rem; font-size: 0.4rem; margin-right: 2.2rem; color: #fff; } .p-news-controlUl { width: 100%; position: absolute; bottom: 1rem; margin-bottom: .3rem; padding-right: .3rem; } .p-news-controlUl ul { float: right; margin-top: .18rem; } .p-news-controlUl ul li { float: left; width: 0.47rem; height: 0.46rem; line-height: .46rem; font-size: .24rem; text-align: center; margin-right: .1rem; background: #7d7d7d; color: #fff; } .p-news-controlUl ul .on { background: #b81313; } /* ----------------鐒︾偣鏂伴椈缁撴潫---------------- */ /* 鏇村鎸夐挳 */ .p-more{ position: absolute; top: 0.1rem; right: 0; } .p-more a{ font-size: .38rem; color: #f39800; } /* ----------------鏍″洯鏂伴椈寮€濮?--------------- */ .p-xyxw{ margin-top: .3rem; position: relative; } .p-xyxw .p-title{ background: url(../img/xyxw.png) no-repeat 0.1rem top; background-size: .6rem; } .p-xyxw-ul ul li{ position: relative; padding: .3rem 0.2rem .3rem .46rem; } .p-xyxw-ul ul li:nth-child(odd){ background: #f6f6f6; } .p-xyxw-ul ul li a{ font-size: .36rem; color: #535454; /* line-height: .9rem; */ display: block; margin: 0 1rem 0 .15rem; } .p-xyxw-ul ul li span{ float: right; font-size: .22rem; color: #9e9e9e; /* line-height: .9rem; */ } .p-xyxw-ul ul li i{ background: #dcdcdc; position: absolute; left: .15rem; top: 0.5rem; font-size: .3rem; width: 0.35rem; height: 0.37rem; text-align: center; line-height: 0.4rem; color: #fff; } .p-xyxw-ul ul li:nth-child(-n+3) i{ background: #f9a709; } /* ----------------鏍″洯鏂伴椈缁撴潫---------------- */ /* ----------------绮惧僵瑙嗛---------------- */ .p-jcsp{ background: url(../img/p-jcsp-bg.png) no-repeat center; background-size:100% 100%; position: relative; padding: .5rem 0; } .p-jcsp .p-more{ position: absolute; top: 0.6rem; right: 0.2rem; } .p-jcsp .p-title{ background: url(../img/p-jcsp.png) no-repeat left top; background-size: 0.6rem; padding-left: 0.7rem; border-bottom: none; } .p-jcsp:after{ content: "\25bc"; font-size: 0.44rem; color: #fff; position: absolute; width: 100%; top: 0; text-align: center; margin-top: -0.2rem; } .p-jcsp .p-title p{ color: #fff; } .p-jcsp .p-title span{ color: #b8b8b8; } .p-jcsp .p-title span:after{ background: #fff; } .p-jcsp-ul ul li img{ width: 3rem; /* height: 4rem; */ } .p-jcsp-ul ul li .p-jcsp-ul-ul ul{ display: flex; justify-content: space-around; } .p-jcsp-ul ul li .p-jcsp-ul-ul ul li{ padding: .05rem; background: #fff; } .p-jcsp-ul-c{ text-align: center; margin-top: .3rem; } .p-jcsp-ul-c ul { display: inline-block; position: relative; } .p-jcsp-ul-c ul:after{ content: ""; width: 100%; height: 1px; background: #fff; position: absolute; top: 50%; left: 0; opacity: .8; } .p-jcsp-ul-c ul li{ width: .23rem; height: .23rem; background: #fff; border-radius: 50%; transition: .2s; float: left; margin-left: .4rem; } .p-jcsp-ul-c ul li:first-child{ margin-left: 0; } .p-jcsp-ul-c ul .on{ transform:scale(1.4); transition: .2s; } /* ----------------绮惧僵缁撴潫---------------- */ /* ----------------蹇€熼摼鎺ュ紑濮?--------------- */ .p-kslj{ background: url(../img/p-link-bg.png) no-repeat center; background-size: cover; padding: 0.5rem 0 .1rem 0; } .p-kslj .p-title{ background: url(../img/p-kstd.png) no-repeat .1rem; background-size: 0.5rem; padding-left: 0.65rem; } #kstd ul{ padding: 0 0.4rem; } #kstd ul li a div{ width: 1rem; height: 1rem; border-radius: 50%; transition: all .2s; margin: 0 auto; } #kstd ul li{ float: left; text-align: center; margin: 0.1rem 0.4rem; } #kstd ul li a span{ display: block; margin-top: .1rem; font-size: 0.35rem; } .p-yqlj{ margin-top: .2rem; padding-bottom: .1rem; } .p-yqlj>p{ padding-left: .6rem; display: inline-block; font-size: .4rem; color: #1c56a4; background: url(../img/footer-link.png) no-repeat 1px center; } .p-yqlj ul{ display: inline-block; vertical-align: text-bottom; } .p-yqlj ul li{ float: left; margin-left: .2rem; } .p-yqlj ul li:first-child{ margin-left: 0; } .p-yqlj ul li a{ font-size: .3rem; } /* 閾炬帴棰滆壊 */ .c0{background-color: #2f87d2 !important;} .c1{background-color: #e5831a !important;} .c2{background-color: #1a863c !important;} .c3{background-color: #824d18 !important;} .c4{background-color: #188182 !important;} .c5{background-color: #b50a0a !important;} .c6{background-color: #f6b300 !important;} .c7{background-color: #ff9000 !important;} /* ----------------蹇€熼摼鎺ョ粨鏉?--------------- */ /* 閫氱煡鍏憡 */ .p-notice { background: url(../img/notice-bg.png) no-repeat center; background-size: 100% 100%; padding: .4rem 0; margin-bottom: .3rem; position: relative; } .p-notice .p-title{ background: url(../img/tzgg.png) no-repeat .1rem .1rem; background-size: .6rem; padding-left: 0.8rem; border-bottom: #eee solid 1px; } .p-notice .p-more{ position: absolute; top: 0.5rem; right: 0.2rem; } .p-notice-control{ text-align: center; margin-bottom: .2rem; } .tz-ul-c{ text-align: center; } .tz-ul-c ul{ display: inline-block; } .tz-ul-c ul li{ width: .18rem; height: .18rem; background: #959595; float: left; margin-left: .3rem; border-radius: 50%; } .tz-ul-c ul .on{ background: #f39800; } /* 鍒楄〃 */ .tz-ul-ul>ul>li { padding: 7px 10px; } .tz-ul-ul>ul>li:hover { background: #eaf8fd; box-shadow: 0px 2px 22px -5px rgba(0, 0, 0, 0.5); transform: scale(1) translateY(-3px); border-radius: 5px; } .tz-ul-ul>ul>li>a{ font-size: .36rem; margin-left: 1.5rem; display: block; margin-top: 0.2rem; text-align: justify; color: #454545; } .tz-ul-ul>ul>li .p-notice-time{ float: left; text-align: center; } .p-notice-time p{ background: #11b0fa; font-size: 0.3rem; color: #fff; padding: .1rem 0.25rem; } @font-face{ font-family: 'fzxbs'; src: url('../css/fzxbs_GBK.ttf'); font-weight: normal; font-style: normal; } .p-notice-time span{ font-family: "fzxbs","寰蒋闆呴粦"; color: #5a5a5a; display: block; padding: 0.05rem 0; background: #fff; font-size: 0.45rem; } /* 閫氱煡鍏憡缁撴潫 */ /* 濯掍綋鍏虫敞寮€濮 */ .p-mtgz .p-title{ background: url(../img/p-mtgz.png) no-repeat 0.1rem top; background-size: .6rem; padding-left: .8rem; } .p-mtgz .p-xyxw-ul ul li{ position: relative; } .p-mtgz .p-xyxw-ul ul li:after{ content: "\25b6"; color: #d8d8d8; font-size: 0.3rem; position: absolute; left: .15rem; top: 0.5rem; } .p-mtgz .p-xyxw-ul ul li:nth-child(-n+3):after{ color: #f4a409; } /* 濯掍綋鍏虫敞缁撴潫 */ /* 涓撻涓撴爮寮€濮 */ .p-ztzl{ position: relative; } .p-ztzl .p-more{ position: absolute; top: 0.1rem; right: 0.2rem; } .p-ztzl .p-title{ background: url(../img/ztzl-bg.png) no-repeat .1rem .1rem; background-size: .6rem; padding-left: 0.8rem; } .p-ztzl-ul ul{ padding: 0 0.3rem; } .p-ztzl-ul{ margin-bottom: .2rem; } .p-ztzl-ul ul li{ float: left; width: 46%; height: 3.2rem; margin: .1rem 2%; position:relative; } .p-ztzl-ul ul li a{ display:block; height: 100%; } .p-ztzl-ul ul li a img{ width: 50%; } .ztzl-li1 i{ position: absolute; top: 0.5rem; right: 0rem; font-size: .4rem; display: none; text-align: center; color: #fff; } .ztzl-li2 i{ position: absolute; top: 0.7rem; right: 0.7rem; font-size: 0.4rem; text-align: center; display: none; color: #fff; } .ztzl-li1 span,.ztzl-li2 span{ position: absolute; bottom: 0.5rem; right: 1.05rem; font-size: .2rem; color: #fff; border: 1px solid #fff; padding: .06rem 0.04rem; } .ztzl-li3 i{ position: absolute; top: 0.6rem; left: 1.4rem; font-size: 0.4rem; text-align: center; color: #fff; display: none; } .ztzl-li4 i{ position: absolute; top: 0.7rem; left: 1.3rem; font-size: 0.4rem; text-align: center; color: #fff; display: none; } .ztzl-li3 span,.ztzl-li4 span,.ztzl-li5 span,.ztzl-li6 span,.ztzl-li7 span,.ztzl-li8 span{ position: absolute; bottom: 0.7rem; left: 1.15rem; font-size: .2rem; color: #fff; border: 1px solid #fff; padding: .06rem 0.04rem; } /* 涓撻涓撴爮缁撴潫 */ /* 鍙充晶Top */ .C-top { width: 75px; z-index: 99; position: absolute; right: 20px; } .C-top ul li { position: relative; } .C-top ul li a { padding-top: 38px; text-align: center; margin-top: 10px; border-radius: 5px; width: 68px; height: 57px; color: #fff; font-size: 12px; display: block; } .C-top ul .C-wechart { background: url(../img/wx.png) no-repeat center; } .C-top ul li img { position: absolute; right: 110%; top: 0; display: none; } .C-top ul .C-onTop { margin-top: 10px; border-radius: 5px; width: 68px; height: 57px; cursor: pointer; background: url(../img/fh.png) no-repeat center; } .C-top ul .wec { background: url(../img/wb.png) no-repeat center; } .C-top ul .web { background: url(../img/kstd.png) no-repeat center; } .C-top ul li:hover img { display: block; width: 100px; } .p-mt{ position: relative; z-index: 1; padding: 0 15px; max-width: 100%; /* height: 9.19rem; */ } .p-mtbox{ display: flex; flex-wrap: wrap; padding: 0 15px; max-width: 100%; width: 15.6rem; padding: 0; margin: 0 auto; /* height: 5rem; */ } .pm-l{padding: .3rem 0 .16rem 15px;flex-direction: row;width: 50% !important;background-color: #2360b3;justify-content: space-between;position: relative;height: 100%;} .pm-bgimg{ width: .2rem; overflow: hidden; } .pm-evmlist{ } .pm-tit{ margin-left: 0.2rem; } .pm-tit img{ width: .5rem; } .pm-xtlist{ display: flex; flex-direction: column; align-items: center; width: 1rem; justify-content: flex-end; position: absolute; right: .5rem; margin-left: 3.34rem; bottom: .53rem; } .pm-xtlist li{ margin: 0 0 .4rem; } .pm-xtb{ position: relative; cursor: pointer; } .pm-xtlist li .pm-xtb img{ width: .54rem; } .pm-evm{ position: absolute; box-shadow: 0 0 15px rgba(0,0,0,.1); top: 50%; transform: translateY(-50%)translateX(.3rem)scale(.3); transition: .5s; opacity: 0; visibility: hidden; width: 116px; height: 116px; background: #fff; border-radius: 4px; padding: .06rem; transform-origin: left; z-index: 10; } .pm-xtlist li .pm-xtb .pm-evm img{ width: 100%; height: 100%; } .pm-more{margin-top: .7rem;margin-left: .2rem;} .pm-more a{ color: white; font-size: .14rem; } .pm-xtlist li .pm-xtb .pm-evm::before{ content: ""; position: absolute; top: 50%; border-top: transparent .08rem solid; border-bottom: transparent .08rem solid; border-right: #fff .08rem solid; left: -.08rem; margin-top: -.08rem; } .pm-xtlist li .pm-xtb:hover .pm-evm{ transform: translateY(-50%)translateX(.6rem)scale(1); opacity: 1; visibility: visible; z-index: 1 } .pm-r{ width: 50% !important; position: relative; overflow: hidden; } .pm-r-dy a{ display: block; position: relative; } .pm-r-img{overflow: hidden;transition: .5s;background-size: 100%!important;position: relative;width: 100%;height: 100%;} .pm-r-img img{width: 100%;height: 105%;object-fit: cover;} .pm-top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: flex-end; width: 100%; /* padding: 0 .15rem .2rem; */ } .pm-top-box{ display: flex; width: 100%; } .pm-r-xtb{/* flex: 1; */width: 38%;padding: .06rem 0 0;text-align: center;} .pm-r-xtb img{max-width: .92rem;} .pm-r-info{/* width: calc(100% - .4rem); *//* padding: 0 0 0 .1rem; *//* float: right; */} .pm-r-xtb h5{ font-size: .33rem; color: #fff; line-height: 1.25; margin: .1rem 0 0; } .pm-r-info h4{ color: #fff; max-height: .6rem; } .pm-center{width: 100%;position: relative;} .pm-c-box1{ float: left; width: 50%; } .pm-c-img{width: 100%;position: relative;height: 134px;} .pm-c-img img{width: 100%;height: 100%;object-fit: cover;} .pm-c-tit{ position: absolute; bottom: 0rem; display: flex; justify-content: space-between; width: 100%; } .pm-c-box2{ float:right; width: 50%; } .pm-c-box1 a,.pm-c-box2 a{ position:relative; width: 100%; /* height: 134px; */ display: block; } .pm-c-tit h5{ width: 1.2rem; } .pm-c-box1 .pm-r-info,.pm-c-box2 .pm-r-info{ /* margin-left: .8rem; */ /* width: 64%; */ flex: 1; } .pm-c-box1 .pm-c-tit h5,.pm-c-box2 .pm-c-tit h5{ width: 1.7rem; font-size: .33rem; } .pm-c-box1 .pm-r-xtb img,.pm-c-box2 .pm-r-xtb img{ /* margin-left: 0.5rem; */ } .pm-c-box1 .pm-c-tit,.pm-c-box2 .pm-c-tit{ /* margin-bottom: .2rem; */ /* background-color: rgba(0,0,0,0.35); */ } .pm-c-box1 .pm-c-img::after,.pm-c-box2 .pm-c-img::after,.pm-r-img::after{ content:""; position:absolute; width:100%; height:100%; background-color: black; left:0; top:0; opacity: 23%; } .pm-r-dy{ height:100%; } .pm-r-dy a{ height:100%; }