/* CSS Document */
body {margin:0; padding:0;  font:"新宋体"; font-family:Tahoma; background-color:#fff; color:#454545; font-size:12px; line-height:18px; }
a:link {color:#333; text-decoration:none;}
a:visited {color:#333;  text-decoration:none;}
a:hover {color:#ca0909;}
form {margin:0; padding:0}
img {border:0}
.clear { clear:both; height:1px; overflow:hidden}

/*layout*/
#main {width:916px; margin-left:auto; margin-right:auto;}
#index { background:url(../images/leftMenu_bottom.gif) left bottom no-repeat}
#header {height:102px; margin-bottom:8px; background:url(../images/header_bg.png) no-repeat; position:relative}
#header .join{ position:absolute; left: 297px; top: 5px;}
#header .topMenu{position:absolute; left: 600px; top: 26px;}
#header .topMenu a:link{color:#333333}
#header .topMenu a:visited{color:#333333}
#header .topMenu a:hover{color:#ff6600}
#header .menu{position:absolute; left: 235px; top: 60px;}
#header .menu dl{ width:650px; color:#ffffff; font-size:13px; font-family:"宋体"; font-weight:bold; padding:0; margin:0; display:block; overflow:hidden; list-style-type:none; height:18px;}
#header .menu dl dt{ float:left; margin:0; list-style-type: none;}
#header .menu dl dd{ float:left; margin:2px 5px; list-style-type: none;}
#header .menu dl dt a:link{color:#ffffff}
#header .menu dl dt a:visited{color:#ffffff}
#header .menu dl dt a:hover{color:#FFFF00}

#content_left{width:220px; overflow:hidden; float:left}
#leftMenu { background:#ff6600; width:220px}
#leftMenu .bar{ text-align:center}
#leftMenu .bar img{margin:4px 0}
#leftMenu .bottom{ background:url(../images/title_bottom.gif); height:10px; overflow:hidden; margin:0 0 7px 0}
.leftMenu_bg { background:url(../images/leftMenu_form_bg.jpg)}
.leftMenu_bg .loginBtn{ text-align:center; padding:5px 0 0 0}
.leftMenu_bg .center{ text-align:center; padding:0}
.leftMenu_bg .joinList{ background:url(../images/bg_join_list.gif); width:181px; text-indent:30px; height:36px; line-height:30px; margin:0 auto; color:#CA4E03}
.leftMenu_bg .joinList a:link{color:#CA4E03}
.leftMenu_bg .joinList a:visited{color:#CA4E03}
.leftMenu_bg .joinList a:hover{color:#FF0000}
.leftMenu_bg .joinList2 {float:left; padding:5px 0 0 0; width:80px; text-align:center }
.leftMenu_bg .joinList2 a:link{color:#CA4E03}
.leftMenu_bg .joinList2 a:hover{color:#CA4E03}
.leftMenu_bg .joinList2 a:visited{color:#CA4E03}
.leftMenu_bg .source {float:left; padding:6px}
.leftMenu_bg .latestJoin { margin:2px auto; width:170px; padding:0 0 0 15px; background:url(../images/arrow_indexNews.gif) left center no-repeat}

.leftMenu_bg .servicesList{ background:url(../images/bg_services.gif); width:180px; height:50px; line-height:20px; margin:0 auto}
.leftMenu_bg .servicesList div{ float:left; padding:0 1px 0 0; color:#CA4E03}

.proCategory{ background:url(../images/proCategory_bg.jpg)}
.proCategory .subTitle {width:164px; height:27px; line-height:27px; color:#ff6600; font-weight:bold; padding:0 0 0 20px; margin:0 auto; background:url(../images/subTitle_bg.gif)}
.proCategory .subTitle a:link{color:#ff6600}
.proCategory .subTitle a:visited{color:#ff6600}
.proCategory .subTitle a:hover{color:#FF0000}
.proCategory ul {padding:0 16px 0 16px; margin:0; display:block; overflow:hidden; list-style-type:none;}
.proCategory ul li{padding:0px 10px 2px 10px; list-style-type: none; background:url(../images/category_bg.gif) repeat-x; line-height:22px;}
.proCategory ul li a:link{padding:0px 10px 2px 10px; color:#414141; text-decoration:none }
.proCategory ul li a:visited{padding:0px 10px 2px 10px; color:#414141; text-decoration:none}
.proCategory ul li a:hover{padding:0px 10px 2px 10px; color:#ff0000;  text-decoration:none}

.proCategory ul li ul {padding:0; margin:0; display:block; overflow:hidden; list-style-type:none;}
.proCategory ul li ul li{padding:0px 0px 2px 16px; list-style-type: none; background:url(../images/subCategory_bg.gif) repeat-x}
.proCategory ul li ul li a:link{padding:0px 0px 2px 8px; color:#414141; text-decoration:none}
.proCategory ul li ul li a:visited{padding:0px 0px 2px 8px; color:#414141; text-decoration:none}
.proCategory ul li ul li a:hover{padding:0px 0px 2px 8px; color:#ff0000; text-decoration:none}

#indexBanner {width:676px; margin:0 0 12px 0; height:195px} 
#content_right{width:676px; padding-right:6px; float:right}
#searchBar {margin:0px 0 12px 0; padding:2px 0 0 0; height:26px; background:url(../images/search_bg.gif); font-size:12px; font-weight:bold; color:#ff6600}
#indexBanners { padding:10px 0 10px 0}
#aboutBar { width:447px; height:29px; background:url(../images/title_index_about.gif) no-repeat; position:relative}
#aboutBar .left{ float:left; font-size:14px; color:#FFFFFF; font-weight:bold; padding:4px 0 0 10px}
#aboutBar .right{ float:right; color:#ff6600; padding:2px 25px 0 0}
#aboutBar .right a:link{ color:#ff6600; }
#aboutBar .right a:visited{ color:#ff6600; }
#aboutBar .right a:hover{color:#ca4e03;}

#aboutBar .txt {padding: 35px 20px 10px 10px;clear:both;line-height:24px;position:absolute;left:0;top:0;text-justify:distribute;text-align:justify;}
#aboutBar img{ margin:0 10px 0 0}
.aboutContentBar { width:438px; height:194px; border-bottom:1px solid #FFD7AF; border-left:1px solid #FFD7AF; border-right:1px solid #FFD7AF; background:#ffffff;}

#newsBar { width:447px; height:29px; background:url(../images/title_index_about.gif) no-repeat; position:relative}
#newsBar .left{ float:left; font-size:14px; color:#FFFFFF; font-weight:bold; padding:4px 0 0 10px}
#newsBar .right{ float:right; color:#ff6600; padding:2px 25px 0 0}
#newsBar .right a:link{ color:#ff6600;}
#newsBar .right a:visited{color:#ff6600;}
#newsBar .right a:hover{color:#ca4e03;}
.newsContentBar { width:438px; height:184px; border-bottom:1px solid #FFD7AF; border-left:1px solid #FFD7AF; border-right:1px solid #FFD7AF; background:#ffffff;}
.newsContentBar dl{ color:#333333; font-size:12px; margin:0; padding:5px 0 0 0; display:block; overflow:hidden; list-style-type:none;}
.newsContentBar dt{ float:left; margin:0 0 0 3px; padding:0 0 0 15px; height:18px; line-height:18px; width:330px; list-style-type: none; background:url(../images/arrow_indexNews.gif) left center no-repeat}
.newsContentBar dd{ float:left; margin:0 0 5px 0; padding:0; height:18px; line-height:18px; width:78px; list-style-type: none;}
.newsContentBar dt a:link{color:#333333}
.newsContentBar dt a:visited{color:#333333}
.newsContentBar dt a:hover{color:#FFFF00}

#videoBar { width:225px; height:223px; background:url(../images/index_video.gif) no-repeat; float:right}
#videoBar .left{ float:left; font-size:14px; color:#FFFFFF; font-weight:bold; padding:4px 0 0 10px}
#videoBar .right{ float:right; color:#ffffff; padding:2px 15px 0 0}
#videoBar .right a:link{ color:#ffffff; }
#videoBar .right a:visited{ color:#ffffff; }
#videoBar .right a:hover{ color:#ff0000; }
#videoBar .video{ padding:5px 0 0 0; text-align:center; clear:both}

#storeBar { width:225px; height:223px; background:url(../images/index_video.gif) no-repeat; float:right; overflow:hidden}
#storeBar .left{ float:left; font-size:14px; color:#FFFFFF; font-weight:bold; padding:4px 0 0 10px}
#storeBar .right{ float:right; color:#ffffff; padding:2px 15px 0 0}
#storeBar .right a:link{ color:#ffffff; }
#storeBar .right a:visited{ color:#ffffff; }
#storeBar .right a:hover{ color:#ff0000; }
#storeBar .store{ padding:5px 0 0 0; text-align:center; clear:both}

#mediaBar { width:225px; height:223px; background:url(../images/index_video.gif) no-repeat; float:right}
#mediaBar .left{ float:left; font-size:14px; color:#FFFFFF; font-weight:bold; padding:4px 0 0 10px}
#mediaBar .right{ float:right; color:#ffffff; padding:2px 15px 0 0}
#mediaBar .right a:link{ color:#ffffff; }
#mediaBar .right a:visited{ color:#ffffff; }
#mediaBar .right a:hover{ color:#ff0000; }
#mediaBar .news{ padding:5px 0 0 0; clear:both}
#mediaBar .news .list{ margin:2px auto; width:170px; padding:0 0 0 15px; background:url(../images/arrow_indexNews.gif) left center no-repeat}

#faqBar { width:225px; height:223px; background:url(../images/index_video.gif) no-repeat; float:right}
#faqBar .left{ float:left; font-size:14px; color:#FFFFFF; font-weight:bold; padding:4px 0 0 10px}
#faqBar .right{ float:right; color:#ffffff; padding:2px 15px 0 0}
#faqBar .right a:link{ color:#ffffff; }
#faqBar .right a:visited{ color:#ffffff; }
#faqBar .right a:hover{ color:#ff0000; }
#faqBar .faq{ padding:5px 0 0 0; clear:both}
#faqBar .faq .list{ margin:2px auto; width:170px; padding:0 0 0 15px; background:url(../images/arrow_indexNews.gif) left center no-repeat}

#promoteFlash {width:219px;height:217px;float:right;position:relative;border:3px #ff6600 solid;}
#promoteFlash div {width:217px;height:215px;position:absolute;overflow:hidden;background-color:Black;border:1px White solid;}
#promoteFlash IMG {width:217px;height:195px;}
#promoteFlash A {display:inline-block;color:White;}
#promoteFlash A:hover {color:Black;background-color:Red;}

.proTitleBar { width:676px; height:29px; margin:11px 0 0 0; background:url(../images/title_product.gif) no-repeat;}
.proTitleBar .left{ float:left; font-size:14px; color:#FFFFFF; font-weight:bold; padding:4px 0 0 10px}
.proTitleBar .right{ float:right; color:#FF6600; padding:2px 25px 0 0}
.proTitleBar .right a:link{ color:#ff6600; }
.proTitleBar .right a:visited{ color:#ff6600; }
.proTitleBar .right a:hover{ color:#ff0000; }

.proTitleBar2 { width:676px; height:29px; margin:0px 0 0 0; background:url(../images/title_product.gif) no-repeat;}
.proTitleBar2 .left{ float:left; font-size:14px; color:#FFFFFF; font-weight:bold; padding:4px 0 0 10px}
.proTitleBar2 .right{ float:right; color:#FF6600; padding:2px 25px 0 0}
.proTitleBar2 .right a:link{ color:#ff6600; }
.proTitleBar2 .right a:visited{ color:#ff6600; }
.proTitleBar2 .right a:hover{ color:#ff0000; }

.proContentBar { width:672px; height:150px; border-bottom:1px solid #FFD7AF; border-left:1px solid #FFD7AF; border-right:1px solid #FFD7AF; background:#FDF2E7;}
.proContentBar2 { width:672px; border-bottom:1px solid #FFD7AF; border-left:1px solid #FFD7AF; border-right:1px solid #FFD7AF; background:#FDF2E7; overflow:hidden}

.cerBar { width:678px;height:212px; margin:11px 0 0 0;  background:url(../images/cerBar_bg.jpg) no-repeat;}
.cerBar .left{ float:left; font-size:14px; color:#FFFFFF; font-weight:bold; padding:4px 0 0 10px}
.cerBar .right{ float:right; color:#FF6600; padding:2px 25px 0 0}
.cerBar .right a:link{ color:#ff6600; }
.cerBar .right a:visited{ color:#ff6600; }
.cerBar .right a:hover{ color:#ff0000; }
.cerBar .content{ clear:both; padding:20px 10px 0 10px; text-align:center; overflow:hidden}
.cerBar img{margin:0 15px;}

.detailBar { width:676px; height:29px; margin:0px 0 0 0; background:url(../images/title_product.gif) no-repeat;}
.detailBar .left{ float:left; font-size:14px; color:#FFFFFF; font-weight:bold; padding:4px 0 0 10px}
.detailBar .right{ float:right; color:#FF6600; padding:2px 25px 0 0}
.detailBar .right a:link{ color:#ff6600; }
.detailBar .right a:visited{ color:#ff6600; }
.detailBar .right a:hover{ color:#ff0000; }
.detailContentBar { width:672px; border-bottom:1px solid #FFD7AF; border-left:1px solid #FFD7AF; border-right:1px solid #FFD7AF; background:#FDF2E7;}
.detailContentBar .text{ padding:15px 25px; line-height:22px;}
.detailContentBar .transcript{text-justify:distribute;text-align:justify;text-indent:2em;}
.detailContentBar .text .newsList{ width:600px; margin:4px auto; background:url(../images/newsList_bg.gif) bottom repeat-x}
.detailContentBar .text .newsList span{float:right; color:#666666}
.detailContentBar .text .date{color:#999999}

.detailContentBar .text .joinList{ width:600px; margin:4px auto; border-bottom:1px dotted #FFCC99; border-top:1px dotted #FFCC99; font-size:14px; font-weight:bold; color:#CC3300; padding:0 0 0 15px; background:url(../images/arrow_indexNews.gif) #FFF3B6 left center no-repeat}
.detailContentBar .text .joinList2{ width:600px; margin:5px auto; border-bottom:0px dotted #FFCC99; border-top:0px dotted #FFCC99; font-size:14px; color:#454545; padding:0 0 0 15px; background:url(../images/arrow_indexNews.gif) #FFF3B6 left center no-repeat}
.detailContentBar .text .joinList3{ width:600px; margin:5px auto; border-bottom:0px dotted #FFCC99; border-top:0px dotted #FFCC99; font-size:14px; color:#454545; padding:0 0 0 15px; background:url(../images/arrow_indexNews.gif) left center no-repeat}
.detailContentBar .text .joinDes{ padding:3px 0 10px 0; color:#555555 } 
.detailContentBar .text .joinDes2{ padding:3px 0 10px 0; color:#555555; font-size:14px } 

.detailContentBar .text .faqList{ width:600px; margin:4px auto; color:#ff6600; font-size:14px; font-weight:bold; background:url(../images/newsList_bg.gif) bottom repeat-x; cursor:pointer}
.detailContentBar .text .faqAnswer{ width:580px; margin:4px auto; padding:5px 0 10px 20px; background:url(../images/newsList_bg.gif) bottom repeat-x}
.detailContentBar .text .faqList span{float:right; color:#666666}

.detailContentBar .text .title{ font-size:16px; font-weight:bold; padding:5px 0 10px 0; text-align:center; color:#990000; }

.list-item {OVERFLOW: hidden;}
.list-item ul { MARGIN: 0 0 0 5px; padding:0px; OVERFLOW: hidden; WIDTH: 670px; LIST-STYLE-TYPE: none}
.list-item ul li { DISPLAY: inline; FLOAT: left; WIDTH: 314px; HEIGHT: 200px; margin:10px 10px 0 10px;}
.list-item ul img { MARGIN: 0px auto}
.list-item ul .pro {border:2px solid #ff6600; background:#FFFFFF; float:left}
.list-item ul .txt { float:left; padding:0 0 0 5px; font-size:12px}
.list-item ul .name {FONT-SIZE: 12px; font-weight:normal; HEIGHT: 22px; padding:0; margin:0; color:#ff6600}
.list-item ul .name a:link{ color:#FF6600}
.list-item ul .name a:visited{ color:#FF6600}
.list-item ul .name a:hover{ color:#FF3300}
.list-item ul .txt span {DISPLAY: block; MARGIN: 3px 0px 0px;}
.list-item ul .txt span strong{COLOR:#FF6600}
.list-item ul .txt .buy {margin: 6px 0px 0px 0px;}
.list-item ul .add {PADDING-TOP: 4px}

.itemDetail {padding:15px 20px 10px 20px; overflow:hidden}
.itemDetail img { MARGIN: 0px auto}
.itemDetail .pro {border:2px solid #ff6600; background:#FFFFFF; float:left}
.itemDetail .txt { float:left; padding:0 0 0 35px; font-size:12px}
.itemDetail .name {FONT-SIZE: 12px; font-weight:normal; HEIGHT: 22px; padding:0; margin:0;}
.itemDetail .name span{color:#ff6600; font-weight:bold}
.itemDetail .name span a:link{ color:#FF6600}
.itemDetail .name span a:visited{ color:#FF6600}
.itemDetail .name span a:hover{ color:#FF3300}
.itemDetail .txt .obj {block; MARGIN: 3px 0px 0px;}
.itemDetail .txt .obj strong{COLOR:#FF6600}
.itemDetail .txt .buy {margin: 6px 0px 0px 0px;}
.itemDetail .add {PADDING-TOP: 4px}
.itemDetail .title { background:url(../images/dot_x.gif) bottom repeat-x; padding:0 0 5px 0; margin:10px 0 10px 0; font-weight:bold}


.list-store {OVERFLOW: hidden;}
.list-store ul { MARGIN: 0 0 0 5px; padding:0px; OVERFLOW: hidden; WIDTH: 670px; LIST-STYLE-TYPE: none}
.list-store ul li { DISPLAY: inline; FLOAT: left; WIDTH: 198px; HEIGHT: 220px; margin:10px 10px 0 10px;}
.list-store ul .pro {border:3px solid #ff6600; padding:1px; background:#FFFFFF}
.list-store ul .txt { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center}
.list-store ul .name {FONT-SIZE: 12px; font-weight:normal; HEIGHT: 22px; TEXT-ALIGN: center; padding:0; margin:0;}
.storeDetail {padding:15px 20px 10px 20px; overflow:hidden}

.list-video {OVERFLOW: hidden;}
.list-video ul { MARGIN: 0 0 0 5px; padding:0px; OVERFLOW: hidden; WIDTH: 660px; LIST-STYLE-TYPE: none}
.list-video ul li { DISPLAY: inline; FLOAT: left; WIDTH: 184px; HEIGHT: 180px; margin:10px 18px 0 18px;}
.list-video ul .pro {border:3px solid #ff6600; padding:1px; background:#FFFFFF}
.list-video ul .txt { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center}
.list-video ul .name {FONT-SIZE: 12px; font-weight:normal; HEIGHT: 22px; TEXT-ALIGN: center; padding:0; margin:0;}
.videoDetail {padding:15px 20px 10px 20px; overflow:hidden}

.footerTop {padding:15px 0 0 0}
.footer { background:url(../images/footer_bg.jpg); padding:5px; height:160px;}
.footer .links{ text-align:center;}
.footer .links img{margin:3px 8px;}
.footer .left{ margin:0 0 0 15px; float:left}
.footer .right{ margin:10px 0 0 35px; float:left; color:#999999}
.footer .right a:link{margin:0 5px; color:#999999}
.footer .right a:visited{margin:0 5px; color:#999999}
.footer .right a:hover{margin:0 5px; color:#ca0909}
.footer .quicklink { background:#FDF2E7; width:874px; margin:5px auto; text-align:center}
.footer .quicklink a:link{margin:0 5px}


.page{width:550px; margin:0 auto 10px auto; padding:2px; text-align:center; background: #FCE9D6; border:#ff6600 1px solid}
/*input*/
.input_login {border:1px solid #ff6600; height:16px; width:120px; padding:2px}
.input_search {border:1px solid #ff6600; height:16px; width:100px; padding:2px}


/* index */
.temp1 { color:#ff6600; font-size:14px; font-weight:bold}
.temp2 {color:#FFFFFF; color:12px; font-weight:bold}
.temp3 { color:#ff6600;}
.temp4 {color:#389c0f}
.temp5 {color:#ff0000}
.index_banner {margin:0px 0px 10px 0px}
.pro {border:2px solid #ff6600; background:#FFFFFF; }
.pro_font {width:140px; overflow:hidden}
.pro_div {margin:10px 10px 0px 0px}
.liuyan_List{ width:600px; margin:4px auto; border-bottom:1px dotted #FFCC99; border-top:1px dotted #FFCC99; color:#CC3300; padding:0 0 0 15px; background:url(../images/arrow_indexNews.gif) #FFF3B6 left center no-repeat}
/* plateform */
.plate_bar {background: #FCE9D6; border-top:#ff6600 1px dashed; border-bottom:#ff6600 1px dashed; padding:5px}
.plate_line {height:1px; border-bottom:#ff6600 1px dashed; margin:5px 0px}
.plate_bg {background-color:#ff6600; color:#FFFFFF;  }

/*join */
.join_top {background:url(../images/index_video_top.jpg) no-repeat; width:225px; height:28px; line-height:28px}
.join_bg {background:url(../images/index_video_bg.jpg) repeat-y; position:absolute}
.join_footer {background:url(../images/index_video_footer.jpg) no-repeat; width:225px; height:9px}
.right{color:#ffffff; padding:0px 15px 0 0}
.right a:link{ color:#ffffff; }
.right a:visited{ color:#ffffff; }
.right a:hover{ color:#ff0000; }
.left{font-size:12px; color:#FFFFFF; font-weight:bold; padding:0px 0 0 10px}
.news{ padding:5px 0 0 0; background:url(../images/index_video_bg.jpg) repeat-y; clear:both}
.list{ margin:2px auto; width:170px; padding:0 0 0 15px; background:url(../images/arrow_indexNews.gif) left center no-repeat; line-height:20px; height:20px; }
.Flash { width:212px; height:199px;	padding:1px;border:3px #ff6600 solid;}

#zoom {text-justify:distribute;text-align:justify;text-indent:2em;}

.Linkimage A:hover img{filter:Invert;}

.QQ {width:80px;height:120px;position:absolute;border:3px solid #FF7601;text-align:center;z-index:100;background-color:#FFE6CB;}
.W_LY {text-align:center;font-size:12px;width:210px;height:22px;position:absolute;border:1px solid black;z-index:99;background-color:#E7E6E7;overflow:hidden;padding:1px;}
.W_LY_Title {font-size:12px;height:22px;color:White;background-color:#EAB2AD;padding-left:15px;cursor:hand;}
.W_LY_Title IMG {vertical-align:middle;}
.W_LY_Input {margin:8px;border:1px solid Black;font-size:12px;padding:4px;width:185px;}
.W_LY_Button {background-color:#EAB2AD;}