/* CSS Document */

@charset "utf-8";

@font-face {

  font-family: 'Roboto-Thin';

  font-style: normal;

  font-weight: 100;

  src: local('Roboto Thin'), local('Roboto-Thin'), url(../fonts/Roboto-Thin.woff) format('woff');

}

@font-face {

  font-family: 'Roboto-Light';

  font-style: normal;

  font-weight: 300;

  src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/Roboto-Light.woff) format('woff');

}

body,p,th,td,strong{font-family: 'Trebuchet MS', 'Roboto-Light', Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:120%;}

input,select,textarea{font-family: 'Trebuchet MS', 'Roboto-Light', Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:120%;}

body{ background:#fff url(../images/bg.png) top center repeat-x; margin:0; padding:0; color:#666;}

a{ color:#0066CC; cursor:hand; cursor:pointer; text-decoration:none;}

b,span{ font-weight:normal;}

#cls{ clear:both;}

div,form,table,ol,ul,li,dl,dt,p,input,span,a{ list-style:none; padding:0; margin:0;font-family: 'Trebuchet MS','Roboto-Light', Arial, Verdana, Helvetica, sans-serif;}

h1,h2,h3,h4,h5{ font-weight:100; padding:0; margin:0;font-family:'Trebuchet MS','Roboto-Thin', Arial, Helvetica, sans-serif;}

@media screen and (-webkit-min-device-pixel-ratio:0) {

h2,h3,h5{font-family:'Trebuchet MS', 'Roboto-Light', Arial, Helvetica, sans-serif;}

}

h2 span,h3 span,h5 span{font-family:Arial, Helvetica, sans-serif;}

img{ border:none; border:0;}

label{display:inline-block;line-height:1.4em;}

input[type=radio]{float:left;margin-right:2px;border:0;}



#content{ width:960px; margin:0 auto;}

.head{ height:140px;}

.top{ height:97px;}

.logo a{ float:left; background:url(../images/logo.png) center center no-repeat; width:294px; height:97px; display:block;}

.search{ float:right; background:#fff; width:280px; margin-top:40px; border:1px solid #CC9900; height:25px; line-height:25px;}

.search span{ color:#C19E3E; float:left; width:60px; display:block; padding-left:3px; display:block; border-right:1px solid #CC9900; height:20px; line-height:20px; margin:2px; cursor:pointer;}

.search input{ float:left; border:1px solid #fff; height:20px; line-height:20px; margin:2px;}

.search input#SearchValue{ width:170px; padding:0px 5px;}

.search input.kw_bg { color:#ccc;}

.nav{ height:43px;}

.menu{ margin-left:-10px;}

.menu,.menu li{ float:left; height:43px; line-height:43px; font-size:15px; color:#000;}

.menu li a{ margin:0px 13px; color:#000; padding-top:3px; height:40px; line-height:40px; display:block;font-family: 'Roboto-Light', Arial, Verdana, Helvetica, sans-serif;}

.menu li a:hover{ color:#B89946;}

.menu li.menu_on a{ background:url(../images/menu_on.gif) left bottom repeat-x; color:#B89946;}

.menu li a.umenu{ background:url(../images/lighting_menu.gif) no-repeat; color:#fff; height:34px; width:94px; margin-top:5px;}

.menu li a.umenu:hover{ background:url(../images/lighting_menu.gif) no-repeat; color:#fff; height:34px; width:94px; margin-top:5px;}

.share{ float:right; padding-top:10px; width:200px;text-align:right;}



.main{ clear:both; width:952px; margin:20px auto; border:1px solid #E3E3E3; background:#fff;-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);}

.m_top{ background:url(../images/top_bg.png) top center no-repeat;}

.m_bottom{ background:url(../images/bottom_bg.png) bottom center no-repeat;}



.index_con{ padding:20px 30px 30px 30px; background:url(../images/index_ge.jpg) bottom center no-repeat; height:315px;}

.left_menu{ float:left; width:220px;}

.left_menu h2{ font-size:21px; color:#333; height:25px; line-height:25px; padding-left:5px; padding-top:5px; padding-bottom:4px;}

.left_menu ul li a{ display:block; height:20px; line-height:20px; color:#000; padding-left:5px;}

.left_menu ul li a.linkblue{ display:block; height:20px; line-height:20px; color:#009CDC; padding-left:25px; margin-top:5px; background:#009CDC url(../images/lighting_left.gif) left center no-repeat; color:#fff;}

.left_menu ul li a:hover{ color:#fff;background:#009CDC url(../images/menu_arr.gif) right center no-repeat;}

.left_menu ul li a.linkblue:hover{ background:#009CDC url(../images/lighting_left.gif) left center no-repeat; color:#fff;}

.index_show{ width:650px; float:right; height:300px; margin-top:10px; overflow:hidden; position:relative;}

.show_banner { position:absolute; left:0; top:0;}

.show_btn { position:absolute; bottom:-10px; right:270px; background:#fff; padding:8px;}

.show_btn li { float:left; width:13px; height:13px; background:url(../images/show_butt.gif) -13px 0px no-repeat; line-height:13px; text-align:center; margin:2px 5px; color:#ccc; cursor:default;}

.show_btn .come_on { background:url(../images/show_butt.gif) 0px 0px no-repeat; color:#CF9B30;}

.show_pos { position:absolute; top:120px; width:30px; height:30px; line-height:30px; text-align:center; background-color:#000000; color:#FFFFFF; cursor:pointer;}



.index_end{ padding:30px 30px 30px 30px; height:150px;}

.index_end .more{ padding-top:10px;}

.exhibition{ float:left; width:242px; padding-top:10px;}

.index_news{ float:left; width:358px;}

.index_news h2{font-size:25px; color:#339900; height:35px; line-height:35px;}

.index_news ul li{ background:url(../images/news_arr.gif) left center no-repeat; padding-left:10px; height:20px; line-height:20px;}

.index_news ul li a{ color:#000;}

.index_news ul li a:hover{ color:#339900;}

.index_news .more a{ background:#339900; color:#fff; padding:2px 5px;}

.index_news .more a:hover{ background:#00B000;}

.index_support h2{font-size:25px; color:#0066CC; height:35px; line-height:35px;}

.index_support p{ line-height:170%; color:#666; }

.index_support p a:hover{ color:#009CDC;}

.index_support .more a{ background:#0066CC; color:#fff; padding:2px 5px;}

.index_support .more a:hover{ background:#0075EA;}



.foot{ height:40px; padding:0px 10px;}

.copyright{ float:left; width:500px; color:#888;}

.f_link{ float:right; color:#CC9900; width:350px; text-align:right;}

.f_link a{color:#CC9900; margin:0px 5px;}

.f_link a:hover{color:#B78900;}



.about_con{ padding:20px 30px 30px 30px; min-height:500px;}

.aboutleft{width:200px;}

.aboutleft h2{ font-size:21px; color:#333; height:25px; line-height:25px; padding-left:5px; padding-top:5px; padding-bottom:4px;}

.aboutleft ul li a{ display:block; height:20px; line-height:20px; color:#000; padding-left:5px;}

.aboutleft ul li a:hover{ background:#999 url(../images/menu_arr.gif) right center no-repeat; color:#fff;}

.aboutleft ul ul{ margin-bottom:5px;}

.aboutleft ul ul li a{ padding-left:20px; color:#c90;}

.aboutleft ul ul li a:hover{ background:#c90 url(../images/leftmenu_arr.gif) left center no-repeat; color:#fff;}

.aboutleft ul li a.left_menu_on{ background:#666; color:#fff; margin:2px 0px;}

.aboutleft ul ul li.leftson_on a{ background:url(../images/leftson_arr.gif) left center no-repeat; font-weight:bold; color:#000;}



.home{ float:left; width:640px; padding:10px 0px; padding-left:35px;}

.aboutus h2{ font-size:35px; color:#c90; height:40px; line-height:40px;}

.aboutus h3{ font-size:25px; color:#c90; line-height:120%; padding-bottom:10px;}

.corporate{ padding-top:15px;}

.corporate p{ padding-bottom:15px; line-height:160%; font-size:13px; font-family: Arial, Verdana, Helvetica, sans-serif;}

.corporate h3{ font-size:25px; color:#333; height:45px; line-height:45px;}



.son_products{ padding:10px 0; height:30px;}

.son_products a{ color:#666; float:left; display:block; height:20px; line-height:20px; padding:0px 4px; margin:0px 3px; background:#F2F2F2;}

.son_products a:hover{ background:#ddd; color:#000;}

.son_products a.sonpro_on{ background:#c90; color:#fff;}

.pro_list{ clear:both; padding-top:5px;}

.pro_list ul li{ float:left; width:290px; margin-right:20px; margin-bottom:20px;}

.pro_list ul li a{ width:270px; display:block; height:100px; border:1px solid #eee; padding:10px;-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); position:relative;}

.pro_list ul li a img{ width:100px; height:100px; float:left;}

.pro_list ul li a p{ float:left; width:150px; padding-left:15px; padding-top:5px;}

.pro_list ul li a p b{ display:block; height:70px; color:#000; line-height:150%;}

.pro_list ul li a:hover{ border:1px solid #c90; -webkit-box-shadow: 0 0 2px #c90;box-shadow: 0 0 2px #c90;}

.pro_list ul li a:hover p b,.pro_list ul li a:hover p span{ color:#c90;}

.pro_list ul li a u{ text-decoration:none; position:absolute; width:40px; height:20px; line-height:20px; top:100px; left:250px; text-align:center; background:#999; color:#fff; font-size:11px;}

.pro_list ul li a:hover u{ background:#c90; color:#fff;}



.pro_top{ min-height:40px;}

.back{ float:right; width:80px; padding-top:15px;}

.back a{ float:right; width:80px; height:30px; display:block; font-size:24px; color:#000;}

.back a:hover{ color:#c90}

.pro_ti_right{ padding:5px; float:left; width:540px;}

.pro_view{ padding-top:20px; padding-bottom:20px;}

.pro_view{ padding-top:15px; width:650px;}

.aboutus .pro_view h2{ font-size:20px; height:auto; color:#000; line-height:120%; padding-bottom:10px; display:block;}

.pro_view table{ width:650px;}

.xtext{ float:left; width:218px; color:#c90;}

.xtext div{ font-size:16px; font-weight:bold;}

.xtext strong{ color:#999;}

.xtext a{ color:#c90; text-decoration:underline;}

.xtext a img{ width:73px; height:66px; padding:5px;}

.support_os{ float:right; width:145px;}

.support_os img{ padding-bottom:1px;}

.pro_ico{ clear:both; padding:10px 0;}

.pro_ico img{ padding-right:0px;}

.pro_infom{ padding-right:8px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:15px; border-top:1px solid #ccc; margin-top:5px; line-height:150%;}

.pro_infom hr{ color:#A38A5C;}

.pro_infom ul{ padding-left:20px;}

.pro_infom ul li{list-style:disc; line-height:120%;}

.pro_infom p{ line-height:170%; padding-bottom:15px;font-family:Verdana, Arial, Helvetica, sans-serif;}

.p_n_left{  margin-top:-3px;}

.p_n_left select{ font-size:12px;}

.p_n_right{ float:right; width:250px; text-align:right;}



#newsview{ padding-top:15px;}

.supp{ background:#f2f2f2; padding:10px; margin:20px 0;border-radius: 5px;}

.supp p{ line-height:150%; padding-bottom:10px;}

.supp2 p{ line-height:150%; padding-bottom:10px;}

.news_list{ padding-top:15px;}

.news_list ul li{ height:25px; line-height:25px;}

.news_list ul li a{ height:25px; line-height:25px;}

.news_list ul li a span{ float:left; width:80px; color:#999;}

.news_list ul li a b{ float:left; width:530px; color:#000;}

.news_list ul li a:hover b{ color:#339900;}

.news_view{ padding-bottom:15px; clear:both; line-height:150%; font-family:Verdana, Arial, Helvetica, sans-serif;}

.news_view p{ font-size:12px; line-height:150%; padding-bottom:15px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.news_view td a{ color:#000;}

.news_view td a:hover{ text-decoration:underline;}

.news_view td{ line-height:150%;}



.contact{ padding-top:20px;}

.contact a{ color:#0066CC}

.contact_ti{ background:#f2f2f2; padding:8px; height:18px; clear:both;}

.contact_ti h5{ font-size:18px; float:left; padding:0px; margin:0px; width:400px;}

.contact_ti a{ float:right; width:120px; text-align:right;}

.contact_con{ clear:both; padding-top:10px;}

.contact_text{ float:left; width:300px; margin-bottom:20px;}

.contact_text p{ line-height:150%; padding-bottom:10px;}

.contact_map{ margin-bottom:20px; float:right;}

.sitemap_text{ float:left; width:300px; margin-bottom:20px;}

.sitemap_text td{ padding-left:10px;}

.hide{display: none;}



.lighting{ float:left; width:200px; padding-top:20px; padding-left:0px; margin-left:90px;}

#sort{ font-size:16px;}

#newsview table tr td,#newsview table tr td p{ line-height:180%;}