@charset "utf-8";
body{ background: #FFFFFF;}
.container{ width: 1200px; height: auto; margin: 0 auto;}
/*动态新闻*/
.dtnews_box{ height: 441px; width: 100%; padding: 20px 0; background: url(../img/2018syj_index_sydt_boxbg.jpg) center center no-repeat;}
.dtnews_cont{ width: 1160px; height: 401px; padding: 20px; margin: 0 auto; background: #FFFFFF;}
/*图片新闻*/
.tpxw{ float:left; height:401px; width:710px;position:relative; z-index:5; overflow:hidden;}
.tpxw .hd{ height:12px; overflow:hidden; position:absolute; right:20px; bottom:15px; z-index:1; }
.tpxw .hd ul{ overflow:hidden; zoom:1; float:left;  }
.tpxw .hd ul li{ float:left; margin-left:9px;  width:12px; height:12px; background:url(../img/2018syj_slider_dot.png) center center no-repeat; cursor:pointer; }
.tpxw .hd ul li.on{ background-image:url(../img/2018syj_slider_dot_on.png);}
.tpxw .bd{ position:relative; height:401px; z-index:0;}
.tpxw .bd li{ zoom:1; vertical-align:middle;}
.tpxw .bd li a{ display:block; width:710px; height:401px; position:relative;}
.tpxw .bd li p{ position:absolute; left:0; bottom:0; width:100%; height:45px; text-indent: 20px; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000,endColorstr=#cf000000);   font-size:16px; line-height:45px; color:#fff; cursor:pointer; text-indent:20px;}
.tpxw .bd li a:hover p{ color:#1261b1;}
.tpxw .bd img{ width:710px; height:401px;}

/*水运动态*/
.sydt{ float: right; height: 401px; width: 430px; overflow: hidden;}
.sydt .sydt_tit{ height: 34px; width: 100%; background: url(../img/2018syj_sydt_titbg_03.jpg) left center repeat-x; margin-bottom: 6px;}
.sydt .sydt_tit h2{ float: left; height: 34px; line-height: 34px; padding-right: 15px; background: #FFFFFF; margin-bottom: 5px;}
.sydt .sydt_tit h2 a{ font-size: 20px; font-weight: bold; color: #1261b1;}
.sydt .sydt_tit h2 a:hover{ color: #1c82ea;}
.hotNews{ width: 100%; height: 104px; border-bottom: 1px dashed #e2e2e2;}
.hotNews h2{ height: 42px; line-height: 42px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.hotNews h2 a{ font-size: 20px; font-weight: bold; color: #333333;}
.hotNews h2 a:hover{ color: #1261b1;}
.hotNews p{ line-height: 20px; font-size: 14px; color: #999999; text-indent: 30px;}
.hotNews p a{ color: #ce0b0b;}
.hotNews p a:hover{ color: #1261B1;}
.sydt_list{ width: 100%; height: auto; overflow: hidden; margin-top: 6px;}
.sydt_list li{height: 36px; line-height: 36px; width: 100%; vertical-align: top; }
.sydt_list li a{ float: left; color: #333333; font-size: 16px;background: url(../img/2018syj_index_news_dot.png) left center no-repeat; padding-left: 10px;}
.sydt_list li a:hover{ color: #1261B1;}
.sydt_list li span{ float: right; font-size: 14px; color: #999999;}

/*水运服务*/
.syfw{ float: left; width: 688px; height: 268px; border: 1px solid #eaeaea; padding: 0 20px;}
.syfw_tit{width: 100%;height: 60px;overflow: hidden;}
.syfw_tit h2{height: 60px; width: auto; float: left; line-height: 60px; padding: 0 3px;border-top: 2px solid #1261b1; }
.syfw_tit h2 a{ font-size: 20px; color: #333333; font-weight: bold;}
.syfw_tit h2 a:hover{ color: #1261B1;}
.syfw_list{ width: 700px; height: auto; overflow: hidden;}
.syfw_list li{ float: left; width: 165px; height: 89px; margin-right: 10px; margin-bottom: 10px;}
.syfw_list li a{ display: block; width: 100%; height: 74px; line-height: 22px; padding-top: 15px; text-align: center; color: #1261b1; font-size: 16px; background: #f0f0f0;}
.syfw_list li a.pt10{ padding-top: 7px; height: 82px; line-height: 18px;}
.syfw_list li a i{ display: block;width: 36px; height: 36px; margin: 0 auto 7px; }
.syfw_list li a i.fw01{ background: url(../img/2018syj_syfw_icon.png) 0 0 no-repeat;}
.syfw_list li a i.fw02{ background: url(../img/2018syj_syfw_icon.png) -36px 0 no-repeat;}
.syfw_list li a i.fw03{ background: url(../img/2018syj_syfw_icon.png) -72px 0 no-repeat;}
.syfw_list li a i.fw04{ background: url(../img/2018syj_syfw_icon.png) -108px 0 no-repeat;}
.syfw_list li a i.fw05{ background: url(../img/2018syj_syfw_icon.png) -144px 0  no-repeat;}
.syfw_list li a i.fw06{ background: url(../img/2018syj_syfw_icon.png) -180px 0  no-repeat; margin-bottom: 3px;}
.syfw_list li a i.fw07{ background: url(../img/2018syj_syfw_icon.png) -216px 0  no-repeat;}
.syfw_list li a i.fw08{ background: url(../img/2018syj_syfw_icon.png) -252px 0  no-repeat;}
.syfw_list li a i.fw09{ background: url(../img/2018syj_syfw_icon.png) -288px 0  no-repeat;}
.syfw_list li a i.fw10{ background: url(../img/2018syj_syfw_icon.png) -324px 0  no-repeat;}
.syfw_list li a i.fwnew{ background: url(../img/2018syj_syfw_icon02.png) 0 0  no-repeat;}
.syfw_list li a:hover{ background: #1261b1; color: #FFFFFF;}
.syfw_list li a:hover i.fw01{background: url(../img/2018syj_syfw_icon.png) 0 -36px no-repeat;}
.syfw_list li a:hover i.fw02{ background: url(../img/2018syj_syfw_icon.png) -36px -36px no-repeat;}
.syfw_list li a:hover i.fw03{ background: url(../img/2018syj_syfw_icon.png) -72px -36px no-repeat;}
.syfw_list li a:hover i.fw04{ background: url(../img/2018syj_syfw_icon.png) -108px -36px no-repeat;}
.syfw_list li a:hover i.fw05{ background: url(../img/2018syj_syfw_icon.png) -144px -36px  no-repeat;}
.syfw_list li a:hover i.fw06{ background: url(../img/2018syj_syfw_icon.png) -180px -36px  no-repeat;}
.syfw_list li a:hover i.fw07{ background: url(../img/2018syj_syfw_icon.png) -216px -36px  no-repeat;}
.syfw_list li a:hover i.fw08{ background: url(../img/2018syj_syfw_icon.png) -252px -36px  no-repeat;}
.syfw_list li a:hover i.fw09{ background: url(../img/2018syj_syfw_icon.png) -288px -36px  no-repeat;}
.syfw_list li a:hover i.fw10{ background: url(../img/2018syj_syfw_icon.png) -324px -36px  no-repeat;}
.syfw_list li a:hover i.fwnew{ background: url(../img/2018syj_syfw_icon02.png) 0 -35px  no-repeat;}

.syfw_list li a,.syfw_list li a i,.syzt .bd ul li a.pic img{
	transition: all 0.3s; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;
}

/*水运公告*/
.sygg{ float: right; width: 408px; height: 501px; border: 1px solid #EAEAEA; padding: 0 20px;}
.sygg_list{ width: 100%; height: auto;}
.sygg_list li{ height: 36px;vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sygg_list li a{ float: left; font-size: 16px; color: #333333; line-height: 36px;}
.sygg_list li span{float: left; display: block; width: 16px; height: 16px; margin:9px 11px 10px 0 ; line-height: 16px; border: 1px solid #dbdbdb; background: #F0F0F0; font-size: 14px; color: #999999;text-align: center;}
.sygg_list li a:hover{ color: #1261B1;}
.sygg_list .sygg_hotnews{ height:72px ; width: 100%; padding: 20px 0 16px 0; border-bottom:1px dashed #EAEAEA;}
.sygg_list li:first-child{padding-top: 0;}
.sygg_list .sygg_hotnews span{ background: #ce0b0b; border: 1px solid #b74c4c;  color: #FFFFFF; margin: 2px 11px 3px 0;}
.sygg_list .sygg_hotnews a{ line-height: 22px;}
.sygg_list .sygg_hotnews p{ float: left; line-height: 20px; max-height: 40px; font-size: 14px; color: #999999; margin-top: 10px; width: 100%; white-space: normal;}

/*水运专题*/
.syzt{ float: left; width: 688px; height: 211px; border: 1px solid #EAEAEA; padding: 0 20px; margin-top: 20px; position: relative;}
.syzt .prev,.syzt .next{ display:block;  width:20px; height:20px; position: absolute; top: 20px; right: 44px; background: url(../img/2018syj_syzt_change_btn.png) 0 0 no-repeat; cursor: pointer;}
.syzt .next{right: 20px; background: url(../img/2018syj_syzt_change_btn.png) -20px 0 no-repeat; }
.syzt .prev:hover{ background: url(../img/2018syj_syzt_change_btn.png) 0 -20px;}
.syzt .next:hover{ background: url(../img/2018syj_syzt_change_btn.png) -20px -20px;}
.syzt .bd{ width: 690px; height: 131px;}
.syzt .bd ul{ overflow:hidden; zoom:1; }
.syzt .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center; width: 690px;  }
.syzt .bd ul li a.pic{float: left;display: block; width: 270px; height: 131px; overflow: hidden;}
.syzt .bd ul li a.pic img{ width: 270px; height: 131px; }
.syzt .bd ul li p{  margin-left: 290px; height: 32px; line-height: 32px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.syzt .bd ul li p a{color: #333333; font-size: 16px;background: url(../img/2018syj_index_news_dot.png) left center no-repeat; padding-left: 10px;}
.syzt .bd ul li p a:hover{ color: #1261B1;}
.syzt .bd ul li a.pic:hover img{
	-webkit-transform: scale( 1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-transform: scale(1.1,1.1);
	 }