@charset "utf-8";
/* CSS Document */
/*----------全局*/
body { color: #000; font: 14px Arial, Helvetica, sans-serif; margin: 0px; background-color: #FFF;}

h2 { font: bold 21px Arial, Helvetica, sans-serif; display: block; height: 29px; margin: 0px;}

a:link, a:visited { color: #333; text-decoration: none;}
a:hover, a:active { color: #C00; text-decoration: underline;}

ul { display: block; margin: 0px; padding: 0px; list-style: none;}

#container, #head, ul#nav, .content, .banner, #foot { display: block; width: 998px; margin: 0px auto; clear: both; height: auto; overflow: hidden;}
#container { height: auto;}
	
a img { border: none;}
.bold { font-weight: bold;}
.red { color: #C00;}
.gray { color: #666;}

/*----------头部*/
#head a { clear: both; display: block; width: 998px; height: 95px; margin: 0px;}
#head a.head1 { background: url(img/phone_r1_c2.jpg) no-repeat center center;}
#head a.head2 { height: 120px; background: #900 url(img/phone_r3_c9.gif) no-repeat center center; margin-bottom: 1px;}
#head a.head3 { background: url(img/phone_r5_c2.jpg) no-repeat center center;}
#head a.head4 { background: url(img/phone_r6_c2.jpg) no-repeat center center;}
#head a.head5 { background: url(img/phone_r7_c2.jpg) no-repeat center center; margin-bottom: 1px;}
#head a.head3, #head a.head4, #head a.head5 { height: 104px;}

/*----------导航*/
ul#nav { height: 40px; font: bold 18px Arial, Helvetica, sans-serif; background-color: #DEDBD5;}
ul#nav li { display: block; width: 148px; height: 40px; float: left; margin: 0px; _display: inline;}
ul#nav li a { display: block; width: 148px; height: 20px; margin: 12px auto auto; background: url(img/phone_r9_c7.jpg) no-repeat left 0px; text-indent: 19px; text-align: left;}
ul#nav li.firstli { margin-left: 80px; }
ul#nav li.firstli a { text-indent: 22px;}

/*----------lbanner-订购方式*/
.lbanner, .ord-metd { width: 724px; height: 330px; float: left; margin: 42px 0px auto 10px; _display: inline; font: bold 14px Arial, Helvetica, sans-serif;}
.ord-metd { width: 264px; height: 370px; background: url(img/phone_r11_c22.jpg) no-repeat center center; margin: 0px;}

.lb_l, .lb_r { width: 328px; height: 318px; float: left; margin: 0px; _display: inline;}
.lb_r { width: 370px;}
.lb_l img { display: block; width: 310px; height: 310px; border: 1px solid #CCC; margin: auto auto 0px 0px;}
.lb_r h1 { color: #C00; width: 370px; background: url(img/phone_r13_c15.gif) no-repeat left bottom; text-indent: 5px; margin: 0px auto 5px; font-size: 18px;}

ul.lbs, .lbx { width: 370px; height:160px;}
ul.lbs li { display: block; width: 370px; height: 29px; margin: 0px;}
ul.lbs li a{ display: block; width: 356px; height: 19px; margin: 5px auto 5px 2px; background: url(img/phone_r15_c16.gif) no-repeat left 5px; text-indent: 14px;}

.lbx { height:119px; background: url(img/phone_r17_c15.gif) no-repeat center center; padding-top: 1px; +padding-top: 1px;}

.qgbut { display: block; width: 152px; height: 42px;}
.lbx .qgbut { margin-top: 70px; margin-left: 206px;}

.ord-metd .q1, .ord-metd .q2 { width: 210px; height: 23px; clear:left; margin: 182px 20px 0px 28px;}
.ord-metd .q2 { margin-top: 6px;}
.ord-metd .qgbut { margin-top: 56px; margin-left: 67px;}

.ord-metd .q1 span, .ord-metd .q2 span, .qq { display: block; width: 74px; height: 23px; margin: 0px; }
.ord-metd .q1 span, .ord-metd .q2 span, .ord-metd .qq { float: left;}
.ord-metd .q1 span, .ord-metd .q2 span { width: 134px; font: bolder 21px Arial, Helvetica, sans-serif; color: #C00;}

/*----------banner*/
.pbanner { height: 88px; margin: 20px auto;}
.banner img { display: block; margin: 0px auto;}
.ser_p { height: 540px; margin: 25px auto 15px;}
.fbanner { height: 151px; margin: 25px auto;}
.dline { height:2px; background-color: #C00; margin: 20px auto;}

/*----------gift-赠礼*/
.gift { height: auto; margin: 10px auto;}

/*----------产品特色*/
.prts { width: 950px; height: auto; margin: 10px auto;}
.prts  .dh { background: url(img/phone_ts.gif) no-repeat left center;}

.prts p { clear: both; line-height: 20px;}
.prts p.btitle { background-color: #900; color: #FFF; font: bold 21px Arial, Helvetica, sans-serif;}

.prts p.subtitle { color: #900; font: bold 18px Arial, Helvetica, sans-serif;}
.prts p.abtitle { color: #900; font: bold 14px Arial, Helvetica, sans-serif; text-align: center;}

.p_i_block { clear: both; width: 800px; height: auto; margin: 15px auto;}
.prts_img, .prts_imgr { display:block; float: left; margin: 0px; _display: inline; }
.prts_img { width: 651px; height: 489px; padding: 5px; border: 1px solid #999; }
.prts_imgr { width: 32px; height: 338px; margin-top: 10px;}

.works, .works marquee { width: 900px; height: 158px; margin: 12px auto; border: 3px solid #E0E0E0;}
.works marquee { width: 850px; margin: 0px auto; border: 0px;}
.works marquee img { width: 156px; height: 120px; margin: 16px 12px 8px; border: 0px;}

.cs { width: 470px; height: 22px; float: left; margin: 7px 0px; display: _inline; line-height: 20px; color: #336;}

/*----------cases-案例*/
.cases { width: 950px; height: auto; overflow: hidden;}

.dh { height: 30px; background: url(img/phone_r26_c6.gif) no-repeat left center; }

.case { width: 945px; height: 246px; margin: 20px auto;}


.img-name, .c-text { width: 218px; height: 246px; float: left; margin: 0px; _display: inline; background: url(img/phone_r29_c5.jpg) no-repeat center top;}
.c-text { width: 727px; background: url(img/phone_r28_c12.jpg) no-repeat center top; }
.ctt { width: 688px;}

.img-name img { display: block; width: 140px; height: 160px; border: 1px solid #CCC; margin: 24px auto 6px;}
.c-name { width: 140px; height: 38px; margin: 0px auto auto; text-align: center; }
.c-name span { font-size: 14px; color: #FFF; line-height: 18px;}

.c-text .ctt h2, .c-text .ctt p { display: block; width: 555px; height: auto; margin: 15px auto auto 70px; line-height: 21px;}
.c-text .ctt h2 { height: 25px; margin: 35px auto 25px 60px; color: #336;}
.c-text .ctt p { font-size: 14px;}

/*----------Q&A-发货通知*/
#qa-fh { width: 960px; height: 656px; margin: 12px auto 19px;}
#qa, #fh { width: 598px; height: 656px; margin: 0px; float:left; _display: inline; background: url(img/phone_r34_c4.gif) no-repeat left bottom;}
#fh { width: 358px; background: url(img/phone_r35_c19.jpg) no-repeat 0px 38px;}
.ttl-qa { width: 571px; height: 36px; margin: 0px;} 
.ttl-fh { width: 358px; height: 38px; margin: 0px;} 

.q, .a { width: 450px; height: auto; margin: 8px auto 12px 63px; _margin: 10px auto 14px 63px; }
.q { height: 23px; font: bold 16px Arial, Helvetica, sans-serif; line-height: 24px; color: #900; margin: 18px auto 8px 25px; _margin: 21px auto 10px 25px; padding-left: 35px; background:url(img/q1.gif) no-repeat left 0px;}
.a { width: 460px; line-height: 18px;}

.orders-box { width: 300px; height: 400px; padding-top: 1px; +padding-top: 0px; margin-left: 12px;}
.orders-box table { display: block; width: 237px; height: 25px; margin: 10px auto; font: bold 12px Arial, Helvetica, sans-serif; color: #C30; text-align: center;}
.orders-box marquee { display: block; width: 262px; height: 538px; margin: 0px auto; overflow: hidden;}
.orders-box marquee div{ width: 262px; height: 20px; margin: 2px auto;}
.orders-box marquee div span { display: block; width: 69px; height: 20px; float: left; margin: 0px; _display: inline;}
.orders-box marquee div span.address { width: 100px;}
.orders-box marquee div span.buyer { width: 90px;}

/*----------在线订购*/
.ord-online { height: 760px; background: url(img/opwf_r4_c2.gif) repeat-y center center; font: 12px Arial, Helvetica, sans-serif;
              border-bottom: 2px solid #C00; margin: 15px auto 8px; color: #000;}
.ord-online .dh { width: 998px; height: 50px; background:url(img/opwf_r2_c2.gif) no-repeat center center; 
                  margin: 0px auto auto 0px; padding-top: 1px; +padding-top: 0px;}
.ord-online .dh div { width: 210px; height: 18px; margin: 30px 9px 0px auto;}
p.note { display: block; width: 200px; height: 18px; margin: 20px auto 12px 50px;}
.ord-online table { display: block; width: 855px; height: 409px; margin: 0px auto 0px 110px; background:url(img/opwf_r6_c9.gif) no-repeat 758px 319px;}

td.subord, td.subord a, td.subord span { +display: block; +width: 760px; +height: 57px; +float: left; +margin: 0px; _display:inline;}
td.subord a { +width: 107px; +height: 57px;}
td.subord span { +width: 525px; +height: 20px; font-size: 15px; +margin: 12px auto auto 32px;}

.com { width: 900px; height: 149px; background: url(img/opwf_r12_c3.jpg) no-repeat left center; margin: 5px auto 0px;}
.com marquee { display: block; width: 730px; height: 149px; margin-left: 160px; line-height: 19px;}
.com marquee p { width: 730px; height: auto; margin: 7px auto;}

/*----------推荐媒体*/
.rec-media { width: 827px; height: 68px; margin: 30px auto 20px; border: 1px solid #ccc;}
.rec-media span, .rec-media a img { display: block; width: 83px; height: 33px; text-align: center;float: left; margin: 15px 8px; _display: inline; border: 1px solid #ccc;}
.rec-media span{ width: 80px; height: 20px; border: none; margin: 21px 15px;}

/*----------友情链接*/
.flink, .bllink { width: 950px; height: auto; line-height: 19px; color: #333; margin-left: 29px; margin-bottom: 20px; font-size: 12px;}
.fl, .links { width: 70px; height: 18px; float: left; margin: 0px; _display: inline;}
.links { width: 770px; height: auto; text-align: left;}
.flink a:link, .flink a:visited { color: #333; text-decoration: none;}
.flink a:hover, .flink a:active { color: #C00; text-decoration: underline;}

/*----------博客链接*/
.bllink { height: 100px;}
.bllink .fl { width: 120px;}

.bllink ul { display: block; width: 960px; height: auto; clear: both; margin: 0px; padding-top: 1px; +padding-top: 0px;}
.bllink ul li{ display: block; width: 300px; height: 19px; float: left; white-space:nowrap; overflow: hidden; margin: 0px 18px 10px 0px;}
  
.bt, .date { display: block; height: 17px; _display: inline;}
.bt { width: 215px; float: left; white-space:nowrap; overflow: hidden; margin-left: 0px;}
.date { width: 60px; float: right; color: #999;}


/*----------foot*/
#foot { height: 130px; text-align: center; color: #333; font-size: 12px;}
#fnav, .foot-info { width: 588px; height: 15px; line-height: 15px; margin: 15px auto;}
#fnav { width: 388px;}
#fnav a, #fnav span { display: block; width: 60px; height: 15px; line-height: 15px; float: left; margin: 0px;}
#fnav span { width: 10px; line-height: 12px;}

#foot a:link, #foot a:visited { color: #333; text-decoration: none;}
#foot a:hover, #foot a:active { color: #C00; text-decoration: underline;}