﻿@charset "utf-8";
/* CSS Document */
*::selection{background:#be1414; color:#fff; text-shadow:none;}
*{margin:0;padding:0;}
body{font-size:16px; color:#000; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; background:#fff; min-width:1260px;_width:1260px; margin:0 auto;}
a{text-decoration:none; -webkit-transition:all 0.3s; transition:all 0.3s; color:#000;}
a:hover{color:#ea9809; text-decoration:none;}
input,select,textarea{outline:0;}
textarea{resize:none;}
img{border:0;}
ul,li{list-style-type:none;}
.clear{clear:both; height:0;}
table,table td{border-collapse:collapse;}

/* flex布局 */
.flexColumn{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.flexRow{display:flex; align-items:center; justify-content:center;}
.flex{flex:1;}

.animate{-webkit-transition:all 0.3s; transition:all 0.3s;}
.unselectable{-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nowrap{overflow:hidden;white-space:nowrap;}
.clamp2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.clamp3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.clamp4{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.justify{text-justify:inter-ideograph; text-align:justify;}
.undecoration, .undecoration:hover{text-decoration:none !important;}
.hide{display:none;}
.bgImg{display:block; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all 0.8s; transition:all 0.8s;}
a:hover .bgImg{-webkit-transform:scale(1.05); transform:scale(1.05);}


.content{width:1260px; margin:0 auto;}
.content:after{display:block; content:""; clear:both;}


/* 头部 */
.head{width:100%; height:380px; background:url(../images/mlsz/headBg.jpg) no-repeat center center / cover; position:relative; margin-bottom:35px;}
.head .logo{padding-top:40px;}
.head .logoTxt{padding-top:70px; text-align:center;}


/* 导航菜单 */
.menuWrap{height:70px; background:#be1414; border-radius:5px; position:absolute; left:50%; bottom:-35px; z-index:10; transform:translateX(-50%);}
#menu{display:flex;}
#menu li{position:relative; text-align:center;}
#menu > li{flex:1; height:70px; margin-left:2px;}
#menu > li:before{display:block; content:""; width:2px; height:70px; background:url(../images/mlsz/menuLine.jpg) no-repeat left center; position:absolute; left:-2px; top:0;}
#menu > li:first-of-type{margin-left:0;}
#menu > li:first-of-type:before{display:none;}
#menu > li > a{display:flex; align-items:center; justify-content:center; height:70px; line-height:70px; font-size:20px; color:#fff;}
#menu > li > a img{margin-right:8px;}

/*这是第二级菜单*/
#menu ul{width:100%; background-color:#a80300; position:absolute; z-index:999; left:0; top:70px; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; margin:20px 0 0 0; opacity:0; visibility:hidden;}
#menu ul li a{display:block; padding:10px; line-height:26px; font-size:18px; color:#fff;}

/**若子级菜单含有子级时，在a标签增加<i>标签作为箭头，由js实现动态增加，箭头大小调节i的边框宽度*/
#menu ul i{display:block; position:absolute; top:calc(50% - 4px); right:2px; z-index:10; width:0; height:0; border-color:transparent; border-width:4px; border-style:solid; border-left:4px #fff solid;}

/*这是第三级菜单 及以后*/
#menu ul ul{top:0; left:100%; width:100%; border-left:2px solid #ea9809; margin:0 0 0 20px;}
#menu ul ul li a{font-size:14px;}

#menu li:hover > a:hover{background-color:#ea9809;}
#menu li:hover > a{background-color:#a80300;}
#menu li:hover > ul{opacity:1; visibility:visible; margin:0;}


.indH{height:45px; font-weight:normal; display:flex; align-items:flex-end; position:relative;}
.indH:after{display:block; content:""; width:100%; height:1px; background:#ebd7b8; position:absolute; left:0; bottom:0;}
.indH p{width:104px; height:45px; line-height:45px; text-align:center; padding:0 48px 0 17px; background:url(../images/mlsz/hBg.png) no-repeat center center; font-size:22px; font-weight:normal; color:#fff; position:relative; z-index:1;}
.indH span{flex:1; display:flex; justify-content:flex-end; font-size:14px;}
.indH span a{display:block; height:40px; line-height:40px; padding-right:20px; background:url(../images/mlsz/m02.png) no-repeat right center; color:#be1414;}
.indH span a:hover{color:#ea9809; background-image:url(../images/mlsz/m03.png);}

/* 普通新闻列表 */
.newsList li{border-bottom:#ebd7b8 1px dashed;}
.newsList li a{display:flex; align-items:center; height:53px; line-height:53px; padding-left:20px; background:url(../images/mlsz/a02.png) no-repeat left center; overflow:hidden;}
.newsList li h3{flex:1; height:53px; font-size:18px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsList li p{color:#999; padding-left:20px;}
.newsList li a:hover{background-image:url(../images/mlsz/a01.png);}


.F1{padding:100px 0 64px; background:url(../images/mlsz/bg1.jpg) no-repeat center top / cover; margin-top:-35px;}
.news{display:flex; height:380px; overflow:hidden;}
.picNews{width:580px; height:380px; overflow:hidden;}
.picNews .swiper-slide{display:flex; justify-content:center; align-items:center; overflow:hidden; background:#fff;}
.picNews .swiper-slide a{display:block; flex:1; height:100%; overflow:hidden; position:relative;}
.picNews .swiper-slide h3{width:calc(100% - 115px); height:50px; line-height:50px; padding:0 100px 0 15px; background:rgba(0,0,0,.3); color:#fff; position:absolute; left:0; bottom:0; font-size:16px; font-weight:normal;}
.picNews .swiper-pagination-bullets{width:auto !important; left:auto !important; right:15px; bottom:20px !important; height:10px;}
.picNews .swiper-pagination-bullet{width:10px; height:10px; display:block; background:#fff; opacity:1; margin:0 0 0 7px !important; -webkit-transition:all 0.3s; transition:all 0.3s; float:left;}
.picNews .swiper-pagination-bullet-active{opacity:1; background:#be1414;}
.picNews .swiper-button-prev, .picNews .swiper-button-next{width:30px; height:45px; background-color:rgba(0,0,0,0.4); background-repeat:no-repeat; background-position:center center; background-size:auto 22px;}
.picNews .swiper-button-prev{background-image:url(../images/mlsz/l1.png); left:0;}
.picNews .swiper-button-next{background-image:url(../images/mlsz/r1.png); right:0;}
.picNews .swiper-button-prev:after, .picNews .swiper-button-next:after{display:none;}
.picNews .swiper-button-prev:hover, .picNews .swiper-button-next:hover{background-color:rgba(190,20,20,0.8);}

.txtNews{height:380px; flex:1; margin-left:34px;}
.txtNews .indH span a{color:#999; background-image:url(../images/mlsz/m01.png);}
.txtNews .indH span a:hover{color:#be1414; background-image:url(../images/mlsz/m02.png);}
.txtNews ul{height:324px; padding-top:11px;}
.txtNews ul li a{background-image:url(../images/mlsz/a01.png);}
.txtNews ul li a:hover{background-image:url(../images/mlsz/a02.png); color:#be1414;}


.videos{height:293px; padding-top:60px;}
.videos .scroll{overflow:hidden; padding-top:18px; width:100%; height:230px;}
.videos .scroll ul{width:100%; white-space:nowrap; font-size:0;}
.videos .scroll ul li{display:inline-block; vertical-align:top; width:300px; height:230px; margin-right:20px;}
.videos .scroll ul li p{height:200px; border-radius:5px; overflow:hidden;}
.videos .scroll ul li h3{height:30px; line-height:30px; font-size:16px; font-weight:normal; text-align:center;}


.F2{background:#f9f2e7; padding:60px 0;}
.F2 .content{display:flex; overflow:hidden;}
.mhjh{width:600px; height:526px;}
.mhjh .picList{height:266px; border-bottom:#ebd7b8 1px solid; padding-top:20px; display:flex;}
.mhjh .picList li{width:280px; height:266px; padding-left:40px;}
.mhjh .picList li:first-of-type{padding-left:0;}
.mhjh .picList li p{height:190px; overflow:hidden;}
.mhjh .picList li h3{height:50px; line-height:25px; font-size:16px; font-weight:normal; margin-top:7px;}
.mhjh .newsList{height:180px; padding-top:14px;}
.mhjh .newsList li{border-bottom:0;}
.mhjh .newsList li a{height:36px; line-height:36px;}
.mhjh .newsList li a h3{height:36px;}

.bysf{flex:1; margin-left:60px; height:526px;}
.bysf ul{padding-top:5px;}
.bysf ul li{height:140px; padding-top:15px;}
.bysf ul li a{display:flex; align-items:center; background:#fff; height:140px;}
.bysf ul li .pic{width:125px; height:140px; overflow:hidden;}
.bysf ul li .txt{flex:1; height:100px; padding:20px; overflow:hidden;}
.bysf ul li .txt h3{height:28px; line-height:28px; font-size:20px; font-weight:normal;}
.bysf ul li .txt p{height:66px; line-height:22px; margin-top:6px; font-size:14px; color:#777;}


.foot{background:#be1414; padding:30px 0; line-height:30px; text-align:center; font-size:14px; color:rgba(255,255,255,0.7);}
.foot a{color:rgba(255,255,255,0.7);}
.foot a:hover{color:#fff;}
.foot a img{vertical-align:text-bottom; margin-right:3px; height:18px;width:18px}
.foot span{padding-left:1em;}


#goHeadBtn{display:block; width:50px; height:50px; z-index:999; background:url(../images/goHeadBtn.png) no-repeat; position:fixed; right:20px; bottom:116px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}


.ny{padding:30px 0 50px;}
.ny:after{display:block; content:""; clear:both;}

.left{width:240px; background:#f2f3ed; float:left; overflow:hidden;}
.left h2{line-height:20px; padding:15px; background:#be1414; color:#fff; text-align:center; font-size:20px; font-weight:normal;}
.left ul{padding-top:5px;}
.left ul li a{display:block; line-height:21px; border-bottom:#e5e5e5 1px solid; padding:12px 25px 12px 20px; position:relative;}
.left ul li:last-of-type a{border-bottom:0;}
.left ul li a:after{display:block; content:""; width:0; height:0; border-color:transparent; border-width:4px; border-style:solid; border-left:4px #666 solid; position:absolute; right:20px; top:50%; transform:translateY(-50%); -webkit-transition:all 0.4s; transition:all 0.4s;}
.left ul li a:hover{color:#be1414;}
.left ul li a:hover:after{border-left-color:#be1414;}
.left ul li a.on{color:#fff; background:#ea9809;}
.left ul li a.on:after{border-left-color:#fff;}


.hasLeft{margin-left:270px;}
.right:after{display:block; content:""; clear:both;}
.post{display:flex; height:49px; line-height:49px; font-size:14px; color:#999; border-bottom:1px solid #e3e3e3;}
.post h3{height:48px; position:relative; top:0; color:#be1414; border-bottom:2px solid #be1414; font-size:20px; font-weight:normal;}
.post p{flex:1; line-height:29px; padding-top:20px; text-align:right;}
.post p a{color:#999;}
.post p a:hover{color:#ea9809;}

.list01, .article{padding-top:10px;}
.articleTitle{padding:20px 0; line-height:36px; font-size:24px; font-weight:600; text-align:center;}
.articleInfo{font-size:14px; height:36px; line-height:36px; background:#f5f5f5; color:#666; text-align:center; margin:0 auto;}
.articleInfo p{display:inline-block;}
.articleInfo label{padding-left:30px;}
.articleCon{line-height:30px; padding-top:15px; text-justify:inter-ideograph; text-align:justify;}
.articleCon img{max-width:100%; height:auto !important; margin:0 auto; vertical-align:top;}


.picList01 ul{margin-left:-26px; display:flex; flex-wrap:wrap;}
.picList01 ul li{width:calc(25% - 26px); margin:26px 0 0 26px; text-align:center;}
.picList01 ul li p{height:0; padding-top:calc(100% - 2px); border:#e5e5e5 1px solid; position:relative;}
.picList01 ul li p i{display:block; width:calc(100% - 20px); height:calc(100% - 20px); background-repeat:no-repeat; background-position:center center; background-size:contain; position:absolute; left:10px; top:10px;}
.picList01 ul li h3{height:30px; line-height:30px; font-size:16px; font-weight:normal; padding-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picList01 ul li p, .picList01 ul li p i{-webkit-transition:all 0.5s; transition:all 0.5s;}
.picList01 ul li a:hover p{border-color:#ea9809;}


.page01{font-siz:14px; padding-top:30px; text-align:center;}