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 { 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: #23509b; 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; } .clearfix { display: inline-block; } .clearfix::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix { zoom: 1 } .left { float: left; } .right { float: right; } body { /* background: #fff url(/uploads/image/wlz2xsimages/bg.jpg) center top no-repeat; */ font-size: 16px; text-align: center; } #wrapper { width: 100%; text-align: center; } @media only screen and (max-width:1160px) { html, body, #wrapper { width: 1160px; } } #header { width: 100%; background: url(/uploads/image/wlz2xsimages/bg.jpg) center top no-repeat; } .head { position: relative; width: 1160px; height: 500px; margin: 0 auto; } .head h1 { display: none; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; } .main { box-sizing: border-box; position: relative; width: 1100px; /* *width: 1160px; */ /* height: 400px; *height: 350px; */ margin: 60px auto 0; /* padding: 20px; */ /* background: #fff; */ text-align: left; overflow: hidden; } .yaowen { /* height: 390px; */ margin-bottom: 30px; text-align: left; overflow: hidden; *zoom: 1; } .news-img { box-sizing: border-box; width: 645px; height: 415px; /* padding: 20px 30px 25px 0; */ position: relative; display: inline-block; *float: left; } .news-list { float: right; /* right: 30px; */ width: 430px; position: relative; } .news-list .title { height: 170px; border-bottom: #ccc dashed 1px; } .news-list .title a { font-size: 18px; font-weight: bold; color: #333333; } .news-list .title h4 a { font-size: 20px; line-height: 30px; } .news-list .title p { color: #666666; font-size: 16px; text-indent: 2em; padding-top: 20px; text-align: justify; padding-bottom: 10px; } .news-list ul { width: 100%; list-style: none; /* margin-top: 15px; */ } .news-list ul li { height: 64px; padding-top: 4px; line-height: 60px; border-bottom: #ccc dashed 1px; } i.visible { width: 0; height: 100%; display: inline-block; vertical-align: middle; } .news-list ul li h5 { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; } .news-list ul li h5 a { display: inline-block; vertical-align: middle; color: #333333; font-size: 16px; font-weight: normal; line-height: 20px; } .news-list .title a:hover, .news-list ul li a:hover { color: #23509b; } .yaowen .more a { color: #666666; font-size: 14px; float: right; margin: 10px 0px 0px 0px; } .yaowen #more { height: 35px; background: #abc6f3; text-align: center; } .yaowen #more a, .yaowen #more a:link, .yaowen #more a:visited { color: #fff; font-size: 16px; line-height: 35px; } .cut-title { width: 100%; height: 110px; text-indent: -9999em; } .cut-title h3 { position: relative; width: 100%; height: 80px; border-bottom: #f2f2f2 solid 1px; } .cut-title h3 a, .cut-title h3 a:link, .cut-title h3 a:visited { position: absolute; bottom: 15px; right: 20px; color: #666; font-size: 14px; font-weight: normal; text-indent: 0em; } #tit01 { background: url(/uploads/image/wlz2xsimages/tit01.png) left top no-repeat; } #tit02 { background: url(/uploads/image/wlz2xsimages/tit02.png) left top no-repeat; } #tit03 { background: url(/uploads/image/wlz2xsimages/tit03.png) left top no-repeat; } #tit04 { background: url(/uploads/image/wlz2xsimages/tit04.png) left top no-repeat; } #tit05 { background: url(/uploads/image/wlz2xsimages/tit05.png) left top no-repeat; } /* 专家解读 */ .col-2 { overflow: hidden; } #read .col-2 .left { width: 560px; *width: 570px; /* ie 7 */ overflow: hidden; } #read .col-2 .left li { position: relative; width: 560px; *width: 580px; /* ie 7 */ height: 140px; margin-bottom: 40px; text-align: left; } #read .col-2 .left li a .scale-img { width: 230px; height: 140px; float: left; } #read .col-2 .left li a .txtbox { box-sizing: border-box; width: 330px; *width: 335px; /* ie 7 */ height: 140px; padding: 5px 0px 5px 15px; /* background: #fff4e7; */ overflow: hidden; float: left; } #read .col-2 .left li a .txtbox h5 { font-size: 18px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #read .col-2 .left li a .txtbox p { color: #333; margin-top: 10px; } #read .col-2 .right { list-style: square; width: 540px; *width: 530px; /* ie7 */ /* height: 590px; */ color: #23509b; /* list-style-position:inside; */ text-align: left; margin-bottom: 30px; } #read .col-2 .right li { box-sizing: border-box; width: 520px; *width: 509px; /* ie7 */ height: 64px; border-bottom: #999 dashed 1px; line-height: 60px; float: left; margin-left: 30px; /* padding-left: 9px; */ } #read .col-2 .right li h5 { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; } #read .col-2 .right li a, #read .col-2 .right li a:link, #read .col-2 .right li a:visited { display: inline-block; vertical-align: middle; color: #000000; font-size: 18px; line-height: 25px; font-weight: 500; } #read .col-2 .right li a:hover { color: #23509b; } /* 特别策划 */ .scheme { width: 1130px; margin-bottom: 30px; overflow: hidden; } .scheme li { width: 350px; height: 285px; background: url(/uploads/image/wlz2xsimages/bgcon.jpg) left top no-repeat; margin-right: 25px; float: left; } .scheme li h5 a { display: block; margin: 30px; color: #23509b; font-size: 20px; line-height: 32px; } .scheme li p { padding: 30px; color: #333; font-size: 16px; line-height: 30px; } /* 创意图解 */ #pic { width: 640px; overflow: hidden; margin-right: 30px; } #pic ul { width: 660px; margin-bottom: 50px; } #pic ul li { position: relative; width: 310px; margin: 0px 20px 20px 0px; float: left; } #pic ul li:nth-of-type(2n) { margin-right: 0; } #pic ul li a .scale-img { width: 310px; height: 180px; } #pic ul li:hover a 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); } #pic ul li a .mask { display: none; position: absolute; top: 0; left: 0; width: 310px; height: 180px; background: rgba(35, 80, 155, 0.85); background: #23509b\0/; /* 仅ie8识别 */ *background: #23509b; /* ie7 */ line-height: 180px; overflow: hidden; } #pic ul li:hover a .mask { display: block; } #pic ul li a .mask h5 { display: inline-block; vertical-align: middle; padding: 20px; color: #fff; font-size: 18px; line-height: 30px; font-weight: normal; } /* 媒体热评 */ #media { width: 430px; } #media ul { list-style: square; width: 430px; /* height: 590px; */ color: #23509b; /* list-style-position:inside; */ text-align: left; margin-bottom: 30px; } #media ul li { box-sizing: border-box; width: 400px; *width: 419px; /* ie7 */ height: 63px; border-bottom: #999 dashed 1px; line-height: 60px; float: left; margin-left: 30px; *margin-left: 0px; /* ie7 */ padding-left: 9px; } #media ul li h5 { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; } #media ul li a, #media ul li a:link, #media ul li a:visited { display: inline-block; vertical-align: middle; color: #000000; font-size: 18px; line-height: 25px; font-weight: 500; } #media ul li a:hover { color: #23509b; } /* 图片放大效果 */ .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); } /* 动画效果 */ .animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* .fadeinup { -webkit-animation-name: fadeinup; animation-name: fadeinup; } */ @-webkit-keyframes fadeinup { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeinup { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } }