@charset "gb2312";
/* CSS Document */

@import url("reset.css");
@import url("banner.css");
@import url("nav.css");


#main{ width:100%; overflow:hidden; text-align:center; border-top:4px solid #004d61;}
#inmain{ width:1000px; overflow:hidden; margin:0 auto;}

.main{ background:url(images/bg2.jpg) center top no-repeat;}
.index{ background:url(images/bg.jpg) center top no-repeat;}


.logo{ float:left; margin:10px 0;}
a.yingnai{ background:url(images/yingnai.jpg) left top no-repeat; width:150px; height:46px; overflow:hidden; margin-top:40px; float:left; display:block;}
a.yingnai:hover{ background:url(images/yingnaiHover.jpg) left top no-repeat;}
.inheaderP{ width:360px; float:right; margin-top:10px; text-align:right;}
.searchForm{ width:360px; float:right; margin-top:24px; text-align:right; background:url(images/searchBg.jpg) right center no-repeat;}
.searchForm #searchTxt{ width:110px; _width:95px; overflow:hidden; color:#666; border:0; background:none; margin-left:2px;}
.searchForm #Submit{ width:28px; height:20px; overflow:hidden; border:0; background:none; cursor:pointer;}


.indexUl{ width:100%; overflow:hidden; list-style:none;}
.indexUl li{ width:327px; height:107px; overflow:hidden; line-height:24px; float:left; margin-left:9px;}
.indexUl li.indexUlFirst{ margin:0;}
.indexUl a img{ opacity:1.0; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); border-bottom:2px solid #666;}
.indexUl a:hover img{ opacity:0.8; -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80);}

.inbanner{ margin:10px 0 20px; padding: 0 0 8px 0; background:url(images/bannerLight.jpg) center 158px no-repeat;}

