* {
margin:0;
padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height: 18px;
}
#layout {
width:970px;
padding:0 16px;
margin:0 auto;
}
img {
border:0;
}
.clear {
clear:left;
}
H1 {
	CLEAR: both;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px 0px 5px;
	COLOR: #1884d6;
	PADDING-TOP: 5px;
	background-color: transparent;
    BORDER-BOTTOM: #e6e6e6 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 5px;
	font-weight: 400;
}
a{ color:#333; text-decoration:none;}
a:hover{ color:#d82119;}
.container{ padding:0 15px;}
.top{ height:75px;}
.search{ float:right; width:220px; height:75px; line-height:45px; text-align:right; position:relative;}
.search_text{ font-family:Arial, Helvetica, sans-serif; color:#999; padding:2px 0 2px 9px; font-size:11px; width:140px; height:14px; border:1px solid #d9d9d9; position:absolute; left: 0; top: 49px;}
.search_btn{ position:absolute; left: 151px; top: 49px; }
.search a{ color:#999; text-decoration:none; padding:0 6px;}
.search a:hover{ color:#d82119;}
/**menu**/
.menu{ background-color:#006dca; height:30px; padding-top:8px;}
.menu ul{ list-style:none;}
.menu ul li{ float:left; height:30px; border-right:1px solid #347bb9; font-size:12px;}
.menu ul li a{ color:#fff; height:30px; line-height:30px; text-align:center; font-weight:bold; text-decoration:none; outline:none;}
.menu ul li img{ display:block;}
.menu ul li a:hover{ background:#ca0000 ;}
.menu ul li a.current{ background:#ca0000 ;}
.menu ul li .eightpx{ width:80px;}
/*product*/
.product .product_show{ float:left; width:230px;border-left:1px solid #e3e3e3;}
.left{ float:left; width:215px; background-color:#f9f9f9;}
.left h3{ font-size:16px; color:#666; height:28px; line-height:26px; border-bottom:2px solid #bbb; padding:10px 0 0 13px;}
/*contact us*/
.left02{ float:left; width:215px; font-size:12px;}
.left02 h3{ font-size:16px; color:#666; height:26px; line-height:26px; border-bottom:2px solid #bbb; background-color:#f9f9f9; padding:10px 0 0 13px; margin-bottom:5px;}
.left02 p{ line-height:207%; padding-left:13px;}
.left02 span{ float:left; width:147px; display:block; color:#DE3525;}
.left02 .t01{ width:50px; color:#666; font-size:11px;}

.product_list{ width:215px; background:url(../images/product_line02.gif) no-repeat; padding:37px 20px 0 0;}
.bg{ width:215px; background:url(../images/latest_news.gif) no-repeat; padding:37px 20px 0 0;}
.product_list ul{
list-style-type: none;
padding: 0;
border-top: 1px solid #f9f9f9;
}

.product_list a{
/*background: white url(../images/arr03.gif) no-repeat 12px center;*/
font-size:12px;
color: #666;
display: block;
width: 77px;
line-height:29px;
padding-left: 30px;
text-decoration: none;

border-bottom: 1px solid #f9f9f9;
float:left;
}

.product_list a:visited, .product_list a:active{
color: #666;
}

.product_list a:hover{
color:#ffffff;
background-color:#7ab6e9;
background-image:url(../images/arr04.gif) no-repeat 12px center; /*onmouseover image change. Remove if none*/
}

.product_list span{
background: white url(../images/arr04.gif) no-repeat 12px center;
font-size:12px;
color: #666;
font-weight:bold;
display: block;
width: 180px;
line-height:29px;
text-decoration: none;
border-bottom: 1px solid #f9f9f9;
}
.product_list span a,.product_list span a:active{
background: white url(../images/arr04.gif) no-repeat 12px center;
font-size:12px;
color: #666;
font-weight:bold;
display: block;
width: 180px;
line-height:29px;
text-decoration: none;
border-bottom: 1px solid #f9f9f9;
}
/* Holly Hack for IE \*/
* html .product_list ul li { height: 1%; }
* html .product_list ul li a { height: 1%; }
/* End */
.market{ list-style:none; width:215px; font-size:12px;}
.market li{ float:left; width:80px; height:26px; line-height:26px; display:block; background:url(../images/arr05.gif) no-repeat 14px center; padding-left:24px;}
.content{ float:left; width:705px; padding-bottom:20px;}
.content .left_show{ float:left; width:705px;}
.content .left_show .Tdate{ height:25px; line-height:25px; border-top:12px solid #E3E3E3; padding-right:12px; text-align:right;}
.content .left_show a{ color:#666; text-decoration:none;}
.content .left_show a:hover{ color:#D91F18;}
.content .left_show .Timage{ height:140px;}

/***gp_container****/
.gp_container{clear:left;}
.gp_container .gp_left{ float:left; width:466px;line-height:208%; font-size:12px; padding-right:24px;}
.gp_container .gp_left h3{ font-size:28px; color:#999; line-height:40px; font-weight:normal;}
.gp_container .gp_left p{ line-height:208%; font-size:12px;}
.gp_container .gp_right{ float:left; width:215px;}
.t_title{ font-size:16px; color:#fff; height:40px; line-height:40px; background-color:#bbb; padding-left:13px; }
/*news*/
.news_list{
list-style-type: none;
padding: 0;
}

.news_list li a{
background: white url(../images/arr03.gif) no-repeat 12px 10px;
font-size:12px;
color: #666;
display: block;
width: auto;
line-height:167%;
padding-left: 30px;
padding-top:5px;
text-decoration: none;
border-bottom: 1px solid #f9f9f9;
}
.news_list li span{ display:block; font-size:11px; color:#999;}
.news_listli a:visited, .news_listli li a:active{
color: #666;
}

.news_list li a:hover{
color: black;
background-color: #f2f2f2;
background-image:url(../images/arr04.gif); /*onmouseover image change. Remove if none*/
}
/* Holly Hack for IE \*/
* html .news_list ul li { height: 1%; }
* html .news_list ul li a { height: 1%; }
/* End */
.bottom{ clear:left; border-top:2px solid #bbb; height:38px; line-height:38px;}
.bottom p{ float:right;}
.bottom a{ color:#666; text-decoration:none; padding:0 6px;}
.bottom a:hover{ color:#d82119;}
.bottom img{ margin-top:10px;}

/***gp_news***/
.gp_news{ float:left; width:466px;line-height:208%; font-size:12px; padding-right:24px;}
.gp_news h3{ font-size:28px; color:#999; line-height:40px; font-weight:normal;}
.gp_news ul{ list-style:none;}
.gp_news ul li{ height:29px; line-height:29px; border-bottom:1px dotted #d0d0d0;}
.gp_news ul li span{ color:#999;}
.gp_news ul li a{ color:#666; text-decoration:none;height:29px; line-height:29px; display:block;}
.gp_news ul li a:hover{ color:#D91F18; background-color:#f8f8f8; }
.pages{ padding:10px 0; text-align:center;}
.pages a{ color:#666; text-decoration:none; padding:0 6px;}
.pages a:hover{ color:#d82119; text-decoration:underline;}
.t03{ padding:0 6px;}
/******gp_About**********/
.gp_About{ float:left; width:700px;line-height:208%; font-size:12px; padding-right:24px;}
.gp_About h3{ font-size:28px; color:#999; line-height:40px; font-weight:normal;}
.gp_About ul{ list-style:none;}
.gp_About ul li{ height:29px; line-height:29px; border-bottom:1px dotted #d0d0d0;}
.gp_About ul li span{ color:#999;}
.gp_About ul li a{ color:#666; text-decoration:none;height:29px; line-height:29px; display:block;}

/**neirong**/
.gp_content{ line-height:24px; font-size:12px;}
.gp_content h3{ font-size:22px; color:#D9251B; font-weight:normal;}
.gp_content .auther{ line-height:20px; color:#999; padding-top:6px;}
a.return{ color: #333; text-decoration: none; background:url(../images/arr06.gif) no-repeat center right; padding-right:15px; line-height:28px; font-weight:bold;}
a.return:hover{ color:#d82119;}

/**product page**/
.gp_prod h3{ font-size:25px; color:#D9251B; height:28px; line-height:28px; border-bottom:2px solid #bbb; padding:10px 0 10px 13px; font-weight:normal;}
.gp_prod .t02{ border-bottom:none;}

.gp_prod ul{
list-style-type: none;
padding: 0;
border-top: 1px solid #f9f9f9;
}
.gp_prod ul li{ float:left; width:330px; margin-right:15px;} 
.gp_prod ul li a{
background: white url(../images/arr03.gif) no-repeat 12px center;
font-size:12px;
color: #666;
display: block;
width: auto;
line-height:29px;
padding-left: 30px;
text-decoration: none;
border-bottom: 1px dotted #d0d0d0;
}

.gp_prod ul li a:visited, .gp_prod ul li a:active{
color: #666;
}

.gp_prod ul li a:hover{
color: #D9251B;
font-weight:bold;
background-color: #f2f2f2;
background-image:url(../images/arr04.gif); /*onmouseover image change. Remove if none*/
}
/* Holly Hack for IE \*/
* html .gp_prod ul li { height: 1%; }
* html .gp_prod ul li a { height: 1%; }
/* End */
.recommend h3{ font-size:28px; color:#DA251C; line-height:40px; font-weight:normal;}
.recommend .comp_title{color:#DA251C; font-size:15px; height:30px; line-height:30px; font-weight:bold; background:#f8f8f8; padding-left:30px;}

/*contact*/
.contact{ float:left; width:466px;line-height:208%; font-size:12px; padding-right:24px;}
.contact .t03{ font-size:14px; color:#D91F18; font-weight:bold; padding:10px 0;}
.contact h3{ font-size:28px; color:#DA251C; line-height:40px; font-weight:normal;}

.pt2{ width:180px; height:15px;font-weight:bold; padding-top:5px; text-align:center;}

.pt4{ width:230px; height:15px;font-weight:bold; padding-top:5px; text-align:center; color:#666666;}


.pt3{ width:160px; height:38px;text-align:center;float:left; margin-top:10px;}
.pt3 a{ color:#2c6aa9}
.pt5{width:160px;padding-left:15px;float:left;margin-top:10px;}
.frame{width:140px; height:100px; padding:0px;margin:0px 0px;float:left; border:#7ab6e9 solid 1px;}
.frame:hover{ border:red solid 1px; background-color:#f7fcff}

.frame3{width:180px; height:130px; padding:10px; background:url(../Images/frame1.gif) no-repeat center center;margin:5px 10px;; float:left}
.frame3:hover{ background:url(../Images/frame1_over.gif) no-repeat center center;}

.left_font {float:left; text-align:left; margin-top:8px; margin-left:5px; line-height:20px;}
.nav {width:99%;border:1px solid #7AB6E9;background-color:#f7fcff;height:53px; margin:10px auto;}
.nav1 {width:100%;border:1px solid #7AB6E9;background-color:#f7fcff;height:660px; margin:10px auto; padding-top:10px;}
.nav2 {width:100%;border:1px dotted #7AB6E9;background-color:#f7fcff;height:100px; margin:10px auto; color:#2e4c6b}
.right_img {float:right;margin-top:15px; margin-right:5px;}
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
/********************************ѡ*************/
.exContent{width:700px;overflow:hidden; font-size:12px;}
.exContent,ul,li{margin: 0;padding: 0;}
	.ContactBox{clear:both; border-top:none; min-height:300px;_height:300px; border-left:1px solid #eeeeee;}
	.ContactBox .ContactTxt,
	.ContactBox2 .ContactTxt2{display:none}
.exContent2{width:618px; overflow:hidden}
.exContent2 table td{padding:8px}
.exContent2 table strong{color:#0260D7; font-weight:bold}
.exContent2 table p{text-indent:24px;color:#333}

.ContactMenu{border-bottom:3px solid #408bea;width:100%; overflow:hidden;}
.ContactMenu li{float:left; height:30px; width:130px; text-align:center; line-height:32px; overflow:hidden; background:url(../images/button2.gif) 0 -636px no-repeat; font-size:14px; font-weight:bold; margin-right:7px; cursor:pointer}
.ContactMenu li.Current {background-position:0 -606px; color:#fff}
.ContactMenu2 {height:28px; margin-top:1px;width:100%}
.ContactMenu2 li {float:left; width:196px; height:28px; line-height:30px; background:#ECECEC; text-align:center; font-size:14px; font-weight:bold; margin-right:1px; cursor:pointer}
.ContactMenu2 li.Current{background:#fff}

#songlist {
scrollbar-arrow-color: #5CBBE9;
scrollbar-3dlight-color: #f9f9f9;
scrollbar-darkshadow-color: #f9f9f9;
scrollbar-face-color: #f9f9f9;
scrollbar-highlight-color: #f9f9f9;
scrollbar-shadow-color: #ddd;
scrollbar-track-color: #F4F4F4;OVERFLOW-Y: auto;  OVERFLOW-X: hidden; HEIGHT: 410px;
}