normalize article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, img { display: block; } html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: "微软雅黑"; } body, div, h1, h2, h3, h4, h5, h6, p, input, ul, li, dl, dt, dd { margin: 0; } html { font-size: 16px; line-height: 1.4em; color: #333; font-family: "microsoft yahei", "微软雅黑"; } a { color: #333; text-decoration: none; } a:link, a:visited { color: #333; } a:hover, a:active { color: #2941c3; outline: 0; text-decoration: none; } a:focus { outline: none; } a { /* ie下去掉超链接获取焦点时产生的虚框 */ nofocusline: expression(this.onfocus=this.blur()); } img { border: 0; -ms-interpolation-mode: bicubic; } form { margin: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, select { text-transform: none; } textarea { overflow: auto; vertical-align: top; } ul { list-style: none; padding: 0; margin: 0; } input { border: 0px; outline: 0px; } .clear { clear: both; } .clearfix::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix { zoom: 1 } .left { float: left; } .right { float: right; } body { font-size: 14px; text-align: center; } @media only screen and (max-width:1160px) { html, body { width: 1160px; } } .section { width: 1100px; margin: 50px auto 0; } .section .title { margin-bottom: 20px; } .section .title h3 a { display: block; margin: 0 auto; width: 1100px; height: 210px; background-position: center center; background-repeat: no-repeat; text-indent: -999em; } #header { max-width: 1920px; margin: 0 auto; width: 100%; background: url(/uploads/image/wlz22simages/bg.jpg) center top no-repeat; text-align: center; overflow: hidden; } #head { position: relative; width: 1160px; height: 645px; margin: 0 auto; overflow: hidden; } #head h1 { display: none; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; } .main { width: 100%; padding-bottom: 120px; /* background: left top repeat-x; background: linear-gradient(to bottom, #000666, #2a5efd); */ } .headline { margin: 0 auto; padding: 20px 0; } .headline .left { width: 140px; height: 80px; background: url(/uploads/image/wlz22simages/headline.png) center center no-repeat; } .headline .right { width: 960px; height: 80px; text-align: center; } .headline h2 a { color: #013f98; font-size: 30px; line-height: 80px; } /* 焦点大图 */ .section-news { width: 1100px; margin: 0 auto; background: #fff; text-align: center; } .pic-content { position: relative; width: 640px; height: 420px; margin: 0 30px 30px 0; overflow: hidden; text-align: left; } .piclist li { position: relative; } .piclist .pic img { width: 640px; height: 360px; } .piclist .title { height: 60px; background: #013f98; } .piclist .title h5 a { display: inline-block; margin: 10px 20px 0; color: #fff; font-size: 16px; font-weight: normal; line-height: 24px; } .picinfo { position: absolute; bottom: 10px; right: 10px; } .picinfo .prevstop, .picinfo .nextstop { color: #999; } .picinfo ul { float: right; margin-top: 16px; overflow: hidden; } .picinfo ul li { float: left; width: 10px; height: 10px; background: no-repeat; margin-right: 5px; font-size: 0; text-indent: -999em; overflow: hidden; cursor: pointer; } .picinfo ul li.on { width: 25px; background: no-repeat; } .control-button { position: absolute; left: 0px; top: 136px; width: 40px; height: 80px; } .control-button .prev, .control-button .next { display: none; position: absolute; width: 40px; height: 80px; cursor: pointer; font-size: 0; text-indent: -999em; } .pic-content:hover .control-button .prev, .pic-content:hover .control-button .next { display: block; } .control-button .prev { left: 0px; background: url(/uploads/image/wlz22simages/button-left.png) no-repeat; } .control-button .prev:hover { /* left: 0px; */ background: url(/uploads/image/wlz22simages/button-left-active.png) no-repeat; } .control-button .next { right: -600px; background: url(/uploads/image/wlz22simages/button-right.png) no-repeat; } .control-button .next:hover { /* right: 0px; */ background: url(/uploads/image/wlz22simages/button-right-active.png) no-repeat; } /* 要闻 */ .news-content { width: 430px; height: 420px; text-align: left; } .news-content .newslist ul { list-style: none; /* margin-top: 15px; */ border-top: 1px dashed #cdcdcd; } .news-content .newslist ul li { box-sizing: border-box; height: 75px; *height: 74px; /* ie7 */ line-height: 74px; border-bottom: 1px dashed #cdcdcd; } .news-content .newslist ul li i.visible { display: inline-block; vertical-align: middle; width: 0px; height: 100%; } .news-content .newslist ul li h5 { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; line-height: 22px; text-align: left; } .news-content .newslist ul li h5 a { display: inline; vertical-align: middle; /* margin-right: 6px; */ color: #333; font-size: 18px; font-weight: normal; line-height: 22px; /* text-align: left; */ } .news-content .newslist ul li h5 a:hover { color: #2941c3; } .news-content .newslist .more { width: 100%; margin-top: 10px; background: #013f98; text-align: center; } .news-content .newslist .more a { color: #fff; font-size: 16px; line-height: 35px; } /* 日程安排 */ .schedule { position: relative; /* width: 1920px; */ height: 700px; background: center bottom no-repeat; margin-top: 0; text-align: center; } .schedule .title h3 { display: block; margin: 0 auto; width: 1100px; height: 210px; background: url(/uploads/image/wlz22simages/title01.png) center center no-repeat; text-indent: -999em; } #roll-pic { width: 1100px; /* height: 630px; */ margin: 0 auto; overflow: hidden; } #picbox { width: 800%; float: left; } #picbox img { width: auto; height: 443px; } #picbox01 { float: left; } #picbox02 { float: left; } #mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 1100px; height: 590px; margin: 0 auto; box-shadow: inset 0 -10px 30px 30px #eff3fb; } /* 通用新闻模块 */ .news { width: 1160px; margin-bottom: 20px; text-align: left; } .news li { box-sizing: border-box; width: 535px; height: 69px; margin: 0 30px 10px 0; padding-left: 30px; border-bottom: 1px dashed #eee; background: url(/uploads/image/wlz22simages/square-blue.jpg) 5px 35px no-repeat; float: left; } .news li i.visible { display: inline-block; vertical-align: middle; width: 0px; height: 100%; } .news li h5 { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; line-height: 24px; text-align: left; } .news li h5 a { display: inline; vertical-align: middle; color: #333; font-size: 18px; font-weight: normal; line-height: 24px; /* text-align: left; */ } .news li h5 a:hover { color: #2941c3; } .news-box { width: 1130px; overflow: hidden; text-align: left; } .news-box li { box-sizing: border-box; width: 535px; height: 180px; background: url(/uploads/image/wlz22simages/square-blue.jpg) 5px 10px no-repeat; margin: 20px 30px 20px 0; padding: 0 0 0 25px; border-bottom: 1px solid #eee; float: left; } .news-box li h5 { font-size: 18px; font-weight: bold; padding-bottom: 5px; line-height: 24px; } .news-box li p { padding: 10px 0 20px; color: #767676; font-size: 14px; line-height: 24px; } .img-box { position: relative; width: 1130px; height: 350px; } .img-box li { position: relative; width: 530px; height: 350px; margin: 0 35px 20px 0; float: left; } .img-box li a .scale-img { width: 530px; height: 300px; overflow: hidden; } .img-box li a img { width: 530px; height: 300px; } .img-box li a h5 { /* margin-top: 10px; */ /* height: 60px; */ font-size: 16px; line-height: 24px; font-weight: normal; text-align: center; } .img-box li a .title { /* position: absolute; bottom: -20px; */ box-sizing: border-box; width: 530px; height: 50px; background: #013f98; padding: 0px 10px 0; color: #fff; /* line-height: 50px; */ } .img-box li a .title h5 { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; line-height: 20px; text-align: left; margin: 0; } .img-box li a .title i.visible { display: inline-block; vertical-align: middle; width: 0px; height: 100%; font-size: 0; text-indent: -999em; } /* 论坛动态 */ .forum { width: 1100px; margin: 30px auto 0; overflow: hidden; } .forum .title h3 a { display: block; margin: 0 auto; width: 1100px; height: 210px; background: url(/uploads/image/wlz22simages/title02.png) center center no-repeat; text-indent: -999em; } .forum-imgbox .left { width: 530px; height: 300px; } .forum-imgbox .left a { display: block; position: relative; } .forum-imgbox .left img { width: 530px; height: 300px; } .forum-imgbox .left h5 { position: absolute; bottom: 0; box-sizing: border-box; width: 100%; height: 40px; background: rgba(1, 63, 152, .85); padding: 0 5px; color: #fff; font-size: 16px; font-weight: normal; line-height: 40px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .forum-imgbox .right { width: 530px; } .forum-imgbox .right ul li { float: left; position: relative; width: 250px; height: 135px; margin-right: 30px; margin-bottom: 30px; } .forum-imgbox .right ul li:nth-of-type(2n) { margin-right: 0; } .forum-imgbox .right ul li img { width: 250px; height: 135px; } .forum-imgbox .right ul li h5 { position: absolute; bottom: 0; box-sizing: border-box; width: 100%; height: 40px; background: rgba(1, 63, 152, .8); padding: 0 5px; color: #fff; font-size: 16px; font-weight: normal; line-height: 40px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* 博览会 */ .expo { margin: 30px auto 0; background: url(/uploads/image/wlz22simages/expo-bg.png) left bottom no-repeat; } .expo .title h3 a { display: block; margin: 0 auto; width: 1100px; height: 210px; background: url(/uploads/image/wlz22simages/title03.png) center center no-repeat; text-indent: -999em; } .expo .pic { width: 1125px; padding: 20px 0; margin: 0 auto; } .expo .pic li { position: relative; left: 10px; width: 350px; height: 420px; margin-right: 20px; background: url(/uploads/image/wlz22simages/expo-news-bg.png) center center no-repeat; float: left; text-align: left; } .expo .pic li:nth-of-type(2) { margin-top: 50px; } .expo .pic li .scale-img { position: absolute; left: 0px; top: -30px; width: 325px; height: 180px; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; box-shadow: 2px 3px 8px #d3deed; } .expo .pic li a img { width: 330px; height: 180px; } .expo .pic li .txtbox { box-sizing: border-box; width: 350px; height: 230px; padding: 0 35px; margin-top: 170px; } .expo .pic li .title { box-sizing: border-box; width: 280px; height: 70px; background: #013f98; padding: 5px 10px 0; color: #fff; font-family: "microsoft yahei", "微软雅黑"; line-height: 50px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .expo .pic li h5 { height: 70px; font-size: 18px; /* font-weight: normal; */ } .expo .pic li .title h5 { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; line-height: 30px; text-align: justify; } .expo .pic li .title h5 a, .expo .pic li .title h5 a:link { color: #fff; } .expo .pic li .title i.visible { display: inline-block; vertical-align: middle; width: 0px; height: 100%; } .expo .pic li .txtbox p { margin-top: 15px; text-align: justify; } .expo .pic li .txtbox p a, .expo .pic li .txtbox p a:link { color: #013f98; } .expo .news { margin: 0 auto; } /* 各地动态 */ .local { margin: 30px auto 0; background: url(/uploads/image/wlz22simages/local-bg.png) right bottom no-repeat; } .local .title h3 a { display: block; margin: 0 auto; width: 1100px; height: 210px; background: url(/uploads/image/wlz22simages/title04.png) center center no-repeat; text-indent: -999em; } .local .news-box { margin: 0 auto; } /* 融媒视角 */ .media { width: 1100px; margin: 20px auto 0; overflow: hidden; } .media .title h3 a { display: block; margin: 0 auto; width: 1100px; height: 210px; background: url(/uploads/image/wlz22simages/title05.png) center center no-repeat; text-indent: -999em; } .media .news-content { width: 1100px; height: auto; padding: 30px; background: #fff; overflow: hidden; } .media .img-news { width: 1100px; overflow: hidden; } .media .img-news li { position: relative; box-sizing: border-box; width: 505px; height: 280px; margin: 0 30px 20px 0; float: left; overflow: hidden; } .media .img-news li h5 { /* display: none; */ position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; background: rgba(41, 65, 195, 0.9); color: #fff; font-size: 16px; font-weight: normal; line-height: 45px; text-indent: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .media .img-news li:hover h5 { display: block; } /* 微视频 */ .video { width: 1100px; margin: 0 auto; overflow: hidden; } .video .title h3 a { display: block; margin: 0 auto; width: 1100px; height: 210px; background: url(/uploads/image/wlz22simages/title06.png) center center no-repeat; text-indent: -999em; } #ifocus { width: 1100px; margin-bottom: 7px; height: 475px; } #ifocus_pic { display: inline; position: relative; float: left; width: 825px; height: 475px; overflow: hidden; } #ifocus_piclist li { width: 825px; height: 475px; overflow: hidden; } #ifocus_piclist img { width: 825px; height: 475px; } #ifocus_btn { display: inline; float: right; width: 245px; padding-right: 5px; } #ifocus_btn li { position: relative; width: 245px; height: 140px; margin-bottom: 27px; cursor: pointer; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); } #ifocus_btn .on { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } #ifocus_btn li .triangle { display: none; position: absolute; top: 60px; left: -20px; width: 0; height: 0; border: 10px solid; border-color: transparent #013f98 transparent transparent; font-size: 0; text-indent: -999em; } #ifocus_btn li.on .triangle { display: block; } #ifocus_btn img { box-sizing: border-box; width: 245px; height: 140px; border: 3px solid #ddd; } #ifocus_btn li.on img { border-color: #013f98; } #ifocus_opdiv { position: absolute; left: 0; bottom: 0; width: 825px; height: 60px; background: #000; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); -webkit-filter: alpha(opacity=60); } #ifocus_tx { position: absolute; left: 0px; bottom: 0px; color: #fff; } #ifocus_tx ul li { display: none; padding: 0 10px; } #ifocus_tx ul li a { color: #fff; font-size: 16px; line-height: 60px; font-weight: normal; } /* 图片放大效果 */ .scale-img { overflow: hidden; } .scale-img img { width: 100%; height: 100%; -webkit-object-fit: cover; object-fit: cover; transition: .5s all linear; -ms-transition: .5s all linear; /* ie 9 */ -moz-transition: .5s all linear; /* firefox */ -webkit-transition: .5s all linear; /* safari å’œ chrome */ -o-transition: .5s all linear; /* opera */ } .scale-img:hover img { transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); }