.left{ width:730px; overflow:hidden; float:left;}
.title{ text-align:left; height:30px; line-height:30px; background:url(images/titleTips.gif) left center no-repeat; border-bottom:1px solid #e1dcd8;}
.title h3{ font-family:"΢ÈíÑźÚ", "ËÎÌå", Arial, Helvetica, sans-serif; margin-left:15px; font-weight:bold;}
.title span{ float:right; padding-left:20px; background:url(images/titleMinTips.jpg) left center no-repeat; color:#999;}
.title a{ color:#999;}
.title a:hover{ color:#333;}

.info{ padding:20px 0 10px; text-align:left;}

.about p{ font-family:"΢ÈíÑźÚ", "ËÎÌå", Arial, Helvetica, sans-serif; line-height:28px; font-size:14px; text-indent:28px; padding-bottom:10px;}

#proUl{ width:730px; overflow:hidden;}
#proUl li{ width:172px; height:165px; overflow:hidden; float:left; margin:10px 0 20px 14px;}
#proUl li.li1{ margin:10px 0 20px;}
#proUl a{ width:170px; height:128px; line-height:128px; overflow:hidden; text-align:center; vertical-align:middle; display:block; border:1px solid #CCC;}
#proUl a img{ margin:auto; height:128px; opacity:1.0; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100);}
#proUl span{ width:100%; line-height:18px; overflow:hidden; display:block; text-align:center; color:#666;}
#proUl a:hover{ border:1px solid #999;}
#proUl a:hover img{ opacity:0.8; -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80);}

.proType{ width:730px; overflow:hidden;}
.proType li{ float:left; margin-right:5px;}
.proType a{ width:100px; height:20px; overflow:hidden; display:block; background:#FFF; border:1px solid #CCC; color:#666; text-align:center; line-height:20px;}
.proType a:hover, .proType a.proTypeHover{ background:#666; color:#FFF;}

.productContent{ width:728px; overflow:hidden; text-align:center; border:1px solid #CCC;}
.proContent ul{ list-style:none; width:700px; overflow:hidden; padding:15px;}
.proContent li{ width:100%; display:block;}
.proContent ul span{ line-height:24px; clear:#666;}
.ProBreak{ width:100%; text-align:right;}
.ProBreak a{ width:75px; height:20px; overflow:hidden; line-height:20px; color:#FFF; background:url(images/btnHover.jpg) left center no-repeat; text-align:center; display:block; float:right;}


.brand ul{ list-style:none;}
.brand li{ float:left; padding:0 16px 10px; margin:5px 0 10px; background:#FFF url(images/imgBrandBg.jpg) center 140px no-repeat; float:left; border-bottom:1px dotted #DDD;}
.brand a{ width:210px; text-align:center; display:block;}
.brand a span{ height:30px; line-height:30px; color:#999;}
.brand a:hover span{ color:#333;}
.brand a img{ opacity:1.0; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100);}
.brand a:hover img{ opacity:0.8; -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80);}



.news h2{ width:100%; height:30px; overflow:hidden; line-height:30px; background:#f9f9f9; margin-top:20px; border-top:5px solid #666; border-bottom:1px solid #E0E0E0;}
.news h2 b{ width:610px; overflow:hidden; text-align:center; font-size:12px; display:block;}
.news h2 span{ float:right; width:110px; height:16px; overflow:hidden; line-height:16px; text-align:center; display:inline-block; font-size:12px; font-weight:normal; color:#666; margin:7px 0; border-left:1px solid #666;}

#newsList{ width:100%; list-style:none;}
#newsList li{ width:100%; height:30px; line-height:30px; border-bottom:1px solid #f1f1f1; display:block;}
#newsList li span{ float:right; width:110px; height:16px; overflow:hidden; line-height:16px; text-align:center; display:inline-block; font-size:12px; font-weight:normal; color:#999; margin:7px 0; border-left:1px solid #999;}
#newsList li a{ width:610px; height:30px; line-height:30px; overflow:hidden; text-align:left; font-size:12px; text-indent:2em; background:url(images/hotTip.gif) 5px center no-repeat; color:#333; display:block;}
#newsList li a:hover{ background:url(images/hotTipHover.gif) 5px center no-repeat;}

#newsList .li1{ background:#FFF;}
#newsList .li2{ background:#f8f6ee;}

/*------------newsContent---------------*/
.newsContent{ width:730px; overflow:hidden; float:right;}

.newsContentTitle{ width:730px; overflow:hidden; height:30px; line-height:30px; font-size:18px; font-weight:bold; color:#000; text-align:center; margin-top:10px; font-family:"΢ÈíÑźÚ", "ËÎÌå", Arial, Helvetica, sans-serif;}
.newsContentPostTime{ width:730px; overflow:hidden; font-size:12px; color:#999; text-align:center;}
.newsContentDiv{ width:730px; min-height:400px; overflow:visible; text-align:left; margin:10px 0 10px 10px; line-height:24px;}
.NewsBreak{ width:730px; overflow:hidden; text-align:right; padding-bottom:10px;}
.NewsBreak a{ background:url(images/btnHover.jpg) left center no-repeat; width:75px; height:20px; overflow:hidden; line-height:20px; display:inline-block; color:#FFF; text-indent:0; text-align:center;}

.newsError{ width:760px; overflow:hidden; padding:100px 0; text-align:center;}
.newsError h2{ font-size:14px; font-weight:bold; color:#000; padding:20px;}
.newsError a{ background:url(images/btnHover.jpg) left center no-repeat; width:75px; height:20px; overflow:hidden; line-height:20px; display:inline-block; color:#FFF; text-align:center;}

.backBox{ width:730px; overflow:hidden; clear:both; margin-top:30px; border-top:1px dotted #CCC;}
.backBox p{ width:730px; overflow:hidden; float:left; font-size:12px; color:#666;}
.backBox a{ font-size:12px; color:#666; text-align:left;}
.backBox a:hover{ color:#333; text-decoration:underline;}


.member .tip{ text-indent:35px; color:#666; margin-bottom:40px;}
.member .info{ line-height:24px;}
.member dl{ width:100%; overflow:hidden; line-height:24px; margin-bottom:20px;}
.member dt{ height:30px; overflow:hidden; border-bottom:1px dotted #666; margin-bottom:10px;}
.member dt h3{ width:90px; overflow:hidden; text-align:right;}
.member dt a{ float:right; color:#999; margin-left:10px;}
.member dt a:hover{ color:#C00; text-decoration:underline;}
.member dd{ width:100%; height:24px; clear:both; line-height:24px; color:#333;}
.member dd span, .userMsg span{ width:100px; overflow:hidden; text-align:right; float:left; display:inline-block; color:#666;}
.member input{ width:186px; height:18px; overflow:hidden; line-height:18px; border:1px solid #CCC; font-size:14px; color:#666;}
.member input.inputHover{ background:#f8f6ee; color:#000; border:1px solid #9e0114;}

.member input.memberSubmit{ background:url(images/btnHover.jpg) left top no-repeat; width:75px; height:20px; overflow:hidden; text-align:center; line-height:20px; margin:20px 20px 0 100px; border:0; color:#FFF; font-size:12px; cursor:pointer; float:left;}
.member input.memberReset{ background:url(images/btnBg.jpg) left top no-repeat; width:75px; height:20px; overflow:hidden; text-align:center; line-height:20px;margin:20px; border:0; color:#FFF; font-size:12px; cursor:pointer; float:left;}

.dd2{ background:#f8f6ee;}



.loginTitle{ text-align:left; height:30px; line-height:30px; background:url(images/titleTips.gif) left center no-repeat; border-bottom:1px solid #e1dcd8;}
.loginTitle h3{ font-family:"΢ÈíÑźÚ", "ËÎÌå", Arial, Helvetica, sans-serif; margin-left:15px; font-weight:bold;;}
.loginTitle span{ float:right; padding-left:20px; background:url(images/titleMinTips.jpg) left center no-repeat; color:#999;}

.login{ width:500px; text-align:center; margin:50px 0; border-right:1px dotted #CCC; float:left;}

.loginBox{ background:url(images/imgMember.jpg) left top no-repeat; width:270px; height:154px; overflow:hidden; margin:0 auto;}

.loginForm{ width:180px; margin:45px auto 0; text-align:left;}
.loginForm p{ width:175px; height:22px; overflow:hidden; float:left;}
.loginForm p input{ width:175px; overflow:hidden; background:#e0e0e0; border-left:1px solid #c1c1c1; border-top:1px solid #c1c1c1; color:#666;}

.loginForm p.userLast{ height:20px; line-height:20px; margin-top:10px;}
.loginForm #loginSubmit{ background:url(images/imgMemberBtn.jpg) left center no-repeat; width:61px; height:20px; overflow:hidden; border:0; cursor:pointer; float:left; color:#FFF;}
.loginForm #loginReset{ background:url(images/imgMemberBtn.jpg) left center no-repeat; width:61px; height:20px; overflow:hidden; border:0; cursor:pointer; float:left; margin:0 0 0 10px; color:#FFF;}

.Enrol{ width:480px; overflow:hidden; float:left; margin:50px 0; float:right; padding:20px 0;}
.Enrol h4, .Enrol p{ line-height:24px; font-family:"΢ÈíÑźÚ", "ËÎÌå", Arial, Helvetica, sans-serif; color:#333;}

.Enrol p.userEnrol{ width:172px; height:41px; overflow:hidden; position:relative; margin:10px 0 0 -5px; text-align:center; margin:10px auto 0;}
.Enrol p.userEnrol a{ width:172px; height:41px; overflow:hidden; background:url(images/Register.jpg) left top no-repeat; display:block; text-decoration:none;}

.enrolBox{ text-align:left; width:730px; overflow:hidden; float:left; margin:20px 0 0;}

/*------------feedbackInfo---------------*/
.feedbackInfo{ width:720px; overflow:hidden; margin-left:20px; border:1px solid #CCC;}
.feedbackInfo p{ background:#F5F5F5 url(images/feedbackTitle.jpg) 20px center no-repeat; width:100%; height:40px; overflow:hidden; text-indent:-1000em;}
.feedbackTitle{ width:100%; height:30px; overflow:hidden; line-height:30px; background:#f9f9f9; border-top:5px solid #666; border-bottom:1px solid #E0E0E0; font-weight:bold; color:#333; text-indent:110px; margin-bottom:10px;}

/*------------Form2---------------*/
#Form2{ width:100%; overflow:hidden; padding:10px 0;}
#Form2 ul{ list-style:none; width:100%; overflow:hidden;}
#Form2 ul li{ overflow:hidden; line-height:30px; border-bottom:1px dotted #B6B6B6;}
#Form2 ul li span{ float:left; width:100px; overflow:hidden; text-align:right; display:inline-block; color:#666;}
#Form2 ul li input{ float:left; background:#FFF; border:1px solid #e0e0e0; width:200px; padding:2px; margin:4px 0 0 10px;}
#Form2 ul li input.inputHover{ float:left; background:#f8f6ee; color:#000; border:1px solid #9e0114; width:200px; padding:2px; margin:4px 0 0 10px;}
.textarea{ width:400px; height:120px; overflow:y-scroll; margin:10px; border:1px solid #e0e0e0;}
.feedbackSubmit{ background:url(images/btnHover.jpg) left center no-repeat; width:75px; height:20px; overflow:hidden; margin:12px 20px 15px 120px; border:0; color:#FFF; cursor:pointer;}
.feedbackReset{ background:url(images/btnBg.jpg) left center no-repeat; width:75px; height:20px; overflow:hidden; margin:12px 20px 15px 0; border:0; color:#FFF; cursor:pointer;}
#feedbackList .li1{ background:none;}
#feedbackList .li2{ background:#f8f6ee;}



.down h2{ width:100%; height:30px; overflow:hidden; line-height:30px; background:#f9f9f9; margin-top:20px; border-top:5px solid #666; border-bottom:1px solid #E0E0E0;}
.down h2 b{ width:610px; overflow:hidden; text-align:center; font-size:12px; display:block;}
.down h2 span{ float:right; width:110px; height:16px; overflow:hidden; line-height:16px; text-align:center; display:inline-block; font-size:12px; font-weight:normal; color:#666; margin:7px 0; border-left:1px solid #666;}

.down #newsList a{ background:url(images/xiazai.jpg) left center no-repeat; text-indent:2.5em;}
.down #newsList a:hover{ background:url(images/xiazai.jpg) left center no-repeat;}


.map{ width:730px; overflow:hidden; padding-bottom:10px; background:url(images/mapBg.jpg) center bottom no-repeat;}
.map iframe{ border:1px solid #CCC;}

.contact{ background:url(images/imgContact.jpg) right bottom no-repeat; padding-bottom:40px;}
.contact img{ margin:20px 0 0;}
.contact dl{ width:100%; list-style:none; margin-top:10px;}
.contact dt{ width:100%; height:24px; overflow:hidden; line-height:24px; float:left; color:#666;}
.contact dd{ width:50%; height:24px; overflow:hidden; line-height:24px; float:left; color:#666;}
.contact a{ color:#666; text-decoration:underline;}


/*------------page---------------*/
.page{ width:100%; height:30px; overflow:hidden; line-height:30px; text-align:center;}
.page a{ color:#666;}
.page a b{ color:#666;}
.page span{ color:#666;}
.pagePrev{ display:inline-block; padding-left:10px; background:url(images/pageTipPrev.gif) left center no-repeat;}
.pageNext{ display:inline-block; padding-right:10px; background:url(images/pageTipNext.gif) right center no-repeat;}


.right{ width:222px; overflow:hidden; float:right; background:url(images/leftBg.jpg) left top repeat-x;}

.rightMember{ width:212px; height:156px; overflow:hidden; background:url(images/rightMember.jpg) left top no-repeat; margin:10px auto 0;}
.userForm{ width:165px; margin:45px auto 0; text-align:left;}
.userForm p{ width:117px; height:22px; overflow:hidden; float:left;}
.userForm p input{ width:117px; overflow:hidden; background:#e0e0e0; border-left:1px solid #c1c1c1; border-top:1px solid #c1c1c1; color:#666;}
.userForm p.userLast{ width:41px; height:37px; overflow:hidden; float:right;}
.userForm p.userLast input{ width:41px; height:37px; overflow:hidden; background:url(images/rightMemberBtn.jpg) left top no-repeat; border:0; cursor:pointer;}
.userForm p.userEnrol{ width:172px; height:41px; overflow:hidden; position:relative; margin:10px 0 0 -5px;}
.userForm p.userEnrol a{ width:172px; height:41px; overflow:hidden; background:url(images/rightRegister.jpg) left top no-repeat; display:block; text-decoration:none;}

.userInfo{ width:165px; margin:45px auto 0; text-align:left;}
.userInfo p{ width:117px; height:22px; overflow:hidden; line-height:22px; float:left; color:#999; border-bottom:1px dotted #CCC;}
.userInfo span{ color:#333;}
.userInfo p.userLast{ width:41px; height:37px; overflow:hidden; float:right; margin-top:7px;}
.userInfo p.userLast a{ width:41px; height:37px; overflow:hidden; background:url(images/rightMemberBtn2.jpg) left top no-repeat; border:0; cursor:pointer; display:block; text-decoration:none;}
.userInfo p.VipPro{ width:172px; height:41px; overflow:hidden; position:relative; margin:10px 0 0 -5px;}
.userInfo p.VipPro a{ width:172px; height:41px; overflow:hidden; background:url(images/rightMemberPro.jpg) left top no-repeat; display:block; text-decoration:none;}


.rightSearch{ width:200px; overflow:hidden; margin:10px auto 0; text-align:left;}
.rightSearch p{ height:20px; overflow:hidden; line-height:20px; text-indent:1em; font-size:14px; font-family:"΢ÈíÑźÚ", "ËÎÌå", Arial, Helvetica, sans-serif; border-bottom:1px solid #999;}
.rightSearchForm{ width:150px; height:30px; background:url(images/searchBg.jpg) left center no-repeat; margin:5px 10px;}
.rightSearchForm .input1{ width:110px; height:30px; line-height:30px; overflow:hidden; color:#666; margin:0; padding:0; border:0; background:none; margin-left:2px; float:left;}
.rightSearchForm .rightSearchFormSubmit{ width:28px; height:30px; overflow:hidden; border:0; background:none; cursor:pointer; float:left;}

.rightFeedback, .rightContact{ margin-top:10px;}

.rightPro{ background:#FFF url(images/rightProBg.jpg) center top no-repeat; padding-top:65px;}

#navigation{ width:194px; overflow:hidden; margin:0 auto;}
#navigation li{}
#navigation .head{ height:34px; overflow:hidden; padding:0; margin:0;}
#navigation .head a{ width:194px; height:34px; overflow:hidden; line-height:34px; text-indent:2.5em; text-align:left; display:block; background:url(images/rightProListBg.jpg) left center no-repeat;}
#navigation .head a:hover, #navigation span.selected a{ background:url(images/rightProListHover.jpg) left center no-repeat;}
#navigation dl{ width:170px; text-align:left;}
#navigation dt{ height:10px;}
#navigation dd{ height:24px; line-height:24px; border-bottom:1px dotted #EEE; margin-left:10px;}
#navigation dd a{ background:url(images/hotTip.gif) left center no-repeat; text-indent:2em; display:inline-block;}
#navigation dd a:hover{ background:url(images/hotTipHover.gif) left center no-repeat;}

.footer{ width:980px; height:30px; overflow:hidden; line-height:30px; background:#e3e5e6; margin:20px auto 0; padding:0 10px; text-align:left;}
.footer p, .footer span, .footer a{ color:#999; text-decoration:none;}
.footer a:hover{ text-decoration:underline; color:#333;}
.copyright{ font-family:Arial, Helvetica, sans-serif;}

.rollNews{ width:100%; height:30px; overflow:hidden; background:#EEE; line-height:30px; margin-bottom:10px;}
.inRollNews{ width:960px; overflow:hidden; margin:0 auto;}
.inRollNews h5{ width:70px; overflow:hidden; color:#666; font-weight:bold; float:left;}

#rollNewsDiv{ width:700px; height:30px; overflow:hidden; float:left; text-align:left;}
#rollNewsDiv dl{ width:700px; overflow:hidden; display:block;}
#rollNewsDiv dd{ height:30px; overflow:hidden; display:block; color:#666;}
#rollNewsDiv dd a{ color:#666;}
#rollNewsDiv dd a:hover{ color:#f9a42d; text-decoration:underline;}

.hotLine{ float:right;}