@charset "utf-8"; /* css document */ body{ background: no-repeat top 181px center; } .content{ overflow:hidden; background: no-repeat bottom center;} .wrapmode01{ } .mode01{max-width:1200px; margin:55px auto 20px auto; background: #fff; border-top: #0d5ca0 5px solid;} .mode01 .lf{ width: 66.7%; float: left;} .mode01 .rt{ width: 31%; float: right;} /*要闻*/ .banner{ position: relative;} .listtitle01{ display: inline-block; background: no-repeat top right; width: auto; padding-right: 20px; position:absolute; left: 0; top: -30px; z-index: 9; overflow: hidden;} .listtitle01 h2{ padding: 8px; height: 65px; display: inline-block;background:#8c0000; background: -webkit-linear-gradient(left, #3a7cb5 , #0d5ca0); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #3a7cb5 , #0d5ca0); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #3a7cb5 , #0d5ca0); /* firefox 3.6 - 15 */ background: linear-gradient(to right, #3a7cb5 , #0d5ca0); /* 标准的语法 */ } .banner .flexbg{width: 100%; height: 5px; position: absolute; top: -5px; left: 0; background:#8c0000; background: -webkit-linear-gradient(left, #3a7cb5 , #0d5ca0); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #3a7cb5 , #0d5ca0); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #3a7cb5 , #0d5ca0); /* firefox 3.6 - 15 */ background: linear-gradient(to right, #3a7cb5 , #0d5ca0); /* 标准的语法 */ } .listtitle01 h2 a{ font-family:; font-size: 2.5em; color: #fff; display: inline-block; float: left; width: auto; line-height: 48px; padding: 10px;} .listtitle01 h2 span{ font-size: 20px; display: inline-block; font-family: "arial"; width: 100px; text-align: center;color: #fff; border-left: #e18b8b 1px solid; } .listtitle01 h2 span strong{ display: block; font-size: 30px; border-bottom: #e18b8b 1px solid; padding-bottom: 6px; margin-bottom: 6px; font-weight: bold;} .articlelist02 .more{position: absolute; right: 20px; top: 8px; display: inline-block; } .articlelist02 .more a i{ font-size:22px; color: #cccccc; transition: all 0.3s ease;} .articlelist02 .more a:hover i{ color: #3a7cb5; } .articlelist08 .more{position: absolute; right: 15px; top: 8px; display: inline-block; } .articlelist08 .more a i{ font-size:22px; color: #cccccc; transition: all 0.3s ease;} .articlelist08 .more a:hover i{ color: #3a7cb5; } .articlelist02{ padding:10px 22px 10px 0; overflow: hidden; position: relative;} .articlelist02 ul li{ overflow: hidden; padding: 15px 0; background: repeat-x top; } .articlelist02 ul li:first-child{ background: none } .articlelist02 ul li > a{ display: block; } .articlelist02 ul li .newsimg{ display: block; max-width: 120px; max-height: 66px; float: left; overflow: hidden;} .articlelist02 ul li .newsimg img{ width: 100%; } .articlelist02 ul li > a:hover .newsimg img{transition: all 0.5s ease;max-width: 191px;} .articlelist02 ul li > a:hover .newsimg img{ transform: scale(1.1); } .articlelist02 ul li .newstext{ display: block; margin-left: 130px; transition: all 0.3s ease;} .articlelist02 ul li:hover .newstext{ margin-left: 132px; } .articlelist02 ul li .newstext h3{ font-size: 1.5em; font-weight: normal; height:45px;line-height: 24px;overflow:hidden; } .articlelist02 ul li .newstext strong{ display: inline-block; font-size: 1.4em; color: #999999; font-family: "arial"; margin-bottom: 4px; } .articlelist02 ul li .newstext strong i{ font-size: 14px; color: #999999; margin-right: 6px;} .mode02{max-width:1200px; margin:20px auto; overflow: hidden;} .mode02 .lf{ width: 65%; float: left; background: #fff; border-top: #3a7cb5 2px solid; border-left: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid;overflow: hidden;} .mode02 .rt{ width: 33.4%; float: right; overflow: hidden;} /*时讯*/ .articletitle01{ height:35px; line-height:35px; margin-bottom: 15px; overflow: hidden;} .articletitle01 .title{ font-family:隶书; font-size: 2.5em; font-weight: bold; color: #fff; display: inline-block; padding: 0 13px; height:35px; line-height: 31px; text-align: center; float: left;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; background:#8c0000; background: -webkit-linear-gradient(left, #3a7cb5 , #0d5ca0); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #3a7cb5, #0d5ca0); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #3a7cb5, #0d5ca0); /* firefox 3.6 - 15 */ background: linear-gradient(to right, #3a7cb5 , #0d5ca0); /* 标准的语法 */} .articletitle01 .more{ float: right; display: inline-block; } .articletitle01 .more a i{ font-size:22px; color: #cccccc; transition: all 0.3s ease;} .articletitle01 .more a:hover i{ color: #3a7cb5; } .articlelist03{ padding: 0 20px; overflow: hidden;} .listtext{padding:0 0 20px 0; overflow: hidden;} .listtext ul.left{ width:46%; float: left; } .listtext ul.right{width:46%; float: right; } .listtext .line{ width: 1px; height: 0; padding-bottom:51%; margin: 15px 3% 0 3%; float: left; background: #e5e5e5; } .articlelist03 ul li{ overflow: hidden; padding: 18px 0;} .articlelist03 ul li:first-child{ background: none } .articlelist03 ul li > a{ display: block; } .articlelist03 ul li .newsimg{ display: block; max-width: 120px; max-height: 66px; float: left; overflow: hidden;} .articlelist03 ul li .newsimg img{ width: 100%; } .articlelist03 ul li > a:hover .newsimg img{transition: all 0.3s ease;max-width: 191px;} .articlelist03 ul li > a:hover .newsimg img{ transform: scale(1.1); } .articlelist03 ul li .newstext{ display: block; margin-left: 130px; transition: all 0.3s ease;} .articlelist03 ul li:hover .newstext{ margin-left: 132px; } .articlelist03 ul li .newstext h3{ font-size: 1.5em; font-weight: normal; height:45px;line-height: 24px;overflow:hidden; } .articlelist03 ul li .newstext strong{ display: inline-block; font-size: 1.4em; color: #999999; font-family: "arial"; margin-bottom: 4px; } .articlelist03 ul li .newstext strong i{ font-size: 14px; color: #999999; margin-right: 6px;} /*排行榜*/ .articlelist04{padding:0 20px 5px 20px; background: #fff; border-top: #3a7cb5 2px solid; border-left: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; overflow: hidden;} .articlelist04 ul{} .articlelist04 ul li{ padding: 13px 0; background: repeat-x bottom; } .articlelist04 ul li:last-child{ background: none; } .articlelist04 ul li strong{ display: inline-block; width: 28px;height: 28px; text-align: center; line-height: 28px; font-weight: bold; font-size: 1.8em; font-family: "arial"; color: #fff; background: #3a7cb5; float: left; margin-right: 10px; transition: all 0.3s ease;} .articlelist04 ul li.li1 strong{background: #3a7cb5;} .articlelist04 ul li.li2 strong{background: #3a7cb5;} .articlelist04 ul li.li3 strong{background: #3a7cb5;} .articlelist04 ul li:hover strong{ background: blue; } .articlelist04 ul li a{ display:block; *display: inline-block; font-size: 1.5em; height: 24px; line-height: 21px; overflow: hidden; transition: all 0.3s ease;} .articlelist04 ul li span.rightdate{display: block; font-size: 1.4em; color: #999999; font-family: "arial"; margin-left: 40px; } /*荐读*/ .articlelist05{ margin-top: 20px; padding: 0 20px 5px 20px; background: #fff; border-top: #3a7cb5 2px solid; border-left: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; overflow: hidden;} .articlelist05 ul{} .articlelist05 ul li{ padding: 12px 0; background: repeat-x bottom; } .articlelist05 ul li:last-child{ background: none; } .articlelist05 ul li a{ display: block; *display: inline-block; font-size: 1.5em; height: 24px; line-height: 21px; overflow: hidden; transition: all 0.3s ease;} .articlelist04 ul li:hover a,.articlelist05 ul li:hover a{ padding-left: 5px; } .articlelist05 ul li span.rightdate{display: block; font-size: 1.4em; color: #999999; font-family: "arial"; margin-left: 40px; } .mode03{ background: no-repeat center #0d5ca0; overflow: hidden; } .articlelist06{ max-width: 1200px; margin: 10px auto 8px auto; overflow: hidden; } .articletitle02{ height: 50px; line-height: 50px; background: no-repeat center; text-align: center; margin-bottom: 5px; } .articletitle02 .title{ font-size: 2.0em; font-weight: bold; color: #fff; } /*专题*/ /*flexslider默认样式*/ .zt .flexslider { position: relative;z-index: 999;} .zt .flexslider ul.slides li{ position:relative; list-style:none; } .zt .flexslider ul.slides li img{ display:block;width:100%;transition: all 0.5s ease;} .zt .flex-viewport { max-height: 2000px; margin: 0 auto; transition: all 1s ease; } .zt .loading .flex-viewport { max-height: 300px; } .zt .flexslider .slides { zoom: 1; padding:0;} .zt .carousel li { margin-right: 5px; } .zt{ max-width: 1140px; margin: 0 auto; } .zt dl{overflow: hidden; } .zt dl dd{ width: 25%; float: left; } .zt dl dd a{ display: block; margin: 0 14px; overflow: hidden;} .zt dl dd a i{ display: block; height: 0; padding-bottom: 46.5%;overflow: hidden; } .zt dl dd a span{ font-size: 1.6em; color: #fff; display: block; height: 24px; line-height: 24px; margin: 10px 0; text-align: center; overflow: hidden;} .zt dl dd a:hover img{ transform: scale(1.1); } /*icon小点*/ .articlelist06 .flex-control-nav {width:auto;text-align:center; overflow: hidden; display: none;} .articlelist06 .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;} .articlelist06 .flex-control-paging li a { float:left; width: 6px; height: 6px; display: block; background:#fff; border-radius: 50%; cursor: pointer;text-indent: -9999px; } .articlelist06 .flex-control-paging li a:hover,.articlelist06 .flex-control-paging li a.flex-active {background:#e60012;} .articlelist06 .flex-direction-nav{ display:block; margin-bottom: -14px;} .articlelist06 .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; } .articlelist06 .flex-direction-nav a{ width: 30px;height: 60px; display: inline-block;*display: inline;*zoom:1; text-indent: -999em;cursor: pointer;overflow: hidden;transition: all 0.5s ease; position: relative;} .articlelist06 .flex-direction-nav a:before{ content: ""; display: block; width: 30px; height: 60px; background: #fff; opacity: 0.5; transition: all 0.3s ease;} .articlelist06 .flex-direction-nav a:hover:before{ opacity: 0.3; } .articlelist06 .flex-direction-nav a.flex-prev{ background:url(/uploads/image/images2020/lf.png) no-repeat center; position:absolute;left: -30px; top: 12%; z-index: 99;} .articlelist06 .flex-direction-nav a.flex-next{ background:url(/uploads/image/images2020/rt.png) no-repeat center; position:absolute;right: -30px; top: 12%;z-index: 99;} .mode04{ max-width: 1200px; margin: 20px auto; } .mode04 .lf{ width: 66.6%; float: left; } .mode04 .rt{ width: 31%; float: right; } /*图片轮播*/ /*flexslider默认样式*/ .articlelist07{ position: relative; margin: 0 0 0 -30px;} .articlelist07 .flexslider { width:100%; position: relative; zoom: 1; overflow:hidden; } .articlelist07 .flexslider ul.slides li{ list-style:none; position: relative; overflow: visible ;} .articlelist07 .flexslider ul.slides li > div{ } .articlelist07 .flexslider ul.slides li .slideimg{ display:block; height:0; padding-bottom:54.32%; margin: 0 0 0 30px; overflow:hidden;} .articlelist07 .flexslider ul.slides li img{ border:none; width:100%;} .articlelist07 .flex-viewport { max-height: 2000px; overflow: visible !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .articlelist07 .loading .flex-viewport { } .articlelist07 .flexslider .slides { zoom: 1; width:100%; padding:0;} .articlelist07 .carousel li { margin-right: 5px; } /*icon小点*/ .articlelist07 .flex-control-nav {width:auto; position: absolute; bottom:35px; right:17%;text-align:center;z-index:9; display: none;} .articlelist07 .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;} .articlelist07 .flex-control-paging li a { float:left; width: 8px; height: 8px; display: block; background:none; border: #d9b26f 1px solid; border-radius: 50%; cursor: pointer;text-indent: -9999px; } .articlelist07 .flex-control-paging li a:hover,.articlelist07 .flex-control-paging li a.flex-active {background:#d9b26f; border: #d9b26f 1px solid;} .articlelist07 .flexslider ul li .slidetxt{ width: 36.3%; position:absolute; bottom:0; right:42px; color:#fff;z-index:999; background: repeat; padding: 15px;} .articlelist07 .flexslider ul li .slidetxt p{ font-size:1.6em; color:#fff; font-weight: bold; height: 50px; line-height: 25px; overflow: hidden;} .articlelist07 .flexslider ul li .slidedate{width:66px; position: absolute; top: 20px; left:6px; background: #fff; border: #8c0000 2px solid; border-radius: 7px; box-shadow: -5px 6px 0px #8c0000;text-align: center; padding: 15px 0;} .slidedate span{ font-size: 16px; } .slidedate h3{ font-size: 22px; color: #8c0000; width: 30px;text-align: center; line-height: 25px; margin:12px auto 20px auto; } .slidedate strong{ font-size: 12px; display: block; width: 40px; height: 30px; text-align: center; line-height: 30px; margin: 0 auto; border-top: #999999 2px solid; } .articlelist07 .flex-direction-nav{ display:block; position: absolute; right: 0; bottom: 0; width: 40px; height: 81px;} .articlelist07 .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1;width: 40px; height: 40px; background: #000; opacity: 0.6;transition: all 0.3s ease;} .articlelist07 .flex-direction-nav a{ width:40px;height:40px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em;z-index:9;cursor: pointer;overflow: hidden;} .articlelist07 .flex-direction-nav li:hover{opacity:0.9;} .articlelist07 .flex-direction-nav a.flex-prev{ background: no-repeat center; right:0; top: 0;z-index: 99;} .articlelist07 .flex-direction-nav a.flex-next{ background: no-repeat center; right:0; bottom:0;} /*石大音频*/ .articlelist08{ background: #fff; padding: 12px 15px; margin-top: 21px; border-top: #3a7cb5 2px solid; border-left: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; overflow: hidden; position: relative;} .articletitle03{width: 70px; float: left; text-align: center; padding:21px 15px 21px 0; border-right: #e6e6e6 1px solid;} .articletitle03 a{ display: inline-block; } .articletitle03 .iconyinpin1{ font-size: 38px; color: #b81212; background-image:-webkit-linear-gradient(bottom,#910202,#b81212,#d11c1c); -webkit-background-clip:text;-webkit-text-fill-color:transparent; display: block; } .articletitle03 .title{ font-size: 1.7em; font-weight: bold; } .articlelist08 ul{ margin:-10px -20px -10px 93px; overflow: hidden; } .articlelist08 ul li{ float: left; width: 49.5%; } .articlelist08 ul li > div{ margin: 10px 17px; } .articlelist08 ul li a{ font-size: 1.5em; display: block; height: 24px; line-height: 24px; overflow: hidden; padding-left: 15px;transition: all 0.3s ease; } .articlelist08 ul li:hover a{ padding-left: 20px; } .articlelist08 ul li .rightdate{ font-size: 1.4em; font-family: "arial"; color: #999;padding-left: 30px; } /*聚焦*/ .articlelist09{ padding: 0 20px 22px 20px; background: #fff; border-top: #3a7cb5 2px solid; border-left: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; overflow: hidden;} .articlelist09 ul{} .articlelist09 ul li{ padding: 12px 0; background: repeat-x bottom; } .articlelist09.jujiao ul li:last-child{ background: none; } .articlelist09 ul li span.rightdate{display: block; font-size: 1.4em; color: #999999; font-family: "arial"; margin-left: 40px; } .articlelist09.jujiao ul li a{ display: block; *display:inline-block; font-size: 1.5em; height: 44px; line-height: 24px; overflow: hidden; transition: all 0.3s ease;} .articlelist09.jujiao ul li:hover a{ padding-left: 5px; } /*学习*/ .articlelist09.xuexi{ margin-top: 20px; padding-bottom: 4px; overflow: hidden; } .articlelist09.xuexi ul li{ padding: 16px 0;} .articlelist09.xuexi ul li:last-child{ background: none;} .articlelist09.xuexi ul li a{ display: block; font-size: 1.5em; height: 24px; line-height: 24px; overflow: hidden; transition: all 0.3s ease;} .articlelist09.xuexi ul li:hover a{ padding-left: 5px; } /*风华石大*/ .mode05{ max-width: 1200px; margin: 0 auto; overflow: hidden;} .articlelist10{ padding: 0 20px; background: #fff; border-top: #3a7cb5 2px solid; border-left: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; overflow: hidden;} .articlelist10 ul{ margin: 15px -21px; overflow: hidden; } .articlelist10 ul li{ width: 25%; float: left; background: repeat-y right; transition: all 0.5s ease; } .articlelist10 ul li:hover{ margin-top: -5px; } .articlelist10 ul li:last-child{ background: none; } .articlelist10 ul li a{ display: block; margin: 0 20px; overflow: hidden; transition: all 0.3s ease; } .articlelist10 ul li .newsimg { display: block;height: 0;padding-bottom: 56%;overflow: hidden; } .articlelist10 ul li .newsimg img{ width: 100%; transition: all 0.3s ease;} .articlelist10 ul li a:hover .newsimg img{ transform: scale(1.1);} .articlelist10 ul li .newstext{ display:block; margin:10px 0; } .articlelist10 ul li .newstext h3{ font-size: 15px; height: 46px; line-height: 24px; font-weight: normal; overflow: hidden;} .articlelist10 ul li .newstext strong{ display: inline-block; font-size: 14px; color: #666666; margin-bottom: 6px; } .articlelist10 ul li .newstext strong i{ font-size: 14px; color: #666666; margin-right: 6px;} .articlelist10 ul li.noimg .newstext{ margin: 0; } .articlelist10 ul li.noimg strong{ margin-bottom: 40px; } .articlelist10 ul li p{ display: block; height:70px; color: #999999; font-size: 14px; line-height: 24px; margin: 12px 0 47px 0; overflow: hidden; } .mode06{ max-width: 1200px; margin:20px auto; overflow: hidden; } .mode06 .lf,.mode06 .md,.mode06 .rt{ width: 31.5%; background: #fff; border-top: #3a7cb5 2px solid; border-left: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; overflow: hidden;} .mode06 .lf{ float: left; } .mode06 .md{ float: left; margin: 0 0 0 2.45%; } .mode06 .rt{ float: right; } /*星光*/ .articlelist11,.articlelist12,.articlelist13{ padding: 0 20px 20px 20px; overflow: hidden;} .listshow{ margin: 15px 0 0 0; overflow: hidden; } .listfirst{background: repeat-x bottom; overflow: hidden;} .listfirst h3{ overflow: hidden; } .listfirst h3 a{ font-size: 1.8em; float: left; display: block; width: 80%; height: 47px; line-height: 24px; overflow: hidden;} .listfirst h3 span{ font-size: 1.2em; color: #8c0000; float: right; position: relative; } .listfirst h3 span:before{ content: ""; display: block; width: 100%; height: 1px; background: #8c0000;position:absolute; left: 0; bottom: -4px; } .listfirst p{ font-size: 1.2em; color: #999999; line-height: 20px; display: block; margin: 15px 0; height: 44px; overflow: hidden;} .articlelist11 ul li {padding: 12px 0;background: repeat-x bottom; overflow: hidden;} .articlelist11 ul li:last-child{ background: none; } .articlelist11 ul li a {display: block;font-size: 1.5em;height: 24px;line-height: 24px;overflow: hidden; transition: all 0.3s ease;} .articlelist11 ul li:hover a {padding-left: 5px;} /*视点*/ .articlelist12 ul { overflow: hidden; } .articlelist12 ul li{ overflow: hidden; height: 50px; margin: 23px 0 0 0; } .articlelist12 ul li span{ display: inline-block; float: left; width: 46px; height: 46px; text-align: center; line-height: 46px; font-size:1.4em; font-weight: bold; color: #fff; border-radius: 50%;} .articlelist12 ul li.li1 span{background: #8fa8b3;} .articlelist12 ul li.li2 span{background: #9399bb;} .articlelist12 ul li a{ font-size: 1.5em; display: block; height: 48px; line-height: 48px; border: #e6e6e6 1px solid; border-radius: 3px; padding: 0 10px; margin-left:64px; position: relative; transition: all 0.3s ease;} .articlelist12 ul li a:hover{ margin-left: 60px; } .articlelist12 ul li a i{ display: block; background: no-repeat; width: 14px; height: 20px; position: absolute;left: -14px; top: 0;z-index: 99; } .articlelist12 ul li a p{ display: inline-block; height: 47px; overflow:hidden; } /*博览*/ .articlelist13 ul{} .articlelist13 ul li{ padding: 21px 0 10px 0; background: repeat-x bottom;} .articlelist13 ul li i.bl{ display: inline-block; float: left; height: 24px; padding: 0 5px; text-align: center; line-height: 24px; font-style: normal; font-size: 12px; color: #fff; border-radius: 15px; margin-right: 10px;} .articlelist13 ul li span.rightdate{display: block; font-size: 1.4em; color: #999999; font-family: "arial"; margin-left: 40px; } .articlelist13 ul li > a{ display: block; *display: inline-block; font-size: 1.5em; height: 24px; line-height: 24px; overflow: hidden; transition: all 0.3s ease;} .articlelist13 ul li:hover a{ padding-left: 5px; } /*校媒*/ .mode07{max-width: 1200px; margin: 0 auto 20px auto; overflow: hidden; } .articlelist14{ padding: 0 20px 10px 20px; background: #fff; border-top: #3a7cb5 2px solid; border-left: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; overflow: hidden;} .weixin.lf{ width: 46%; float: left;background: repeat-y right;margin-top: 10px; overflow: hidden; } .erweima{ width: 126px;height: 126px; float: left; position: relative; } .erweima img{ width: 102px; height: 102px; display: block; padding: 11px;} .erweima i{ display: inline-block; width: 16px; height: 14px; position: absolute; } .erweima i.l-lf-top{ border-left:#8c0000 2px solid; border-top:#8c0000 2px solid; left: 0; top: 0;} .erweima i.l-lf-bottom{ border-left:#8c0000 2px solid; border-bottom:#8c0000 2px solid; left: 0; bottom: 0;} .erweima i.l-rt-top{ border-right:#8c0000 2px solid; border-top:#8c0000 2px solid; right: 0; top: 0;} .erweima i.l-rt-bottom{ border-right:#8c0000 2px solid; border-bottom:#8c0000 2px solid; right: 0; bottom: 0;} .weixinfirst{ margin:0 27px 0 155px; overflow: hidden;} .weixinfirst .iconweixin{ font-size: 22px; color: #13bf86; margin-right: 10px; } .weixinfirst .title{ font-size: 1.6em; display: block; height: 24px; line-height: 24px; margin-bottom: 10px; overflow: hidden; } .weixinfirst p { display: block; font-size: 14px; height: 190px; line-height: 24px;color: #666; overflow: hidden;} .weixinfirst p span{ display: block; color: #666;} .weixinfirst p span a{ color: #8c0000; } .sina.md{ width: 30%; float: left; margin-top: 10px; overflow: hidden;} .sinafirst{ margin:0 0 0 27px; overflow: hidden; } .sinafirst .iconweibo{ font-size: 29px; color: #e6162d; margin-right: 10px; } .sinafirst .title{ font-size: 1.6em; display: block; height: 24px; line-height: 24px; margin-bottom: 10px; overflow: hidden; } .sinafirst p { display: block; font-size: 14px; height: 190px; line-height: 24px;color: #666; overflow: hidden;} .sinafirst p span{ display: block; color: #666;} .sinafirst p span a{ color: #8c0000; } .newspaper.rt{ width: 15.5%; float: right; margin-top: -30px; margin-bottom: 15px; border: #f2f2f2 3px solid; position: relative; overflow: hidden; } .newspaper a{ display: block; height: 0; padding-bottom:147%; overflow: hidden; } .newspaper a img{ display: block; width: 100%; transition: all 0.3s ease; } .newspaper a:hover img{ transform: scale(1.1);} .newspaper span{ font-size: 1.8em; font-weight: bold; color: #fff; display: block; background: repeat; height: 33px; line-height: 33px; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%;} @media screen and (max-width:1386px) { .mode01,.mode02,.articlelist06,.mode04,.mode05,.mode06,.mode07{ max-width: 1000px; } .articlelist10 ul li.noimg strong{ margin-bottom: 14px; } .zt{ max-width: 920px; } .articlelist09.xuexi{padding-bottom:0;} .articlelist09 ul li,.articlelist09.xuexi ul li{ padding: 8px 0; } .articlelist09.xuexi ul li:last-child{ background: none; } } @media screen and (max-width:1200px) { .wrapmode01,.mode02,.articlelist06,.mode04,.mode05,.mode06,.mode07{ padding: 0 20px;} } @media screen and (max-width:1024px) { .mode06 .md{ margin:0 2.2% ;} } @media screen and (max-width:992px) { .mode01 .lf,.mode01 .rt,.mode02 .lf,.mode02 .rt,.mode04 .lf,.mode04 .rt{ width: auto; float: none; } .mode02 .rt,.mode04 .rt{ margin-top: 20px; } .listtext .line{ padding-bottom: 42%; } .articlelist04{ width: 44%; float: left; } .articlelist05{ width: 44%; float: right; margin-top: 0; } .articlelist02{ padding: 10px 20px; } .mode06 .lf{ float: none; width: auto; margin-bottom: 20px; } .mode06 .md{ margin:0; width: 48.5%;} .mode06 .rt{ width: 48.5%;} .articlelist10 ul{ font-size: 0; } .articlelist10 ul li{ width: 50%; display: inline-block; float:none; font-size: 15px; vertical-align: top;} .articlelist10 ul li .newstext h3{ height: auto; } .articlelist14{ padding: 0 20px 20px 20px; } .newspaper.rt{ margin-top: 0; } .zt{ max-width: 1000px; } .articlelist06 .flex-direction-nav a.flex-prev{ left: 0; } .articlelist06 .flex-direction-nav a.flex-next{ right: 0; } .articlelist07 .flexslider ul li .slidetxt{ width: auto; padding: 0 2%;} .articlelist07 .flexslider ul li .slidetxt p{ height: 38px;line-height: 38px;} .articlelist07 .flexslider ul li .slidedate{ left: 6px; } .articlelist09.jujiao ul li a{ height: auto; } } @media screen and (max-width:768px) { .weixin.lf{ width: auto; float: none; background: repeat-x bottom; padding-bottom: 15px; } .sina.md{ width: 50%; margin-top: 20px;} .sinafirst{ margin: 0; } .sinafirst p{ height: 190px; } .newspaper.rt{ margin-top: 20px; width: 40%; } } @media screen and (max-width:767px) { .listtitle01 h2{ height: 49px; } .mode01{ margin: 50px auto 20px auto; } .wrapmode01,.mode02,.articlelist06,.mode04,.mode05,.mode06,.mode07{ padding: 0 15px;} .listtext ul.left,.listtext ul.right,.articlelist04,.articlelist05{ width: auto; float: none; } .articlelist05{ margin-top: 20px; } .listtext .line{ display: none; } .articlelist02 ul li{ padding: 12px 0; } .articlelist03 ul li{ background: repeat-x top; padding: 12px 0; } .listtext ul.left{ background: repeat-x bottom; } .articlelist08 ul li{ width: auto; float: none; } .articletitle03{ padding: 65px 15px 65px 0; } .articlelist07, .articlelist07 .flexslider ul.slides li .slideimg{ margin: 0; } .articlelist07 .flex-direction-nav{ display: none; } .articlelist07 .flexslider ul li .slidetxt{ padding: 0 2%; width: 96%; right: 0;} .articlelist07 .flexslider ul li .slidetxt p{ height: 38px;line-height: 38px; font-size: 15px; } .articlelist07 .flexslider ul li .slidedate{ width: 132px; height: 40px; line-height: 40px; text-align: center; padding: 0 10px;top: 5px; } .slidedate h3{ width: auto;display: inline-block; font-size: 18px; padding: 0 5px; margin: 0; } .slidedate strong{ margin: 0; width: auto; display: inline-block; border-top: none; } .slidedate span{ font-size: 12px; } .articlelist06 .flex-direction-nav{ margin-bottom: 0; text-align: center; } .articlelist06 .flex-direction-nav a{ height: 30px; margin: 0 5px; } .articlelist06 .flex-direction-nav a.flex-prev,.articlelist06 .flex-direction-nav a.flex-next{position: static;} .mode06 .md{ width: auto; float: none; margin: 0 0 20px 0 ;} .mode06 .rt,.sina.md{ width: auto; float: none;} .sina.md{ margin: 20px 0;} .weixinfirst p,.sinafirst p{ height: auto; } .newspaper.rt{margin: 0 auto; float: none;} .articlelist09.xuexi ul li{ padding: 12px 0; } .listtitle01 h2 a,.articletitle01 .title{ font-size: 2.0em; } .listtitle01 h2 a{ padding: 0; } .listtitle01 h2 span{ font-size: 16px; } .listtitle01 h2 span strong{ font-size: 16px; } .articlelist02 ul li .newstext h3,.articlelist03 ul li .newstext h3,.articlelist04 ul li a,.articlelist05 ul li a,.articlelist08 ul li a,.articlelist09.jujiao ul li a, .articlelist09.xuexi ul li a,.articlelist10 ul li .newstext h3,.articlelist11 ul li a,.articlelist12 ul li a,.articlelist13 ul li a ,.zt dl dd a span{ font-size: 13px; } .articlelist04 ul li span.rightdate,.articlelist02 ul li .newstext strong,.articlelist03 ul li .newstext strong,.articlelist08 ul li .rightdate,.articlelist10 ul li p ,.articlelist10 ul li .newstext strong,.weixinfirst p,.sinafirst p{ font-size: 12px; } .articletitle02{ margin-bottom: 20px; } .zt dl dd{ width: 50%; } .newspaper.rt{ width: auto; } .newspaper span{ font-size: 16px; } .articlelist08 ul li > div{ margin: 12px 17px; } .articlelist10 ul li{ width: 100%; background: repeat-x bottom; margin-bottom: 12px;} .articlelist10 ul li p{ margin: 12px 0; } .articlelist12 ul li{ margin: 12px 0 0 0; } .articlelist13 ul li{ padding: 12px 0; } .erweima{ float: none; margin: 0 auto; } .weixinfirst{ margin: 20px 0 0 0; } } @media screen and (max-width:480px) { .articletitle03{float: none; padding: 0; width: auto; line-height: 40px; text-align: left; border-right: 0;} .articletitle03 .iconyinpin1{ float: left; margin-right: 8px;} .articlelist08 ul{ margin: 0; } .articlelist08 ul li > div{ margin: 12px 5px; } .articlelist09.jujiao ul li a{ display: inline; } }