/* ------ Designer: 309518707@qq.com ------ */
/* ------ CSS Begin ------ */

html {color:#000;	background:#FED700 url('bg.png') repeat-x 0 0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,form,th,td {
	margin:0; padding:0;
}
body {font:14px/1.5 'Microsoft YaHei',Arial,sans-serif;}
small {font-size:11px;}
ul,ol {list-style:none;}
q:before,q:after {content:'';}
img {border:0;}

a {color:#0048a2;	text-decoration:none;}
a:hover {text-decoration:underline;	color:#ff7300;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.blank {width:100%; height:30px; overflow:hidden; clear:both;}

.hd {position:relative; width:980px; height:519px; margin:0 auto; background:url('topic.jpg') no-repeat 50% 0;}
.wp-hd, .wp-ft {width:990px; height:26px; margin:0 auto; overflow:hidden; background:#fff url('main_bg_hd.png') 50% 0;}
.wp-ft {height:35px; background-image: url('main_bg_ft.png');}
.wp {width:940px;	padding:4px 25px 110px; margin:0 auto; overflow:hidden; background:#fff url('main_bg.png') 50% 0 repeat-y;}
.bd {padding:0 16px; overflow:hidden;}
.ft {position:relative; width:100%;	top:-90px; *left:-1px; height:45px; line-height:45px; margin:0 auto; text-align:center; background:url('copyright.png') no-repeat center 0; color:#fff;}
.ft a {display:block; margin:0 auto; width:373px; height:45px; overflow:hidden; text-indent:-9999px; color:#fff;}
.ft a:hover {text-decoration:none;}

.titles {width:940px; height:63px; overflow:hidden; margin-bottom:20px;}
.titles h2 {width:100%; height:63px; overflow:hidden; background:url('titles.png') no-repeat 0 0; text-indent:-9999px;}
.titles h2.brand {background-position:0 -68px;}
.titles h2.shell {background-position:0 -136px;}
.titles h2.photo {background-position:0 -204px;}

.pic-news {float:left; position:relative; width:460px; height:380px; padding:6px; overflow:hidden; background:url('focus_box.png') no-repeat 50% 50%;}
.pic-news #af_output,
.pic-news #af_output li {width:460px; height:380px; overflow:hidden;}
.pic-news #af_output li a,
.pic-news #af_output li img {display:block; width:460px; height:310px; overflow:hidden;}
.pic-news #af_output li p {padding:5px 10px; background:#C29A05; height:59px; border-top:1px #D4B850 solid; font-size:12px;}
.pic-news #af_tabs {z-index:3;	position:absolute;	right:15px;	bottom:75px;	height:24px; line-height:24px; font-size:12px;}
.pic-news #af_tabs li {float:right;	overflow:hidden; width:10px;	height:10px;	margin-left:5px;	text-indent:-9999px; text-align:center;	color:#ccc;	cursor:pointer;	background:#555;}
.pic-news #af_tabs li.current {background-color:#FED700;	color:#c00; font-weight:bold;}

.last-news {float:left; width:418px; margin-left:18px;}
.last-news h3 {text-align:center; font-size:16px;}
.last-news p {margin-top:10px; text-indent:2em; color:#333;}

.photos {width:100%; overflow:hidden;}
.photos .desc {padding-left:15px; margin-bottom:10px; font-size:20px; font-weight:bold; line-height:1.8em; color:#08c;}
.photos dl {height:100%; overflow:hidden; margin-bottom:20px;}
.photos dt {margin-left:15px; font-weight:bold; color:#036; font-size:16px; padding-top:10px; border-top:1px #ddd dashed;}
.photos dd {text-align:center;}
.photos dd a {float:left; width:202px; height:165px; overflow:hidden; margin-left:25px; padding:4px 4px 0; border:1px solid #ddd; background:#fcfcfc; margin-top:10px; color:#333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.photos dd img {width:200px; height:133px; border:1px #fefefe solid;}
.photos dd p {height:25px; line-height:18px; margin-top:5px;}
.photos dd a:hover {text-decoration:none; border-color:#f60; color:#c00; background-color:#f9f9f9;}
.photos dd a:hover img {border-color:#fff;}
.photos dd a:hover p {font-weight:bold;}

#photos-container {text-align:center;}
#photos-container img {width:200px; border:1px #fefefe solid;}
#photos-container p {height:25px; line-height:18px; margin-top:5px;}
#photos-container a.cell {display:block; padding:4px 4px 0; border:1px solid #ddd; background:#fcfcfc; margin-top:10px; cursor:pointer; color:#333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#photos-container a:hover {text-decoration:none; border-color:#f60; color:#c00; background-color:#f9f9f9;}
#photos-container a:hover img {border-color:#fff;}
#photos-container a:hover p {font-weight:bold;}

.dialog {overflow:hidden; position:relative;}
.dialog .brand-desc {width:625px; margin-bottom:10px; font-size:16px; line-height:1.8em; text-indent:2em; color:#960;}
.dialog ul {overflow:hidden; width:625px; border-top:3px #c00 solid;}
.dialog li {overflow:hidden; padding:10px 0; background:url('dotline.gif') repeat-x 0 100%; cursor:pointer;}
.dialog li .ask {display:block; height:100%; padding-left:22px; background:url('ask_dis.gif') 0 3px no-repeat; font-weight:700; color:#333;}
.dialog li .ask:hover {color:#000; background-image:url('ask.gif');}
.dialog li .ask strong {display:none;}
.dialog li .answer {display:none; height:100%; margin-top:5px;}
.dialog li .answer .t {clear:both; height:15px; overflow:hidden; background:url('answer_box.png') no-repeat 50% 0;}
.dialog li .answer .c {padding:5px 13px 5px 36px; height:100%; line-height:1.6em; border-left:1px #ddd solid; border-right:1px #ddd solid; overflow:hidden; background:#fcfcfc url('icon_quote_m_s.gif') no-repeat 10px 8px; font-size:14px; color:#333;}
.dialog li .answer .c img {vertical-align:middle;}
.dialog li .answer .b {clear:both; height:10px; line-height:10px; font-size:0; overflow:hidden; background:url('answer_box.png') no-repeat 50% 100%;}
.dialog li .answer strong {color:#f60;}
.dialog li .answer p {margin:5px 0; text-indent:2em;}
.dialog li.cur {background:none; padding-bottom:0px;}
.dialog li.cur .ask {color:#c00; background-image:url('ask.gif');}
.dialog li.cur .answer {display:block;}
.dialog .side {position:absolute; right:0; _right:40px; top:0; width:252px; overflow:hidden;}
.dialog .video {width:240px; padding:6px; background:#fff url('video_box.png') no-repeat 50% 50%;}
.dialog .topic-2012 {width:252px; height:150px; line-height:1.8em; text-align:center; overflow:hidden;}
.dialog .rel-news {width:252px; background:#fcfcfc; overflow:hidden;}
.dialog .rel-news dl {padding:0 10px; border-left:1px #ddd solid; border-right:1px #ddd solid; overflow:hidden;}
.dialog .rel-news h4 {height:65px; line-height:65px; overflow:hidden; background:url('news_box.png') no-repeat 50% 0; text-indent:-9999px;}
.dialog .rel-news dd {padding:0 0 5px 13px; margin-bottom:5px; border-bottom:1px #eee solid; background:url('arrow.gif') 0 6px no-repeat;}
.dialog .rel-news .last {height:20px; line-height:20px; overflow:hidden; background:url('news_box.png') no-repeat 50% 100%;}

.about-sell {padding-left:15px; overflow:hidden;}
.about-sell h4 {height:30px; line-height:30px; padding-bottom:5px; margin-bottom:10px; font-size:18px; background:url('dotline.gif') repeat-x 0 100%;}
.about-sell .left {float:left; width:450px; overflow:hidden;}
.about-sell .right {float:right; width:400px; overflow:hidden;}
.about-sell p {line-height:1.6em; margin-bottom:15px; font-size:16px;}
.about-sell p.indent {text-indent:2em;}
.about-sell p.tel em {font-size:16px;}
.about-sell a {text-decoration:underline;}

.about {float:left; width:450px; overflow:hidden;}
.about p {margin-top:15px; text-indent:2em; color:#333;}
.about h4, .contact h4 {height:30px; line-height:30px; font-size:16px; background:url('dotline.gif') repeat-x 0 100%;}
.contact {float:right; width:400px; overflow:hidden;}
.contact p {margin-top:15px; color:#333;}

/* ---------- back top ---------------- */
.back-top {width:30px; height:60px; margin-bottom:2px; position:fixed; bottom:104px; border:0;}
.back-top a {width:30px; height:60px; display:block; background:url('top.gif') 100% 0 no-repeat;}
.back-top a:hover {background-position:-23px 0;}

/* ------ CSS End ------ */