@charset "utf-8";
/*船货分析*/
.c_8a8a8a{ color:#8a8a8a;}
.analysis  .portSearch{  border-top:1px solid #acacac; border-bottom:1px solid #acacac; padding:35px 0px; line-height:48px;}
.analysis  .portSearch .cn{ font-size:48px;}
.analysis  .portSearch  .searchPort{ border:2px solid #bababa; height:38px; width:190px; line-height:38px;}
.analysis  .portSearch .submit{ height:42px; width:45px; display:block;  background-image:url(../new_images/search_bg.png); background-repeat:no-repeat; background-position:center center; *margin-top:2px;}
.portDetail .baseInfo .infoLi{ min-height:132px; padding:35px 0px 35px 120px; border-bottom:1px solid #acacac; color:#888; font-size:16px;
position:relative;}
.portDetail .baseInfo .infoLi dt{ display:block; width:120px; height:132px; position:absolute; left:0; top:35px; border-right:1px solid #acacac;}
.portDetail .baseInfo .infoLi dd{ padding-left:40px;}
.portDetail .baseInfo .title{ font-size:24px;}
.portDetail .baseInfo .con{  line-height:30px; padding-top:15px;}
.portDetail .baseInfo .portIcon{ height:132px; width:120px;  background-image:url(../new_images/analysiIcon.png); background-repeat:no-repeat;}
.portDetail .baseInfo .berth{ background-position:15px top;}
.portDetail .baseInfo .Navigation{background-position:15px -132px;}
.portDetail .baseInfo .warehouse{background-position:15px -264px;}
.portDetail .baseInfo .load{background-position:15px -396px;}
.portDetail .baseInfo .weather{background-position:15px -528px;}
.portDetail .baseInfo .hydrology{background-position:15px -660px;}
.portDetail .baseInfo .ship{background-position:15px -792px;}
.portDetail .baseInfo .goods{background-position:15px -924px;}

/*tab切换*/
.portDetail .smalltabBox {
    border: 1px solid #cbcbcb;
    height: 28px;
	position:absolute;
	right:0;
	top:0;
}
.portDetail .smalltab {
    background: #fafafa ;
    margin-left: -1px;
}
.portDetail .smalltab li {
    border-left: 1px solid #cbcbcb;
    color: #6e6e6e;
    cursor: pointer;
    float: left;
    line-height: 28px;
    text-align: center;
    width: 94px;
}

.portDetail .smalltab li.active {
    background: #efefef ;
    color: #4d4d4d;
    font-weight: bold;
}

/* 船货分析图表*/

.analys {padding: 20px 0px 40px 0px;}
.analys .unit{ font-size:16px; color:#8e8e8e; margin-bottom:20px;}
.analys .y {
    float: left;
    width: 90px;
	border-right: 2px solid #e5e5e5;
	padding-bottom:10px;
}
.analys .y li {
    color: #aeaeae;
    font-size:20px;
    height: 36px;
    line-height: 20px;
    text-align: left;
	display:inline-block;
	position:relative;
	width:100%;
	
}

.analys .y li .kd {
    background: #e5e5e5;
	zoom:1;
    display:inline-block;
    height: 2px;
    width: 20px;
	position:absolute;
	top:10px;
	right:0px;
}
.analys .x {
    margin-left:90px;
	border-bottom: 2px solid #e5e5e5;
	height: 370px;
	position:relative;
	
}
.analys .x  .xaxis{
	 position:absolute;
	 bottom:-35px; 
	 width:100%;
	 }
.analys .x li {
	font-size: 15px;
    *font-size: 14px;
	display:inline-block;
	width:35px;
	float:left;
	text-align:center;
	margin-left:35px;
     color: #728a9c;
}

.analys .an_progress {
  width:100%;
}
.an_progress li {
	position:absolute; 
	bottom:0px; 

}
.an_progress li.pr2{ left:70px;}
.an_progress li.pr3{ left:140px;}
.an_progress li.pr4{ left:210px;}
.an_progress li.pr5{ left:280px;}
.an_progress li.pr6{ left:350px;}
.an_progress li.pr7{ left:420px;}
.an_progress li.pr8{ left:490px;}
.an_progress li.pr9{ left:560px;}
.an_progress li.pr10{ left:630px;}
.an_progress li.pr11{ left:700px;}
.an_progress li.pr12{ left:770px;}

.an_progress li .lg{ 	background:#d8dfe5; height:0px; position:relative; }
.an_progress li .num { font-size:15px; color:#254f70; position:absolute; left:0; top:-40px; min-width:65px; text-align:left}

.an_progress li .animate {
	transition:height .6s ease 0s;
	-moz-transition:height .6s ease 0s;
}