body{ font-family:Arial, Helvetica, sans-serif, "ËÎÌå"; font-size: 12px; color: #333333; background-color: #FFF; background-image: url(../images/body-bg.png); background-repeat: repeat-x; background-position: center top; }
a:link, a:visited { text-decoration: none; color: #333333; }
a:hover, a:active { text-decoration: underline; color: #FF6600; }

#demo { overflow:hidden; width: 100%; height:190px; }
#demo img { padding: 2px; border: 1px solid #F3F3F3; display: block; width: 175px; height: 160px; margin-right: auto; margin-left: auto; }
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
.demo-box { width:200px; height:190px; float:left; text-align:center; }
.demo-box span { line-height:20px; font-size: 12px; color: #333333; display: block; height: 20px; }
.InputBorder { border:1px solid #CCCCCC; font-size: 12px; background-color: #FFFFFF; padding-top: 3px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
.fl { float: left; }
.fr { float: right; }
.btn { color: #FFFFFF; border: 1px solid #F60; padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; background-color: #F90; font-family: Verdana; font-size: 12px; }
.btn2 { color: #FFFFFF; border: 1px solid #999999; padding-top: 2px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; background-image: url(../images/btn-bg1.png); background-repeat: repeat-x; background-position: 0px 0px; background-color: #919191; font-family: Verdana; font-weight: 700; }

/*-------- ÏÂÀ­²Ëµ¥ --------------*/
.dropMenu { position:absolute; top: -1px; z-index:100; width: 120px; visibility: hidden; margin-top: -1px; }
.dropMenu li {}
.dropMenu a, .dropMenu a:visited { display: block; color: #FFF; line-height: 20px; text-align: center; padding-top: 3px; padding-bottom: 3px; background-color: #1293D0; }
.dropMenu a:hover, .dropMenu a:active { display: block; color: #FFFFFF; line-height: 20px; background-color: #F90; text-decoration: none; }
* html .dropMenu a {width: 100%;}

.slides { height:218px; overflow: hidden; width: 100%; }
.slide-pic { height: 185px; display: block; overflow: hidden; }
.slide-pic IMG { padding: 1px; height: 150px; width: 150px; border: 1px solid #CCC; }
.slide-pic LI {DISPLAY: none}
.slide-pic LI.cur {DISPLAY: block}
.slide-li { height: 28px; padding-left: 1px; display: block; }
.slide-li LI { FLOAT: left; WIDTH: 131px; HEIGHT: 28px; TEXT-ALIGN: center; display: block; background-color: #8B8C8C; margin-left: 1px; }
.slide-li A { DISPLAY: block; FONT-SIZE: 12px; padding-right: 4px; padding-left: 4px; line-height: 28px; color: #FFF; }
.slide-li LI.cur { }
.slide-li .cur A { COLOR: #FFFFFF; TEXT-DECORATION: none; background-color: #B22C29; }
.slide-li A:hover { COLOR: #FFFFFF; TEXT-DECORATION: none }
.slide-pic .pic { float: left; padding-top: 5px; padding-right: 8px; padding-left: 7px; }
.slide-pic h3 { font-weight: 700; color: #3B811D; font-size: 14px; padding-top: 5px; line-height: 30px; float: left; width: 340px; }
.slide-pic a { color: #333; }
.slide-pic .info { line-height: 24px; float: left; width: 260px; padding-top: 8px; }

#comment { border: 1px solid #CCC; }
.comment-tl { height: 26px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E1E1E1; padding-top: 1px; color: #333; background-image: url(../images/tl-comment.jpg); background-repeat: repeat-x; background-position: 0px bottom; }
.comment-tl h3 { line-height: 26px; font-weight: 700; font-size: 12px; float: left; padding-left: 10px; background-image: url(../images/dot-arrs.jpg); background-repeat: no-repeat; background-position: 10px center; }
.comment-tl .fr { line-height: 26px; padding-right: 10px; }
.comment_form { padding: 10px; }
.comment_form h5 { font-size: 14px; font-weight: 700; }
.comment_content { padding: 10px; border: 1px solid #F0F0F0; font-size: 14px; }
.comment_content .tips { line-height: 20px; font-size: 12px; color: #666666; }
#comment_list { padding: 10px; border: 1px solid #F0F0F0; margin-top: 10px; margin-right: 10px; margin-left: 10px; }
#comment_list p { line-height: 20px; margin-bottom: 8px; padding-bottom: 8px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #666666; font-size: 12px; }
#comment_list strong { font-weight: 700; color: #FF9900; margin-right: 5px; }
#showmsg,#showmsg2 { color: #FF6600; margin-left: 10px; }
#yzm_num { cursor:pointer;}

.pageinfo { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; COLOR: #333; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center }
.pageinfo A ,.pageinfo span{ PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px 2px; COLOR: #333; PADDING-TOP: 2px; TEXT-DECORATION: none; border: 1px solid #E1E1E1; display:inline-block;}
.pageinfo A:hover { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo A:active { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.thisclass { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.pageinfo { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #FFFFFF; border: 1px solid #E1E1E1; color: #333333; }
.pageinfo SPAN.disabled {DISPLAY: none}
.pageinfo SPAN.current { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; border: 1px solid #06F; color:#FFFFFF; background-color: #06F; }


#zh { width: 996px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#header { height: 120px; }
#header .line { height: 28px; }
#header .line .wel { line-height: 28px; float: left; height: 28px; color: #3B76B2; font-weight: 700; padding-right: 5px; font-size: 14px; }
#header .top { height: 80px; padding-top: 10px; }
.logo { float: left; width: 270px; padding-top: 10px; height: 60px; }
.set { float: right; text-align: right; line-height: 28px; }
.set img{ margin-right: 6px; margin-left: 6px; }

#nav { height: 34px; background-image: url(../images/nav-bg.png); background-repeat: no-repeat; background-position: left top; }
#nav li { float: left; text-align: center; display: block; width: 120px; height: 34px; }
#nav ul { height: 34px; display: block; padding-left: 10px; }
#nav a { color: #FFFFFF; font-size: 14px; display: block; line-height: 34px; height: 34px; }
#nav a:link, #nav a:visited { text-decoration: none; color: #FFF; font-size: 14px; font-weight: 700; }
#nav a:hover, #nav a:active { color: #333; background-image: url(../images/nav-hover.png); background-repeat: no-repeat; background-position: center center; }

#search { padding-top: 1px; padding-left: 20px; height: 30px; background-image: url(../images/search-bg.png); background-repeat: repeat-x; background-position: 0px 0px; color: #333; overflow: hidden; padding-bottom: 2px; }
#search p { margin-top: 3px; }

.sidebar { float: left; width: 217px; }
.main { float: right; width: 768px; }


.tl-l { background-image: url(../images/tl-l-bg.png); background-repeat: repeat-x; background-position: 0px 0px; height: 29px; }
.tl-l h3 { font-weight: 700; float: left; font-size: 12px; color: #0299D6; line-height: 28px; padding-left: 15px; background-image: url(../images/tl-l-h3.png); background-repeat: no-repeat; background-position: 0px 0px; height: 28px; padding-top: 1px; }
.tl-l span { float: right; padding-right: 10px; line-height: 28px; background-image: url(../images/tl-l-span.png); background-repeat: no-repeat; background-position: right top; height: 28px; color: #333; padding-top: 1px; }
.tl-l a { color: #0299D6; }
.tl-l a:link, .tl-l a:visited { text-decoration: none; color: #0299D6; }
.tl-l a:hover, .tl-l a:active { text-decoration: underline; color: #0299D6; }

.tl-cate { background-image: url(../images/tl-cate-bg.png); background-repeat: repeat-x; background-position: 0px 0px; height: 29px; }
.tl-cate h3 { font-weight: 700; float: left; font-size: 12px; color: #FFF; line-height: 28px; padding-left: 15px; background-image: url(../images/tl-cate-h3.png); background-repeat: no-repeat; background-position: 0px 0px; height: 28px; padding-top: 1px; }
.tl-cate span { float: right; padding-right: 10px; line-height: 28px; background-image: url(../images/tl-cate-span.png); background-repeat: no-repeat; background-position: right top; height: 28px; color: #FFF; padding-top: 1px; }
.tl-cate a { color: #FFFFFF; }
.tl-cate a:link, .tl-cate a:visited { text-decoration: none; color: #FFF; }
.tl-cate a:hover, .tl-cate a:active { text-decoration: underline; color: #FFF; }

.tl-l2 { background-image: url(../images/tl-l2.jpg); background-repeat: repeat-x; background-position: 0px 0px; height: 34px; }
.tl-l2 h3 { line-height: 34px; font-weight: 700; float: left; padding-left: 40px; font-size: 14px; color: #0465AC; }
.tl-l2 span { float: right; padding-right: 10px; padding-top: 12px; }
.tl-l2 a { color: #FFFFFF; }
.tl-l2 a:link, .tl-l2 a:visited { text-decoration: none; color: #0465AC; }
.tl-l2 a:hover, .tl-l2 a:active { text-decoration: underline; color: #0465AC; }

.tl-r { background-image: url(../images/tl-r.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 32px; }
.tl-r h3 { line-height: 32px; font-weight: 700; float: left; padding-left: 32px; font-size: 14px; color: #FFFFFF; }
.tl-r span { float: right; padding-right: 10px; line-height: 32px; color: #FFFFFF; }
.cate { background-color: #F0F0F0; }
.cate dt { height: 32px; font-size: 12px; }
.cate ul { }
.cate li { background-image: url(../images/dot-gray.jpg); background-repeat: no-repeat; background-position: 15px center; padding-left: 24px; line-height: 28px; height: 28px; cursor:pointer; background-color: #CCE7FA; }
.cate dt a, .cate dt a:visited { color: #3685C0; display: block; line-height: 34px; height: 35px; padding-left: 25px; font-weight: 700; background-image: url(../images/cate-li.png); background-repeat: repeat-x; background-position: left top; padding-bottom: 1px;  }
.cate dl { position: relative; z-index: 110; }
.cate dd { position:absolute; width: 200px; right: -200px; top: 0px; z-index:1000; }

.border-b { border: 1px solid #CCE7FA; }
.border { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCE7FA; border-right-color: #CCE7FA; border-bottom-color: #CCE7FA; border-left-color: #CCE7FA; }
.mt10 { margin-top: 10px; }
.news-ul { padding: 0px; }
.news-ul li { background-image: url(../images/dot-gray.jpg); background-repeat: no-repeat; background-position: 3px center; padding-left: 12px; line-height: 26px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #EEE; }
.feedback { padding: 8px; }
.feedback dl { padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; }
.feedback dt { background-image: url(../images/dot-gray.jpg); background-repeat: no-repeat; background-position: 0px 6px; padding-left: 12px; line-height: 18px; font-weight: 700; }
.contact-ul { padding: 10px; }
.contact-ul li { line-height: 22px; }
.banner { height: 250px; background-color: #D7EFFE; width: 730px; float: left; }
.tl-m { background-image: url(../images/tl-m.png); background-repeat: no-repeat; background-position: 148px bottom; height: 42px; }
.tl-m h3 { float: left; font-size: 14px; line-height: 14px; font-weight: 700; color: #026FB1; background-image: url(../images/tl-m-h3.png); background-repeat: no-repeat; background-position: left top; height: 32px; padding-left: 15px; padding-top: 10px; font-family: Verdana, Geneva, sans-serif; display: block; }
.tl-m span { float: right; padding-right: 10px; height: 16px; line-height: 16px; padding-top: 26px; background-color: #FFF; padding-left: 8px; }
.tl-m a, .tl-m a:visited  { color: #999; font-weight: 700; }
#pro-ul { padding-top: 15px; height: 351px; display: block; padding-left: 5px; }
#pro-ul li { height: 174px; width: 170px; float: left; display: block; text-align: center; }
#pro-ul li span { display: block; margin-top: 4px; line-height: 28px; }
#pro-ul img { height: 136px; width: 147px; padding: 1px; border: 1px solid #F0EEEF; }
#pro-scroll { padding: 10px; }
#news { height: 210px; border: 1px solid #C7E1F8; padding-top: 8px; padding-right: 8px; padding-left: 8px; }

#links { margin-top: 8px; line-height: 22px; border: 1px solid #DFDFDF; background-image: url(../images/links-bg.jpg); background-repeat: no-repeat; background-position: 8px 8px; padding: 5px; }
#links strong { color: #0073C4; padding-right: 10px; }
#footer { margin-top: 8px; background-image: url(../images/foot-bg.png); background-repeat: repeat-x; background-position: center top; padding-top: 5px; }
#footer .info { line-height: 20px; padding-top:5px; text-align: center; color: #333; }
#wraper { margin-right: auto; margin-left: auto; margin-top: 8px; }
#page { float: right; width: 765px; }
.about-page { padding: 10px; font-size: 14px; line-height: 20px; }
.about-page p { text-indent: 28px; padding-top: 4px; padding-bottom: 4px; }



#banner { height: 260px; background-color: #FFF; text-align: center; margin-top: 5px; }
#search .form { float: left; width: 320px; }
#search .keyword { float: left; line-height: 22px; height: 22px; width: 650px; overflow: hidden; }
#search .form label { font-weight: 700; }

.contact-ul li strong { color: #333333; }
.m { float: left; width: 477px; }
.r { float: right; width: 280px; }
.p8 { padding: 8px; }
.video { height: 209px; margin-top: 8px; }
.cus { text-align: center; padding-top: 5px; }
#links a { margin-right: 5px; margin-left: 5px; }
#footer .nav { height: 28px; line-height: 28px; color: #CCC; text-align: center; }
#footer .nav span { margin-right: 8px; margin-left: 8px; }
#footer .nav a { color: #333; }
#footer .keywords { margin-top:5px;}

#page-product-list ul { }
#page-product-list li { display: block; float: left; height: 245px; width: 186px; }
.page-products .page-products-box { height: 245px; width: 186px; }
.page-products-box span { display: block; text-align: center; }
.page-products-box .pic img { padding: 2px; height: 160px; width: 160px; border: 1px solid #DEDEDE; }
.page-products-box .name { margin-top: 5px; line-height: 18px; padding-right: 15px; padding-left: 15px; }
.page-products-box .pic { display: block; }
.page-products-box dl { width: 495px; float: left; padding-top: 10px; display: block; padding-left: 15px; height: 195px; }
.page-products-box dt { line-height: 36px; background-image: url(../images/li-arr.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 15px; height: 36px; font-family: "ºÚÌå", "Î¢ÈíÑÅºÚ"; font-size: 16px; font-weight: 700; }
.page-products-box dd { line-height: 24px; }
.page-products-box dt a, .page-products-box dt a:visited { color: #0074C7; font-size: 16px; }

.per_nex { line-height: 30px; height: 30px; border-top-width: 1px; border-top-style: solid; border-top-color: #E1E1E1; margin-top: 5px; padding-top: 4px; }
.pro-page-show { padding: 10px; }
.pro-pic-info { width:740px; }
.pro-more-info { margin-top: 8px; }
.pro-more-info h4 { line-height: 26px; font-weight: 700; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; color: #333; background-image: url(../images/tab-bg.jpg); background-repeat: no-repeat; background-position: 0px center; height: 26px; padding-left: 18px; }
.pro-more-info .info-list { line-height: 26px; }
.page-news-show { padding: 8px; }
.page-news-show h2 { font-size: 16px; line-height: 32px; text-align: center; color: #F60; font-weight: 700; }
.page-news-show .info { text-align: center; color: #666666; line-height: 22px; }
#zoom { padding-top: 10px; font-size: 14px; line-height: 24px; }
.page-gb { padding: 8px; }
.page-news-list { padding: 8px; }
.page-news-list li { background-image: url(../images/dot-gray.jpg); background-repeat: no-repeat; background-position: 5px center; padding-left: 22px; line-height: 36px; height: 36px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #D5D5D5; font-size: 14px; }
.page-news-list li span { float: right; font-size: 12px; color: #999999; }
.page-images-list { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
.page-images-list li { }
.page-images-list li { display: block; float: left; height: 185px; width: 186px; }
.page-images-list li span { display: block; text-align: center; }
.page-images-list .pic img { width: 155px; }
.page-images-list li .name { line-height: 22px; margin-top: 5px; margin-right: 5px; margin-left: 5px; }

.relate_pro ul { margin-top: 10px; }
.relate_pro li { float: left; width: 184px;display: block; text-align: center; }
.relate_pro li span { display: block; padding-top: 5px; padding-right: 8px; padding-left: 8px; }
.relate_pro img { padding: 1px; border: 1px solid #CCCCCC; height: 150px; width: 150px; }
.login { float: left; padding-top: 4px; }
.topuserinfo { line-height:20px;}
.ipt-txt { border: 1px solid #DDDDDD; width: 82px; padding: 1px; height: 14px; }
.btn-login { background-image: url(../images/btn-login.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 18px; width: 40px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-indent: -2000px; }
.btn-reg { background-image: url(../images/btn-reg.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 18px; width: 40px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#nav li.b { background-image: url(../images/nav-b.png); background-repeat: no-repeat; background-position: left center; padding-left: 2px; }
.btn-search { background-image: url(../images/search-btn.png); background-repeat: no-repeat; background-position: 0px 0px; height: 21px; width: 47px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-weight: 700; color: #FFF; text-indent: -3000px; }

.news-ul li span { float: right; font-family: Tahoma; color: #666; }
.more-news h3 { font-size: 12px; line-height: 30px; font-weight: 700; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #DFDFDF; padding-left: 8px; }
.page-login { width: 945px; padding-top: 20px; padding-bottom: 20px; padding-left: 40px; }
.reg-box { width:450px; }
.reg-box h4 { font-size: 14px; font-weight: 700; line-height: 30px; color: #FF6600; }
.reg-box p { line-height: 22px; color: #666666; padding-bottom: 5px; }
.ip { border: 1px solid #CCCCCC; width: 200px; padding-top: 2px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; }
.user-menu { padding: 10px; }
.user-menu li { font-size: 14px; line-height: 30px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #DBDBDB; background-image: url(../images/dot-arr.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 12px; }
.member-index-page { padding: 12px; }
.member-index-page .welcome { font-size: 14px; font-weight: 700; color: #FF6600; line-height: 30px; }
.member-index-page .user-info { padding: 8px; border: 1px solid #DBDBDB; line-height: 30px; background-color: #F6F6F6; }
.user-info-list { margin-top: 15px; }
.user-info-list h3 { font-size: 14px; line-height: 28px; font-weight: 700; }
.user-info-list table { background-color: #EBEBEB; }
.user-info-list td { background-color: #FFFFFF; }
.member-page { padding: 10px; }
#zoomdiv{ position: absolute; background: #FFFFFF; border:1px solid #EAEAEA; display:none; text-align: center; overflow: hidden; }
#zoomup{ position:absolute; display:none; filter:alpha(opacity=50); opacity:.5; cursor:move; background-color: #FFFFFF; }
.zoom{position:relative;}
.pro-page-show { padding-top: 12px; }
#gallery { float: left; width: 404px; position: relative; text-align: center; }
.pro-pic-infolist { float: right; width: 320px; }
#gallery .zoom { width: 400px; border: 1px solid #CCCCCC; }
.pro-pic-infolist .info-list { margin-bottom: 15px; font-size: 14px; line-height: 32px; }
.bluep { background-color: #DFF1FD; padding-top: 10px; padding-bottom: 10px; }
.info-list li { padding-left: 10px; }
#search .keyword a { margin-right: 2px; margin-left: 2px; }
.box-m { margin-right: 3px; margin-left: 3px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; }
.about-con { line-height: 30px; padding-top: 18px; padding-right: 10px; padding-bottom: 18px; padding-left: 10px; }
.about-con p { text-indent: 24px; }
.box { display:block;}
.video p { background-color: #000; text-align: center; height: 209px; }
.cus-ul { height: 252px; padding-top: 8px; padding-left: 2px; }
.cus-ul li { display: block; float: left; width: 137px; height: 62px; text-align: center; }
.cus-ul li span { display: block; margin-top: 3px; }
.cus-ul li img { padding: 2px; border: 1px solid #CCE7FA; height: 50px; width: 110px; background-color: #FFF; }
.pro-ul { display: block; padding-top: 10px; }
.pro-ul li { height: 200px; width: 187px; float: left; display: block; }
.pro-ul li span { display: block; line-height: 16px; margin-right: 3px; margin-left: 3px; text-align: center; padding-top: 5px; height: 32px; }
.pro-ul img { height: 155px; width: 155px; padding: 2px; border: 1px solid #E5E5E5; display: block; margin-right: auto; margin-left: auto; }
.news-box { margin-top: 8px; height: 224px; }
.mr10 { margin-right: 10px; }
.box-s { background-image: url(../images/box-s-bg.png); background-repeat: repeat-x; background-position: left bottom; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; margin-right: 6px; margin-left: 6px; height: 263px; }
.join { padding-right: 12px; padding-left: 12px; }
.join p { line-height: 22px; padding-top: 6px; }

.headline { padding-top: 8px; height: 85px; overflow: hidden; }
.headline .pic { height: 80px; width: 95px; float: left; }
.headline .pic img { height: 75px; width: 94px; }
.headline .info { float: left; height: 80px; width: 238px; padding-left: 12px; }
.headline .info h3 { line-height: 28px; font-weight: 700; font-size: 12px; }
.headline .info p { color: #999; line-height: 22px; }

.headline2 { padding-top: 8px; padding-right: 10px; padding-left: 10px; height: 88px; overflow: hidden; }
.headline2 .pic { height: 80px; width: 100px; float: left; }
.headline2 .pic img { height: 75px; width: 85px; padding: 2px; border: 1px solid #CCC; }
.headline2 .info { float: left; height: 80px; width: 235px; }
.headline2 .info h3 { line-height: 28px; font-weight: 700; font-size: 12px; }
.headline2 .info p { color: #999; line-height: 22px; }

.links { margin-top: 8px; line-height: 22px; }
.links a { margin-right: 10px; }

.page-cate { padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 15px; }
.page-cate li { background-image: url(../images/dot-yellow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 25px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; line-height: 34px; }
.page-cate li a { font-size: 14px; }

#pic { text-align: center; }
.tl-w h3 a, .tl-w h3 a:visited { color: #0299D6; }
#page-product-list ul { height: 245px; }
.page-products { padding-top: 10px; padding-left: 10px; }

.cxt { float: right; width: 150px; padding-top: 7px; padding-right: 8px; }
.ipt-search { border:1px solid #CCC; font-size: 12px; background-color: #FFFFFF; padding-top: 3px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; width: 160px; }
.faq dl { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #D2D9D6; padding-bottom: 4px; }
.faq dt span { font-weight: 700; color: #FF6600; }
.faq dd span { color: #1FB530; font-weight: 700; }
.about img { padding-right: 10px; padding-top: 8px; }
.about p { line-height: 24px; font-size: 12px; padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; text-indent: 24px; }
.about { height: 257px; overflow: hidden; padding-right: 8px; padding-left: 8px; padding-top: 5px; }
.tl-w { background-image: url(../images/tl-w-bg.png); background-repeat: repeat-x; background-position: 0px 0px; height: 27px; }
.tl-w h3 { background-image: url(../images/tl-w-h3.png); background-repeat: no-repeat; background-position: left top; float: left; line-height: 26px; font-size: 12px; font-weight: 700; color: #0299D6; height: 26px; padding-top: 1px; padding-left: 35px; }
.tl-w span { float: right; background-image: url(../images/tl-w-span.png); background-repeat: no-repeat; background-position: right top; padding-right: 10px; color: #333; padding-top: 7px; height: 20px; }
.partner { border: 1px solid #CCCCCC; margin-top: 8px; background-image: url(../images/partner.jpg); background-repeat: no-repeat; background-position: 8px center; height: 64px; padding-left: 40px; }
.partner-ul li { float: left; width: 106px; padding-top: 14px; }
.partner-ul img { height: 31px; width: 88px; padding: 1px; border: 1px solid #DBDBDB; }
.pro-pic-infolist .info-p { padding: 10px; line-height: 20px; color: #666; }
.pro-pic-infolist .info-fav { padding: 10px; text-align: center; }
.order { margin-top: 10px; border: 1px solid #E1E1E1; }
.order h3 { background-color: #00A5E7; color: #FFF; font-size: 14px; font-weight: 700; line-height: 22px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; }
.order h3 span { font-size: 12px; font-weight: normal; float: right; }
.order .order-form { padding: 10px; }
.set small { color: #999; margin-right: 3px; margin-left: 3px; font-size: 12px; }
.faq dl dt { background-image: url(../images/faq-q.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 22px; line-height: 26px; }
.faq dl dd { background-image: url(../images/faq-a.jpg); background-repeat: no-repeat; background-position: left 5px; padding-left: 22px; line-height: 22px; }
.mbox { width: 379px; }


#top_login strong { color: #FC002A; font-family: "Î¢ÈíÑÅºÚ"; padding-left: 10px; font-size: 13px; }

.slides .slide-pic .info strong { line-height: 30px; font-weight: 700; color: #026FB1; }
.slides .slide-li img { height: 68px; width: 98px; padding: 1px; border: 1px solid #FFF; cursor:pointer; }
.cert-ul li { float: left; height: 115px; width: 99px; text-align: center; display: block; }
.cert-ul li span { display: block; line-height: 22px; }
.cert-ul li img { padding: 1px; width: 80px; height: 85px; border: 1px solid #E7E7E7; }

.links strong { color: #0299D6; }
.slides .slide-li li.cur img { border: 1px solid #65C3E9; }
.page-products-box .info { height: 156px; width: 180px; display: block; float: left; color: #666; line-height: 24px; }
.page-products-box h4 { display: block; background-image: url(../images/dot-arr2.jpg); background-repeat: no-repeat; background-position: 0px center; height: 28px; padding-left: 18px; line-height: 28px; }
.page-products-box h4 strong { font-size: 14px; font-weight: 700; color: #1C7BA9; }
.red { color: #F30; font-weight: 700; }
.grey { color: #666; }
.cert-ul { height: 230px; padding-top: 8px; }


#gallery .pic-box { position: relative; }
#gallery .tab-li { height: 100px; padding-top: 5px; }
#gallery .tab-li li { float: left; width: 101px; display: block; height: 100px; overflow: hidden; text-align: center; }
#gallery .tab-li li img { padding: 1px; border: 1px solid #D7D7D7; cursor:pointer; width: 90px; height: 90px; }
#gallery .tab-li li.hover img { padding: 1px; border: 1px solid #4AB7F0; }

.sb-pro-ul { display: block; padding: 8px; }
.sb-pro-ul li { display: block; height: 95px; }
.sb-pro-ul li img { width: 80px; padding: 2px; border: 1px solid #F0F0F0; float: left; height: 80px; }
.sb-pro-ul li span { float: left; padding-left: 10px; line-height: 18px; padding-top: 5px; }

#history ul { padding: 8px; }
#history img { width: 80px; padding: 2px; border: 1px solid #F0F0F0; float: left; }
#history li { height: 110px; }
#history span { float: left; padding-left: 10px; line-height: 18px; }
#history .clearhistory { padding-right: 8px; padding-left: 8px; background-color: #F0F0F0; line-height: 22px; text-align: right; margin: 2px;width:200px; }
#history .clearhistory a{color:red;}
.pro-tel { font-family: "Î¢ÈíÑÅºÚ"; text-align: center; font-size: 16px; line-height: 26px; }

#pic-scroll { height: 145px; margin-top: 10px; background-image: url(../images/scroll-bg.png); border: 1px solid #CCE7FA; }
#pic-scroll img { cursor:pointer;}
#pic-scroll .lefta { float: left; padding-top: 55px; width: 33px; height: 90px; padding-left: 5px; padding-right: 3px; }
#pic-scroll .righta { float: right; padding-top: 55px; width: 38px; height: 90px; }
#pic-scroll .cont { float: left; height: 145px; width: 875px; overflow: hidden; }
#pic-scroll .cont .box { float: left; width: 160px; height: 135px; text-align: center; padding-top: 10px; }
#pic-scroll .cont .box img { height: 105px; width: 140px; padding: 1px; border: 1px solid #E5E5E5; }

.tel { background-image: url(../images/tel.png); background-repeat: no-repeat; background-position: left 5px; height: 30px; width: 265px; padding-top: 40px; float: right; padding-left: 10px; margin-top: 8px; }
.tel strong { color: #F60; font-size: 16px; font-family: Verdana, Geneva, sans-serif; }

#cert { height: 152px; }
#pic-scroll .cont .box span { display: block; padding-top: 2px; padding-right: 5px; padding-left: 5px; }
#about-video { padding: 15px; height: 220px; }
.links p { padding: 8px; border: 1px solid #CCE7FA; }
.tl-m span img { padding-top: 2px; }
.adt { float: left; width: 430px; text-align: center; padding-top: 10px; height: 60px; }
#ba-icon { height: 120px; margin-top: 10px; }
#ba-icon ul li { float: left; display: block; width: 254px; }
.col1 { float: left; width: 260px; padding-right: 10px; }
.col2 { float: left; width: 460px; }
.col3 { float: right; width: 256px; }
.mt5 { margin-top: 5px; }
#news-slide { padding: 5px; height: 250px; }
#news-headline { padding: 5px; height: 250px; background-image: url(../images/news.jpg); background-repeat: no-repeat; background-position: 0px 0px; }

.witness-ul { overflow: hidden;  }
.witness-ul li { display: block; height: 85px; }
.witness-ul li .pic { float: left;  width:110px;}
.witness-ul li .pic img { height: 70px; width: 100px; padding: 1px; border: 1px solid #E1E1E1; }
.witness-ul li .info { float: left; width: 165px; padding-left: 10px; }
.witness-ul li .info h3 { font-size: 12px; font-weight: 700; }
.witness-ul li .info p { line-height: 18px; color: #666; padding-top: 5px; }

.witness-ul-s { overflow: hidden; padding:8px 0 0 5px; height: 250px;  }
.witness-ul-s li { display: block; height: 85px; }
.witness-ul-s li .pic { float: left;  width:110px;}
.witness-ul-s li .pic img { height: 70px; width: 100px; padding: 1px; border: 1px solid #E1E1E1; }
.witness-ul-s li .info { float: left; width: 140px; padding-left: 10px; text-align: left;}
.witness-ul-s li .info h3 { font-size: 12px; font-weight: 700; }
.witness-ul-s li .info p { line-height: 18px; color: #666; padding-top: 5px; }

.tl-w span a, .tl-w span a:visited { color: #333; }
.mtb { margin-top: 3px; border-top-width: 1px; border-top-style: solid; border-top-color: #DFEFFC; }
.box-ft { font-size: 0px; line-height: 0px; }
.bgc { background-color: #F0F8F7; }
.blue { color: #013561; }
.feedback dl dd { padding-left: 15px; line-height: 18px; padding-top: 5px; color: #666; }
.til { height: 34px; background-repeat: no-repeat; background-position: left center; padding: 2px; }
.til h3 { display: none; }
.t-a { background-image: url(../images/til-why.png); }
.til span { float: right; padding-top: 3px; padding-right: 3px; }
.til span a, .til span a:visited { color: #608881; }
.pro-ul2 li { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #BEBEBE; height: 250px; }
.pro-ul2 li .pic { height: 245px; width: 285px; display: block; float: left; }
.pro-ul2 li dl { display: block; float: right; width: 265px; height: 245px; }
.pro-ul2 li dl dt { font-family: "Î¢ÈíÑÅºÚ"; font-size: 15px; font-weight: 700; line-height: 30px; }
.pro-ul2 li dl dd { line-height: 20px; padding-top: 3px; }
.pro-ul2 li .pic a img { width: 280px; height: 235px; padding: 1px; border: 1px solid #E4F4F1; }
.pro-ul2 { height: 500px; overflow: hidden; }
.t-b { background-image: url(../images/til-wit.png); }
.news-box .pic-list { float: left; width: 240px; height: 224px; }
.news-box .news-list { float: right; width: 310px; }
.t-c { background-image: url(../images/til-rep.png); }
.loginform { padding: 5px; }
.loginform li { padding-top: 2px; padding-bottom: 2px; }
.loginform .ipt { padding: 2px; width: 130px; border: 1px solid #CCC; }
.p3 { padding: 3px; }
.about p strong { color: #01604F; }
.t-d { background-image: url(../images/til-hea.png); }
#new-box { padding: 8px; height: 250px; }
.news-ul2 { padding: 0px; }
.news-ul2 li { background-image: url(../images/dot-arr.png); background-repeat: no-repeat; background-position: 0px center; line-height: 30px; padding-left: 18px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; }
.news-ul2 li span { float: right; color: #999; }
.news-ul2 li a, .news-ul2 li a:visited { color: #333; }
.t-e { background-image: url(../images/til-cor.png); }
.page-video-list { padding: 10px; }
.page-video-list ul li { display: block; height: 210px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; margin-bottom: 10px; }
.page-video-list ul li .vcode { float: left; height: 200px; width: 250px; }
.page-video-list ul li .vinfo { float: right; height: 200px; width: 505px; }
.page-video-list ul li .vinfo h4 { font-size: 14px; line-height: 30px; font-weight: 700; }
.page-video-list ul li .vinfo p { line-height: 22px; padding-top: 5px; }
.tl-m h3 small { color: #999; }

#equ { height: 190px; }
#equ li { float: left; display: block; width: 186px; text-align: center; height: 190px; }#equ li img { padding: 2px; border: 1px solid #CCC; width: 165px; height: 150px; }
#equ li span { display: block; padding-top: 5px; }
#footer .info a { color: #333; }
.submail { background-image: url(../images/mail-icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
.ipt-gray { border: 1px solid #D1D1D1; width: 100px; padding-top: 3px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
.btn-gray { background-image: url(../images/btn-gray.png); height: 21px; width: 62px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #666; }
.boxg { background-color: #F8F8F8; }
.cate2 { background-image: url(../images/app-icon.png); background-repeat: no-repeat; background-position: center bottom; height: 264px; padding-top: 8px; }
.cate2 li { display: block; height: 44px; width: 108px; float: left; line-height: 44px; text-align: center; }
.con-a { height: 245px; }
.col-l { float: left; width: 535px; }
.slides .pro-list { padding-top: 5px; padding-right: 5px; padding-left: 5px; height: 180px; }
.slides .pro-box { float: left; width: 174px; text-align: center; }
.slides .pro-box span { display: block; line-height: 20px; }
.col-r { float: right; width: 222px; }
#contact { background-color: #F8F8F8; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #CCE7FA; }
#pic-scroll .tit { width: 35px; height: 145px; float: left; background-image: url(../images/tl-scroll.png); background-repeat: repeat-y; background-position: left top; }
#pic-scroll .tit h3 { font-size: 14px; font-weight: 700; color: #FFF; width: 16px; padding-top: 15px; padding-left: 10px; line-height: 26px; }
.con-b { height: 300px; }
.col2-l { float: left; width: 307px; }
.col2-m { float: left; width: 220px; padding-left: 10px; }
.col2-r { float: right; width: 220px; }
.btn-blue { background-image: url(../images/btn-blue.png); background-repeat: no-repeat; background-position: left top; padding: 0px; height: 23px; width: 61px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; font-size: 12px; font-weight: 700; color: #FFF; }
.gusetbook { height: 250px; }
#supply { height: 50px; }
#supply h3 { font-size: 12px; font-weight: 700; color: #0299D6; float: left; line-height: 18px; display: block; padding-top: 7px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
#supply ul { display: block; float: left; width: 945px; padding-top: 6px; height: 40px; overflow: hidden; }
#supply ul li img { width: 90px; height: 38px; border: 1px solid #F0F0F0; }
#supply ul li { float: left; width: 94px; display: block; }
#about_pic { display: block; float: left; height: 130px; width: 200px; }
.gusetbook p { padding-left: 10px; line-height: 20px; font-size: 12px; }
#honor { height: 80px; padding-top: 8px; }
#honor ul li { float: left; width: 114px; display: block; text-align: center; padding-right: 5px; padding-left: 5px; }
#honor ul li img { height: 35px; width: 42px; margin-bottom: 5px; }
.page-products .desc { line-height: 22px; background-color: #F0F0F0; padding: 5px; border: 1px solid #CCC; margin-right: 10px; }
#page-product-list { margin-top: 15px; }
.page-products-box .number { margin-top: 5px; }
.page-images-list ul li .pic { height: 155px; overflow: hidden; }
.lang-us { background-image: url(../images/us.gif); background-repeat: no-repeat; background-position: left 9px; display: inline-block; padding-left: 20px; }
.border-blue { border: 1px solid #CCE7FA; }
.hot-keyword { background-color: #D9EFFE; padding: 5px; }

.pro-more-info .more-info-tab-li { height: 28px; background-image: url(../images/tab_bg.gif); background-repeat: repeat-x; background-position: 0px bottom; }
.pro-more-info .more-info-tab-li li { background-image: url(../images/tab_b.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 28px; width: 120px; line-height: 28px; text-align: center; display: inline-block; font-weight: 700; float: left; margin-right: 4px; cursor:pointer; color: #FFF; }
.pro-more-info .more-info-tab-li li.hover { background-image: url(../images/tab_a.gif); }
.more-info-tab-con { line-height: 24px; margin-top: 8px; font-size: 14px; width: 742px; padding-top: 8px; padding-bottom: 8px; overflow: hidden; }
.redfont { color: #C00; }
.pro-ul li span small { color: #666; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; }
