@charset "utf-8";
/* 公共 */
body{ background: url(../images/bg.jpg) 50% 37px no-repeat #f9e53c ; width:auto; min-width:1000px;}
.center{ width:1000px; position:relative; margin:0 auto; overflow:hidden;}
.title { width:1070px; margin-left:auto; margin-right:auto; height:64px; overflow:hidden; background:url(../images/titlebg.jpg) 0 0 no-repeat; margin-top:20px;}
.title h2{font-size:30px; line-height:64px;}
.title .tit_1 { float:left; padding-left:53px; color:#fff; }
.title .tit_2 { float:right; padding-right:55px;color:#fc634d; }

/*banner*/
.banner { width:1000px; margin:0 auto; height:540px; display:block; overflow:hidden; }
.banner .bg1{ background:url(../images/banner_1.jpg) 50% 0 no-repeat; height:180px; overflow:hidden;position:relative}
.banner .bg2{ background:url(../images/banner_2.jpg) 50% 0 no-repeat; height:180px; overflow:hidden;}
.banner .bg3{ background:url(../images/banner_3.jpg) 50% 0 no-repeat; height:180px; overflow:hidden;}
.banner .logo{ position:absolute; top:0; left:0; width:181px; height:52px; display:block;}

/*导语*/
.intro { width:100%; background:#fc634d; height:150px; margin-bottom:20px;}
.intro p{ padding-top:11px; _padding-top:21px; height:auto; font-size:16px; color:#fff; line-height:30px; font-weight:bold }
.intro p b{ background:#faf0c9; color:#fc634d; font-size:18px; padding:0 7px; margin-left:1px; height:26px; line-height:26px;}
.intro .arr, .end .arr{ background:url(../images/arr.jpg) 0 15px no-repeat; display:inline-block; height:26px; width:5px; padding-right:11px;}

/*正文感谢语*/
.thx { border:2px solid #fc634d; padding:20px 18px 10px 18px; background:#fff}
.title2 { background:url(../images/tit_bg1.jpg) 0 50% repeat-x #fff; width:100%; text-align:center; margin-bottom:23px; height:25px;}
.title2 span{ background:#fff; padding:0 10px; line-height:23px; font-size:24px; font-weight:normal; color:#4b3b39}
.thx .brands{ width:959px; height:144px; background:url(../images/brands.jpg) 0 0 no-repeat; position:relative; margin-bottom:15px;}
.thx .brands .ul1{ position:absolute; bottom:31px; left:15px; height:23px;}
.thx .brands .ul1 li{ float:left; text-align:center; margin-right:98px; width:90px; height:23px;}
.thx .brands .ul2{ position:absolute; bottom:11px; left:15px; height:23px;}
.thx .brands .ul2 li{ float:left; text-align:center; margin-left:90px; width:98px; height:23px;}
.thx .brands li a { display:block; line-height:23px;  font-size:14px; color:#fff; text-align:center;}
.thx .brands li a:hover { font-weight:bold}
.thx p{line-height:30px; font-size:14px; color:#444444; font-weight:bold;}
.thx p strong{ color:#ff4e00;}

/*对比测评*/
.cparea{ border:2px solid #fc634d; border-top:0; width:960px; padding:18px; padding-bottom:12px; background:#fff; margin:0 auto; overflow:hidden;}
.box { width:960px;height:250px; background:#fff;position: relative; }
.box .box_m{ display:block; width:960px;height:250px;position:relative;}
.box_show {clear:both; width:960px; height:250px; float:left; overflow:hidden; }
.box_show .tempWrap{ width:960px !important}
.box_show ul{ width:960px;}
.box_show li{ width:318px; height:250px;overflow:hidden; position:relative; margin-right:3px; }
.box li img{ float:left;}
.box li .t1,.box li .t2,.box li .t3{ width:318px; height:34px; line-height:34px;color:#fff; font-size:14px; text-align:center; font-weight: normal; position:absolute; bottom:0; background:rgba(0,0,0,0.5); background:#000\9;}
.box li .t1{ left:0}
.box li .t2{ left:321px;}
.box li .t3{ left:642px;}
.box .num { overflow:hidden; height: 8px; position: absolute; bottom:-15px;_bottom:10px; left: 475px; zoom:1; z-index:3; display:none }
.num.num03 { left:480px;}
.num.num04, .num.num01 { left:490px;}
.box .num li { width: 8px; height: 8px; font-size:0; background: #666; margin-right: 7px;cursor:pointer; float: left; }
.box .num li.on { background: #3776db; } /*当前项*/
.prev,.next{ display:block; background:rgba(0,0,0,0.2);background:#555554\9; width:50px; height:80px; position:absolute; top:85px;}
.prev span,.next span { display:block; width:30px; height:60px; margin-top:10px;opacity: 0.2;background-image:url(../images/btn.gif); background-repeat:no-repeat; }
.prev.on span,.next.on span{background-image:url(../images/btn_on.gif);opacity:1;}
.prev { left:0}
.next { right:0}
.prev span{ background-position:0 0;margin-left:8px;}
.next span{ background-position:-30px 0;margin-left:12px;}


.cparea .atext p { line-height:30px; font-size:14px; color:#444;text-indent:2em;  padding-top:8px; font-weight:bold;}
.cparea .atext a { color:#f35414}
.cparea .tabnav { margin-bottom:14px; height:48px;}
.cparea .tabnav li{ float:left; width:120px; height:42px; padding-bottom:6px; margin-right:2px}
.cparea .tabnav li a{ display:block;background:#e9e8e8;line-height:42px;font-size:18px; color:#444; text-align:center}
.cparea .tabnav li.on, .cparea .tabnav li:hover { background:url(../images/hoverarr.jpg) center bottom no-repeat #fff;}
.cparea .tabnav li.on a, .cparea .tabnav li a:hover { background:#99ce48; color:#fff; }
.cparea .tabnav li a:hover { text-decoration:none;}
.cparea .tab{ clear:both; display:none; }
.cparea .tab.show{ display:block;}

/*end*/
.end { width:100%; background:#fc634d; margin-top:30px;}
.end p{ width:1000px; margin:0 auto; color:#fff; line-height:28px; font-size:16px; padding:13px 0; font-weight: bold }
.end p b{ background:#faf0c9; color:#fc634d; font-size:18px; padding:0 7px; margin-left:1px; height:26px; line-height:26px;}

/*相关产品测评*/
.xgcp, .zttj{ margin-top:30px;}
.title1 { background:url(../images/tit_bg.jpg) 0 0 repeat-x; width:1000px; text-align:center; margin-bottom:18px; height:25px;}
.title1 span{ background:#f9e53c; padding:0 10px; line-height:23px; font-size:24px; font-weight:normal; color:#4b3b39}
.xgcp .cp { height:245px; width:195px; overflow:hidden; margin-top:6px; margin-right:6px; float:left;}
.xgcp .cp.r { margin-right:0}
.xgcp .cp a{background:#fc634d; display:block;}
.xgcp .cp h3{ height:45px; padding:5px 5px 0 16px; line-height:20px; font-size:14px; color:#fff; text-align:left; overflow:hidden;}
.xgcp .cp a:hover{ background:#99ce48; text-decoration:underline; color:#fff;}

/*专题推荐*/
.ztbg { padding:10px; height:120px;background:#faecc7; overflow:hidden }
.zttj .zt{ float:left; margin-right:10px; overflow:hidden}
.zttj .zt.last { margin-right:0}
.zttj .zt a { position:relative; width:237px; height:120px; display:block }
.zttj .zt a h3 {height:26px; position:absolute; bottom:0; left:0; text-align:center; width:237px; background:rgba(0,0,0,0.5); background:#222\9;line-height:26px; font-size:14px; color:#fff; display:none; z-index:100}
.zttj .zt a:hover { cursor:pointer; text-decoration:none;}

/*footer*/
.footer{ width:100%; background:#fff;border-top:1px solid #ececec; }