@charset "utf-8";

/* CSS Document */

body{ width:1004px; margin:5px auto; padding:0; font-size:12px;}
ul,li{ margin:0px; padding:0px; list-style:none;}
img{ border:none;}
a{ color:#0066CC; font-weight:bold;text-decoration:none;}
a:hover{ color:#99CC33;}


/****************************************************** top_nav ********************************************************************/

#top_nav{ width:995px; margin:0 auto; float:left; background:#FFF url(../images/nav3_top1.jpg) left bottom no-repeat; height:92px;}
#top_nav .logo{ width:376px; float:left;}
#top_nav .login{ width:610px; float:left; color:#505050; text-align:right; font:12px/25px "宋体";}
#top_nav .login input{ width:86px; height:18px; border:1px solid #505050; line-height:18px;}
#top_nav .nav{ width:610px; float:left; line-height:25px; padding-top:38px;}
#top_nav .nav a{ margin:0px; padding:0px; width:122px; float:left; font:bold 14px/23px "宋体"; 
text-decoration:none; text-align:center; color:#000; display:block; }
#top_nav .nav a:hover{ color:#0559AF;}
#top_nav .nav .hover{  color:#0559AF; }


/****************************************************** search ********************************************************************/
#search{ width:995px; height:95px; float:left; background:url(../images/nav3_top2.jpg) no-repeat; color:#3172AC;}
#search .content{ width:750px; float:left; padding-top:30px; padding-left:100px;  font:13px "宋体";}
#search .content input{ border:1px solid #3276B5; height:21px; line-height:23px; color:#000;}
#search .btn_search{ width:60px; float:left; margin-top:18px; text-align:center; }
.inp2{ border:1px solid #3276B5; width:529px;  height:21px; line-height:23px; color:#000;}
#search .content span{ padding-left:255px;}
#search .content span a{ color:#0622ae; font:lighter 12px/15px "宋体";}
#search .content span a:hover{ color:#000; text-decoration:none;}

/****************************************************** column ********************************************************************/
#column{ width:995px; height:24px; float:left; background:url(../images/column_3.jpg) no-repeat; font:12px/24px "宋体"; color:#ddd;}
#column h2{ width:83px; float:left; text-align:center; font:12px/24px "宋体"; color:#000;}
#column a{color:#154B87;  font-weight:lighter; text-decoration:underline;}
#column a:hover{ color:#000; }

/****************************************************** about ********************************************************************/
#about{ width:995px; float:left; height:173px; margin-top:5px;}
#about .about_left{ width:213px; float:left; height:101px; background:url(../images/about_trade.jpg) no-repeat; 
padding:48px 26px 24px 16px; font:13px/21px "宋体"; color:#505050;}
#about .about_right{ width:740px; float:left; text-align:right; }

/****************************************************** left ********************************************************************/
#left{ width:255px; float:left;}

#left .update { width:255px; float:left;margin-top:5px; height:213px;  background:url(../images/trade_update_bg2.jpg) left bottom no-repeat;  }
#left .update h2{ font:bold 13px/27px "宋体"; background:url(../images/trade_update_bg.jpg) no-repeat; padding-left:20px; width:234px; height:27px; 
color:#000; margin-bottom:10px;}
#left .update ul{ width:225px; float:left; padding:0 15px; } 
#left .update li a{color:#505050; font:12px/22px "宋体"; font-weight:lighter; text-decoration:none; }
#left .update li a:hover{ text-decoration:underline; color:#0664BA;}
 
#left .country{ width:254px; float:left; margin-top:10px;} 
#left .country h2{ background:url(../images/tradeleft_topbg.jpg) no-repeat; width:240px; height:43px; font:bold 12px/43px "宋体"; padding-left:14px; margin:0px;}
#left .country .middle{ background:url(../images/tradeleft_middlebg.jpg) repeat-y; width:214px; float:left; padding-left:20px; padding-right:20px;}
#left .country .middle ul{ line-height:20px; width:214px; float:left;}
#left .country .middle ul .area{ width:214px; float:left; color:#7AB736; font-weight:bold; padding-top:5px;}
#left .country .middle ul .coun{ }
#left .country .middle ul .coun a{display:block; width:70px; float:left;  color:#505050;  text-decoration:none; font:lighter 12px/20px "宋体";}
#left .country .middle ul .coun a:hover{color:#3577b3; text-decoration:underline;}
#left .country .bottom{ background:url(../images/tradeleft_bottombg.jpg) no-repeat; width:254px; float:left; height:21px; margin:0px;}

/*第一种形式*/
#tabs0 {width: 204px; float:left;}
.menu0{width: 204px; float:left; background:url(../images/tradetab_bg.jpg) left center repeat-x;}
.menu0 span{ width:20px;  float:left; }
.menu0 li{display:block; width:67px; float:left; height: 22px;line-height:22px;text-align: center;
cursor:pointer;background: url(../images/tradetab_noactivebg.jpg) left top no-repeat;  padding-left:5px;}

.menu0 li.hover{background: url(../images/buyertab_activebg.jpg) no-repeat; color:#ff6503; font-weight:bold; padding-left:5px;}
#main0 ul{display: none; width:204px; float:left; background:url(../images/number1.jpg) no-repeat; margin-top:10px; }
#main0 li{padding-left:30px; color:#4f4f4f; font:lighter 12px/24px "宋体";}
#main0 li span{ width:100px; float:left;}
#main0 li span a{ color:#4f4f4f; text-decoration:none; font-weight:lighter;}
#main0 li span a:hover{ color:#FF6600;}
#main0 ul.block{display: block;}
 
 
#left .report{ width:254px; float:left; margin-top:10px;} 
#left .report h2{ background:url(../images/tradeleft_topbg.jpg) no-repeat; width:240px; height:43px; font:bold 12px/43px "宋体"; padding-left:14px; margin:0px;}
#left .report .middle{ background:url(../images/tradeleft_middlebg.jpg) repeat-y; width:214px; float:left; padding-left:20px; padding-right:20px;}
#left .report .middle ul{ line-height:20px; width:214px; float:left;}
#left .report .middle ul .area{ background:url(../images/arrow_16.jpg) left center no-repeat; padding-left:20px; width:194px; float:left; color:#7AB736; font-weight:bold;}
#left .report .middle ul .coun{  width:194px; float:left; padding-left:20px;}
#left .report .middle ul .coun a{ color:#505050;  padding-right:25px; text-decoration:none; font:lighter 12px/20px "宋体";}
#left .report .middle ul .coun a:hover{color:#3577b3; text-decoration:underline;}
#left .report .bottom{ background:url(../images/tradeleft_bottombg.jpg) no-repeat; width:254px; float:left; height:21px; margin:0px;}


/****************************************************** right ********************************************************************/
#right{ width:740px; *width:document.documentElement.offsetWidth;  float:left; margin-top:1px; clear:right;}
#right .rightbox{ width:97.6%; float:right;  }
#right .rightbox .sample{ width:710px; float:left; margin:3px 0; border:1px solid #D2D2D2; padding:0 5px; }
#right .rightbox .sample h2{ background:url(../images/trade_sample_topbg.jpg) no-repeat; width:679px; height:31px; 
font:bold 13px/31px "宋体"; padding-left:30px; margin:0px; }
#right .rightbox .sample h2 b{ color:#fff;}
#right .rightbox .sample .content{ margin:5px 0; }
#right .rightbox .sample .content table{ width:100%; float:left; vertical-align:top; background:#EEF6F9;}
#right .rightbox .sample .content table th{ text-align:left; font:bold 12px/25px "宋体"; color:#134985; border-bottom:1px solid #96D3E8;}
#right .rightbox .sample .content table td{ color:#505050; line-height:21px; width:340px; padding:5px;}
#right .rightbox .sample .content table td span{ width:330px; float:left; padding-right:10px; line-height:21px; color:#134985;}
#right .rightbox .sample .content table td b{ width:300px; float:left; padding-left:20px; font-weight:lighter;}
#right .rightbox .sample .content table td b span{ width:150px; float:right; color:#505050;}

#right .rightbox .sample h2 span #lists { position:relative; line-height:25px; float:right; width:300px; 
z-index:500; margin:6px 10px 0 0;} /* margins for this demonstration only */
#lists li {display:inline; float:left;  }
#lists li a.tl {display:block; width:100px; text-decoration:none;  font:lighter 12px/25px "宋体"; text-indent:10px; 
color:#000; text-align:center; background: url(../images/tab_bg2.jpg); }
#lists div {display:none;}
#lists li a:hover {text-decoration:none; background: url(../images/tab_bg1.jpg) no-repeat; }
#lists :hover div{display:block; width:650px; background:#fff; position:absolute; left:-370px; top:25px; 
border:1px solid #BBD9F3; padding:10px; font:lighter 12px/21px "宋体"; color:#888; }
#lists .pos1 li{ width:48%; float:left; }
#lists .pos1 li span{ width:100px; float:left;  color:#000; text-align:right;}
#lists .pos2 li, #lists .pos3 li{ width:100%; float:left; }
#lists .pos2 li span{ width:80px; float:left;  color:#000;}
#lists .pos3 li span{ width:100px; float:left; text-align:right;  color:#000;}


#Tab2{width:709px; margin:10px 0 0 0; padding:0px; }
/*菜单class*/
#Tab2 .Menubox1 {width:709px;background: url(../images/trade_report1_bg.jpg) no-repeat;height:36px;line-height:28px;}
#Tab2 .Menubox1 ul{width:707px; margin:0;padding:0; float:left;}
#Tab2 .Menubox1 li{width:176px; float:left; cursor:pointer; text-align:center; color:#000; }
#Tab2 .Menubox1 li.hover{width:176x; float:left; display:block; color:#3175B2; font-weight:bold; line-height:28px; background:url(../images/trade_report1_hover.gif) center bottom no-repeat; height:36px; text-align:center;}
#Tab2 .Contentbox1{ width:693px; float:left; margin:6px 0; border-top:none; padding:8px; }
#Tab2 #con_two_1 th, #con_two_2 th{ font:bold 12px/20px "宋体"; color:#FF6702;}
#Tab2 #con_two_1 td a, #con_two_2 td a{ color:#505050; text-decoration:none; font-weight:lighter;  }
#Tab2 #con_two_1 td a:hover, #con_two_2 td a:hover{ color: #0066CC; text-decoration: underline;  }
#con_two_1 .left, #con_two_2 .left, #con_two_3 .left, #con_two_4 .left{ width:429px; float:left;}
#con_two_1 .left h3, #con_two_2 .left h3, #con_two_3 .left h3, #con_two_4 .left h3{ font:bold 12px/25px "宋体"; color:#000; margin:0px;}
#con_two_1 .right, #con_two_2 .right, #con_two_3 .right, #con_two_4 .right{ width:212px; float:left; height:113px; 
background:url(../images/trade_tab2_bg2.jpg) no-repeat; padding:36px 11px 10px 39px; color:#407EC7; line-height:21px;}


#right .rightbox .case{ width:718px; float:left; margin:3px 0; border:1px solid #D2D2D2; padding:1px; }
#right .rightbox .case h2{width:688px; height:49px; 
font:bold 13px/31px "宋体"; padding-left:30px; margin:0px;background:url(../images/trade_case1_bg.jpg) no-repeat; }
#right .rightbox .case .left{ width:250px; float:left; margin:20px 20px 0 20px;}
#right .rightbox .case .right{ width:400px; float:left;}
#right .rightbox .case .right h3{ width:400px; text-align:center; margin:5px 0;}
#right .rightbox .case .right h3 a{ color:#3076B2; font:bold 13px/24px "宋体";}
#right .rightbox .case .right h3 a:hover{ color:#000; text-decoration:none;}
#right .rightbox .case .right p{ width:400px; float:left; color:#505050; line-height:21px; margin:5px 0;}
#right .rightbox .case .right p a{ color:#FF6600; font-weight:lighter; text-decoration:none;}
#right .rightbox .case .right p a:hover{ font-weight:bold; text-decoration:underline;}
#right .rightbox .case .case-title1{ background:url(../images/trade_case1_bg.jpg) no-repeat; width:688px; height:30px; text-align:right; padding-right:30px; padding-top:15px;}
#right .rightbox .case .case-title1 a{ color:#888; font:lighter 10px/30px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
#right .rightbox .case .case-title1 a:hover{ color: #0066CC;}


#right .rightbox .country_2{ width:172px; float:left; border:1px solid #ccc; padding:0 13px 10px 13px; margin-top:5px; clear:both; }
#right .rightbox .country_2 .title{ font:bold 13px/29px "宋体"; background:#E6E6E6; width:100%; float:left; height:29px; text-align:center;}
#right .rightbox .country_2 ul{ margin-top:5px; width:100%; float:left;}
#right .rightbox .country_2 li{ width:49%; float:left;}
#right .rightbox .country_2 li a{ font: lighter 12px/25px "宋体"; color:#3077B5;}
#right .rightbox .country_2 li a:hover{ color:#000;}

#right .rightbox .recommend{ width:513px; float:left; margin:5px 0 0 5px; border:1px solid #ccc; padding:2px 1px; }
#right .rightbox .recommend h2{ width:22.8%; float:left; text-align:center; font:bold 12px/89px "宋体"; margin:0px;}
#right .rightbox .recommend span img{ width:396px; float:left; }


#right .rightbox .filter{ width:100%; float:left; margin-top:18px; clear:both;}
#right .rightbox .filter h4{ width:720px; float:left; border-top:1px dotted #A4A4A4; font:lighter 13px/25px "宋体"; margin:0;}
#right .rightbox .filter .tab1{ width:100%; float:left; padding:5px; background:#EEF5FB; }
#right .rightbox .filter .tab1 td {margin:0px; padding:3px 0; }
#right .rightbox .filter .tab1 td .inp1{ border:1px solid #A7A7A7; width:80px; height:19px; 
background:url(../images/input_bg.jpg) repeat-x; color:#888; line-height:19px;}
#right .rightbox .filter .tab1 td .inp2{ border:1px solid #A7A7A7; width:280px; height:19px; 
background:url(../images/input_bg.jpg) repeat-x; color:#888; line-height:19px;}
#right .rightbox .filter .tab1 td .inp3{ border:1px solid #A7A7A7; width:190px; height:19px; 
background:url(../images/input_bg.jpg) repeat-x; color:#888; line-height:19px;}
#right .rightbox .filter .tab1 td .inp4{ border:1px solid #A7A7A7; width:100px; height:19px; 
background:url(../images/input_bg.jpg) repeat-x; color:#888; line-height:19px;}

#right .rightbox .filter .tishi{ width:96.5%; float:left; margin-top:5px; background:#FDFCD3; border:1px dotted #FF9900; 
padding:5px 10px; line-height:25px;}
#right .rightbox .filter .tishi span{ width:200px; float:right; text-align:center;}
#right .rightbox .filter .tishi b{ color:#FF6600;}


