@charset "utf-8"; .main-wrapper{padding-top: 36px;} .top-banner{ min-width: 1280px;max-width:1280px; margin: 0 auto; } .banner1-wrap{overflow: hidden;height: 0; padding-bottom: 30%;position: relative;box-shadow: 0px 3px 15px #ccc;} .banner1 { position: absolute;width:100%;height: 100%;xoverflow: hidden; } .banner1-div{position: relative; height: 100%; z-index: 0;} .banner1-div .tempWrap{overflow: visible !important; height: 100%;} .banner1-div ul {height:100%;} .banner1-div ul li {zoom: 1; vertical-align: middle; height: 100%} .banner1-div ul li img{width:100%; height: 100%;} .banner1 a.banner1-arr{display: block;width: 50px;height: 50px; background: url(../img/prev.png) no-repeat center; line-height: 50px; font-size: 40px; color: #fff;text-align: center; xopacity: 0.8;xfilter: alpha(opacity=80); font-weight: bold;position: absolute;top: 50%; margin-top: -25px; font-family: "SimHei","黑体"; -moz-user-select: none; -khtml-user-select: none; user-select: none; z-index: 3; transition:all .3s; -webkit-transition:all .3s; opacity:0 ; filter: alpha(opacity=0);font-size: 0;} .banner1 a.banner1-prev{left:50px; transform: translateX(-30px);-webkit-transform:translateX(-30px); } .banner1 a.banner1-next{right:50px; background-image: url(../img/next.png); transform: translateX(30px); -webkit-transform:translateX(30px); } .banner1:hover a.banner1-prev, .banner1:hover a.banner1-next { display: block; transform: translateX(0px); -webkit-transform: translateX(0px); opacity:.9 ; filter: alpha(opacity=90); } .banner1:hover a.banner1-arr:hover {opacity: 1;filter: alpha(opacity=100);} .tit1-div{position: absolute; bottom: 12px;left: 43%; left:0; width: 100%; text-align: center;} .tit1-div ul{font-size: 0;display: inline;} .tit1-div ul li{ display: inline-block; xfloat: left;width: 14px; height: 14px; margin: 0 5px; text-indent: -999em;background: #0a3965; *background:url(../img/dots2.png) no-repeat;background:url(../img/dots2.png) no-repeat\0 ; cursor: pointer;border:none;xmargin-right: 10px;border-radius: 50%;} .tit1-div ul li{*display:inline;} .tit1-div ul li.on{background: #fff; opacity: 1; *background:url(../img/dots1_1.png) no-repeat;background:url(../img/dots1_1.png) no-repeat\0 ;border:none;} .main-wrapper {background: url(../img/main_bg.png) no-repeat center bottom;} .session-wrap { margin-bottom: 30px;} .session-wrap > div {box-shadow: 1px 1px 7px #e2e2e2;} .session-wrap > .ftl {width: 62%;} .session-wrap > .ftr {width: 36%;} .main-box {background: #fff;padding: 24px 12px 24px;overflow: hidden;} .main-top {overflow: hidden;} .banner2{width: 324px;height: 260px;position: relative; overflow: hidden;} .banner2-tit{position: absolute;height: 36px;width: 100%; bottom:0; display: none; } .banner2-tit ul{line-height: 36px;text-align: right;} .banner2-tit ul li{ display: inline-block;text-indent: 999px;line-height: 5px; width: 18px; height: 5px;border:none;margin-right: 10px;border-radius: 3px; background-color: #aaaaaa} .banner2-tit ul li.on{background: #fff; } .banner2-div ul li {position: relative;} .banner2-div ul li>div{position: absolute;height: 40px;width: 100%;line-height: 40px;bottom: -40px;filter: alpha(opacity=80);background-color: #191919;} .banner2-div ul li>div a{display: block;padding: 0px 20px; color:#fff; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;} .banner2-div ul li>div span {border-left: 5px solid #a90000;padding-left: 6px;font-size: 14px;} .banner2-div ul li > a {width: 324px;height: 220px;display: block; overflow: hidden;} .banner2-div ul li img{width: 324px;height: 220px;display: block; transition: all .3s;} .banner2-div ul li > a:hover img {transform: scale(1.1);} .new-margin { margin-left: 340px;} .news {height: 267px; overflow: hidden;} .news ul{} .news ul li{padding: 0 0 17px 10px;} .news ul li span {float: right;width: 60px;color:#666;font-size: 15px;text-align: right;} .news ul li a{margin-right: 66px;display: block;padding: 0 0 0 16px;background: url(../img/list_bg.png) no-repeat left center;white-space: nowrap;} .news ul li.first a{ font-weight: bold;} .news ul li.first-red a{ background: no-repeat; padding: 0; color: #c32624;} .news ul li div {background-color: #eeeeee;padding: 10px;font-size: 14px;margin-top: 12px;} .news ul li div p{ line-height: 20px; height: 40px; overflow: hidden;} .comm-namea h2{height: 46px; line-height: 46px; background: #eeeeee;} .comm-namea h2 > a {float: right;color: #333;font-size: 15px; padding-right: 10px;} .comm-namea h2 > a:hover {color: #0f66bb;} .comm-namea h2 span, .comm-namea.comm-namea-gray h2 span.on{position: relative;white-space: nowrap;padding: 0 18px;font-size: 20px;background: #c20505;font-weight: bold;float: left;} .comm-namea h2 span a, .comm-namea.comm-namea-gray h2 span.on a {color: #fff;letter-spacing: 1px;} .comm-namea.comm-namea-gray h2 span{ background: none; border-right: 3px solid #ccc; font-weight: normal;} .comm-namea.comm-namea-gray h2 span a { color: #333;} .xcomm-namea h2 span:after{content: "";position: absolute;width: 100%;height: 2px;background: #0d57a4;left: 0;xbottom: -12px;top: 45px;} @media screen and (max-width: 1420px) { .top-banner{ min-width: 1280px;max-width:100%; margin: 0 auto; } }