﻿.main-wrapper{padding-top: 36px;}



.top-banner{overflow: hidden;height: 0; min-width: 1280px;padding-bottom: 26%;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;}
.banner1-div ul li {zoom: 1; vertical-align: middle; }
.banner1-div ul li img{width:100%; height: 100%;}
.banner1 a.banner1-arr{display: block;width: 50px;height: 50px; background: url(../images/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(../images/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(../images/dots2.png) no-repeat;background:url(../images/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(../images/dots1_1.png) no-repeat;background:url(../images/dots1_1.png) no-repeat\0 ;border:none;}


.main-top {overflow: hidden;}
.news {width: 800px;}
.banner2{width: 370px;height: 310px;position: relative;}
.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: 50px;width: 100%;line-height: 50px;bottom: -50px;background: #f2f2f2;filter: alpha(opacity=80);background-color: #efefef;}
.banner2-div ul li>div span{display: block;padding: 0px 30px; color:#333; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;}
.banner2-div ul li > a {width: 370px;height: 260px;display: block; overflow: hidden;}
.banner2-div ul li img{width: 370px;height: 260px;display: block; transition: all .3s;}
.banner2-div ul li > a:hover img {transform: scale(1.1);}
.banner3 {width: 408px; position: relative; height: 230px;}
.banner3-div {height: 311px;overflow: hidden;}
.banner3-new {padding-bottom: 17px;margin-bottom: 17px;margin-top: 10px;border-bottom: 1px dashed #bbb;}
.banner3-new div {width: 70px;float: left;height: 44px;}
.banner3-new div i{float: left;height: 100%;font-size: 25px;line-height: 44px;color: #555;}
.banner3-new div span {float: right;height: 50%;color: #666;font-size: 14px;line-height: 24px;}
.banner3-new h3 {margin-left: 80px;line-height: 22px;height: 44px;}
.banner3-tit { text-align: right; position: relative; padding-top: 10px;}
.banner3-tit ul li {font-size:12px; text-align: center; display: inline-block;background: #fff; color: #333;width: 28px; height: 18px; line-height: 18px; border-radius: 6px; margin-left: 8px; cursor: pointer;}
.banner3-tit ul li.on { background: #0f66bb; color: #fff; }
.notice {width: 440px;overflow: hidden;}
.notice ul li{padding-bottom: 0px;margin-bottom: 22px;}
.notice ul li a{display: block;padding-left: 8px;background: url(../images/li_bg1.png) no-repeat 0;margin-right: 105px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 18px;}
.notice ul li:hover a{background-image: url(../images/li_bg1.png);}
.notice ul li:hover span{color: #0f66bb;}
.notice ul li span{float: right;}
.notice ul i {color: #0d57a4;padding-right: 7px;font-size: 18px;}
.main-center {padding-top: 30px;margin-top: 20px;height: 400px;background: url(../images/center_bg.jpg) no-repeat center center;}
.main-center ul li {float: left;width: 410px;height: 130px;margin: 0 16px 30px 0;background: #f7f7f7;box-shadow: 2px 2px 10px #ddd;}
.party-new {padding: 20px;height: 90px;}
.party-new span {float: left;width: 74px;text-align: center;line-height: 30px;padding-top: 18px;}
.party-new span i { font-size: 26px; color: #0d57a4; color: #da1b1b; display: block;}
.party-new h3 a:hover {color: #da1b1b;}
.party-new span em { font-size: 14px; color: #949191; display: block;}
.party-new div {margin-left: 80px;padding-left: 16px;height: 90px;border-left: 1px solid #bfbfbf;}
.party-new div h3 {
line-height: 22px;
height: 44px;
padding-bottom: 5px;
}
.party-new div p {font-size: 14px;color: #868585;line-height: 20px;}


.main-bottom {padding-top: 30px; padding-bottom: 30px;}
.four-block {float: left;width: 630px;margin: 0 20px 10px 0;min-height: 208px;}
.four-block ul li{padding-bottom: 0px;margin-bottom: 19px;}
.four-block ul li a{display: block;padding-left: 8px;background: url(../images/li_bg1.png) no-repeat 0;margin-right: 110px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 18px;}
.four-block ul li:hover a{background-image: url(../images/li_bg1.png);}
.four-block ul li:hover span{color: #0f66bb;}
.four-block ul li span{float: right;}
.four-block ul i {color: #bfbfbf;padding-right: 10px;font-size: 14px;}
.pictures {margin-bottom: 30px;}
.banner4-div {height: 210px; overflow: hidden;}
.banner4-div ul li {float: left;padding: 10px 12px;border: 1px solid #eee;box-shadow: 1px 2px 10px #ddd;margin: 0 11px 10px;}
.banner4-div ul li div {width: 272px; height: 180px; overflow: hidden; }
.banner4-div ul li div img {width: 272px; height: 180px; transition: all .3s;}
.banner4-div ul li div:hover img {transform: scale(1.1);}
.banner5-div {height: 100px; overflow: hidden;}
.banner5-div ul li {float: left;margin: 0 11px 10px;}
.banner5-div ul li div {width: 234px; height: 70px; overflow: hidden; }
.banner5-div ul li div img {width: 234px; height: 70px; transition: all .3s;}
.banner5-div ul li div:hover img {transform: scale(1.1);}
.banner5-div ul li p {line-height: 24px; text-align: center;}


.comm-namea h2{height: 46px;line-height: 46px;border-bottom: 1px solid #dcdcdc;margin-bottom: 24px;}
.comm-namea h2 > a {float: right;color: #a1a1a1;font-size: 15px;}
.comm-namea h2 > a:hover {color: #0f66bb;}
.comm-namea h2 span{position: relative;white-space: nowrap;padding: 0 8px;float: left;}
.comm-namea h2 span:after{content: "";position: absolute;width: 100%;height: 2px;background: #0d57a4;left: 0;xbottom: -12px;top: 45px;}
.main-center .comm-namea h2 span:after {background: #da1b1b;}
.comm-namea h2 span a{color: #2b2c2c;font-size: 22px;letter-spacing: 1px;}
.comm-namea h2 i{padding-left: 12px;color: #bdbebf;font-size: 15px;white-space: nowrap;font-style: italic;}
.comm-namea h2 span img{ vertical-align: top; margin: 10px 0 0 10px; opacity: 0.9;filter: alpha(opacity=90);}
.comm-nameb h2{border-bottom: none;margin-bottom: 0;height: 58px;line-height: 58px;}
.comm-nameb h2 span:after {display: none;}