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

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



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

.cor_h{ color: #4a4a4a; }
.top { text-align: center; margin: 5px auto; width: 960px; padding-top: 0; padding-bottom: 0; padding-left: 0;  }
.top .up{ height: 80px; margin: 0; padding: 0; display: block; }
.top .up .logo{
	
	width: 450px;
	height: 69px;
	float: left;
	margin: 10px 0 0;
	padding: 0;

}
.logo img { width: 55px; height: 68px; float: left; margin: 0; padding: 0; }

.logo ul { width: 390px; height: 24px; float: left; margin: 0; padding: 5px 0 0; }
.logo ul li{ text-align: left; width: 380px; float: left; margin: 0; padding: 0 0 0 10px; }
.logo a , .logo ul a .logo ul li a,.logo_bt{ color: #f0f4f7; text-decoration: none; margin: 0; padding: 0; }
.logo ul li p{ color: #f0f4f7; font-size: 13px; text-align: left;  }
.logo ul li a.logo_bt { color: #f0f4f7; font-size: 22px; font-weight: bold; line-height: 30px; text-decoration: none; margin: 0; padding: 0; }


.top .up .search { width: 170px; height: 22px; float: right; margin: 40px 0 0; padding: 0; }
.search_con{font-family: Arial; color: #2b4a78; font-size: 12px; line-height: 22px; background-color: #0f6195; background-image: url(images/home_top.png); background-repeat: no-repeat; background-position: -466px -165px; width: 126px; height: 22px; margin: 0; _margin-top:3px;  padding: 0 0 0 5px; border-style: solid; border-width: 0; }

.search_btn{ background-color: #0f6195; background-image: url(images/home_top.png); background-repeat: no-repeat; background-position: -597px -165px; width: 38px; height: 22px; margin: 0; padding: 0; border-style: solid; border-width: 0; }


/*========================================menu=========================================*/
.top .down { width: 960px; height: 40px; margin: 0; padding: 0; }
.top .down .menu { background-image: url(images/home_top.png); background-repeat: no-repeat; background-attachment: scroll; background-position: -3px top; width: 960px; height: 42px; float: left; margin: 0; padding: 0; }


#nav .lose{ background-image: none; }

#nav { background-image: url(images/home_top.png); background-repeat: no-repeat; background-attachment: scroll; background-position: -3px top; display:block; width:960px; padding:0 ; margin:0 auto; height:42px; position:relative; z-index:9 }
#nav li { background-image: url(images/menu_li.png); background-repeat: no-repeat; background-position: right top; float:left; position:relative; z-index:9    }
#nav li a {float:left; width:137px; font-family:  Arial; font-size:14px; color:#fff; text-align:center; line-height:42px; height:42px; color:#fff;}
#nav li a span { background-image: url(images/menu.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 137px; height: 42px; padding: 0; _background-position:-990px -130px; cursor:pointer; }
#nav li.curr a { color:#fff; background-image: url(images/home_top.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center -60px; _background-position: center -60px!important;}
#nav li.curr a span {background-position:100px 10px; _background-position:-990px -230px;}
#nav li.curr2 a { color:#fff; background-image: url(images/home_top.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center -122px; }
#nav li.curr2 a span {background-position: 100px 100px;}
#nav li.curr2 a:hover span {background-position: 100px 100px;}
#nav li a:hover {color:#3e4e57; text-decoration:none; background:url(images/home_top.png) no-repeat center -122px; color:#fff;}
#nav li a:hover span {background-position:center 100px;}

#nav .menu1 a {width:137px;}
#nav .menu1.curr a { background-image: url(images/home_top.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left -60px; _background-position: left -60px!important; }
#nav .menu1 a:hover { background-image: url(images/home_top.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left -122px; }
#nav .menu1.curr {background-position:left -122px;}



#nav .menu2 a {width:138px;}
#nav .menu2.curr a { background-image: url(images/home_top.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right -60px; }
#nav .menu2 a:hover { background-image: url(images/home_top.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right -122px; }
#nav .menu2.curr {background-position:right -122px;}



#nav .nav_menu{ background-image: url(style_img/navMenu_bg.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; display:none; z-index:10; position:absolute; top:42px; left:0; padding:0; width:180px; }

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

#nav .nav_menu li { width: 180px; padding: 0; }
#nav .nav_menu li a { color: #fefefe !important; font-size:12px; height:16px; line-height:14px; background: #0f2d4b url(images/bt_icon.gif) no-repeat 25px 17px; text-align: left; width: 138px; padding-top: 15px; padding-left: 42px; }
#nav .nav_menu li a:hover { color: #cbcbcc !important; background: #0f2d4b url(images/bt_icon.gif) no-repeat 30px 17px; }

#nav .nav_menu .bottom { background:   url(images/home_top.png) no-repeat -1px -180px; *background:  url(images/home_top.png) no-repeat -1px -180px; width: 180px; height: 22px; float: left; margin: 0; padding: 0; }

#nav .nav_menu2 { background-image: url(style_img/navMenu_bg.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; display:none; z-index:10; position:absolute; top:42px; left:0; padding:0; width:280px; }
#nav .nav_menu2 li { width: 280px; padding: 0; }
#nav .nav_menu2 li a { color: #fefefe !important; font-size:12px; height:16px; line-height:14px; background: #0f2d4b url(images/bt_icon.gif) no-repeat 25px 17px; text-align: left; width: 238px; padding-top: 15px; padding-left: 42px; }
#nav .nav_menu2 li a:hover { color: #cbcbcc !important; background: #0f2d4b url(images/bt_icon.gif) no-repeat 30px 17px; }
#nav .nav_menu2 p,.nav_menu2 p{ background-image: none; width: 280px; padding: 0; }
#nav .nav_menu2 .bottom { background-image: url(images/home_top.png); background-repeat: no-repeat; background-attachment: scroll; background-position: -183px -180px; width: 280px; *background: url(images/home_top.png) no-repeat -183px -180px; width: 280px; height: 22px; float: left; margin: 0; padding: 0; }


/*===================================content==============================================*/

/*==================================banner=============================================*/

.banner { background-color: #fff; width: 960px; height: 300px; z-index: -1!important; margin: 6px 0 0; _margin: 5px 0 0; *margin: 3px 0 0;padding: 0; display: block; }

.h_banner{position:relative;clear:both;height:300px;overflow:hidden;}
.h_banner .imgs li{position:absolute; }
.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/home_bnt.png); background-repeat: no-repeat; background-attachment: scroll; background-position: -18px -122px; width: 16px; height: 16px; }
.h_banner .num li.curr{  background-image: url(images/home_bnt.png); background-repeat: no-repeat; background-attachment: scroll; background-position: -2px -121px; width: 16px; height: 16px; }







/*==================================banner end=============================================*/


/*===================================product shown up table==============================================*/
.changping { width: 960px; margin:5px auto 0; padding: 0; }
#product{ width:960px; margin: 0 auto 0; }

#product_title{ height:48px; background-image: none; margin: 0; padding: 0; }
#product_title_left { background-image: url(images/featuredtitle_left.png); background-repeat: no-repeat; background-position: left top; width: 5px; height: 48px; float: left; margin: 0; padding: 0; }
#product_title_mid { background-image: url(images/featuredtitle_content.png); background-repeat: repeat-x; background-position: 0 top; width: 950px; height: 48px; float: left; margin: 0; padding: 0; display: block; }
#product_title_mid span { color: #4a4a4a; font-size: 16px; line-height: 48px; text-decoration: none; width: 400px; float: left; margin: 0; padding: 0 0 0 15px; }
.product_content_tab { background-image: url(images/home_table_dwon.gif); background-repeat: no-repeat; background-position: left bottom; width: 960px; height: 396px; clear: both; margin: 0; padding: 0; }
#product_title_right { background-image: url(images/featuredtitle_right.png); background-repeat: no-repeat; background-position: right top; width: 5px; height: 48px; float: right; margin: 0; padding: 0; }

.product_content { background-image: url(images/product_content.gif); background-repeat: repeat-y; background-position: left 0; width: 960px; height: 396px; clear: both; margin: 0; padding: 0; }
a.product_bt { color: #ff6e17 !important; font-size: 12px; line-height: 48px; background-image: url(images/more.png); background-repeat: no-repeat; background-position: right center; width: 95px; height: 48px; float: right; margin: 0 5px 0 0; padding: 0; cursor: pointer; display: block; }
.product_bottom { background-image: url(images/home_table_dwon.gif); background-repeat: no-repeat; background-position: left top; width: 960px; height: 5px; margin: 0; display: block; }

.product_tab1 { position: absolute; width: 198px; height: 396px; float: left; margin: 0; padding: 0; cursor: pointer; }
.product_tab1 ul { width: 198px; height: 396px; margin: 0; padding: 0; background-image: url(images/home_bnt.png); background-repeat: no-repeat; background-position: -314px -7px; }
.product_tab1 ul li { font-size: 16px; line-height: 99px; width: 157px;  height: 99px; margin: 0; padding: 0 0 0 30px; display: block; }

.product_tab2 { width: 198px; height: 396px; float: left; margin: 0; padding: 0; cursor: pointer; }
.product_tab2 ul { width: 198px; height: 396px; margin: 0; padding: 0; background-image: url(images/home_bnt.png); background-repeat: no-repeat; background-position: -314px 92px; }
.product_tab2 ul li { font-size: 16px; line-height: 99px;width: 167px; height: 99px; margin: 0; padding: 0 0 0 30px; display: block; }

.product_tab3 { position: absolute; width: 198px; height: 396px; float: left; margin: 0; padding: 0; cursor: pointer; }
.product_tab3 ul { width: 198px; height: 396px; margin: 0; padding: 0; background-image: url(images/home_bnt.png); background-repeat: no-repeat; background-position: -314px 191px; }
.product_tab3 ul li { font-size: 16px; line-height: 99px;width: 167px; height: 99px; margin: 0; padding: 0 0 0 30px; display: block; }

.product_tab4 { width: 198px; height: 396px; float: left; margin: 0; padding: 0; cursor: pointer; }
.product_tab4 ul { width: 198px; height: 396px; margin: 0; padding: 0; background-image: url(images/home_bnt.png); background-repeat: no-repeat; background-position: -528px 290px;  _background-image: url(images/ligon_bt_hover_02.gif) !important; _background-position: left 297px !important;}
.product_tab4 ul li { font-size: 16px; line-height: 99px;width: 167px; height: 99px; margin: 0; padding: 0 0 0 30px; display: block; }

.product_con ul .product_table_content {color: #000000; position: absolute; width: 750px; height: 396px; z-index: 1; margin: 0; padding: 0; }
.product_con { width: 750px; height: 396px; float: right; margin: 0; padding: 0; }
.con_up { width: 750px; height: 330px; margin: 0; padding: 0; display: block; }
.con_up_left { width: 420px; float: left; margin: 0; padding: 15px 0 0; }
.text_3 { width: 100%; margin: 0; padding: 0; }
.text_3 ol { margin: 0; padding: 0; }
.text_3 ol li { font-size: 12px; line-height: 18px; margin-left: 15px; padding: 0; list-style-type: disc; }

.text_3 ol li a { color: #7a7a7a; text-decoration: none; }

.con_up_left p { margin-top: 10px; margin-bottom: 10px; }
.con_up_right  { position: absolute; top: 60px; right: 2px; width: 330px; float: right; margin: 0; padding: 0; }
.con_up_right ul { margin: 0; padding: 0; }
.con_up_right ul img { width: 320px; margin: 0; padding: 0; }
.con_dwon { height: 60px; margin: 0; padding: 0; display: inline; }

.con_dwon ul { margin: 0; padding: 0; }
.con_dwon ul li { color: #000; font-size: 18px; font-style: italic; line-height: 60px; width: 145px; height: 60px; float: left; margin: 0; padding: 0; }
.con_dwon ul li a { color: #fff; font-style: normal; text-decoration: none; }

.con_dwon ul li a.bt_learn { color: #fff; font-size: 14px; line-height: 36px; background-image: url(images/home_bnt.png); background-repeat: no-repeat; background-position: -44px -112px; text-align: center; width: 130px; height: 36px; margin: 6px 0 0; padding: 0; display: block; } 
.con_dwon ul li a.bt_trial { color: #fff; font-size: 14px; line-height: 36px; background-image: url(images/home_bnt.png); background-repeat: no-repeat; background-position: -176px -112px; text-align: center; width: 130px; height: 36px; margin: 6px 0 0; padding: 0; display: block; }
.con_dwon ul li a.bt_comparison { color: #fff; font-size: 14px; line-height: 36px; background-image: url(images/home_bt_03.gif); background-repeat: no-repeat; background-position: left top; text-align: center; width: 130px; height: 36px; margin: 6px 0 0; padding: 0; display: block; }



.font_12{ font-size: 12px; line-height: 18px; }
.font_14{ font-size: 14px; line-height: 24px; }
.font_16{ color: black; font-size: 16px; font-weight: normal; line-height: 30px; }
.font_18 {color: #000; font-size: 18px; line-height: 36px; }
.font_36  { font-size: 36px; line-height: 48px; }
.font_20 {color: #000; font-size: 20px;  }
.font_22 ,.font_22 a {color: #000 !important; font-size: 22px; line-height: 30px;  }






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

.about { width: 960px; display: block; }
.about_up{ background-image: url(images/about_up.png); background-repeat: no-repeat; background-position: left bottom; width: 960px; height: 5px; margin: 0; padding: 0; }
.about_con { width: 960px; height: auto; margin: 0; padding: 0; }
.about_con_tab { background-color: #e6f7ff; width: 960px; height: auto; margin: 0; padding: 0 0 10px; }
.about_con_tab2{ background-image: url(images/about_tab.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 15px top; width: 960px; height: auto; margin: 0; padding: 0 0 10px; }

.about_dwon { background-image: url(images/tab1_dwon.png); background-repeat: no-repeat; background-position: left top; width: 960px; height: 6px; }
.about_table { height: auto; margin: 0 0 0; padding: 0; }

.about_table p { color: #676767; }
.about_table span { color: #4a4a4a; font-size: 18px; line-height: 56px; }
.about_table_right { float: right; margin: 0; padding: 0; }
.about_table ul { margin: 0; padding: 0; }
.about_table ul li { width: 220px; margin: 0; padding: 0; display: block; }
.about_table ul li a.about_bt, .about_table a.about_bt, a.about_bt{ background-image: url(images/about_bt.gif); background-repeat: no-repeat; background-position: left center; width: 205px; padding-left: 15px; }
.about_table ul li a{ color: #676767; font-size: 12px; line-height: 24px; height: 24px; margin: 0; padding: 0; }


.width_220{ background-image: url(images/border_left.gif); background-repeat: no-repeat; background-position: right center; width: 220px;  float: left; margin-right: 0; margin-bottom: 10px; margin-left: 25px; padding: 0 15px 0 0; display:inline ;}
.width_220_02 { background-image: url(images/width_220_02.gif); background-repeat: no-repeat; background-position: right 22px; width: 220px; float: left; margin-right: 0; margin-bottom: 10px; margin-left: 25px; padding: 0 15px 0 0; display:inline ; }
 
.width_400{ width: 390px; float: left; margin-right: 10px; margin-bottom: 10px; margin-left: 20px; padding: 0; }
.width_370 { margin-top: 25px; margin-bottom: 10px; }
.about_table_img { width: 390px; height: 52px; margin: 0; padding: 10px 0 0; }

.about_table img {margin-top: 8px; }
/*===================================.about end==============================================*/
.banner_bt { position: relative; top: 222px; left: 445px; width: 420px; height: 42px; margin: 0; padding: 0; }
a.banner_learn { background-image: url(images/home_bnt.png); background-repeat: no-repeat; background-attachment: scroll; background-position: -4px -4px; width: 150px; height: 45px; float: left; margin: 0 32px 0 0; padding: 0; display: block; }
a.banner_learn:hover {_top: 1px; background-image: url(images/home_bnt.png); background-repeat: no-repeat; background-attachment: scroll; background-position: -4px -55px; width: 150px; height: 45px; float: left; margin: 0 32px 0 0; padding: 0; display: block; }
a.banner_buy { background-image: url(images/home_bnt.png); background-repeat: no-repeat; background-position: -157px -4px; width: 150px; height: 45px; float: left; margin: 0; padding: 0; display: block; }
a.banner_buy:hover { background-image: url(images/home_bnt.png); background-repeat: no-repeat; background-position: -157px -56px; width: 150px; height: 45px; float: left; margin: 0; padding: 0; display: block; }
/*tai*/
.tail { width: 960px; height: 60px; margin: 10px auto 0; padding: 0; }
.tail_up img {  }
.tail_up { color: #454545; width: 540px; height: 25px; float: left; margin: 0; padding: 0; }
.tail_up ul { margin: 0; padding: 0; }
.tail_up ul li{ margin: 0; padding: 0; }
.tail_up ul li a{ color: #454545 !important; }
.tail_up ul li a:hover{ color: #454545 !important; text-decoration: underline; }
.tail_dwon { width: 480px; float: left; margin: 0; padding: 0; }
.tail_dwon ul { margin: 0; padding: 0; }
.tail_dwon ul li { color: #454545; font-size: 11px; margin: 0; padding: 0; }