*{
 padding: 0px;margin: 0px;
}
body,html,div,p,table,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
ul,ol,li,dl,dt,dd{list-style:none;}
img,a{border:none;}
em,i{font-style:normal;}
a{outline:none;text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:active{opacity:0.8;}
html,body{font-family:"微软雅黑","Arial","Helvetica",sans-serif;font-weight:normal;text-shadow:none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.left{
 float: left;
}
.right{
 float: right;
}
.clear{
 clear: both;
 overflow: hidden;
 width: 0px;
 height: 0px;
 border: none;
}
/* 浮标广告 */
.floa{
 position: fixed;top: 18%;right: 2%;z-index: 100;width: 200px;
}
.floa img{
 width:100%;
}
.main_case .aa{
 position: absolute;width: 1200px;z-index: 99;margin:auto;left: 0px;right: 0px;top: 145px;
}
.main_case .aa img{
 width: 100%;display: block;
}
.pagination {
 position: absolute;
 z-index: 20;
 bottom: 10px;
 width: 100%;
 text-align: center;
 }
 .swiper-pagination-switch {
 display: inline-block;
 width: 15px;
 height: 15px;
 border-radius: 15px;
 background: #fff;
 margin: 0 10px;
 opacity: 0.8;
 border: 1px solid #000;
 cursor: pointer;
 }
 .swiper-active-switch {
 background: rgb(233,26,26);
 }
.main_case{
 width: 100%;height: 600px;
 background-color: rgb(61,92,180);
 background: url('/images/index/min_bg.jpg') no-repeat center center;
 background-size: cover;
}
.main_case .sw_main{
 width: 1200px;height: 454px;position: relative;
}
.main_case .sw_main .swiper-slide img{
 display: block;height: 100%;width: 100%;
}
.main_case .sw_main .btn{
width: 65px;height: 100px;position: absolute;top: 180px;background-color: rgba(0,0,0,0.8);
cursor: pointer;
color: rgba(255,255,255,0.7);
font-size: 60px;text-align: center;line-height: 100px;
transition: all .3s;
}
.main_case .sw_main .btnL{
 left:0px;
}
.main_case .sw_main .btnR{
 right:0px;
}
.main_case .sw_main .btn:hover{
 color:rgba(255,255,255,1);
}

.main_case .menu_case{
 width: 1200px;height: 100px;margin: 0px auto;margin-top: 28px;position: relative;
}
.main_case .menu_case .hide_case{
 width: 100%;position: absolute;height: 500%;bottom: 0px;left: 0px;overflow: hidden;
}
.main_case .menu_case .hide_case .menu_list{
 height: 100px;overflow:visible ;position: absolute;bottom: 0px;left: 0px;width: 100%;
}
.main_case .menu_case .hide_case .menu_list .btn{
 display: block;position: absolute;cursor: pointer;
 height: 100%;top: 0px;width: 30px;z-index: 5;background-color: rgba(0,0,0,0.7);color: rgba(255,255,255,0.7);font-size: 30px;line-height: 100px;text-align: center;
 transition: all .3s;
}
.main_case .menu_case .hide_case .menu_list .btn:hover{
 background-color: rgba(0,0,0,1);color: rgba(255,255,255,1);
}
.main_case .menu_case .hide_case .menu_list .btnL{
 left: -5px;
}
.main_case .menu_case .hide_case .menu_list .btnR{
 right:-5px;
}
.main_case .menu_case .hide_case .menu_list .swiper-slide .item_case{
 width: 165px;height: 100px;margin: 0px auto;position: relative;
 background-size: cover;background-repeat: no-repeat;background-position: center center;cursor: pointer;
}
/* 底层阴影文字 */
.main_case .menu_case .hide_case .menu_list .swiper-slide .item_case .font_case{
 width: 100%;position: absolute;bottom: 0px;left: 0px;height: 45px;font-size: 14px;color: #fff;text-align: center;line-height: 55px;
 background: url('/images/index/menu_shadow.png') no-repeat center center;background-size: cover;z-index: 2;
}
/* 移入色块 */
.main_case .menu_case .hide_case .menu_list .swiper-slide .item_case .fl_block{
 height: 100%;width: 100%;background-color: rgba(203,15,15,1);line-height: 100px;font-size: 24px;text-align: center;color: #fff;position: absolute;z-index: 3;left: 0px;top: 0px;
opacity: 0;transition: all .3s;
}
/* 菜单 */
.main_case .menu_case .hide_case .menu_list .swiper-slide .item_case .menu{
 width: 84%;height: auto;background-color: rgba(203,15,15,0.7);position: absolute;bottom: 100px;left: 0px;z-index: 5;padding: 8%;opacity: 0;transition: all .3s;overflow: hidden;display: none;
}
/* 菜单 */
.main_case .menu_case .hide_case .menu_list .swiper-slide .item_case .menu .item_group{
 text-align: left;margin: 5px 0px;position: relative;height: 25px;cursor: pointer;display: block;
}
.main_case .menu_case .hide_case .menu_list .swiper-slide .item_case .menu .item_group .tip{
 height: 25px;background: url('/images/index/menu_tip.png') no-repeat center center;background-size: 5px;width: 5%;position: absolute;opacity: 0;
 transition: all .3s;left: -5px;
}
.main_case .menu_case .hide_case .menu_list .swiper-slide .item_case .menu .item_group .font{
height: 25px;width: 100%;position: absolute;font-size: 14px;line-height: 25px;left: 5px;color: #fff;
transition: all .3s;
}

/* .main_case .menu_case .hide_case .menu_list .swiper-slide .item_case:hover .fl_block{
 opacity: 1;
} */
.main_case .menu_case .hide_case .menu_list .swiper-slide .item_case:hover .menu{
 opacity: 1;display: block;
}

/* 二级菜单tips */
.main_case .menu_case .hide_case .menu_list .swiper-slide .item_case .menu .item_group:hover .tip{
 opacity: 1;left: 5px;
}
.main_case .menu_case .hide_case .menu_list .swiper-slide .item_case .menu .item_group:hover .font{
 left: 15px;color: rgb(255,246,0);
}

/* 资讯域 */
.news_box{
 width: 100%;background-color: rgb(248, 254, 255);
 padding: 45px 0px;
}
.news_box .news_case{
 width: 1200px;position: relative;margin: 0px auto;
}
.news_box .news_case .news_list_case .title_case{
 width: 100%;
}
.news_box .news_case .news_list_case .title_case .title{
 width: 130px;display: block;
}
.news_box .news_case .news_list_case .title_case .more_case{
 display: block;position: relative;width:100px;height: 35px;
}
.news_box .news_case .news_list_case .title_case .more_case .font{
 font-size: 16px;color: rgba(0,0,0,0.4);line-height: 35px;height: 35px;position: absolute;right: 25px;transition: all .3s;
}
.news_box .news_case .news_list_case .title_case .more_case .yuan{
 height: 22px;width: 22px;line-height: 22px;color: #fff;background-color: rgba(0,0,0,0.4);border-radius: 22px;text-align: center;position: absolute;margin: auto;top: 0px;bottom: 0px;right: 0px;transition: all .3s;
}
.news_box .news_case .news_list_case .title_case .more_case:hover .yuan{
 background-color: rgba(0,0,0,0.8);
}
.news_box .news_case .news_list_case .title_case .more_case:hover .font{
 color: rgba(0,0,0,0.8);
}
/* 新闻列表 */
.news_box .news_case .news_list_case .news_list{
 width: 100%;margin-top: 20px;position: relative;
}
.news_box .news_case .news_list_case .news_list .news_item{
border-radius: 10px;background-color: rgba(255,255,255,0);height: auto;
transition: all .3s;position: relative;top: 0px;padding-top: 15px;padding-bottom: 15px;
}
.news_box .news_case .news_list_case .news_list .news_item .img_case{
 border-radius: 10px;width: 100%;height: 160px;border-radius: 10px;background: url('/images/index/news.jpg');overflow: hidden;display: block;
}
.news_box .news_case .news_list_case .news_list .news_item .img_case img{
 display: block;
 width: 100%;
 height: 100%;
}
.news_box .news_case .news_list_case .news_list .news_item .min_case{
margin-top: 12px;
width: 100%;
}
.news_box .news_case .news_list_case .news_list .news_item .min_case .time_case{
 float: left;width: 42px;height: 42px;border-radius: 10px;border: 1px solid #cacaca;position: relative;
}
.news_box .news_case .news_list_case .news_list .news_item .min_case .up{
 width: 100%;height: 50%;border-top-left-radius: 10px;border-top-right-radius: 10px;
}
.news_box .news_case .news_list_case .news_list .news_item .min_case .down{
 width: 100%;height: 50%;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;
}
.news_box .news_case .news_list_case .news_list .news_item .min_case .bg{
position: absolute;width: 100%;height: 100%;z-index: 1;
}
.news_box .news_case .news_list_case .news_list .news_item .min_case .bg .bg_down{
 background-color: rgb(228,228,228);
}
.news_box .news_case .news_list_case .news_list .news_item .min_case .block_bg{
 width: 100%;height: 100%;position: absolute;
 left: 0px;top: 0px;display: block;z-index: 2;
 opacity: 0;
 transition: all .3s;
}
.news_box .news_case .news_list_case .news_list .news_item .min_case .menu{
 float: right;width: 80%;
}
.news_box .news_case .news_list_case .news_list .news_item .min_case .menu .title{height: 48px;
 font-size: 16px;font-weight: 900;color: rgb(64,64,64);line-height: 24px;display: block;transition: all .3s; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
}
.news_box .news_case .news_list_case .news_list .news_item .min_case .menu .from{
 font-size: 14px;color: rgb(83,83,83);line-height: 24px;margin-top: 5px;
}
.news_box .news_case .news_list_case .news_list .news_item .min_case .time{
 position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 3;color: rgb(111,111,111);transition: all .3s;
}
.news_box .news_case .news_list_case .news_list .news_item .min_case .time .d{
 font-size: 18px;text-align: center;line-height: 21px;font-weight: 900
}
.news_box .news_case .news_list_case .news_list .news_item .min_case .time .m{
 font-size: 12px;text-align: center;line-height: 21px;
}

/* hover */
.news_box .news_case .news_list_case .news_list .news_item:hover{
 background-color: rgba(255,255,255,1);box-shadow:0px 0px 30px rgba(0,0,0,0.15);top: -5px;
}
.news_box .news_case .news_list_case .news_list .news_item:hover .min_case .menu .title{
 color: rgb(180,14,8);
}
.news_box .news_case .news_list_case .news_list .news_item:hover .min_case .block_bg{
 opacity: 1;
}
.news_box .news_case .news_list_case .news_list .news_item:hover .min_case .time{
 color: rgb(255,255,255);
 color: rgba(255,255,255,1);
}
/* 视频区 */
.news_box .vd_case{
 position: relative;
}
.news_box .vd_case .title{
 width: 216px;display: block;
}
.news_box .vd_case .vd_case{
 width: 100%;height: auto;margin-top: 35px;position: relative;border-radius: 10px;background-color: rgba(0,0,0,0.05)
}
.news_box .vd_case .vd_case #vd{
 width: 100%;height: auto;display: block;border-radius: 10px;
}
.news_box .vd_case .vd_case .change{
 display: block;width: 46%;position: absolute;z-index: 1;left: 27%;bottom: 10px;cursor: pointer;
 transition: all .3s;
}
.news_box .vd_case .vd_case .change:hover{
 transform: scale(1.1,1.1);
}
