﻿@charset "utf-8";
/* CSS Document */

@charset "utf-8";

img{ border:0;}
#nav{ height:33px; width:100%; text-align:center; background-color:#ccc}
/*banner start*/
.mainbanner {
	width: 100%; height: 454px; overflow: hidden; padding-bottom: 20px; position: relative;
}
.menu_product a{color:#000;font-size:12px}
.mainbanner_window {
	left: 50%; width: 2000px; height: 454px; overflow: hidden; margin-left: -1000px; position: absolute; background-color: rgb(102, 102, 102);
}
.mainbanner_window ul {
	width: 999999px; height: 454px; position: relative;
}
.mainbanner_window li {
	background: rgb(204, 204, 204); width: 2000px; height: 454px; text-align: center; font-size: 0px; float: left; display: inline;
}
.mainbanner_list {
	left: 50%; top: 390px; width: 500px; height: 30px; margin-left: -75px; position: absolute;
}
.mainbanner_list li {
	width: 30px; height: 30px; overflow: hidden; float: left; display: inline;
}
.mainbanner_list a {
	text-align: center; color: rgb(255, 255, 255); line-height: 30px; overflow: hidden; font-size: 12px; font-weight: 700; float: left; display: inline;
}
.mainbanner_list li.active a {
	background-position: 3px -227px; text-decoration: none;
}
.mainbanner_list li a:hover {
	background-position: 3px -227px; text-decoration: none;
}
/*banner end*/

/*menu start*/
.menu_product {width:248px; float:left; margin-left:-45px}.menu_product_title {
	 text-align: center; color: rgb(255, 255, 255); line-height: 38px; font-size: 15px; font-weight:700; display: block; 
}
.menu_product_title_2 {
	 text-align: center; color: rgb(255, 255, 255); line-height: 38px; font-size: 15px; font-weight: 700; display: block;
}
.menu_product_title_2_hover {
	 text-align: center; color: rgb(255, 255, 255); line-height: 38px; font-size: 15px; font-weight: 700; display: block;
}

.menu_product_title_2 {
	background-position: -300px -200px;
}

.menu_product_title_2_hover {
	background-position: -300px -250px;
}
.menu_product_category {
	width: 218px; height:938px;float: left; margin-left:66px; border:#ccc 1px solid; background-color:#F9FDFF}
.ad_undermenu {
	width: 192px; height: 152px; overflow: hidden; border-right-color: rgb(188, 187, 192); border-bottom-color: rgb(188, 187, 192); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; float: left;
}
.menu_product_first {
	width: 192px; height: 8px; overflow: hidden; border-right-color: rgb(188, 187, 192); border-right-width: 1px; border-right-style: solid; float: left;
}
.menu_product_item {
	background: -889px 0px; width: 217px; height: 30px; overflow: visible; float: left; position: relative; list-style:none; border-bottom:1px #ccc solid}
.menu_product_item_active {
	background-position: -889px -51px; left: 0px; width: 218px; margin-top: -1px; border:#0C0 1px solid; border-right:none;background-color: rgb(255, 255, 255);
}
.menu_product_item1,.menu_product_item2 ,.menu_product_item3,.menu_product_item4 ,.menu_product_item5,.menu_product_item6,.menu_product_item7{background: -690px 0px; width: 192px; height: 30px; color: rgb(32, 32, 32); line-height: 30px; text-indent: 50px; font-size: 14px; font-weight: 700; float: left; text-decoration:none}
.menu_product_list {
	background: repeat-y 425px 0px rgb(255, 255, 255); border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color:#0C0;left: 218px; top: -1px; width: 560px; position: absolute; z-index:45;
}
.menu_product_items {margin:10px 40px;width:240px;float:left;}
.menu_product_line {overflow:hidden; border-bottom-color: rgb(229, 229, 229); border-bottom-width:1px;border-bottom-style:solid; float:left}
.menu_product_items dt {width:80px;font-weight:700;float:left;margin:15px 0}
.menu_product_items dt a{color:rgb(32, 32, 32); font-size:14px; text-decoration:none}
.menu_product_items dt a:hover {color:#F00}
.menu_product_items dd {width:260px;float:left; padding:10px 5px; margin-left:20px; font-size:12px}
.menu_product_guide {margin: 20px; width: 160px; float: right;}
.menu_contact {background: no-repeat left top rgb(229, 229, 229); width: 100%; text-indent:30px; clear: both;
}
.hot_line {background: no-repeat -195px 14px; height: 50px; color: rgb(32, 32, 32); line-height: 50px;text-indent:30px;overflow: hidden;font-size: 14px; display:inline-block;
}
.online_service {
	background: no-repeat 5px 15px; height: 50px; color: rgb(32, 32, 32); line-height: 50px; text-indent: 30px; overflow: hidden; font-size: 14px; margin-left: 30px; display: inline-block;
}
.online_service:hover {
	background-position: 5px -35px;
}
.hot_line strong {
	color: rgb(38, 83, 156); font-size: 16px;
}
.title_14 {
	color: rgb(32, 32, 32); font-size: 14px;
}
.menu_product_list {
	display: none;
}
/*menu end*/
/*QQ Star*/
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:1000;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#03F;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#03F;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#F90;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}