@charset "gb2312";
* {margin:0;padding:0;}
body,td,th {color:#666;font:12px Verdana, Arial, Helvetica, sans-serif;}
body {background:#fff;margin:0 0 30px;text-align:center;}
ul {list-style:none;}
a {color:#f90;}
img {border:none;}
h1,h2 {color:#333;}
h1 {font-size:18px;}
h2 {font-size:14px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
table {border-collapse:collapse;}
th {font-weight:bold;}
textarea,input {color:#666;}

/*common*/
.hide {display:none;}

/*==============================main pages==============================*/

/*====================header====================*/
#header {width:760px;height:85px;margin:0 auto;text-align:left;}
#header img {width:327px;height:65px;display:block;float:left;margin:10px 5px;}
#header h1 {height:85px;line-height:85px;float:left;margin:0 0 0 12px;}
#header ul {float:right;margin:30px 0 0;}
/*subnav*/
#subnav {background:url(../../images/bg_subnav.gif) no-repeat center;}
#subnav li {float:left;padding:6px 0;}
#subnav li a {display:block;padding:0 6px;text-decoration:none;color:#666;}
#subnav li a:hover {text-decoration:underline;}
#subnav_home a,#subnav_sitemap a {border-right:1px solid #ddd;}

/*====================nav====================*/
#nav {width:760px;height:40px;margin:0 auto 18px;background:url(../../images/bg_nav.gif) no-repeat center;}
#nav ul {margin:0 0 0 19px;display:none;}
#nav li {float:left;}
#nav li a {display:block;padding:0 15px;text-decoration:none;color:#fff;font-weight:bold;font-size:13px;border-left:2px solid #fff;margin:11px 0 12px;}
#nav_contact a {border-right:2px solid #fff;}

/*====================footer====================*/
#footer {padding:18px 0 0 15px;width:745px;height:52px;line-height:52px;margin:0 auto;clear:both;background:url(../../images/bg_footer.gif) no-repeat center bottom;text-align:left;border-top:1px solid #ebebeb;position:relative;}
#footer p {font-size:11px;}
#footer a {text-decoration:none;color:#666;}
#footer a:hover {text-decoration:underline;}
#footer .color_gray {color:#999;}
#footer a#qqonline {position:absolute;top:30px;right:24px;}


/*==============================contain==============================*/
#contain {width:760px;margin:18px auto;position:relative;}


/*====================banner====================*/
#banner {float:left;width:760px;height:125px;}


/*====================contain products====================*/
#contain_products {float:right;width:200px;margin:24px 0 0;}

/*==========search==========*/
#search h2 {display:none;}
#search div {width:184px;padding:0 8px;height:48px;background:url(../../images/bg_search.gif) no-repeat center;}
#search input {margin:8px 0 0 2px;vertical-align:middle;}
#search_txt input {border:1px solid #ddd;background:#fff;color:#999;width:132px;height:18px;line-height:18px;padding:0 0 0 8px;}

/*==========new case==========*/
#case_index {width:200px;text-align:left;}
#case_index a:hover {text-decoration:none;}
/*title*/
#case_index_title {border-bottom:1px solid #eee;height:24px;line-height:24px;margin:10px 0 0;}
#case_index_title h2 {float:left;background:url(../../images/icon_title_index.gif) no-repeat left 5px;padding:0 0 0 18px;margin:0 0 0 4px;}
#case_index_title a {float:right;font-weight:bold;background:url(../../images/arrow_right_orange.gif) no-repeat left 9px;padding:0 5px;}
/*content*/
#case_index_content {border-bottom:1px solid #eee;padding:0 0 12px;text-align:center;}
#case_index_content img {width:180px;height:180px;border:5px solid #eee;margin:18px auto 12px;display:block;}
#case_index_content a {font-weight:bold;font-size:12px;}


/*====================contain txt====================*/
#contain_txt {float:left;width:540px;margin:24px 0 0;}

/*==========why choice us==========*/
#whychoiceus_index {width:540px;text-align:left;}
/*title*/
#whychoiceus_index_title {border-bottom:1px solid #eee;height:24px;line-height:24px;}
#whychoiceus_index_title h2 {float:left;background:url(../../images/icon_title_index.gif) no-repeat left 5px;padding:0 0 0 18px;margin:0 0 0 4px;}
#whychoiceus_index_title a {float:right;font-weight:bold;background:url(../../images/arrow_right_orange.gif) no-repeat left 9px;padding:0 5px;}
#whychoiceus_index_title a:hover {text-decoration:none;}
/*content*/
#whychoiceus_index_content {padding:18px 12px;line-height:24px;}
#whychoiceus_index_content p {text-indent:2em;}

/*==========news==========*/
#news_index {width:540px;text-align:left;}
/*title*/
#news_index_title {border-bottom:1px solid #eee;height:24px;line-height:24px;}
#news_index_title h2 {float:left;background:url(../../images/icon_title_index.gif) no-repeat left 5px;padding:0 0 0 18px;margin:0 0 0 4px;}
#news_index_title a {float:right;font-weight:bold;background:url(../../images/arrow_right_orange.gif) no-repeat left 9px;padding:0 5px;}
#news_index_title a:hover {text-decoration:none;}
/*content*/
#news_index ul {margin:12px auto 18px;height:120px;}
#news_index li {float:left;line-height:30px;border-bottom:1px dashed #f0f0f0;}
#news_index li strong {float:right;font-weight:normal;color:#999;margin:0 6px 0 0;font-size:11px;}
#news_index li a {color:#666;text-decoration:none;display:block;background:url(../../images/icon_news.gif) no-repeat 6px center;padding:0 0 0 18px;}
#news_index li a:hover {text-decoration:underline;color:#0071bc;background-color:#fcfcfc;font-weight:bold;}

/*==========client show==========*/
#clientshow_index {width:540px;text-align:left;}
/*title*/
#clientshow_index_title {border-bottom:1px solid #eee;height:24px;line-height:24px;}
#clientshow_index_title h2 {float:left;background:url(../../images/icon_title_index.gif) no-repeat left 5px;padding:0 0 0 18px;margin:0 0 0 4px;}
#clientshow_index_title a {float:right;font-weight:bold;background:url(../../images/arrow_right_orange.gif) no-repeat left 9px;padding:0 5px;}
#clientshow_index_title a:hover {text-decoration:none;}
/*content*/
#clientshow_index_content {margin:18px 12px;}
#clientshow_index_content img {display:block;float:left;width:50px;height:38px;margin:0 0 16px;}

/*====================contain subpic====================*/
#contain_subpic {float:right;width:200px;margin:18px 0 0;}
#contain_subpic h2 {display:none;}
#subscribe {margin:0 0 18px;}

/*==========subscribe==========*/
#subscribe {width:184px;padding:0 8px;height:48px;background:url(../../images/bg_search.gif) no-repeat center;}
#subscribe input {margin:8px 0 0 2px;vertical-align:middle;}
#subscribe_txt input {border:1px solid #ddd;background:#fff;color:#999;width:132px;height:18px;line-height:18px;padding:0 0 0 8px;}


/*==============================sub pages==============================*/

/*====================subcontain products====================*/
#subcontain_products {float:left;width:200px;margin:0 0 18px;}

/*==========nav sidebar==========*/
#nav_sidebar_about,#nav_sidebar_case {width:200px;text-align:left;margin:0 0 18px;}
#nav_sidebar_about h2,#nav_sidebar_case h2 {width:166px;height:30px;line-height:30px;color:#fff;padding:0 0 0 34px;}
#nav_sidebar_about ul,#nav_sidebar_case ul {border-top:1px solid #eee;margin:18px 0 0;}
#nav_sidebar_about li,#nav_sidebar_case li {height:30px;line-height:30px;border-bottom:1px solid #eee;}
#nav_sidebar_about li a,#nav_sidebar_case li a {display:block;text-decoration:none;font-weight:bold;font-size:13px;padding:0 0 0 26px;}
/*common h2*/
#nav_sidebar_about h2 {background:url(../../images/bg_sidebar_orange.gif) no-repeat center;}
#nav_sidebar_case h2 {background:url(../../images/bg_sidebar_green.gif) no-repeat center;}
/*common a*/
#nav_sidebar_about li a {color:#f90;background:url(../../images/icon_sidebar_orange.gif) no-repeat 10px center;}
#nav_sidebar_about li a:hover {color:#fff;background:#f90 url(../../images/icon_sidebar_white.gif) no-repeat 10px center;}
#nav_sidebar_case li a {color:#007236;background:url(../../images/icon_sidebar_green.gif) no-repeat 10px center;}
#nav_sidebar_case li a:hover {color:#fff;background:#007236 url(../../images/icon_sidebar_white.gif) no-repeat 10px center;}

/*==========adsearch==========*/
#adsearch {width:184px;text-align:left;padding:12px 8px;background:url(../../images/bg_adsearch.gif) no-repeat center;}
#adsearch h2 {display:none;}
#adsearch select {background:#fff;color:#999;width:140px;height:18px;line-height:18px;padding:0 0 0 8px;}
/*select*/
#select_categorie select {background:#999;color:#fff;}
#select_categorie,#select_subcategorie,#select_price {margin:0 0 10px;}
#select_categorie,#select_subcategorie,#select_price,#select_use {width:184px;}
#select_categorie select,#select_subcategorie select,#select_price select,#select_use select {float:left;}
#select_categorie input,#select_subcategorie input,#select_price input,#select_use input {float:right;}
/*subsearch*/
#subsearch input {vertical-align:middle;}
#subsearch_txt input {border:1px solid #ddd;background:#fff;color:#999;width:128px;height:18px;line-height:18px;padding:0 0 0 8px;}
#subsearch_img input {margin:8px 0 0 8px;}

/*====================subcontain subpic====================*/
#subcontain_subpic {float:left;width:200px;}
#subcontain_subpic h2 {display:none;}

/*====================common title====================*/
#about_title,#products_title,#whatwecando_title,#case_title,#feedback_title,#news_title,#contact_title,#sitemap_title,#whychoiceus_title,#clientshow_title {width:506px;height:30px;line-height:30px;color:#fff;padding:0 0 0 34px;}
#about_title h2,#products_title h2,#whatwecando_title h2,#case_title h2,#feedback_title h2,#news_title h2,#contact_title h2,#sitemap_title h2,#whychoiceus_title h2,#clientshow_title h2 {float:left;color:#fff;}
#about_title span,#products_title span,#whatwecando_title span,#case_title span,#feedback_title span,#news_title span,#contact_title span,#sitemap_title span,#whychoiceus_title span,#clientshow_title span {float:right;margin:0 12px 0 0;}
#about_title a,#products_title a,#whatwecando_title a,#case_title a,#feedback_title a,#news_title a,#contact_title a,#sitemap_title a,#whychoiceus_title a,#clientshow_title a {text-decoration:none;color:#fff;}
#about_title a:hover,#products_title a:hover,#whatwecando_title a:hover,#case_title a:hover,#feedback_title a:hover,#news_title a:hover,#contact_title a:hover,#sitemap_title a:hover,#whychoiceus_title a:hover,#clientshow_title a:hover {text-decoration:underline;}
/*common title*/
#about_title,#contact_title {background:url(../../images/bg_title_orange.gif) no-repeat center;}
#products_title {background:url(../../images/bg_title_blue.gif) no-repeat center;}
#whatwecando_title,#case_title,#feedback_title {background:url(../../images/bg_title_green.gif) no-repeat center;}
#news_title {background:url(../../images/bg_title_cambridgeblue.gif) no-repeat center;}
#sitemap_title,#clientshow_title {background:url(../../images/bg_title_purple.gif) no-repeat center;}
#whychoiceus_title {background:url(../../images/bg_title_red.gif) no-repeat center;}

/*====================common content====================*/
#aboutlg_content,#about3d_content,#whatwecando_content,#feedback_content,#contact_content,#sitemap_content,#whychoiceus_content,#clientshow_content {width:500px;height:240px;padding:0 20px;text-align:left;line-height:24px;margin:24px 0 0;}
#aboutlg_content p,#whatwecando_content p,#feedback_content p,#contact_content p,#whychoiceus_content p {text-indent:2em;margin:0 0 12px;}

/*==============================content==============================*/
#content {float:right;width:540px;position:relative;}

/*about*/
#about3d_content p {margin:0 0 6px;}
/*feedback*/
#feedback_content caption {font-size:14px;font-weight:bold;}
#feedback_content td.colspan {width:490px;text-align:center;line-height:18px;}
#feedback_content th,#feedback_content td.th {text-align:right;width:114px;padding:0 6px 0 0;}
#feedback_content td {width:370px;padding:2px 0;}
#feedback_content td textarea,#feedback_content td input {border:1px solid #ccc;}
#feedback_content td input.button {background:#666;color:#fff;font:11px Verdana, Arial, Helvetica, sans-serif;padding:5px 3px 1px 4px;}
/*contact*/
#contact_content dl {margin:0 0 24px;}
#contact_content dt {font-weight:bold;font-size:12px;border-bottom:1px solid #eee;width:300px;color:#555;}
#contact_hk {margin:24px 0 0;}
#contact_content a:hover {text-decoration:none;}
/*sitemap*/
#sitemap_content {margin:24px 0;}
#sitemap_content ul ul {background:url(../../images/icon_line.gif) repeat-y left top;}
#sitemap_content ul ul ul {background:url(none);}
#sitemap_content li li {padding:0 0 0 20px;background:url(../../images/icon_midblk.gif) no-repeat left top;height:24px;line-height:24px;}
/*sitemap common icon*/
#sitemap_content #sitemap_home {padding:0 0 0 18px;background:url(../../images/icon_home.gif) no-repeat left top;}
#sitemap_content #sitemap_about,#sitemap_content #sitemap_solutions {background:url(../../images/icon_midplus.gif) no-repeat left top;}
#sitemap_content #sitemap_clientshow,#sitemap_content #sitemap_contact,#sitemap_content #sitemap_feedback {background:url(../../images/icon_lastblk.gif) no-repeat left top;}
/*sitemap common hover*/
#sitemap_content li li a {padding:0 0 0 16px;background:url(../../images/icon_arrow_gray.gif) no-repeat left center;}
#sitemap_content ul a {color:#666;text-decoration:none;}
#sitemap_content ul a:hover {color:#333;text-decoration:underline;font-weight:bold;}
#sitemap_content #sitemap_about a:hover {color:#f90;background:url(../../images/icon_arrow_orange.gif) no-repeat left center;}
#sitemap_content #sitemap_products a:hover {color:#4b97e5;background:url(../../images/icon_arrow_blue.gif) no-repeat left center;}
#sitemap_content #sitemap_solutions a:hover {color:#007236;background:url(../../images/icon_arrow_green.gif) no-repeat left center;}
#sitemap_content #sitemap_news a:hover {color:#31bfe2;background:url(../../images/icon_arrow_cambridgeblue.gif) no-repeat left center;}
#sitemap_content #sitemap_whychoiceus a:hover {color:#c33;background:url(../../images/icon_arrow_red.gif) no-repeat left center;}
#sitemap_content #sitemap_clientshow a:hover {color:#609;background:url(../../images/icon_arrow_purple.gif) no-repeat left center;}
/*client show*/
#clientshow_content img {display:block;float:left;width:50px;height:38px;margin:0 0 16px;}

/*====================products====================*/
/*list*/
#products_list {width:540px;height:594px;position:relative;margin:24px auto 0;text-align:left;}
.product {float:left;width:180px;height:190px;margin:0 0 10px;text-align:center;}
.product img {width:140px;height:140px;border:5px solid #eee;}
.product div {width:140px;height:36px;text-align:left;}
.product div a {display:block;line-height:24px;text-decoration:none;color:#666;}
.product div a:hover {text-decoration:underline;color:#f90;}
.product div img {width:23px;height:11px;border:none;}
/*nav pages*/
#nav_pages_products {width:280px;margin:0 auto;}
#nav_pages_products ul {float:left;width:109px;margin:8px 0 0 0;}
#nav_pages_products li {float:left;}
#nav_pages_products li a {display:block;color:#4b97e5;font-weight:bold;}
#products_previous a {border-right:1px solid #ddd;padding:0 5px 0 10px;background:url(../../images/arrow_left_blue.gif) no-repeat left 4px;}
#products_previous a:hover {color:#f90;background:url(../../images/arrow_left_orange.gif) no-repeat left 4px;}
#products_next a {padding:0 10px 0 5px;background:url(../../images/arrow_right_blue.gif) no-repeat right 4px;}
#products_next a:hover {color:#f90;background:url(../../images/arrow_right_orange.gif) no-repeat right 4px;}
#nav_pages_products p {color:#4b97e5;font-weight:bold;float:right;width:133px;height:24px;}
#nav_pages_products p select {color:#4b97e5;}
#nav_pages_products p .color_gray {color:#ddd;font-weight:normal;}

/*====================products info====================*/
/*info*/
#products_info {width:500px;position:relative;margin:30px auto 24px;padding:0 20px}
/*describe*/
#describe {float:left;text-align:left;width:260px;}
#describe dl {line-height:24px;}
#describe dt {font-size:14px;font-weight:bold;color:#4b97e5;}
#describe dd span {font-weight:bold;}
#describe a {color:#4b97e5;font-weight:bold;padding:0 5px 0 10px;background:url(../../images/arrow_left_blue.gif) no-repeat left 4px;line-height:24px;}
#describe a:hover {color:#f90;background:url(../../images/arrow_left_orange.gif) no-repeat left 4px;}
/*small*/
#small {float:right;width:176px;text-align:center;}
#pic_small {background:url(../../images/bg_small.gif) no-repeat center;margin:0 auto;padding:20px;}
#pic_small img {width:140px;height:140px;}
#small ul {margin:12px auto 0;width:138px;}
#small li {float:left;}
#small li a {color:#4b97e5;font-weight:bold;padding:0 5px;}
#small li a:hover {color:#f90;}
#menu_print {border-right:1px solid #ddd;}
/*mail to friend*/
#mailtofriend {padding:12px;}
#mailtofriend input {font-family:Verdana, Arial, Helvetica, sans-serif;}
#mailtofriend_txt {border:1px solid #ccc;background:#fff;color:#666;width:240px;height:18px;line-height:18px;padding:0 0 0 8px;}
#mailtofriend_img {border:1px solid #369;background:#4b97e5;color:#fff;width:120px;margin:0 0 0 6px;padding:2px 0 0;}
/*picture*/
#picture {margin:0 auto;width:500px;}
#pic_big {width:500px;height:380px;border-bottom:1px solid #eee;padding:0 0 24px;margin:24px 0;}
#pic_big img {width:380px;height:380px;}
/*related products*/
#relatedproducts h2 {width:506px;height:30px;line-height:30px;background:url(../../images/bg_title_blue.gif) no-repeat center;color:#fff;padding:0 0 0 34px;text-align:left;}
#relatedproducts_list {width:500px;margin:24px auto 12px;}
#relatedproducts_list a {width:165px;display:block;float:left;}
#relatedproducts_list a img {width:140px;height:140px;border:5px solid #eee;}

/*====================case====================*/
/*list*/
#case_list {width:540px;height:540px;position:relative;margin:24px auto 0;text-align:left;}
.case {float:left;width:180px;height:190px;margin:0 0 10px;text-align:center;}
.case img {width:140px;height:140px;border:5px solid #eee;}
.case div {width:140px;height:36px;text-align:left;}
.case div a {display:block;line-height:24px;text-decoration:none;color:#666;}
.case div a:hover {text-decoration:underline;color:#f90;}
.case div img {width:23px;height:11px;border:none;}
/*nav pages*/
#nav_pages_case {width:280px;margin:0 auto;}
#nav_pages_case ul {float:left;width:109px;margin:8px 0 0 0;}
#nav_pages_case li {float:left;}
#nav_pages_case li a {display:block;color:#007236;font-weight:bold;}
#case_previous a {border-right:1px solid #ddd;padding:0 5px 0 10px;background:url(../../images/arrow_left_green.gif) no-repeat left 4px;}
#case_previous a:hover {color:#f90;background:url(../../images/arrow_left_orange.gif) no-repeat left 4px;}
#case_next a {padding:0 10px 0 5px;background:url(../../images/arrow_right_green.gif) no-repeat right 4px;}
#case_next a:hover {color:#f90;background:url(../../images/arrow_right_orange.gif) no-repeat right 4px;}
#nav_pages_case p {color:#007236;font-weight:bold;float:right;width:133px;height:24px;}
#nav_pages_case p select {color:#007236;}
#nav_pages_case p .color_gray {color:#ddd;font-weight:normal;}

/*====================case info====================*/
/*info*/
#case_info {width:500px;position:relative;margin:0 auto 30px;padding:0 20px;}
#case_info h3 {border-bottom:1px dashed #f0f0f0;line-height:36px;margin:18px auto;}
#case_info p {text-align:left;}
/*big*/
#big {border-top:1px solid #eee;padding:24px 0 0;margin:24px 0 0;}
#big img {width:500px;height:500px;}
#menu_back_case {margin:18px auto 0;}
#menu_back_case a {color:#007236;font-weight:bold;padding:0 5px 0 10px;background:url(../../images/arrow_left_green.gif) no-repeat left 4px;}
#menu_back_case a:hover {color:#f90;background:url(../../images/arrow_left_orange.gif) no-repeat left 4px;}
/*related products*/
#relatedcase h2 {width:506px;height:30px;line-height:30px;background:url(../../images/bg_title_green.gif) no-repeat center;color:#fff;padding:0 0 0 34px;text-align:left;}
#relatedcase_list {width:500px;margin:24px auto 12px;}
#relatedcase_list a {width:165px;display:block;float:left;}
#relatedcase_list a img {width:140px;height:140px;border:5px solid #eee;}

/*====================news====================*/
/*list*/
#news_list {width:506px;margin:12px auto;text-align:left;}
#news_list li {float:left;line-height:30px;border-bottom:1px dashed #f0f0f0;width:540px;}
#news_list li strong {float:right;font-weight:normal;color:#999;margin:0 6px 0 0;font-size:11px;}
#news_list li a {color:#666;text-decoration:none;display:block;background:url(../../images/icon_news.gif) no-repeat 6px center;padding:0 0 0 18px;}
#news_list li a:hover {text-decoration:underline;color:#f90;background-color:#fcfcfc;font-weight:bold;}
/*nav pages*/
#nav_pages_news {width:118px;margin:24px auto 0;}
#nav_pages_news ul {float:left;width:118px;}
#nav_pages_news li {float:left;}
#nav_pages_news li a {display:block;color:#31bfe2;font-weight:bold;}
#news_previous a {border-right:1px solid #ddd;padding:0 5px 0 10px;background:url(../../images/arrow_left_cambridgeblue.gif) no-repeat left 4px;}
#news_previous a:hover {color:#f90;background:url(../../images/arrow_left_orange.gif) no-repeat left 4px;}
#news_next a {padding:0 10px 0 5px;background:url(../../images/arrow_right_cambridgeblue.gif) no-repeat right 4px;}
#news_next a:hover {color:#f90;background:url(../../images/arrow_right_orange.gif) no-repeat right 4px;}

/*====================news info====================*/
/*info*/
#news_info {width:500px;padding:0 20px;}
#news_info h3 {border-bottom:1px dashed #f0f0f0;line-height:36px;margin:18px 0 0;}
#news_info div {color:#999;line-height:24px;padding:0 0 12px;font-size:11px;}
#news_info p {text-align:left;}
#menu_back_news {margin:18px auto 0;}
#menu_back_news a {color:#31bfe2;font-weight:bold;padding:0 5px 0 10px;background:url(../../images/arrow_left_cambridgeblue.gif) no-repeat left 4px;}
#menu_back_news a:hover {color:#f90;background:url(../../images/arrow_left_orange.gif) no-repeat left 4px;}
