.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;}
}