 /*===========================

        2008.10  by meto
==============================================*/
@charset "gb2312";
@import url(web.css);



/*===============================IE 6 font==================================================*/
a.font_22{ color: #000000; font-size: 24px; line-height: 42px;  padding: 0; }
.h_product_table ul li a.font_22,.h_product_table a.font_22{color: #124679;}

/*=================================================================================*/
/*top*/

#header{ width: 100%; height: 156px; margin: 0 auto; padding: 0; }
#header .topNav{ height:31px; line-height:31px; float:right; width:370px; color:#bddceb; font-size:11px; padding:0 35px 0 110px;  background-image: url(images/top-nav-bg.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; }
#header .bandge{ background-image: url(images/td_03.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; height:31px; }
#header .topNav a{ color:#bddceb; padding:0 3px 0 7px; margin-top:-5px}
#header .topNav .icons_rus{ position:relative;top:3px;padding-right:7px}

#header .topNav .language{ float:right; width:80px; position:relative; cursor:pointer; margin-top:4px; z-index:12;}
#header .topNav .language .usa{ background:url(images/language-btn.png) 0 3px no-repeat ; width:80px; height:31px; line-height:22px; padding-left:22px;}
#header .topNav .language:hover ul{ display:block;}
#header .topNav .language ul{ display:none; position:absolute; z-index:2; top:26px; left:-15px; background:url(images/language-bg_03.png) no-repeat; width:120px; padding:8px 0 0 17px; height:146px;line-height:23px;}
#header .topNav .language ul li a{ display:block; padding:0 0 0 30px; }
#header .topNav .language ul p a{ padding:0 7px;}



.top_table{width: 960px;margin: 0 auto;padding:0;}


.logo_table{ background-image: none; width: 163px; height: 131px; float: left; margin: -15px 0 0 15px; padding: 0; display: inline; }
.logo_table a.logo,a.logo{ color: #fff; font-size: 30px; font-weight: 900; line-height: 35px; background-image: url(images/logo.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 163px; height: 131px; float: left; margin: 0; padding: 0; display: inline; }
.logo_table ul li a,.logo_table a,.logo_table ul li a:hover{ color: #6a6a6a; font-size: 13px; line-height: 18px; text-decoration: none; width: 400px; height: 24px; float: left; margin: 0 0 0 5px; padding: 0; }

.forwar{ width:228px; height:98px; float:left; margin:-25px -60px -20px 0; padding:0; background:url(images/bg_forwar.png) 0 0 no-repeat}

.top_table_right{ width: 560px; float: right; margin: 20px 0 0; padding: 0; }


.call_img{color:#ffffff;font-size:12px; line-height:24px; width: 340px; height: 25px; float: left; margin:15px  0 0 0; padding: 0; }
.search{ width: 220px; _width: 290px; height: 26px; float: right; margin: 10px 0 0; padding: 0; _display: none; }
.search_con{ color: #8597ab; line-height: 26px; background-image: url(images/search.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 162px; height: 26px; float: left; margin: 0; padding: 0 0 0 5px; border-style: solid; border-width: 0; }
.search_btn{ background-image: url(images/search.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 53px; height: 26px; float: right; margin: 0; padding: 0; border-style: solid; border-width: 0; }
.ie_6{ _display: none; }
/*=========================   nav   ============================*/
.menu{ background: #b1d3f7 url(images/nav.png) repeat-x right top; width: 708px; height: 40px; float: right; margin: 15px 0 0; _margin: 26px 0 0; padding: 0; display: inline; }
#nav .lose{ background-image: none; }
#nav{ background-image: url(images/menu.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; position: relative; width: 708px; height: 40px; z-index: 2; float: left; margin: 0; _margin: 26px 0 0; padding: 0; display: inline; }

#nav li { background-image: url(images/li.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; position: relative; width: 118px; height: 40px; float: left; margin: 0; padding: 0; }
#nav li a{ color: #fff; font-size: 14px; line-height: 37px; text-align: center; width: 118px; height: 40px; margin: 0; padding: 0; display: block; }



#nav li a span {}
#nav li.curr a { color:#fff; background-image: url(images/li_curr.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; display: block; _background-position: center -60px!important; }
#nav li.curr a span {}
#nav li.curr2 a { color:#121d2b; background-image: url(images/li_hover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; _background-position: center -60px!important; }
#nav li.curr2 a span {}
#nav li.curr2 a:hover span {}
#nav li a:hover { color:#121d2b; text-decoration:none; color:#121d2b; background-image: url(images/li_hover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 118px; height: 40px; margin: 0; padding: 0; display: block; }
#nav li a:hover span {}

#nav .menu1{color:#121d2b; background-image: url(images/menu1_li.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin: 0; padding: 0; }
#nav .menu1 a {width:118px;}
#nav .menu1.curr a { color:#fff; background-image: url(images/menu1_curr.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; _background-position: center -60px!important; }
#nav .menu1 a:hover { text-decoration:none; color:#121d2b; background-image: url(images/menu1_hover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; }
#nav .menu1.curr {background-position:left -122px;}

#nav .menu2{ background-image: url(images/menu2_li.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 118px; margin: 0; padding: 0; }
#nav .menu2 a {width:118px;}
#nav .menu2.curr a { color:#fff; background-image: url(images/menu1_curr.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; _background-position: center -60px!important; }
#nav .menu2 a:hover { text-decoration:none; color:#121d2b; background-image: url(images/menu1_hover.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 118px; margin: 0; padding: 0; }
#nav .menu2.curr {background-position:left -122px;}



#nav .nav_menu{ background-color:#f0f0f0; z-index:3; position:absolute; top: 40px; left: 0; padding:5px 0; width:200px; overflow: visible; margin: 0; display: none; border-bottom: 3px solid #094383;}

#nav .nav_menu .cont_tab{ background-color: #f0f0f0; width: 100%; height: 100%; display: block; }

#nav .nav_menu li { background-image: none; width: 200px; height: 40px; padding: 0; }
#nav .nav_menu li a { color: #333333 !important; font-size:12px; height:40px; line-height:40px; background-image: url(images/bt_icon.html); background-repeat: no-repeat; background-attachment: scroll; background-position: 25px 17px; text-align: left; width: 180px; margin: 0; padding: 0 0 0 20px; display: block; }
#nav .nav_menu li a:hover { color: #ffffff !important; background-image: url(images/menu_hover.png); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; }



#nav li a.rates,#nav a.rates,a.rates,.rates{ background-image: url(images/font_rates.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center 7px; width: 137px; height: 40px; margin: 0; padding: 0; display: block; }



/*=========================   nav   ============================*/
/*top*/

.banner{ background-image: url(../images/css_img/banner.html); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; width: 960px; height: 307px; margin: 0; padding: 0; }


.h_banner{
	position:relative;
	clear:both;
	height:307px;
	overflow:hidden;
	background-image: url(../images/banner.jpg);
}
.h_banner .imgs li{
	position:absolute;
	left: 17px;
	top: -4px;
}
.h_banner .num{position:absolute;bottom:10px;right:15px;z-index:10;}
.h_banner .num li{ font-family: Arial; font-style: normal; font-variant: normal; float:left; background-image: url(images/num.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 16px; height: 16px; }
.h_banner .num li.curr{  background-image: url(images/num.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 16px; height: 16px; }

.banner ul li a,.banner a{ text-decoration: none; }
.banner_font{ width: 480px; float: left; margin: 0 0 0 260px; padding: 0; }
.banner_font ul{ margin: 10px 0 0; padding: 0; }
.banner_font_01{ color: #f8fd73; font-size: 36px; font-weight: bold; line-height: 90px; text-decoration: none; width: 100%; }
.banner_font_02{ color: #fff; font-size: 15px; font-weight: bold; line-height: 30px; text-decoration: none; }
.banner_font_03{ color: #fff; font-size: 36px; font-weight: bold; line-height: 90px; text-decoration: none; width: 100%; }



/*=========================   content  ============================*/
#home_content{ color: #4a4a4a; width: 960px; position:relative; margin: 10px auto 15px; padding: 0 12px;  background-color:#fff; z-index:1;}





.home_table1 { background-image: url(images/js_table.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 960px; height: 365px; margin: 6px 0 0; padding: 0; }





.product_con{ width: 580px; height: 340px; float: right; margin: 10px 32px 0 0; padding: 0; }
.h_product_table{ width: 560px; margin: 0 0 0 10px; padding: 0; }
.h_product_table ul {margin:0px; padding:0px;}
.h_product_table ul li{ margin:0px; padding:0px;}
.sea_ship{ width: 220px; height: 220px; float: right; margin-top: 25px; margin-bottom: 10px; margin-left: 10px; padding: 3px; border: solid 1px #d6d6d6; }
.text{ font-size: 12px; line-height: 24px; color:#4a4a4a;}
.h_text{ font-size: 12px; line-height: 24px; color:#4a4a4a;margin: 25px 0 0;}
.h_learn_more{ line-height: 36px; }


.product_tab1 { background-image: url(images/h_product.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 6px top; position: absolute; width: 338px; height: 365px; float: left; margin: 0; padding: 0; cursor: pointer; }
.product_tab1 ul { height: 365px; margin: 0; padding: 0; background-repeat: no-repeat; background-position: 15px 12px; width: 338px; }
.product_tab1 ul li { font-size: 14px; font-weight: bold; line-height: 91px; width: 208px; height: 91px; margin: 0; padding: 0 0 0 130px; display: block; }

.product_tab2 { background-image: url(images/h_product.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 6px top; position: absolute;width: 338px; height: 365px; float: left; margin: 0; padding: 0; cursor: pointer; }
.product_tab2 ul { width: 338px; height: 365px; margin: 0; padding: 0; background-image: none; background-repeat: no-repeat; background-position: 15px 101px; }
.product_tab2 ul li { font-size: 14px; font-weight: bold; line-height: 91px; width: 208px; height: 91px; margin: 0; padding: 0 0 0 130px; display: block; }

.product_tab3 { background-image: url(images/h_product.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 6px top; position: absolute;position: absolute; width: 338px; height: 365px; float: left; margin: 0; padding: 0; cursor: pointer; }
.product_tab3 ul { width: 338px; height: 396px; margin: 0; padding: 0; background-image: none; background-repeat: no-repeat; background-position: 15px 192px; }
.product_tab3 ul li { font-size: 14px; font-weight: bold; line-height: 91px; width: 208px; height: 91px; margin: 0; padding: 0 0 0 130px; display: block; }

.product_tab4 { background-image: url(images/h_product.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 6px top; position: absolute;width: 338px; height: 365px; float: left; margin: 0; padding: 0; cursor: pointer; }
.product_tab4 ul { width: 338px; height: 365px; margin: 0; padding: 0; background-image: none; background-repeat: no-repeat; background-position: 15px 287px;  _background-image: url(images/ligon_bt_hover_02.html) !important; _background-position: left 297px !important;}
.product_tab4 ul li { font-size: 14px; font-weight: bold; line-height: 91px; width: 208px; height: 91px; margin: 0; padding: 0 0 0 130px; display: block; }




/*=========================   about ============================*/

.home_table2{ width: 960px; margin: 16px 0 0; padding: 0; }
.home_about{ background-image: url(images/home_about.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; width: 360px; height: 249px; float: left; margin: 0; padding: 0 0 0 15px; border-left: 1px solid #e4e2e2; border-bottom: 1px solid #e4e2e2; border-right: 1px solid #e4e2e2; }
.home_support{ width: 260px; float: right; margin: 0; padding: 0; }
.home_support_01{ width: 260px; height: 167px; margin: 0; padding: 0; }
.home_support_02{ width: 260px; height: 85px; margin: 5px 0 0 5px; padding: 0; b }


.home_about_title{ color: #603434; font-size: 16px; font-weight: bold; line-height: 38px; width: auto; margin: 0; padding: 0; display: block; }
.home_about_con{ width: 100%; margin: 5px 0 0; padding: 0; }
.home_about_img { width: 180px; height: 200px; float: left; margin: 0; padding: 0; }
.home_about_right { width: 160px; height: 200px; float: right; margin: 5px 10px 0 0; padding: 0; }
.home_js_table{ font-size: 12px; line-height: 24px; width: 420px; height: 30px; float: right; margin: 0; padding: 30px 0 0; display: block; }
.home_info{ background-image: url(images/home_about.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; width: 280px; height: 249px; float: left; margin: 0 0 0 15px; padding: 0 0 0 10px; border-left: 1px solid #e4e2e2; border-bottom: 1px solid #e4e2e2; border-right: 1px solid #e4e2e2; }



.online{width:960px;margin:10px 0 0 ;padding:0;}
.online_box_1{width:313px; height:312px;float:left;margin-right:10px ;padding:0; background:url(images/online_bg.gif) left top repeat-x scroll; }

.online_box_2{width:313px; height:312px;float:right;margin:0 ;padding:0; background:url(images/online_bg.gif) left top repeat-x scroll; }
.online_box_title{width:313px; height:76px;float:left;margin:0 ;padding:0; background:url(images/online_title.gif) left top no-repeat scroll;}
.online_box_title a{ font-size:22px;color:#124679; text-decoration:none;}

.online_box_con{width:290px; float:left;margin-left:12px;margin-top:5px;}
.online_box_con_2{width:311px; height:235px;float:left;margin-left:1px ;padding:0; background-color:#fff;}

.h_info_con{ width: 100%; margin: 5px 0 0; padding: 0; }
.h_info_con ul { margin: 0; padding: 0; display: inline; }
.h_info_con ul li{ width: 288px; height: 24px; float: left; margin: 0; padding: 0; display: inline-table; }
.h_info_con ul li a{ font-size: 12px; line-height: 24px; background-image: url(images/right_icons.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; width: 180px; height: 24px; float: left; margin: 0; padding-left:12px; }


.online_box_con_img{width:256px;height:166px;margin:15px auto 0 auto;}

.h_tab{width:270px; height:219px;float:left;margin-left:19px ;margin-top:10px ;padding:0; background-color:#fff;}
.h_tab .tab_imgs{margin:0; padding:0}
.tab_imgs li{width:270px; height:219px; line-height:24px;position:absolute;  background-color:#FFF;}

.h_about{width:960px;margin:20px 0 0 ;padding:0 5px }

.h_about_table{ float:left;width:440px;float:left;margin-left:45px}
.h_about_left{ float:left; height:204px;margin:0;padding:0}
.h_about_right{ float:right; height:224px;margin:0;padding:0}
.h_abuot_title,a.h_abuot_title,.h_about_table a.h_abuot_title{font-size:22px;color:#124679;line-height:60px;}
.h_about_table p{line-height:24px;}

.our_partners{width:960px; float:left; margin:10px 0 0;padding:0; background-color:#fff; background: url(images/bg_pro.png) 0 40px no-repeat ; display:block;}
.our_partners ul{margin:0;padding:0;}
.our_partners ul li {font-size:22px;color:#124679;line-height:40px; width:960px; height:42px;}

.our_img{width:960px; margin: 15px 15px 0 15px;display:block;}
.our_img ul{margin:0;padding:0}
.our_img ul li{width:122px; height: 62px;float:left;margin:12px 12px 0 0;}


/*=========================   foolr ============================*/

#foolr{ background-image: url(images/foolr.png); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; text-align: center; width: 100%; height: 329px; margin: -210px auto 0 auto; padding: 0; display: block; z-index:-9;}
.foolr_table1{width: 984px; height:220px; margin: 0 auto 0 auto; padding: 0; background-color:#fff;}
.foolr_table{ width: 960px; margin: 0 auto; padding: 0; }


.foolr_table_01{ text-align: center; width: 600px; margin: 0 auto; padding: 0 0 0 38px; }
.foolr_table_01 ul{ margin: 0; padding: 0; }
.foolr_table_01 ul li{ color: #b1d3f7; line-height: 24px; text-align: center; float: left; margin: 0; padding: 0; }

.foolr_table_02{ text-align: center; width: 680px; margin: 0 auto; padding: 0; }

.foolr_table_02 ul li{ color: #b1d3f7; line-height: 24px; text-align: center; float: left; margin: 6px 0 0; padding: 0; }


.foolr_table_01 ul li a,.foolr_table_01 a,.foolr_table_02 ul li a,foolr_table_02  a{color:#b1d3f7;}

.foolr_table_03{
	color: #b1d3f7;
	line-height: 30px;
	text-align: center;
	width: 960px;
	margin: 0;
	/* [disabled]padding: 0 0 15px; */
}


/*=========================   foolr ============================*/
