@charset "utf-8";
/*	@Created by zhihong.he
	@Upload date: 2014/10/23
*/
body{background:#f3f3f3;}
body,td,input{font:12px "SimSun","宋体","Arial Narrow",HELVETICA;}
body,div,form,img,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin: 0; padding: 0; border: 0;}
li{ list-style-type:none;}
.clear{ clear: both; line-height:0px; height:0px; font-size:0px; visibility:hidden;}
.clearfix:after{content:"."; display:block; height: 0;clear:both;visibility:hidden;} /* only FF */
h1{text-indent:-9999px;height:0px;line-height:0px;}
/* color */
.cRed{ color:#C00;}
.cGreen{ color:#080;}
.cBold {font-weight:bold;}
.cBlue {color:#014991;}
.cGray{color:#666;}
.fontArial{ font-family:Arial, Helvetica, sans-serif;}
.hide{display:none;}

/* 默认超链样式 */
a{ color:#000; text-decoration: none;}
a:hover{ color: #C00; text-decoration: underline;}

.lt {float:left;}
.rt {float:right;}

/* 顶底(白底) */
.top{background:#fff;}
.top_inner{width:1000px;margin:0 auto;padding:20px 10px 10px 10px;}
.top_logo{background:url(http://www.howbuy.com/subject/images/logo_2014.png) no-repeat;width:340px;height:45px;display:block;float:left;}
.top_menu{color:#666;float:right;}
.top_menu a{color:#666;text-shadow:none;}
.top_menu a:hover{color:#c00;}
.top_hotline{color:#333;font:20px/27px "微软雅黑",Arial, Helvetica;text-align:right;margin-top:5px;}
.top_hotline span{font:bold 24px/27px  Helvetica,Arial;color:#e30d0d;}

/* footer */
#footer{color:#fff;text-align:center;padding:20px 0;line-height:21px; background:#3b4551;}
#footer a{color:#fff;}
#footer a:hover{color:#f00;}

/* banner */
.banner{background:url(../images/banner.png) no-repeat center 0;height:350px;}
.banner .box{width:1000px;margin:0 auto;}
.banner .box a{width:82px;height:82px;top:230px;left:745px;display:block;position:relative;}

/* main */
.main{width:100%;}
.main .content{width:1000px;margin:0 auto;}
.content .introduction{background:url(../images/introduction.png) no-repeat;height:73px;}
.content .introduction p{color:#666;font:16px/22px "微软雅黑","宋体";text-align:left;padding:22px 18px 0 100px;}
.content .title{background:url(../images/title_bg.png) no-repeat;height:66px;color:#fff;font:bold 28px/66px "微软雅黑","宋体";text-align:left;margin:20px 0 5px 0;padding-left:50px;}
.content .feature{width:250px;background:#fffcf0;padding-top:25px;height:389px;}
.feature h4{color:#000;font:bold 20px/20px "微软雅黑","宋体";padding:6px 0;border-top:1px solid #e8dfbd;border-bottom:1px solid #e8dfbd;text-align:center;margin:0 20px;}
.feature h4 span{color:#ff6600;}
.feature img{padding:22px 0 0 20px;}
.feature p{color:#666;font:14px/20px "微软雅黑","宋体";padding:25px 18px 20px 22px;}
.feature p span{color:#ff6600;font:bold 16px/19px "微软雅黑","宋体";}
.content .istem{width:750px;background:#fff;height:414px;}
.istem{width:750px;background:#fff;height:414px;}
.istem .title1{padding-top:18px;}
.istem .title1 .bg1{background:url(../images/icon_1.png) no-repeat left;margin-left:210px;_margin-left:110px;height:55px;display:block;width:45px;margin-right:5px;}
.istem .title1 .bg2{background:url(../images/icon_2.png) no-repeat left;margin-left:265px;_margin-left:130px;height:55px;display:block;width:79px;margin-right:5px;}
.istem .title1 .bg3{background:url(../images/icon_3.png) no-repeat left;margin-left:270px;_margin-left:140px;height:55px;display:block;width:63px;margin-right:5px;}
.istem .title1 h3{color:#c00;font:bold 24px/55px "微软雅黑","宋体";text-align:center;}
.istem .buy{padding:12px 0 0 15px;}
.istem .buy ul{background:url(../images/title_bg1.png) no-repeat;width:718px;height:46px;}
.istem .buy li{color:#333;text-align:left;padding-top:8px;}
.istem .buy .li1{padding-left:35px;width:274px;font:bold 20px/24px "微软雅黑","宋体";}
.istem .buy .li1 a{color:#333;}
.istem .buy .li1 a:hover{color:#C00;text-decoration:underline;}
.istem .buy .li1 span{color:#666;font:bold 16px/24px "微软雅黑","宋体";}
.istem .buy .li2{width:230px;font:bold 18px/24px "微软雅黑","宋体";}
.istem .buy .li2 span{color:#ff6600;font:bold 20px/24px "微软雅黑","宋体";}
.istem .buy .li3{width:117px;height:46px;font:bold 20px/28px "微软雅黑","宋体";color:#fff;text-align:center;}
.istem .buy .li3 a{color:#fff;}
.istem .buy .li3 a:hover{color:#fff;text-decoration:underline;}
.istem .reason{padding:20px 0 0 15px;}
.istem .reason .p1{font:bold 16px/24px "微软雅黑","宋体";color:#c00;}
.istem .reason .p2{font:18px/24px "微软雅黑","宋体";color:#666;padding-top:22px;_padding-top:14px;text-align:center;}
.istem .reason .p2 span{font:18px/24px "微软雅黑","宋体";color:#c12c00;}
.istem .buy .padding{padding-top:48px;}
.istem .buy .text{padding-top:52px;}
.istem .buy .text dl{padding-left:15px;}
.istem .buy .text dd{height:35px;border-left:3px solid #39b4bc;padding-left:5px;font:14px/18px "微软雅黑","宋体";color:#666;width:280px;margin-bottom:22px;}
.istem .buy .tab{padding-top:8px;height:334px;}
.tab dl{background:url(../images/biaoge.png) no-repeat;height:185px;width:222px;}
.tab .theme{font:bold 20px/44px "微软雅黑","宋体";color:#fff;text-align:center;height:44px;}
.tab .cap{font:bold 16px/16px "微软雅黑","宋体";color:#333;text-align:center;padding-top:20px;}
.tab .cap a{color:#333;}
.tab .cap a:hover{color:#c00;text-decoration:underline;}
.tab .back{font:14px/16px "微软雅黑","宋体";color:#666;text-align:center;padding-top:10px;padding-bottom:18px;}
.tab .back span{font:bold 16px/16px "微软雅黑","宋体";color:#ff6600;}
.tab dl dt{font:bold 20px/41px "微软雅黑","宋体";color:#fff;text-align:center;height:41px;width:117px;background:#ff6600;margin:0 auto;}
.tab dl dt a{color:#fff;}
.tab dl dt a:hover{color:#fff;}
.tab .recommend{color:#333;font:14px/20px "微软雅黑","宋体";padding-top:32px}
.tab .recommend strong{color:#c00;font:bold 14px/20px "微软雅黑","宋体";}
.tab .recommend span{padding-left:62px;}
.tab .date{color:#999;font:13px/13px "微软雅黑","宋体";padding-top:26px}
.buy .shadow{background:url(../images/line_shadow.png) no-repeat;height:330px;width:12px;margin:0 3px 0 12px;}
.content3{width:1000px; margin:0 auto;}
.content3 .why{width:950px; background: url(../images/why.png) no-repeat left top #39b4bc; text-align: left; padding-left:50px;}
.content3 .tb3{width:998px; border-top:solid 5px #f3f3f3;border-left: solid 1px #f3f3f3;border-right: solid 1px #f3f3f3; text-align:center; padding:30px 0;background:#fff;}
.title3{width:1000px; height:62px; background: #cc282c; color: #fff; text-align: center; font:bold 24px/62px "微软雅黑",Arial, Helvetica;margin-top:20px;}
.title3 span{ background: url(../images/line.png) no-repeat 15px center; display: inline-block; font-size: 16px; font-weight: normal; padding-left:30px;}
.main .padding{padding:0 0 20px 0;}


.content3 .logo{width:998px;background:#eae9e9;height:90px;}
.content3 .logo li{padding-bottom:38px;}
.content3 .logo li p{color:#333;font:14px/35px "微软雅黑","宋体";}
.content3 .logo .line{background:url(../images/line1.png) no-repeat right;height:51px;}
.content3 .logo .pg{padding-left:80px;padding-right:25px;text-align:center;}
.content3 .logo .pg1{padding-left:32px;padding-right:32px;text-align:center;}
.content3 .logo .pg2{padding-left:50px;padding-right:45px;text-align:center;}