.owlBanner .owl-theme{z-index:20;} .owlBanner .owl-theme .owl-dots{position:absolute;bottom:10px;left:0;width:100%;margin-top:0;} .owlBanner .item{text-align:center;} .owlBanner .item img{height:599px;object-fit:cover;} .newsBox{padding:5% 0;} .newsBox .newsLeft, .newsBox .newsRight{width:48.8%;} .swiper-containerPlayPic22 .item img{width:100%;height:355px;object-fit:cover;} .swiper-containerPlayPic22 .item{position:relative;} .swiper-containerPlayPic22 .item .title{position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.4);} .swiper-containerPlayPic22 .item .title a{display:block;font-size:16px;color:#fff;line-height:42px;padding:0 1em;white-space:nowrap;max-width:69%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} .swiper-containerPlayPic22 .owl-dots{position:absolute;right:15px;bottom:16px;z-index:40;margin-top:0;} .swiper-containerPlayPic22 .owl-dots .owl-dot span{margin:0 5px!important;width:8px!important;height:8px!important;} .TAB_DIV .left{float:left;} .TAB_DIV .right{float:right;} .TAB_DIV .right a{display:none;font-size:16px;color:#333;line-height:40px;} .TAB_DIV .right a.col{display:block;} .TAB_DIV .left a{display:inline-block;margin-right:20px;text-align:center;font-size:18px;color:#000;line-height:40px;border-bottom:2px solid transparent;} .TAB_DIV{border-bottom:1px solid #eee;} .TAB_DIV .left a.col{color:#004ea2;border-color:#004ea2;} .newsRightDown{margin-top:20px;} .newsRightDown .Li{display:none;} .newsRightDown .Li:first-child{display:block;} .NewsUl .first .left{background:#0074b7;width:100px;padding:20px 0;} .NewsUl .first .left p{text-align:center;color:#fff;} .NewsUl .first .left .ri{font-size:22px;} .NewsUl .first .left .nianAndYue{font-size:14px;margin-top:5px;} .NewsUl .first .right{width:460px;} .NewsUl .first .right a{float:none;max-width:100%;} .NewsUl .first .right .summary{font-size:14px;color:#333;} .NewsUl li i{float:left;font: normal normal normal 4px/1 FontAwesome!important;margin-top:20px;margin-right:8px;} .NewsUl li a, .NewsUl li span{font-size:16px;line-height:40px;color:#000;float:left;} .NewsUl li span{color:#999;float:right} .NewsUl li a{display:block;white-space:nowrap;max-width:65%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} .NewsUl li:hover a, .NewsUl li:hover span, .NewsUl li:hover i{color:#004ea2;} .ywjsList .navTitle{font-size:22px;color:#fff;text-align:center;} .ywjsList .navTitle .small{display:block;font-size:12px;color:#fff;font-weight:normal;margin-top:5px;} .ywjsList .Ul{margin:5% auto 0;width:60%;} .ywjsList .Ul .oneLi{width:30%;float:left;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3);border-radius:5px;height: 300px;} .ywjsList .Ul .oneLi:hover{margin-top:-30px;background:#0074b7;} .ywjsList .Ul .oneLi:hover a .line{background:#fff;} .ywjsList .Ul .oneLi:hover a .txt{color:#fff;} .ywjsList .Ul .oneLi2{margin:0 5%;} .ywjsList .Ul .oneLi a{padding:30px 0;} .ywjsList .Ul .oneLi a, .ywjsList .Ul .oneLi a span{display:block;} .ywjsList .Ul .oneLi a .img{width:38%;margin:0 auto;} .ywjsList .Ul .oneLi a .big{display:none;} .ywjsList .Ul .oneLi a .line{width:30%;margin:2em auto;height:3px;background:#0f377c;border-radius:3px;-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .ywjsList .Ul .oneLi a .summary{font-size:14px;color:#333;padding:1em;line-height:1.6;height:55px;overflow:hidden;} .ywjsList .Ul .oneLi a .txt{font-size:18px;color:#0f377c;text-align:center;} .ywjsList .Ul .oneLi:hover a .line{width:40%;} .ywjsList .Ul .oneLi:hover a .small{display:none;} .ywjsList .Ul .oneLi:hover a .big{display:block;} .ywjsList .Ul .oneLi:hover a .summary{color:#fff;} .OtehrBox .keall{padding:20px;} .OtehrBox .Li{width:49.888%;float:left;background:#f4f9fc;} .OtehrBox .Li .picAndTxt .pic, .OtehrBox .Li .picAndTxt .Box{width:50%;} .OtehrBox .keall .title a{font-size:18px;color:#0f377c;} .OtehrBox .keall .summary{font-size:14px;color:#999;margin-top:10px;height:90px;overflow:hidden;} .OtehrBox .Li .picAndTxt .pic a, .OtehrBox .Li .picAndTxt .pic a img{display:block;} .OtehrBox .Li .picAndTxt .pic a img{width:100%;height:160px;object-fit:cover;} .homePage{margin-bottom:5%;} @media only screen and (max-width:1240px){ .NewsUl .first .right{width:-webkit-calc(100% - 120px);width:calc(100% - 120px);} } @media only screen and (max-width:1040px){ .owlBanner .item img{height:32vw;} .OtehrBox .Li{float:none;width:auto;margin:20px 0;} .newsBox .newsLeft, .newsBox .newsRight{float:none;width:auto;} .newsBox .newsRight{margin-top:20px;} .swiper-containerPlayPic22 .item img{height:40vw;} .ywjsList .Ul{width:75vw;} .ywjsList .Ul .oneLi a .line{margin:20px auto;} } @media only screen and (max-width:880px){ .ywjsList .Ul{width:60%;} .owlBanner .item img{height:40vw;} .ywjsList .Ul .oneLi{width:auto;float:none;height:auto;} .ywjsList .Ul .oneLi2{margin:2em 0;} .ywjsList .Ul .oneLi a .img{max-width:75px;width:100%;} .ywBox{background-size:cover;} .ywjsList .Ul .oneLi:hover{margin-top:0;} .ywjsList .Ul .oneLi2:hover{margin-top:2em;} .ywjsList .Ul .oneLi a .summary{height:auto;} } @media only screen and (max-width:680px){ .ywjsList .Ul{width:auto;} .ywjsList .Ul .oneLi a .img{max-width:12vw;} .ywjsList .Ul .oneLi a .line{height:2px;} }