/* CSS Document */
* { margin: 0; padding: 0; }
ul,ol { list-style: none; }
body { font-size: 12pt; font-family: Arial, Helvetica, sans-serif,"ËÎÌå"; line-height: 22px; color: #444; }
h1,h2,h3,h4,h5,h6 { font-size: 14pt; color: #000; }
h1 { font-size: 16pt; }
h2 { font-size: 15pt; }
small { font-size: 10pt; }
em,i,address { font-style: normal; }
strong { color: #000; }
a { color: #333; text-decoration: none; }
a:hover { color: #FF3300; }
a img { border: 0; }

.header,.nav,.content,.footer,.q_contact { width: 320px; margin: 0 auto; }

.header { text-align: center; }

.nav { height: 50px; background: #043A71 url(../images/nav.png) no-repeat; }
.nav li { float: left; width: 20%; }
.nav li a { width: 100%; height: 35px; padding: 15px 0 0 0; display: block; text-align: center; color: #ffdcd3; font-size: 12pt; }
.nav li a:hover,
.nav li a.current { background-image: url(../images/nav_over.png); background-repeat: no-repeat; color: #fff; }
.nav li.li_0 a:hover,
.nav li.li_0 a.current,
.nav li.li_0 a:active { background-position: 0px 0px; }
.nav li.li_1 a:hover,
.nav li.li_1 a.current,
.nav li.li_1 a:active { background-position: -64px 0px; }
.nav li.li_2 a:hover,
.nav li.li_2 a.current,
.nav li.li_2 a:active { background-position: -128px 0px; }
.nav li.li_3 a:hover,
.nav li.li_3 a.current,
.nav li.li_3 a:active { background-position: -192px 0px; }
.nav li.li_4 a.current,
.nav li.li_4 a:active { background-position: -256px 0px; }

.content {}

ul.q_contact { background: url(../images/q_contact.png) no-repeat 0 -40px; height: 40px; }
ul.q_contact li { width: 50%; height: 40px; float: left; }
ul.q_contact a { color: #fff; height: 40px; display: block; line-height: 40px; padding: 0 0 0 60px; }
ul.q_contact a:hover { color: #fc0; }
ul.q_contact li.email a:hover { background: url(../images/q_contact.png) no-repeat 0 -40px;}
ul.q_contact li.tel a:hover { background: url(../images/q_contact.png) no-repeat -160px -40px; }

.footer { background: #ccc; color: #444; padding: 10px 0; font-size: 10pt; text-align: center;}


.crumbs { height: 40px; line-height: 40px; padding: 0 0 0 10px; background: url(../images/nav.png) repeat-x bottom; }
.crumbs h1,
.crumbs h2 { color: #fff; letter-spacing: 1px; font-size: 12pt; font-weight: normal; }
.crumbs .back { color: #fff; font-size: 10pt; float: right; width: 40px; padding: 0 0 0 35px; height: 40px; line-height: 40px; background: url(../images/back.png) no-repeat 10px 10px; }
.crumbs .back:hover { color: #fff; }


ul.pro_sort {}
ul.pro_sort li { margin-bottom: 1px; }
ul.pro_sort li div { background:url(../images/nav.png) no-repeat bottom left;}
ul.pro_sort li .about{ padding:10px;}
ul.pro_sort li div a { display: block; height: 40px; line-height: 40px; color: #fff; padding: 0 10px;}
ul.pro_sort ul li { background: url(../images/bg_list.png) repeat-x bottom; margin: 0; }
ul.pro_sort ul li a { display: block; padding: 10px 10px 10px 40px; background: url(../images/icon.png) no-repeat 280px 10px; }
ul.pro_sort ul li a:hover { background: url(../images/icon.png) no-repeat 280px -166px; }
ul.pro_sort ul li small { display: block; color: #777;}

ul.product_list {}
ul.product_list li { height: 90px; background: url(../images/bg_list.png) repeat-x bottom; padding: 10px; }
ul.product_list a { width: 100%; height: 100%; display: block; background: url(../images/icon2.png) no-repeat 230px 60px; }
ul.product_list a:hover { background: url(../images/icon2.png) no-repeat 230px -126px; }
ul.product_list a img { width: 80px; height: 80px; float: left; border: #ccc 1px solid; padding: 4px; margin: 0 10px 0 0; }


.pro_img {}
.pro_img img { width: 320px; }
.pro_details { background: #fff url(../images/bg_list.png) repeat-x bottom; }
.pro_details h1 { margin: 0; background:url(../images/bg_list.png) repeat-x bottom; color: #555; padding: 5px; }
.pro_details p { margin: 10px 0; }
.pro_details table { border-collapse: collapse; border-spacing: 0; vertical-align: top; vertical-align: text-top; width: 100%; font-size: 11pt; }
.pro_details tr {}
.pro_details td { background: #fff url(../images/bg_list.png) repeat-x bottom; padding: 3px 2px; word-wrap:break-word; word-break:break-all; color: #222; }
.pro_details td.even { width: 130px; color: #666; }
.pro_info { padding: 5px; background: #efefef; border-top: #fff 1px solid; }
.pro_info img{ width:300px; }

.new_recommend h2 { background: #333 url(../images/bg_nav.png) repeat-x bottom; height: 40px; line-height: 40px; padding: 0 15px; color: #fff; font-size: 12pt; }
.new_recommend li { width: 80px; height: 80px; float: left; }
.new_recommend li a {}
.new_recommend li a img { width: 80px; height: 80px; }


ul.article_list {}
ul.article_list li { background: #fff url(../images/bg_list.png) repeat-x bottom; }
ul.article_list li a { display: block; padding: 10px 10px 10px 30px; overflow: hidden; background: url(../images/ic3.png) no-repeat 10px 15px; }
ul.article_list li a small { display: block; color: #999; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; }


.article_view { padding: 10px; background: #fff url(../images/bg_list.png) repeat-x bottom; }
.article_view h1 { margin: 0 0 10px 0; }
.article_view p { margin: 10px 0; }
.article_view img { width: 300px; }


.pages { text-align: center; padding: 20px 0; background: url(../images/bg_list.png) repeat-x bottom; }
.pages span,.pages strong { border: #ccc 1px solid; padding: 3px 5px; margin: 0 3px; font-size: 10pt; font-family: "ËÎÌå"; }


.info { background: url(../images/bg_list.png) repeat-x bottom; padding: 10px; }
.info p { margin: 10px 0; }
.info img { width:300px; }

.contact_info { border-collapse: collapse; border-spacing: 0; }
.contact_info tr { background: url(../images/bg_list.png) repeat-x bottom; }
.contact_info th { width: 80px; text-align: right; font-weight: normal; padding: 10px 4px; vertical-align: text-top; color: #000; }
.contact_info td { padding: 10px 4px; }

.info15 { padding: 0; }
.info15 ul.ct { background: url(../images/bg_list.png) repeat-x bottom; padding: 10px; }
.info15 ul.ct li { }

#banner { width: 100%; height: 160px; position: relative; }
#banner #slider { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; text-align: center; background: #eee; }
#banner #slider li { width: 100%; height: 100%; display: block; }
#banner #slider li img { }
#banner #position { width: 100%; height: 30px; line-height: 30px; position: absolute; top: 130px; left: 0; z-index: 2; text-align: center; background: url(../black.png); }
#banner #position em { color: #fff; font-size: 18pt; font-style: normal; }
#banner #position em.on { color: #f00; }


.clear { clear: both; }
.clearfix:after { content:"\0020"; display:block; clear:both; visibility:hidden; overflow:hidden; height:0; font-size:0;}
.clearfix { zoom:1}


#cs2{height:168px;overflow:hidden;text-overflow:ellipsis}
#cs21{width:100%;height:151px;overflow:hidden;text-overflow:ellipsis}