@charset "utf-8";
/*当浏览器尺寸小于960px的时执行下面的CSS*/
@media screen and (max-width: 960px){
/*标题专用*/
.index_title{ width:95%; height:1rem; margin:0 auto; margin-top:10px; position:relative; text-align:center;}
.index_title .xian{ position:absolute; left:0; top:0.47rem; width:100%; height:5px; border-bottom:1px dashed #CCC;}
.index_title .xian_bj{ width:65%; height:10px; margin:0 auto; background-color:#ffF}
.index_title h1{ display:inline-block; font-size:0.2rem; line-height:0.3rem; color:#333; font-weight:bold; text-align:center; padding:0 20px; margin-top:20px;}
.index_title h1 span{ color:#ff6700}
.index_title h1 em{ font-size:0.12rem; line-height:35px; color:#999; font-weight:100; display:block; }

/*3个图片新闻*/
.rowviu {width:95%; height:auto; margin:0 auto; margin-top:0px;}
.rowviu li { width:100%; height:auto; margin-bottom:12px;}
.rowviu li a{display:block;}
.rowviu li img{ width:100%; height:auto}
.rowviu li .tit_box {position: relative; background:#eee; text-align:center; }
.rowviu li .tit_box:after{content:''; position:absolute; left:45px; top:-10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #eee;}
.rowviu li:hover .tit_box:after{border-bottom:10px solid #324776;}
.rowviu li h2{padding:0 10px; font-size:0.14rem; font-weight:100; line-height:0.5rem; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.rowviu li:hover h2{background:#324776; color:#FFFFFF}


/*4条文字新闻*/
.news_bj{background-color:#ffd315; padding-bottom:50px; padding-top:15px; margin-top:50px; }
.news_text{ width:95%; height:auto; margin:0 auto;}
.news_text li{width:100%; height:auto; margin-bottom:12px; margin-top:10px; background-color:#fec00d; padding:12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition: 0.5s all ease; border-radius: 20px 0 20px 0; position:relative}
.news_text li a{display:block;}
.news_text li h3{ font-size:0.16rem; line-height:0.3rem; color:#fff; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_text li h6{ margin-top:15px; color:#fff; font-size:0.14rem; font-weight:100; line-height:0.26rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
.news_text li span{ width:10%; display:block; height:2px; position:absolute; left:12px; top:50px; background-color:#FF0; z-index:1; transition: width 0.6s;}
.news_text li:hover span{ width:92%;}
.news_text li:hover{margin-top:0px; }

/*4条底部新闻*/
.news_foot{width:95%; height:auto; margin:0 auto; overflow:hidden}
.news_foot li{width:100%; height:auto; margin-bottom:15px; background-color:#f6f6f6; padding:12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition: 0.5s all ease;}
.news_foot li a{display:block;}
.news_foot li:hover{ background:url(../images/news_foot.jpg)}
.ww_box{width:100%; height:auto; overflow:hidden}
.ww_box .l{ float:left; width:18%; height:auto; border-right:1px solid #CCC}
.ww_box .l b{ display:block; font-size:0.2rem; line-height:0.37rem; text-align:left; font-weight:400}
.ww_box .l em{ display:block; font-size:0.22rem; line-height:0.4rem;}
.ww_box .r{ float:right; width:80%; height:auto;}
.ww_box .r h3{ font-size:0.16rem; color:#333; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ww_box .r h4{ margin-top:10px; font-size:0.14rem; color:#666; font-weight:400; line-height:0.23rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

/*分类*/
.news_fl_box{height:auto; margin-top:20px;}
.news_fl_u1{ width:100%; height:auto; display:flex; display: -webkit-flex; /* Safari */ flex-direction:row;/*从左到右排*/ }
.news_fl_u1 li{width:100%; height:0.5rem; line-height:0.5rem;  text-align:center; background:linear-gradient(to bottom,#6e90be,#546fa6); border-right:1px solid #FFF}
.news_fl_u1 li a{display: block; font-weight:400; font-size:0.15rem; color:#fff;}
.news_fl_u1 li:hover a,.news_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#3e5485,#6684b6);}
.news_fl_u1 li:last-child{border-right:none}

}

/*当浏览器尺寸大于960px时候*/
@media screen and (min-width:960px){
/*标题专用*/
.index_title{ width:70%; height:130px;  position:relative; text-align:center;}
.index_title .xian{ position:absolute; left:0; top:75px; width:100%; height:5px; border-bottom:1px dashed #CCC;}
.index_title .xian_bj{ width:45%; height:6px; margin:0 auto; background-color:#ffF}
.index_title h1{ display:inline-block; font-size:30px; color:#333; font-weight:bold; text-align:center; padding:20px; margin-top:10px;}
.index_title h1 span{ color:#ff6700}
.index_title h1 em{ font-size:14px; line-height:30px; color:#999; font-weight:100; display:block; padding-top:12px;}

/*3个图片新闻*/
.rowviu {width:100%; overflow:hidden; margin-top:0px;}
.rowviu li {float: left; width: 32.666666666%; height:auto; margin-right: 1%; }
.rowviu li a{display:block;}
.rowviu li img{ width:100%; height:auto}
.rowviu li .tit_box {position: relative; background:#eee; text-align:center; }
.rowviu li .tit_box:after{content:''; position:absolute; left:45px; top:-10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #eee;}
.rowviu li:hover .tit_box:after{border-bottom:10px solid #324776;}
.rowviu li h2{padding:0 10px; font-size:14px; font-weight:100; line-height:50px; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.rowviu li:hover h2{background:#324776; color:#FFFFFF}
.rowviu li:nth-of-type(3n+0){margin-right:0px;}

/*4条文字新闻*/
.news_bj{ background:url(../images/news.jpg) no-repeat top center; padding-bottom:50px; padding-top:15px; margin-top:50px; }
.news_text{ width:100%; height:auto; overflow:hidden}
.news_text li{ float:left; width:23.5%; height:auto; margin-right:2%; margin-top:10px; background-color:rgba(50,71,118,0.2); padding:12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition: 0.5s all ease; border-radius: 20px 0 20px 0; position:relative}
.news_text li:nth-of-type(4n+0){margin-right:0px;}
.news_text li a{display:block;}
.news_text li h3{ font-size:16px; line-height:30px; color:#fff; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.news_text li h6{ margin-top:15px; color:#fff; font-size:14px; font-weight:100; line-height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}
.news_text li span{ width:10%; display:block; height:2px; position:absolute; left:12px; top:50px; background-color:#FF0; z-index:1; transition: width 0.6s;}
.news_text li:hover span{ width:92%;}
.news_text li:hover{margin-top:0px; }

/*4条底部新闻*/
.news_foot{width:100%; height:auto; overflow:hidden}
.news_foot li{ float:left; width:49%; height:auto; margin-right:2%; margin-bottom:15px; background-color:#f6f6f6; padding:12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition: 0.5s all ease;}
.news_foot li:nth-of-type(2n+0){margin-right:0px;}
.news_foot li a{display:block;}
.news_foot li:hover{ background:url(../images/news_foot.jpg)}
.ww_box{width:100%; height:auto; overflow:hidden}
.ww_box .l{ float:left; width:15%; height:auto; border-right:1px solid #CCC}
.ww_box .l b{ display:block; font-size:22px; line-height:37px; text-align:left; font-weight:400}
.ww_box .l em{ display:block; font-size:28px; line-height:40px;}
.ww_box .r{ float:right; width:80%; height:auto;}
.ww_box .r h3{ font-size:16px; color:#333; font-weight:bold; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.ww_box .r h4{ margin-top:10px; font-size:14px; color:#666; font-weight:400; line-height:23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;/*显示几行*/-webkit-box-orient: vertical;}

/*分类*/
.news_fl_box{height:auto; margin-top:20px;}
.news_fl_u1{ width:100%; height:auto; display:flex; display: -webkit-flex; /* Safari */ flex-direction:row;/*从左到右排*/ }
.news_fl_u1 li{width:100%; height:60px; line-height:60px;  text-align:center; background:linear-gradient(to bottom,#6e90be,#546fa6); border-right:1px solid #FFF}
.news_fl_u1 li a{display: block; font-weight:bold; font-size:16px; color:#FFF;}
.news_fl_u1 li:hover a,.news_fl_u1 li.active a{color:#fff; background:linear-gradient(to bottom,#3e5485,#6684b6);}
.news_fl_u1 li:last-child{border-right:none}

}