@charset "utf-8";
/* CSS Document */
*::selection{background:#b02020; 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;}
a{text-decoration:none; outline:none; -webkit-transition:all 0.3s; transition:all 0.3s; color:#000;}
a:hover{color:#b02020;}
:focus{-moz-outline-style:none; outline:none;}
img{border:0; vertical-align:top;}
ul,li{list-style-type:none;}

.clear{clear:both; height:0;}
table,table td{border-collapse:collapse;}
.overHidden{overflow:hidden; position:fixed;}
.animate{-webkit-transition:all 0.4s; transition:all 0.4s;}
.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;}/*文字超出省略号...*/
.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;}
.clamp7{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical;}
.clamp8{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical;}
.justify{text-justify:inter-ideograph; text-align:justify;}/*文字两端对齐*/
.undecoration, .undecoration:hover{text-decoration:none !important;}
.hide{display:none;}
.bgImg{background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all 0.8s; transition:all 0.8s; display:block; height:100%;}
a:hover .bgImg{-webkit-transform:scale(1.05); transform:scale(1.05);}

/* 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;}


.w1260{max-width:1500px; min-width: 1220px; padding: 0 20px; margin:0 auto;}
.w1260:after{display:block; content:""; clear:both;}
@media screen and (min-width:1920px){
	.bgCover{background-size:cover !important;}	
}

.container{min-width:1260px; margin:0 auto;}
/* 头部 */
.head{height:150px; background:url(headBg.jpg) no-repeat center center; background-size: cover; position: relative;}
.head:before, .head:after{display: block; content: ""; height: 150px; position: absolute; bottom: 0; z-index: 0;}
.head:before{width: 191px; background: url(headBgL.png) no-repeat left bottom; background-size: 191px 139px; left: 0; opacity: .15;}
.head:after{width: 100%; background: url(headBgR2.png) no-repeat right bottom; right: 0;}
.head .w1260{position: relative; z-index: 1;}
.head .w1260:before{display: none; content: ""; width: 500px; height: 150px; background: url(headBgC.png) no-repeat center bottom; background-size: 500px 139px; opacity: .2; position: absolute; left: 584px; top: 0; z-index: 0;}
.head .logo, .head .slogan{height:150px; display:flex; align-items:center; position: relative; z-index: 1;}
.head .logo img{height: 60px;}
.head .slogan{display:none;}
.head .slogan img{height: 74px;}


/* 菜单 */
.menuWrap{height:52px; position:relative; z-index:10; background:#9b0000;}
#menu{height:52px; display: flex;}
#menu li{position:relative; text-align:center;}
#menu>li{height:52px; margin-left: 2px; position:relative; flex:1;}
#menu>li:before{display: block; content: ""; width:2px; height: 100%; background: url(menuLine.jpg) no-repeat center center; position: absolute; left: -2px; top: 0;}
#menu>li>a{display:block; height:52px; line-height:52px; font-size:16px; color:#fff; padding: 0 20px; white-space: nowrap;}
#menu>li:first-of-type{margin-left: 0;}
#menu>li:first-of-type:before{display: none;}
#menu>li:first-of-type>a{padding-left: 0;}

/*这是第二级菜单*/
#menu ul{width:100%; background-color:#b02020; position:absolute; z-index:999; left:0; top:52px; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; margin:20px 0 0 0; opacity:0; visibility:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
#menu ul li a{display:block; padding:8px; line-height:20px; font-size:15px;color:#fff;}

/**若子级菜单含有子级时，在a标签增加<i>标签作为箭头，由js实现动态增加，箭头大小调节i的边框宽度*/
#menu ul i{display:block; position:absolute; *top:10px; 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%; margin:0 0 0 20px;}
#menu ul ul li a{font-size:14px;}

#menu li:hover > a:hover{background-color:#f2b100; color:#fff;}
#menu li:hover > a{background-color:#b02020; color:#ffd35b;}
#menu li:hover > ul{opacity:1; visibility:visible; margin:0;}

/* 搜索 */
.search{width:240px; height:34px; background:#fff; border-radius:34px; overflow:hidden; margin-left: 50px;}
.search .keyValue{width:calc(100% - 54px); height:34px; line-height:34px; background:none; border:0; padding:0 0 0 16px; margin:0; outline:none; float:left; font-size:14px;}
.search .keyValue::placeholder{color:#aaa;}
.search .submitBtn{display:block; width:34px; height:34px; background:url(iSearch.png) no-repeat center center; background-size: 18px 20px; border:0; margin:0 .04rem 0 0; cursor:pointer; float:left;}


.indH{height: 36px; line-height: 36px;}
.indH span{padding: 0 10px; font-size: 30px;}
.indH a{display: block; padding-right: 18px; background: url(m1.png) no-repeat right center; color: #777; height: 24px; line-height: 24px;}
.indH a:hover{background-image: url(m2.png);}

/* 普通新闻列表 */
.newsList li{border-bottom:#d7d7d7 1px dashed; overflow:hidden;}
.newsList li a{display:flex; align-items:center; justify-content:center;}
.newsList li h3{flex:1; height:47px; line-height:47px; font-size:16px; font-weight:normal; position:relative; padding-left:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newsList li h3:before{display:block; content:""; width:5px; height:5px; background:#b02020; border-radius:6px; -webkit-transition:all 0.4s; transition:all 0.4s; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.newsList li p{text-align:right; color:#999; height:47px; line-height:47px; padding-left:20px;}
.newsList li a:hover{color:#b02020;}
.newsList li a:hover h3:before{background:#b02020;}


.news{height:460px; padding: 40px 20px; display: flex;}
.picNews{width:690px; height:460px; overflow:hidden; position:relative;}
.picNews .swiper-slide{display:block; width:690px; height:460px; float:left; position:relative; overflow:hidden;}
.picNews .swiper-slide h3{width:100%; height:56px; line-height:56px; font-size:16px; font-weight:normal; color:#fff; background: rgba(0,0,0,.5); padding: 0 123px 0 23px; box-sizing: border-box; position: absolute; left: 0; bottom: 0;}
.picNews .swiper-pagination-bullets{width:auto; height:10px; left:auto; right: 23px; bottom:23px;}
.picNews .swiper-pagination-bullet{display:inline-block; vertical-align:top; width:10px; height:10px; background:#fff; border:none; opacity:1; border-radius:10px; margin:0 0 0 8px !important;}
.picNews .swiper-pagination-bullet-active{opacity:1; background:#f5b55a;}
.picNews .swiper-button-prev, .picNews .swiper-button-next{width:24px; height:40px; opacity:0; background-color: rgba(0,0,0,.3); z-index: 1 !important;}
.picNews .swiper-button-prev{left:0; border-radius: 0 3px 3px 0;}
.picNews .swiper-button-next{right:0; border-radius: 3px 0 0 3px;}
.picNews:hover .swiper-button-prev, .picNews:hover .swiper-button-next{opacity: 1;}
.picNews .swiper-button-prev:hover, .picNews .swiper-button-next:hover{background-color: rgba(0,0,0,.6);}
.picNews .swiper-button-prev:after, .picNews .swiper-button-next:after{font-size:16px; color:#fff;}
.picNews .swiper-button-prev:hover:after, .picNews .swiper-button-next:hover:after{color:#fff;}

.txtNews{height:460px; margin-left:60px; overflow:hidden; flex: 1;}
.txtNews dl{height: 90px; padding:27px 0 22px;}
.txtNews dl dd{height: 42px; line-height: 42px; font-size: 20px;}
.txtNews dl dt{height: 48px; line-height: 24px; font-size: 15px; color: #8a8a8a;}
.txtNews ul{height:264px; padding-top: 18px; border-top: #dfdfdf 1px solid;}
.txtNews ul li{border-bottom:0;}
.txtNews ul li h3, .txtNews ul li p{height:44px; line-height:44px;}
.txtNews ul li h3{padding-left: 0;}
.txtNews ul li h3:before{display: none;}


.indNews{flex: 1;overflow:hidden;}
.indNewsR{margin-left: 90px;}
.indNewsList{padding-top: 4px; height: 375px;}
.indNewsList li{padding: 13px 0 13px 23px; position: relative; height: 48px;}
.indNewsList li:before{display: block; content: ""; width: 1px; background: #c7c7c7; position: absolute; left: 6px; top: 0; bottom: 0;}
.indNewsList li:first-of-type:before{top: 17px;}
.indNewsList li:last-of-type:before{bottom: 17px;}
.indNewsList li p{height: 21px; line-height: 21px; color: #9a0909; position: relative;}
.indNewsList li p:before{display: block; content: ""; width: 11px; height: 11px; background: #fff; border: #c7c7c7 1px solid; border-radius: 13px; position: absolute; left: -23px; top: 50%; transform: translateY(-50%);}
.indNewsList li h3{height: 23px; line-height: 23px; font-size: 16px; font-weight: normal; margin-top: 4px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.F1{padding:40px 0; background:url(bg1.jpg) no-repeat center center; background-size:cover;}
.F1 .w1260{display: flex;}

.F2{display: flex; padding: 40px 20px 23px;}


.picLink{padding-bottom:40px;}
.picLink ul{display: flex; height: 106px;}
.picLink ul li{flex: 1; margin-left: 32px; height: 106px;}
.picLink ul li:first-of-type{margin-left: 0;}
.picLink ul li a{padding: 0 20px; height: 100%; position: relative; overflow: hidden; border-radius: 18px 0 18px 0;}
.picLink ul li p{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 18px 0 18px 0; position: absolute; left: 0; top: 0; z-index: 0; opacity: .18;}
.picLink ul li h3{height:30px; line-height: 30px; font-size: 24px; font-weight: normal; color: #fff; text-shadow: 2px 2px 5px rgba(0,0,0,.2); position: relative; z-index: 1;}
.picLink ul li:nth-of-type(4n-3) a{background:#3c80ef;}
.picLink ul li:nth-of-type(4n-2) a{background:#76c01d;}
.picLink ul li:nth-of-type(4n-1) a{background:#0fbcb3;}
.picLink ul li:nth-of-type(4n) a{background:#fe7430;}


.foot{background:url(footBg.jpg) no-repeat center center; background-size:cover; color:#fff; font-size:14px; line-height:24px;}
.foot>.w1260{padding:28px 20px; border-bottom: rgba(0,0,0,.2) 1px solid;}
.contact h3{height: 27px; line-height: 27px; font-size: 16px; font-weight: normal;}
.contact .con{display: flex; flex-wrap: wrap; padding-top: 9px;}
.contact p{width: 300px; line-height: 24px; padding-right: 20px;}

.copy{color: rgba(255,255,255,.8); font-size: 14px; text-align: center; padding: 15px 0; line-height: 20px; border-top: rgba(255,255,255,.1) 1px solid;}
.copy span{padding-left:1em;}
.copy a{color:rgba(255,255,255,.8);}
.copy a img{height:18px; margin-right:4px; vertical-align:text-bottom;}
.copy a:hover{color:#fff;}


#goHeadBtn{display:block; width:50px; height:50px; z-index:999; background:url(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;}
.left{width:240px; background:#f5f5f5; float:left; overflow:hidden;}
.left h2{line-height:20px; padding:10px; background:#b02020; 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:#b02020;}
.left ul li a:hover:after{border-left-color:#b02020;}
.left ul li a.on{color:#fff; background:#f2b100;}
.left ul li a.on:after{border-left-color:#fff;}


.right{margin-left:280px;}
.post{height:39px; border-bottom:#ddd 1px solid;}
.post p{height:39px; line-height:39px; float:left; font-size:20px; color:#b02020;}
.post span{float:right; display:block; height:29px; line-height:29px; padding-top:10px; font-size:14px; color:#888;}
.post span a:link, .post span a:visited{color:#888;}
.post span a:hover{color:#b02020;}


.list01{padding-top:10px;}


.articleTitle{padding:30px 0 20px; line-height:36px; font-size:24px; font-weight:600; text-align:center;}
.articleInfo{width:96%; font-size:14px; height:36px; line-height:36px; background:#f5f5f5; color:#666; text-align:center; margin:0 auto;}
.articleInfo label{padding-left:30px;}
.articleCon{line-height:30px; padding:20px 0 30px; text-justify:inter-ideograph;text-align:justify;}
.articleCon img{max-width:100%; height:auto !important; margin:5px auto 0; vertical-align:top;}


@media screen and (max-width:1380px) {
	.news{height:420px;}
	.picNews{width:634px; height:420px;}
	.picNews .swiper-slide{width:634px; height:420px;}

	.txtNews{height:420px;}
	.txtNews dl{height: 88px; padding:14px 0 18px;}
	.txtNews dl dd{height: 40px; line-height: 40px;}
	.txtNews ul{height:252px;}
	.txtNews ul li h3, .txtNews ul li p{height:42px; line-height:42px;}
}