@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-size:14px;vertical-align:baseline;font-family:"Microsoft YaHei","微软雅黑";}
a{text-decoration: none;cursor: pointer;}
img{border:none;display: block;}
em,i{font-style:normal;}
ul li{list-style:none;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.w1180{width: 1180px;margin: 0 auto;}

.hardware{height: auto;overflow: hidden;}
.hardware .navigation{margin-top:30px;border-bottom: #e5e5e5 1px solid;height: auto;overflow: hidden;padding-bottom: 10px;}
.hardware .navigation a{display: block;float:left;width:auto;padding:0 10px; font-size: 26px;text-align: center;color: #ff6900;margin-right: 20px;border: #ff6900  1px solid;border-radius:10px;height: 32px;line-height: 32px;}
.hardware .navigation em{font-size: 16px;color: #444;}
.hardware .navigation a:nth-child(1){font-size: 16px;}
.hardware .navigation a.on{color: #fff;background-color: #ff6900;}
.hardware .navigation a.on em{color: #fff;}
.hardware .detail{width:1180px;clear:both;}
.hardware .detail .tu{width:480px;height:480px;overflow: hidden;float: left;}
.hardware .detail .tu img{width: 480px;height: 480px;}
.hardware .detail .hd{margin-top:40px;float: right;width: 600px;}
.hardware .detail .hd p{line-height: 42px;font-size:18px;color: #444;}
.hardware .detail .hd li{width:80px;height:80px;float: left;margin-right:18px;border:#999 1px solid;border-radius:5px;}
.hardware .detail .hd li:last-of-type{margin-right: 0;}
.hardware .detail .hd li.active{border:#ff6900 1px solid;}
.hardware .detail .hd img{width: 62px;height: 62px;margin-top: 9px;margin-left: 9px;}
.hardware .retail{float: right;width: 600px;padding-top:40px;}
.hardware .retail li{border-bottom: #e5e5e5 1px solid;height: 112px;}
.hardware .retail li p{font-size: 32px;line-height: 48px;}
.hardware .retail li em{display: block;font-size: 18px;margin-top: 10px;}
.hardware .retail li span{font-size: 18px;display: inline-block;color: #FF3C00;}
.hardware .retail li i{display: inline-block;font-size: 18px;color: #ff3c00;width: 20px;height: 20px;border-radius: 20px;border: #FF3C00 1px solid;text-align: center;font-weight: bold;margin-right: 10px;line-height: 20px;}
.hardware .retail li:nth-child(2){padding-top:30px;height:82px;}
.hardware .retail div{color: #444;font-size: 18px;float: left;margin-right: 20px;line-height: 40px;}
.hardware .retail div.keys{color: #ff6900;border: #ff6900 1px solid;padding:0 20px;width:auto;text-align: center;border-radius: 10px;cursor: pointer;}
.hardware .retail a{width: 128px;height: 40px;line-height: 40px;color:#fff;background-color: #ff8d3d;display: block;font-size: 18px;text-align: center;border-radius: 8px;margin-top: 40px;margin-left: 20px;}
.introduction{width: 820px;}
.introduction .tit{border-bottom: #ff8d3d 1px solid;color:#ff8d3d;font-size: 24px;line-height:52px;margin-bottom: 20px;}