@charset "utf-8";
/**
 *  @author yewang(evan.yecn@gmail.com)
 *  @date  2015/03/15
 *  @desc  首页样式home.css
 */

/* start home styles */
/*
body {
    background: #f1f1f1 url(../img/home-bg.png) 0 120px repeat-x;
}*/
/*body{
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#75C5E0), to(#fff) 60%);   
    background: -webkit-linear-gradient(top, #75C5E0, #fff  60%);   
    background: -moz-linear-gradient(top, #75C5E0, #fff  60%);   
    background: -o-linear-gradient(top, #75C5E0, #fff  60%);   
    background: -ms-linear-gradient(top, #75C5E0, #fff  60%);   
    background: linear-gradient(top, #75C5E0, #fff  60%);   
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#75C5E0,endColorStr=#ffffff 0.6);/ * IE7-IE 9 * /
}*/
body{
	background:url(/resources/img/bg0.jpg) no-repeat; 
	background-size:100% 100%;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg0.png',sizingMethod='scale');*/
	  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/img/bg0.jpg',sizingMethod='scale')
	}
.bg_index{background:url(/resources/skin/g20.jpg) center top no-repeat;}
.swtich-channel {display: none;}
.header {
    box-shadow:none;
}
.bg-nav{background:url(/resources/img/g20.png) 340px 0 no-repeat;}
.follow-me-to-ghj {
    display: block;
    float: right;
    width: 137px;
    height: 30px;
    line-height: 30px;
    background-image: url(../img/follow-me-to-ghj.png);
    color: #fff;
    padding-right: 13px;
    text-align: right;
    margin-left: 8px;
}
.to-ghj {
	width:100%;
    background: #fff;
    /*padding: 10px 0 0 50px;*/
    height: 100px;
    /*margin: -20px 0 10px;*/
    display: none;
}
.to-ghj a {
    float: left;
    width: 120px;
    padding-top: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    margin-right: 20px;
    background: url(../img/to-ghj-bg.png) center 10px no-repeat;
}
.to-ghj a:hover {background-color: #3883c5; color: #fff;}
.to-ghj a.item1:hover {background-position: center -80px;}
.to-ghj a.item2 {background-position: center -170px;}
.to-ghj a.item2:hover {background-position: center -260px;}
.to-ghj a.item3 {background-position: center -350px;}
.to-ghj a.item3:hover {background-position: center -440px;}
.to-ghj a.item4 {background-position: center -530px;}
.to-ghj a.item4:hover {background-position: center -620px;}
.to-ghj a.item5 {background-position: center -710px;}
.to-ghj a.item5:hover {background-position: center -800px;}
.to-ghj a.item6 {background-position: center -890px;}
.to-ghj a.item6:hover {background-position: center -980px;}
.to-ghj i {
    float: right;
    width: 72px;
    height: 28px;
    background-image: url(../img/close.png);
    margin: 30px 20px 0 0;
    cursor: pointer;
}
.imgs-show,.imgs-show li {
    float: left;
    width: 498px;
    height: 278px;    
    overflow: hidden;
}
.imgs-show {position: relative;}
.imgs-show ul,.imgs-show a,.imgs-show img {
    width: 100%;
    height: 100%;
    float: left;
}
.imgs-bar,.imgs-bar i {
    width: 100%;
    height: 38px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.imgs-bar i {
    background-color: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);
    z-index: -1;
}
.imgs-bar p {
    float: left;
    line-height: 38px;
    color: #fff;
    padding-left: 10px;
}
.imgs-bar p span {
    width: 100%;
    float: left;
    display: none;
	overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap;
}
.nums {
    float: right;
}
.nums span {
    float: left;
    width: 10px;
    height: 10px;
    overflow: hidden;
    text-indent: -999px;
    margin: 12px 10px 0 0;
    background-image: url(../img/imgs-icon.png);
    cursor: pointer;
}
.nums span.num-on {
    background-image: url(../img/imgs-icon-on.png);
}
.news-box {
    float: right;
    width: 492px;
    height: 278px;
    background-color: #fff;
    box-shadow: 0 2px 6px #ccc;
}
.news-box-tab {
    border-bottom: 1px solid #e5e5e5;
}
.news-box-tab li {
    float: left;
    height: 35px;
}
.news-box-tab a {
    float: left;
    line-height: 35px;
    padding: 0 9px 0 8px;
}
.tab-on a {
    color: #265ea3;
    font-weight: bold;
}
.news-box-tab .tab-on a {    
    border-top: 3px solid #0070c0;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    line-height: 32px;
    background-color: #efefef;
}
.news-tab-item,.notice-tab-item,.certificate-tab-item {display: none;}
.news-item-list li {
    background: url(../img/dot-gray.png) 12px center no-repeat;
    overflow: hidden;
    zoom: 1;
    padding: 5px 22px;
    vertical-align: top;
}
.block-box .news-item-list {
    padding-top: 10px;
}
.block-box .news-item-list li {
    background-image: url(../img/dot-gray.png);
    padding: 4px 10px 4px 25px;
}
.block-box .news-item-list li a {
    width: 280px;
    overflow:hidden;
    white-space:nowrap; 
    text-overflow:ellipsis;
    -o-text-overflow: ellipsis;
}

.news-item-list li.item-on {
    background: #265ea3;
    height: 110px;
}
.news-item-list li.item-on a {
    color: #95c5ff;
    font-size: 12px;
}
.item-txt,.item-on .time {display: none;}
.item-on .item-txt {display: block;}
.news-item-list .item-on .item-title {
    font-size: 16px;
    display: block;
    margin: 10px 0 6px;
    color: #fff;
}
.news-pic {
    padding: 10px 0 0 10px;
}
.news-pic li {
    float: left;
    width: 150px;
    height: 105px;    
    margin: 0 10px 10px 0;
    display: inline;
}
.news-pic a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.news-pic img {
    width: 100%;
    height: 100%;
}
.news-pic span,.news-pic i {
    display: block;
    position: absolute;
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    z-index: 2;
    bottom: 0;
    left: 0;
}
.news-pic i {
    z-index: 1;
    background-color: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);
}

