.uwp{max-width: 14.4rem;margin: 0 auto;width: 94%} .umod-a{background: #f4f7fc;padding: .85rem 0} .umod-a .utitp{margin-bottom: .2rem} .umod-a .tabNav {padding-top: .1rem} .umod-a .tabNav li{margin-left: .2rem} .umod-a .tabNav li a{display: block;width: 1.26rem;height: .34rem;background: #fff;border-radius: .3rem;line-height: .34rem;text-align: center;} .umod-a .tabNav li.active a{background: #05397f;color: #fff} .umod-a .calendar{width: 3.69rem;margin-top: .22rem} .umod-a .slide-tabA{width: calc(100% - 4.1rem);overflow: visible;margin: 0} .umod-a .slide-tabA .ssbg:after{content: '';position: absolute;width: 7.3rem;height: 4.4rem;background: url(../images/u/ubbbg.jpg) no-repeat center;background-size: cover;right: 54%;top: 0;border-radius: 0 .5rem 0 0} .umod-a .slide-tabA .aleft{width: 24%;color: #fff;padding-bottom: .6rem} .umod-a .slide-tabA .aleft h4{margin-bottom: .5rem;font-size: .22rem} .umod-a .slide-tabA .aleft h4:after{content: '';height: 3px;width: .35rem;background: #c41b20;display: block;margin-top: .15rem} .umod-a .slide-tabA .aleft p{border-bottom: 1px solid #5073a2;padding-bottom: .2rem;margin-bottom: .6rem;line-height: 1.8em} .umod-a .slide-tabA .aleft .mor i{margin-left: 6px;font-size: .18rem;color: #fff;transition: .3s} .umod-a .slide-tabA .aleft .mor a:hover i{margin-left: 15px} .umod-a .slide-tabA .aleft .mor a{color: #fff} .umod-a .slide-tabA .aright{width: 74%} .umod-a .slide-tabA .aright .pgba {text-align: center;margin-top: .15rem} .umod-a .slide-tabA .aright .pgba span{background: #bbb;opacity: 1;} .umod-a .slide-tabA .aright .pgba span.active{background: #00447d;width: .2rem} .umod-a .slide-tabA .aright .item{height: 4.55rem;background: url(../images/u/hua.png) #fff no-repeat top right ;box-shadow: 0 0 .15rem rgba(4,97,147,.2);margin:.25rem .15rem .15rem;padding:.35rem;position: relative;border-radius: 0 .2rem 0 0 } .umod-a .slide-tabA .aright .item:after{content: '';height: 4px;background: #c41b20;position: absolute;left: 0;bottom: 0;width: 0;transition: .3s} .umod-a .slide-tabA .aright .item:hover:after{width:100%} .umod-a .slide-tabA .aright .item .time{width: .9rem;height: .9rem;background: url(../images/u/timebg.jpg) no-repeat center;background-size: cover;color: #fff;margin-bottom: .3rem;font-size: .2rem;padding-left: .07rem} .umod-a .slide-tabA .aright .item .time span{font-size: .28rem;display: block;font-weight: bold;margin-bottom: .08rem} .umod-a .slide-tabA .aright .item h4{font-size: .18rem;line-height: 1.6em;margin-bottom: .3rem} .umod-a .slide-tabA .aright .item h4 a{height: .56rem;display: block\0;} .umod-a .slide-tabA .aright .item .info{padding-bottom: .15rem;border-bottom: 1px solid #ddd;font-size: .14rem;height: 1.12rem} .umod-a .slide-tabA .aright .item .info p{margin-bottom: .12rem;background-repeat: no-repeat;background-position: left center;padding-left: .2rem;line-height: .2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .umod-a .slide-tabA .aright .item .info p:nth-child(1){background-image: url(../images/u/i1.png);} .umod-a .slide-tabA .aright .item .info p:nth-child(2){background-image: url(../images/u/i2.png);} .umod-a .slide-tabA .aright .item .info p:nth-child(3){background-image: url(../images/u/i3.png);} .umod-a .slide-tabA .aright .item .info p strong{color: #05397f;margin-left: 5px} .umod-a .slide-tabA .aright .item .more {margin-top: .3rem;text-align: right;} .umod-a .slide-tabA .aright .item .more a{color: #05397f} .umod-a .slide-tabA .aright .item .more a i{color: #c41b20;margin-left: .1rem;font-size: .18rem;transition: .3s} .umod-a .slide-tabA .aright .item .more a:hover i{margin-left: .2rem;} .umod-a .ul-tabinfoc1 .item{padding: .2rem;} .umod-a .ul-tabinfoc1 .item h4{font-size: .18rem;margin-bottom: .1rem} .umod-a .ul-tabinfoc1 .item .info p{font-size: .14rem;color: #666;padding: 5px 0;background-repeat: no-repeat;background-position: left center;padding-left: .2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .umod-a .ul-tabinfoc1 .item .info p:nth-child(1){background-image: url(../images/u/i11.png);} .umod-a .ul-tabinfoc1 .item .info p:nth-child(2){background-image: url(../images/u/i22.png);} .utit h4{font-size: .32rem;font-family: "SourceHanSerifSC-Regular";} .utit p{padding-left: .35rem;position: relative;font-size: .14rem;color: rgba(0,0,0,.3);margin-top: 5px} .utit p:before{content: '';width: .3rem;height: 4px;background: #05397f;position: absolute;left:0;top: 50%;margin-top: -2px} .umod-b{padding: .8rem 0;background: url(../images/u/ubbg.jpg) no-repeat center bottom;background-size: cover} .umod-b .slide-tabB{overflow: visible;} .umod-b .sbtn {display: flex;justify-content: center;margin-top: .4rem;width: 100%} .umod-b .sbtn a{display: block;width:.5rem;height: .5rem;border-radius: 50%;text-align: center;line-height: .5rem;background: #fff;box-shadow: 0 0 .15rem rgba(4,97,147,.4);margin: 0 .1rem;transition: .3s;font-size: .2rem;color: #05397f} .umod-b .sbtn a:hover{background: #05397f;color: #fff} .umod-b .slide-gsp .uwp{max-width: 14.8rem;} .umod-b .slide-cgp .uwp{max-width: 15.1rem;} .umod-b .slide-gsl{width: 48%;margin: 0;} .umod-b .slide-gsr{width: 48%;margin: 0;} .umod-b .slide-gsl .swiper-slide{height: 4.95rem} .umod-b .slide-gsr .swiper-slide{height: 4.95rem} .umod-b .slide-gsl .swiper-slide:before{background: url(../images/u/ubg1.jpg) no-repeat center;background-size: cover;position: absolute;left: 0;top: 0;bottom: 0;right: .4rem;z-index: 0;content: '';border-radius: .3rem 0 0 .3rem} .umod-b .slide-gsr .swiper-slide:before{background: url(../images/u/ubg2.jpg) no-repeat center;background-size: cover;position: absolute;right: 0;top: 0;bottom: 0;left: .4rem;z-index: 0;content: '';border-radius:0 .3rem .3rem 0} .umod-b .leftt{width: 54%} .umod-b .rightt{width: 44%;padding-top: .12rem} .umod-b .rightt .info{height: 1.2rem;background: url(../images/u/urbg.png) #fff no-repeat top right;padding: .2rem} .umod-b .rightt .info h4{margin-bottom: .1rem} .umod-b .rightt .info p{line-height: 1.4em;color: #666} .umod-b .rightt .info h4 span{font-size: .24rem;font-weight: bold;margin-right: .2rem} .umod-b .rightt .info h4 time{color: #94a9c7} .umod-b .slide-gsl .rightt .info{border-radius: 0 0 0 .2rem} .umod-b .slide-gsr .rightt .info{border-radius: 0 0 .2rem 0 } .umod-b .rightt .pic{height: 3.5rem} .umod-b .leftt .desc{padding: .4rem .4rem 0;color:rgba(255,255,255,.8);line-height: 1.8em;text-align: justify;font-size: .15rem;text-indent: 2em;height: 3.38rem;position: relative;overflow: hidden;margin-bottom: .4rem} .umod-b .leftt .desc:before{position: absolute;width: 19px;height: 16px;background: url(../images/u/dl.png) no-repeat center;content: '';position: absolute;left: .35rem;top:.35rem} .umod-b .leftt .desc:after{position: absolute;width: 19px;height: 16px;background: url(../images/u/dr.png) no-repeat center;content: '';position: absolute;right: .35rem;bottom:.3rem} .umod-b .leftt .zs{height: 1.2rem;padding: .3rem .4rem} .umod-b .leftt .zs .ico{width:.42rem; } .umod-b .leftt .zs .slog{color: #fff } .umod-b .slide-gsl .leftt .zs{background: url(../images/u/usha1.png) no-repeat top left;} .umod-b .slide-gsr .leftt .zs{background: url(../images/u/usha2.png) no-repeat top right;} .umod-b .slide-cgp .item{height: 4.65rem;background: url(../images/u/957.png) #fff no-repeat top center;box-shadow: 0 0 .15rem rgba(4,97,147,.2);margin: .15rem;padding:.3rem .3rem;position: relative;} .umod-b .slide-cgp .item:after{content: '';height: 4px;background: #c41b20;position: absolute;left: 0;bottom: 0;width: 0;transition: .3s} .umod-b .slide-cgp .item:hover:after{width:100%} .umod-b .slide-cgp .item:hover a{color: #05397f} .umod-b .slide-cgp .item .time{width: .7rem;height: .7rem;background: url(../images/u/dabg.png) #05397f no-repeat center;border-radius: 50%;position: relative;padding: .1rem 0;margin-bottom: .3rem} .umod-b .slide-cgp .item .time span{line-height: .25rem;display: block;color: #fff} .umod-b .slide-cgp .item .time span:nth-child(1){padding-left: .1rem;font-size: .2rem} .umod-b .slide-cgp .item .time span:nth-child(2){padding-right: .15rem;text-align: right;} .umod-b .slide-cgp .item .time:before{content: '';width: .4rem;height: 1px;background:rgba(255,255,255,.5);position: absolute;left: 50%;top: 50%;margin-left: -.2rem;transform:rotate(-55deg);} .umod-b .slide-cgp .item h4{font-size: .18rem;line-height: 1.6em;word-break: break-all;margin-bottom: .3rem} .umod-b .slide-cgp .item h4 a{height: .84rem;display: block\0;} .umod-b .slide-cgp .item p{line-height: 1.8em;color: #666;font-size: .14rem;word-break: break-all;margin-bottom: .3rem;height: 1.25rem;} .umod-b .slide-cgp .item .mor a{color: #05397f;font-size: .15rem;} .umod-b .slide-cgp .item .mor a i{color: #05397f;font-size: .2rem;vertical-align: -4px;font-weight: bold;margin-left: 5px} .umod-b .tabNav{margin-bottom: .4rem} .umod-b .tabNav .utit{cursor: pointer;transform: scale(.8);transition: .3s} .umod-b .tabNav .utit:nth-child(1){margin-right: .4rem;position: relative;} .umod-b .tabNav .utit:nth-child(1):before{content: '';position: absolute;width: 10px;height: 10px;background: #929292;position: absolute;right:-.2rem;top: 50%;margin-top: -5px;border-radius: 50%} .umod-b .tabNav .utit h4{color: #888} .umod-b .tabNav .utit p{opacity: 0;visibility: hidden;transition: .3s} .umod-b .tabNav .utit.active p{opacity: 1;visibility: visible;} .umod-b .tabNav .utit.active h4{color: #222} .umod-b .tabNav .utit.active{transform: scale(1);} @media (max-width:1024px){ .umod-b .slide-gsl{width: 100%;} .umod-b .slide-gsr{width: 100%;display: none} .umod-b .leftt .desc{font-size: .16rem} } @media (max-width: 900px){ .uwp{width: 90%} .umod-a .slide-tabA{width: 100%} .umod-a .calendar{width: 100%} .umod-a .slide-tabA .aleft{width: 100%;padding-top: .3rem;padding-right: .2rem;padding-bottom: .3rem} .umod-a .slide-tabA .aright{width: 100%} .umod-a .slide-tabA .ssbg:after{right: 0;width: calc(100% + 5vw)} .umod-a .slide-tabA .aleft h4{margin-bottom: .3rem} .umod-a .slide-tabA .aleft p{margin-bottom: .3rem} } @media (max-width: 640px){ .umod-a .tabNav{width: 100%;padding-top: .3rem} .umod-a .tabNav li{margin-left: 0} .umod-a .utitp{margin-bottom: .3rem} .umod-b .slide-gsl .swiper-slide{height: auto} .umod-b .slide-gsr .swiper-slide{height: auto} .umod-b .leftt{width: 100%;order: 2} .umod-b .rightt{width: 100%;order: 1;padding: 0 .4rem} .umod-b .slide-gsr .swiper-slide:before{left: 0} .umod-b .slide-gsl .swiper-slide:before{right: 0} .umod-b .leftt .desc{height: auto;margin-bottom: .4rem} .umod-b .leftt .desc:after{bottom: 0} .umod-b .tabNav .utit:nth-child(1):before{right: -.3rem} .umod-b .leftt .desc{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .umod-b .leftt .zs{height: auto;padding: .2rem .4rem} }