@charset "utf-8";
/* CSS Document */
html,body { width: 100%; font-family:"微软雅黑", "宋体", "黑体", "楷体", "仿宋"; font-size:18px; color:#333; background:#fff}
body { overflow-x: hidden;}
#loading { position:fixed; z-index:10000; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:url(http://www.qzwb.com/resource/loading1.gif) no-repeat center #000; background-size:100px}
@keyframes down {
	50% { transform: translateY(20px)}
}
.container { overflow: hidden; width:1920px; margin: 0 auto; background: url("bg.jpg") no-repeat center bottom #fff;}
.main { width:1280px; margin: 0 auto;}
@media screen and (max-width:1919px){
  .container { width:100%;}
}

.cover { position: relative; height: 1080px; line-height: 0; background:url(http://www.hsgjysj.com/resource/dwjhyjztbg.jpg) no-repeat center top;}
.bgmp4 { width:100%; height:auto;}
	.bgmp4 video { width:100%; height:auto; /*object-fit:fill;*/ }
.down { position:absolute; top: 80%; left: 50%; margin-left: -42px; animation: down 2s linear infinite}

.nav { position:fixed; top: 0; left: 0; right: 0; height: 94px; color: #1d4b9e;}
.current { color:#fff; background-image: linear-gradient(99deg,#000,#222); opacity:.8}
#musicbtn { position:absolute; left:50%; top:24px; margin-left: -590px; width: 48px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor:pointer}
#musicbtn.on { background-image: url(yykg2.png);}
#musicbtn.off {	background-image: url(yykg1.png);}
.nav ul { overflow: hidden; position:relative; left: 50%; top: 36px; margin-left: 70px; width: 570px; line-height: 30px; font-size: 16px; color: #fff;}
.nav li { float: left; margin-left: 30px;}
.nav li a { color:#1d4b9e}
.nav.current li a { color:#fff;}

#SlideArea { width:100%; height: 844px;}
.SlideArea ul li .img { display:block; width:100%; height:100%;}
.SlideArea ul li .word { display: none; position:absolute; left:50%; right:auto; top:310px; bottom:auto; margin-left: -600px; width: 600px; height:auto; padding:20px; line-height:60px; font-size:50px; color:#fff; text-align:left; font-weight: bold; background:rgba(0,0,0,.5); border-radius:20px}
.SlideArea ul li .word .time { margin-top: 26px; padding: 15px 0 0 49px; font-size: 24px; font-weight: normal; background: url("time.png") no-repeat left top;}
.SlideArea .num { display: none; position:absolute; left:50%; margin-left: 189px; right:auto; bottom:30px; width: 451px; height:54px; padding-top:24px; text-align:center; border-radius: 18px; background-image: linear-gradient(99deg,#86f9a4,#61e2cb);}
.SlideArea .num a { display:inline-block; width:28px; height:28px; margin:0 20px; line-height: 28px; color: #333; background:none; border-radius:3px; border: 1px solid #333; transform: rotate(0deg);}
.SlideArea .num a:hover,.SlideArea .num a.current { color: #fff; background:#333}

.clmname { line-height: 0; text-align: left}
.headline { padding-top:30px; margin-bottom: 75px; }
.headline .title { display: block; margin: 0 auto 20px; text-align: center; font-size: 60px; line-height: 1.2em; color: #333; font-weight: bold;}
.headline .summary { width: 1182px; margin: 0 0 auto auto; padding-left:13px; font-size: 14px; line-height: 24px; color: #333; text-align: left; background: url("line.png") no-repeat left center;}
.headline .summary a { color: #333;}

.imgnews { margin-bottom: 35px;}
.imgnews ul { overflow:hidden;}
.imgnews ul li { float:left; position: relative; width: 368px; height: 350px; margin: 0 30px 0 28px;}
.imgnews ul li .tp { position: absolute; top: 0; width:368px; height: 207px; margin-bottom: 6px; transition: all ease 1s;}
.imgnews ul li .wz { position: absolute; top: 220px; transition: all ease 1s;}
.imgnews ul li .time { margin-bottom: 8px; font-size: 16px; line-height: 24px; color: #999;}
.imgnews ul li .title { display:block; padding-top: 10px; font-size: 20px; line-height: 26px; color: #000; border-top:1px solid #e8e8e8;}
.imgnews ul li:hover .tp { top:109px; border-radius: 20px; }
.imgnews ul li:hover .wz { top: 0; }

.newslist { overflow: hidden; margin:0 auto 50px 0;}
.newslist ul { overflow: hidden; margin:0 auto 30px 28px;}
.newslist ul li { overflow: hidden; float: left; width:455px; height: 84px; padding: 20px 115px 20px 0; border-bottom: 1px solid #e8e8e8}
.newslist ul li:nth-child(2n) { float:right;}
.newslist ul li .time { float:left; margin-right: 20px; font-size: 48px; color: #999; font-weight: lighter}
.newslist ul li .title { font-size: 22px; line-height: 28px; color: #000;}
.newslist .more { display: block; width: 85px; height: 55px; margin: 0 auto; font-size: 16px; line-height: 55px; text-align: center; color: #fff;  border-radius: 20px; background-image: linear-gradient(180deg,#e48752,#fa6663);}

.wumei { height:550px; margin-bottom: 60px;}
.wumei .tab { height: 24px; margin-bottom: 10px; padding: 19px 0; text-align: center; }
.wumei .tab li { display: inline-block; height: 17px; padding: 0 33px; font-size: 24px; line-height: 17px; color: #989898; border-left:1px solid #ddd; cursor: pointer}
.wumei .tab li a { color: #989898;}
.wumei .tab li:first-child { border:none;}
.wumei .tab li:hover,.wumei .tab li.hover,.wumei .tab li:hover a,.wumei .tab li.hover a { color: #ef765a}
.wumei .tab-img { width: 1124px; height: 500px; margin: 0 auto 100px;}

.clmname2 { clear: both; margin-bottom: 66px; text-align: center; font-size: 50px; font-weight: bold; color: #000;}
.clmname2 span { margin: 0 20px; font-weight: lighter; font-size: 20px; letter-spacing: -1px;}
.yishujie { overflow: hidden; margin: 0 -5px 110px; width: 1290px;}
.yishujie a { display: block; float:left; overflow: hidden; width: 383px; height: 205px; margin: 0 24px 6px 23px;}
.yishujie a img.nom,.yishujie a:hover img.hov { display:block;}
.yishujie a:hover img.nom,.yishujie a img.hov { display:none;}

.huimou { overflow: hidden;}
.huimou a { display: block; float:left; overflow: hidden;}
.huimou a img.nom,.huimou a:hover img.hov { display:block;}
.huimou a:hover img.nom,.huimou a img.hov { display:none;}