.electronic-map {
	width: 1002px;
	position:relative;
	margin-top:0px;
}
.electronic-map a {
    float: left;
	margin-right:8px;
}

.electronic-map a:hover {background-position: 0 -40px;}
.map-item6 {width:194px;height:120px; position:absolute;right:0;top:10px;}
.map-item6 li{float:none;}
.map-item6 li a{margin-top:5px;}
.city-planning {
    width: 230px;
    height: 110px;
    overflow: hidden;
    text-indent: -999px;
    background-image: url(../img/city-planning.png);
}
.block-box {
    width: 375px;
    height: 260px;
    background: #fff;
    box-shadow: 0 2px 6px #ccc;
}
.block-box .news-box-tab ul {
    float: left;
}
.block-box .link-more {
    float: right;
    line-height: 35px;
    margin-right: 15px;
    padding: 0;
    color: #aaa;
    font-size: 12px;
}
.topic-title,.notice-title {
    border-bottom: 1px solid #e5e5e5;
    height: 35px;
}
.topic-title span {
    line-height: 32px;
}
.topic-title span,.notice-title span {
    float: left;
    color: #265ea3;
    font-weight: bold;    
    padding: 0 15px;
}
.topic-imgs {
    padding: 10px 0 0 10px;
}
.topic-imgs a {
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #dcdcdc;
    padding: 1px;
}
.planning-notice {
    height: 230px;
}
.notice-title span {
    line-height: 35px;
}
.notice-box-tab {
    border-bottom: 1px solid #e5e5e5;
}
.notice-box-tab li {
    float: left;
}
.notice-box-tab a {
    float: left;
    line-height: 32px;
    padding: 0 7px;
}
.notice-box-tab .tab-on a {
    color: #fff;
    background-color: #3883c5;
}
.notice-tab-item {
    overflow: hidden;
    zoom: 1;
    padding: 15px 0 0 10px;
}
.tipImg
{
    width:366px;
    height:160px;    
    margin-top:-16px;
}
.notice-img img {
    float: left;
    width: 150px;
    height: 130px;
    border: 1px solid #e5e5e5;
}
.notice-item-body {
    float: right;
    width: 205px;
    font-size: 12px;
    line-height: 24px;
    font-family: "宋体";
}
.notice-item-title {
    display: block;
    font-size: 14px;
    color: #265ea3;
    font-weight: bold;
    margin-bottom: 10px;
}
.notice-item-body .t {
    display: inline-block;
    color: #aaa;
}
.map-view {
    display: inline-block;
    background: url(../img/map-view.png) left center no-repeat;
    color: #265ea3;
    padding-left: 20px;
}