#right .rightbox .filter .tab2{ width:100%; float:left; margin-top:5px; }
#right .rightbox .filter .tab2 th{ background:#EEF6F9; border-top:2px solid #3377B4; line-height:25px; color:#3377B4;}
#right .rightbox .filter .tab2 td{ border-bottom:1px solid #D2D2D2; line-height:21px; padding:5px; text-align:center;font:lighter 11px/18px Arial, Helvetica, sans-serif;  }
#right .rightbox .filter .tab2 td a{ text-decoration:none; }
#right .rightbox .filter .tab2 td a:hover{ color:#FF6600; text-decoration:underline;}

/*CSS scott style pagination*/
DIV.scott { width:719px; float:left; PADDING-BOTTOM: 3px; MARGIN-top: 15px; PADDING-TOP: 3px; TEXT-ALIGN: center;}
DIV.scott A {BORDER: #ddd 1px solid; PADDING:2px 5px; COLOR: #88af3f; MARGIN-RIGHT: 2px; TEXT-DECORATION: none;}
DIV.scott A:hover {	BORDER: #85bd1e 1px solid; COLOR: #638425; BACKGROUND-COLOR: #f1ffd6;}
DIV.scott A:active {BORDER: #85bd1e 1px solid; COLOR: #638425; BACKGROUND-COLOR: #f1ffd6;}
DIV.scott SPAN.current {BORDER: #b2e05d 1px solid; PADDING:2px 5px; FONT-WEIGHT: bold; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BACKGROUND: #b2e05d;}
DIV.scott SPAN.disabled {BORDER: #f3f3f3 1px solid; PADDING:2px 5px; COLOR: #ccc; MARGIN-RIGHT: 2px;}


/****************************************************** 底部 ********************************************************************/
#footer{ width:1001px; float:left; margin-top:5px; border-top:5px solid #d2d4d3; color:#707070;}
#footer .footer{ margin-top:10px;}
#footer .footer .footer_left{ width:175px; float:left; height:106px; text-align:center;}
#footer .footer .footer_center{ width:474px;  float:left; height:86px; padding:10px; line-height:23px;
 border-left:1px dotted #707070;  border-right:1px dotted #707070;}
#footer .footer .footer_center a{ font:lighter 12px/28px "宋体"; color:#707070; padding-left:20px;}
#footer .footer .footer_center a:hover{ color:#3374ac; text-decoration:none;}
#footer .footer .footer_right{ width:305px;  float:left; height:86px; padding:10px; line-height:21px;}