/********************************************************************* 新闻首页 **********************************************************************/ .main{ background: url(../../image/bg.jpg) repeat-y center center; background-size: 2560px; } .main .m-wrap{ width:1240px; margin:0 auto; box-shadow: 0px 4px 8px #444; background: #f2f2f2; } .main .content{ margin-top: 29px; overflow: hidden; } .main .article{ float: left; width: 760px; } .main .article .m-banner{ height: 370px; width: 760px; border-radius:4px; overflow: hidden; background: #f2f2f2; position:relative; } .main .article .m-banner img{ width: 760px; } .main .article .m-banner .prev{ background:rgba(0,0,0,0.3) url(../../image/arrow-left.png) no-repeat center; background-size: 14px; z-index:999; position: absolute; top: 50%; left:10px; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-repeat:no-repeat; background-image: url('../../image/arrow-left.png'); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/arrow-left.png', sizingMethod='scale'); } .main .article .m-banner .next{ background:rgba(0,0,0,0.3) url(../../image/arrow-right.png) no-repeat center; background-size: 14px; z-index:999; position: absolute; top: 50%; right:10px; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-repeat:no-repeat; background-image: url('../../image/arrow-right.png'); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../image/arrow-right.png', sizingMethod='scale'); } .main .article .m-banner li{ position: relative; cursor: pointer; box-shadow: 0 0 20px #333; } .main .article .m-banner p{ background: rgba(0,0,0,0.4); height: 36px; line-height: 36px; padding-left: 8px; color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 15px; text-overflow:ellipsis; overflow:hidden; display: -webkit-box; box-sizing: border-box; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); } .main .article .m-banner p:hover{ text-decoration: underline; } .main .aside{ width: 412px; float: right; margin-left: 28px; } .main .aside .m-news{ } .main .aside .m-news .title{ color: #fff; background: url(../../image/m-news.jpg) no-repeat center; background-size:cover; padding: 20px; overflow: hidden; } .main .aside .m-news .title h1{ font-size: 22px; padding-left: 12px; float: left; } .main .aside .m-news .title h2{ padding: 3px 0 0 10px; float: left; } .main .aside .m-news .title h3{ line-height: 30px; } .main .aside .m-news .title h4{ float: left; } .main .aside .m-news .title h4 img{ width:28px; } .main .aside .m-news ul{ padding: 10px 25px; border: 1px solid #bfbfbf; border-top: none; } .main .aside .m-news li{ overflow: hidden; line-height: 40px; cursor: pointer; } .main .aside .m-news li .move{ background: -webkit-linear-gradient(#006fcb,#0038a9); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#006fcb,#0038a9); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#006fcb,#0038a9); /* Firefox 3.6 - 15 */ background: linear-gradient(#006fcb,#0038a9); /* 标准的语法 */ float: left; height: 8px; width: 8px; margin: 16px 11px 0 0; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fcb', endColorstr='#0038a9',GradientType=0 ); } .main .aside .m-news li .move.cur,.main .aside .m-news li .move.defalut{ background: -webkit-linear-gradient(#ff4112,#ea0030); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#ff4112,#ea0030); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#ff4112,#ea0030); /* Firefox 3.6 - 15 */ background: linear-gradient(#ff4112,#ea0030); /* 标准的语法 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4112', endColorstr='#ea0030',GradientType=0 ); } .main .aside .m-news li .con{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float: left; width: 275px; } .main .aside .m-news li .con.cur,.main .aside .m-news li .defalut{ color: #0072cd; } .main .aside .m-news li .time{ float: right; color: #959595; } .main .article .head{ overflow: hidden; margin: 40px 0 10px 0; } .main .article .head h2{ float: left; height: 28px; } .main .article .head h2 img{ height: 100%; } .main .article .head h3{ float: left; color: #0038a9; font-size: 25px; font-weight: bold; line-height: 28px; padding: 0 30px 0 18px; } .main .article .head h4{ float: left; color: #0072cd; width: 90px; font-size: 20px; border-left: 2px solid #0072cd; text-align: center; line-height: 28px; } .main .article .head .more{ float: right; font-size: 17px; padding-right: 24px; line-height: 28px; cursor: pointer; color: #323338; } .main .article .head .more:hover{ color: #0072cd; } .main .article .line{ } .main .article .line img{ width: 100%; } .main .article .m-comp li{ overflow: hidden; line-height: 40px; cursor: pointer; padding: 0 20px; } .main .article .m-comp li.cur{ background: url(../../image/comp-bg.png) no-repeat; background-size:cover; } .main .article .m-comp li .move{ width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #cfcfcf; float: left; margin: 15px 11px 0 0; } .main .article .m-comp li .move.cur,.main .article .m-comp li .move.defalut{ border-left-color: #0070cc; } .main .article .m-comp li .con{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float: left; width: 500px; } .main .article .m-comp li .con.cur,.main .article .m-comp li .defalut{ color: #0072cd; } .main .article .m-comp li .time{ float: right; color: #959595; } .main .article .m-media li{ overflow: hidden; line-height: 40px; cursor: pointer; padding: 0 20px; } .main .article .m-media li.cur{ background: url(../../image/comp-bg.png) no-repeat; background-size:cover; } .main .article .m-media li .move{ width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #cfcfcf; float: left; margin: 15px 11px 0 0; } .main .article .m-media li .move.cur,.main .article .m-media li .move.defalut{ border-left-color: #0070cc; } .main .article .m-media li .con{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float: left; width: 500px; } .main .article .m-media li .con.cur,.main .article .m-media li .defalut{ color: #0072cd; } .main .article .m-media li .con span{ color: #0072cd; } .main .article .m-media li .time{ float: right; color: #959595; } .main .article .m-focus .focus{ float: left; height: 280px; width: 280px; border-radius:4px; overflow: hidden; margin-left: 18px; } .main .article .m-focus .focus h1{ display: block; height: 138px; margin-bottom:4px; width:280px; } .main .article .m-focus .focus h1 img{ height:100%; } .main .article .m-focus .swiper-slide img{ width:280px; } .main .article .focus{ } .main .article .m-focus .list{ float: right; } .main .article .m-focus li{ overflow: hidden; line-height: 40px; cursor: pointer; } .main .article .m-focus li.cur{ background: url(../../image/comp-bg.png) no-repeat; background-size:cover; } .main .article .m-focus li .move{ width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #0070cc; float: left; margin: 15px 11px 0 0; transition: all 0.2s ease; } .main .article .m-focus li .move.cur,.main .article .m-focus li .move.defalut{ border-left-color: #f72a1d; } .main .article .m-focus li .con{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; float: left; width: 362px; } .main .article .m-focus li .con.cur,.main .article .m-focus li .con.defalut{ color: #0070cc; } .main .article .m-focus .swiper-pagination{ opacity: 0; } .main .article .m-focus li .con span{ color: #0072cd; } .main .article .m-focus li .time{ float: right; color: #959595; padding-right:20px; } .main .cooper{ } .main .cooper ul{ overflow: hidden; padding: 54px 0 12px 0; } .main .cooper li{ float: left; width: 300px; height: 117px; cursor: pointer; } .main .cooper li img{ width:300px; } .main .aside .m-video{ margin-top: 14px; } .main .aside .head{ overflow: hidden; background: #dcdcdc; padding: 20px; } .main .aside .head h2{ float: left; } .main .aside .head h2 img{ } .main .aside .head h3{ color: #003cac; float: left; font-size: 22px; line-height: 27px; padding-left: 13px; } .main .aside .head .more{ float: right; color: #0038a9; line-height: 27px; vertical-align: text-bottom; cursor: pointer; } .main .aside .m-video .wrap{ border: 1px solid #c9c9c9; border-top:none; } .main .aside .m-video .video{ width: 355px; height: 200px; border-radius: 4px; overflow: hidden; padding-top: 20px; margin: 0px auto 10px auto; } .main .aside .m-video .video img{ height: 100%; width: 100%; } .main .aside .m-video li{ line-height: 36px; overflow: hidden; cursor: pointer; } .main .aside .m-video li.cur{ color: #003cac; } .main .aside .m-video .list{ padding-bottom: 12px; } .main .aside .m-video .player{ background: url(../../image/icon-player.png) no-repeat; background-size:cover; height: 20px; width: 20px; margin: 8px 16px 0 25px; float: left; } .main .aside .m-video .con{ float: left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:320px; } .main .aside .m-video .con.cur{ color: #0072cd; } .main .aside .m-paper{ margin-top: 14px; } .main .aside .m-paper .list{ border: 1px solid #c9c9c9; border-top:none; overflow: hidden; } .main .aside .m-paper li{ float: left; margin: 20px 0 0 27px; } .main .aside .m-paper li .pic{ width: 164px; height: 228px; border: 1px solid #707070; border-radius:4px; overflow: hidden; } .main .aside .m-paper li .pic img{ width: 100%; height: 100%; } .main .aside .m-paper li h1{ line-height: 48px; text-align: center; } .main .aside .m-person{ margin-top: 14px; } .main .aside .m-person .nav{ background: #dcdcdc; position: relative; } .main .aside .m-person .icon{ background: url(../../image/icon-people.png) no-repeat; background-size:cover; height: 28px; width: 28px; position: absolute; left:20px; top: 20px; } .main .aside .m-person .instr{ color: #003cac; float: left; font-size: 22px; line-height: 27px; padding-left: 13px; padding: 20px 0 20px 61px; } .main .aside .m-person .nav ul{ float: right; } .main .aside .m-person .nav ul li{ float: left; width: 70px; background: #8d8d8d; color: #fff; line-height: 67px; text-align: center; font-size: 16px; margin-left: 1px; position: relative; cursor:pointer; } .main .aside .person{ height:306px; } .main .aside .m-person .nav ul li.cur{ background: -webkit-linear-gradient(#006fcb,#0038a9); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#006fcb,#0038a9); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#006fcb,#0038a9); /* Firefox 3.6 - 15 */ background: linear-gradient(#006fcb,#0038a9); /* 标准的语法 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fcb', endColorstr='#0038a9',GradientType=0 ); } .main .aside .m-person .nav ul li .cate{ width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 12px solid #003dac; position: absolute; bottom: -11px; left: 26px; display: none; } .main .aside .m-person .con{ border: 1px solid #c9c9c9; border-top:none; overflow: hidden; } .main .aside .m-person .con li{ padding: 20px 22px; width: 366px; height:262px; } .main .aside .m-person .decl{ font-size: 20px; font-weight: bold; color: #0072cd; padding: 14px 0; cursor: pointer; } .main .aside .m-person .decl:hover{ color: #ff4112; } .main .aside .m-person .from{ width: 200px; float: left; text-overflow:ellipsis; overflow:hidden; max-height: 192px; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; } .main .aside .m-person .from:hover{ color: #0072cd; cursor: pointer; } .main .aside .m-person .picture{ float: right; height: 190px; width: 140px; } .main .aside .m-person .picture img{ width: 100%; height:100%; }