.gov-info {
    width: 230px;
    float: right;
    height: 500px;
    background-color: #fff;
    box-shadow: 0 2px 6px #ccc;
}
.info-open {
    padding: 0 15px;
    line-height: 35px;
    background-color: #265ea3;
    color: #fff;
}
.info-open-list li {
    border-bottom: 1px solid #e5e5e5;
}
.info-open-list a {
    display: block;
    line-height: 36px;
}
.info-open-list a:hover {
    color: #ff8e00;
}
.info-open-list i {
    float: left;
    width: 16px;
    height: 18px;
    margin: 10px 7px 0 16px;
    overflow: hidden;
    background-image: url(info-open-icon.png);
}
.info-open-list i.info-icon2 {
    background-position: 0 -18px;
}
.info-open-list i.info-icon3 {
    background-position: 0 -36px;
}
.info-open-list i.info-icon4 {
    background-position: 0 -54px;
}
.info-statistics {
    padding: 10px 15px;
}
.info-statistics strong {
    color: #ff8e00;
}
.open-list {
    padding: 0 15px;
    line-height: 35px;
    background-color: #f7f7f7;
    color: #265ea3;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.open-list-links {
    overflow: hidden;
    zoom: 1;
    padding-top: 20px;
}
.open-list-links a {
    float: left;
    width: 75px;
    height: 25px;
    line-height: 25px;
    margin: 0 10px 15px 15px;
    background-image: url(info-open-bg.png);
    overflow: hidden;
    text-align: center;
}
.open-list-links a:hover {
    background-position: 0 -25px;
    color: #fff;
}

.certificate {
    width: 460px;
    height: 360px;
    float: left;
    background-color: #fff;
    box-shadow: 0 2px 6px #ccc;
}
.certificate-tab {
    border-bottom: 1px solid #e5e5e5;
}
.certificate-tab li {
    float: left;
    line-height: 34px;
    margin: 0 15px;
}
.certificate-tab-item table {
    width: 100%;
}
.certificate-tab-item th,.certificate-tab-item td {
    padding-left: 15px;
    line-height: 31px;
    border-bottom: 1px solid #e5e5e5;
}
.certificate-tab-item th {
    background-color: #c1e2ff;
    border-color: #97c3ea;
    font-weight: bold;
    text-align: left;
	padding-top: 5px;
}
.certificate-tab-item td {
    font-size: 12px;
}
.even td {background-color: #f7f7f7;}
.services {
    width: 535px;
    height: 250px;
    float: right;
    background: #fff url(../img/serivces-bg.png) 8px 35px no-repeat;
    box-shadow: 0 2px 6px #ccc;
}
.services h3 {
    color: #265ea3;
    padding: 0 18px;
    line-height: 35px;
}
.services li {
    float: left;
    width: 255px;
    height: 45px;
    line-height: 45px;
    margin: 0 2px 9px 8px;
}
.services li a {
    color: #fff;
    padding-left: 45px;
    display: block;
}
.services2 {
    width: 535px;
    height: 100px;
    float: right;
    box-shadow: 0 2px 6px #ccc;
	background:#EEEEEE;
	margin-bottom:10px;
}
.services2-in1 {
     background:white;
	  float: left;
	 
 }
 .services2-in2 {
     float: left;
     background:white;
	 width:262px;
	 margin-left:11px;

 }
 .services2-a1{
	margin:6px 8px 9px 8px;
    display:block;
	background:white;
    width:245px;
	height:85px;
    background:url(../img/wxdw.jpg) no-repeat; 
}
.services2-a2{
    margin:6px 8px 9px 8px;
    display:block;
    width:245px;
	height:85px;
    background:url(../img/yfxz.jpg) no-repeat; 
}
.guide {
    float: right;
    width: 345px;
    margin: 15px 10px 0 0;
}
.guide td {
    width: 33%;
    padding: 10px 0;
}
.guide a {
    display: block;
    background: url(../img/serivces-icon.png) 0 center no-repeat;
    padding-left: 23px;
    font-weight: bold;
	color:#333;
}
.guide a:hover {color: #ff8e00;}

.communication {
    background-color: #fff;
    margin-bottom: 10px;
    padding-bottom: 15px;
    box-shadow: 0 2px 6px #ccc;
}
.communication h3 {
    overflow: hidden;
    zoom: 1;
    background: #ff7f00 url(../img/communication-title.png) 115px center no-repeat;
    padding: 0 20px;
    line-height: 35px;
    color: #fff;
}
.communication .more {
    float: right;
    color: #fff;
    font-size: 12px;
}
.communication h4 {
    margin: 8px 0 15px;
}
.webcast {
    float: left;
    width: 485px;
    padding-left: 15px;
}
.webcast h4{margin-bottom:5px;}
.webcast a {
    float: left;
    margin-right: 12px;
    text-align: center;
}
.webcast a:hover{
    float: left;
    margin-right: 12px;
    text-align: center;
    color:#265EA3;
}
.webcast img {
    display: block;
    width: 220px;
    height: 160px;
    margin-bottom: 5px;
}
.online-platform {
    float: right;
    width: 500px;
}
.online-platform .search-box {
    float: left;
    margin-right: 22px;
}
.online-btn {
    float: left;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-image: url(../img/online-btn.png);
    overflow: hidden;
    text-align: center;
    color: #265ea3;
    margin-right: 16px;
}
.online-platform ul {
    width: 100%;
    float: left;
    margin-top: 15px;
}
.online-platform li {
    width: 100%;
    overflow: hidden;
    line-height: 28px;
    background: url(../img/dot-gray.png) 0 center no-repeat;
}
.online-platform span {
    float: left;
}
.online-platform .time {
    padding-left: 12px;
    width: 88px;
	float:right;
}
.online-platform i {
    float: right;
    margin-right: 35px;
}
.online-platform .answered {
    color: #ff3c00;
}

.online-platform a:hover
{
     color: #265ea3;
}

.webcast li
{
    overflow: hidden;
    line-height: 28px;
    background: url(../img/dot-gray.png) 0 center no-repeat;
}

.webcast li:hover
{
      background: url(../img/dot-orange.png) 0 center no-repeat;
}

.webcast li a:hover
{
      color: #265ea3;
}

.online-platform li:hover
{
     background: url(../img/dot-orange.png) 0 center no-repeat;
}

.online-platform li a:hover
{
     color: #265ea3;
}

.tab-body .news-tab-item .news-item-list .news-item-list li {
    background: url(../img/dot-gray.png) 12px center no-repeat;
    overflow: hidden;
    zoom: 1;
    padding: 5px 22px;
    vertical-align: top;
}

.notices-block .tab-body .news-tab-item .news-item-list li:hover
{
    background: url(../img/dot-orange.png) 12px center no-repeat;
    vertical-align: top;
}

.notices-block .tab-body .news-tab-item .news-item-list a:hover
{
    color: #265ea3;
}

.certificate .certificate-tab-items tbody tr:hover
{
    background-color:#EBEBEB;
}
.online-platform ul li span a{margin-left:20px;}
.rightpane span{cursor:pointer;}
/*skin*/
#skin{ background-color:#fff; padding:10px 0; margin-bottom:10px;position:relative;}
.itemSkin{width:824px;height:126px;margin:0 auto; position:relative;overflow:hidden;}
.itemSkin ul{position:absolute;}
.itemSkin ul li{float:left;width:206px;height:126px; position:relative;}
.itemSkin ul li img{width:180px;height:100px;padding:3px; background-color:#DDD; margin:10px;cursor:pointer;}
.itemSkin ul li img:hover{background-color:#AAA;}
.itemSkin ul li .cover{display:none;width:180px;height:20px;position:absolute;bottom:13px;left:13px;}
.itemSkin ul li:hover .cover{display:block;}
.itemSkin ul li .cover em,.itemSkin ul li .cover span{
	position:absolute;
    left:0;
    top:0;
    width:100%;
    height:20px;
    line-height:20px;
    color: #fff;
}
.itemSkin ul li .cover em{
    z-index:2;
    overflow:hidden;
    text-indent:4px;
}
.itemSkin ul li .cover span{
 	z-index:1;
    background:#000;
    opacity:0.4;
    filter:alpha(opacity=40);
}
#skin .slide-btn{overflow:hidden;position:absolute;top:50%;width:24px;height:89px;margin-top:-45px;text-indent:-99em;}
#skin .slide-btn{
    background-image:url(../skin/collective.png);
    background-repeat:no-repeat;
}
#skin .slide-pageup {
    left:20px;
    background-position:0 -117px;
}
#skin .slide-pagedown {
    right:20px;
    background-position:0 -27px;
}
#skin .slide-pageup:hover {
    background-position: -25px -117px;
}
#skin .slide-pageup-end,#skin .slide-pageup-end:hover {
    background-position: -50px -117px;
}
#skin .slide-pagedown:hover {
    background-position: -25px -27px;
}
#skin .slide-pagedown-end,#skin .slide-pagedown-end:hover {
    background-position: -50px -27px;
}
.itemSkin ul:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}

.rightpane img{height:90%;}
div.footer{height:130px;}
/* end home styles */