body{ margin:0px auto; background:url(/images/bg.gif) repeat-x #fff}
body,td,th,input,div,select,p{font-size: 12px;color: #000; font-family:Verdana, Geneva, sans-serif}
body,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;}
a {color:#000; text-decoration:none;  }
a:hover{ color:#000; text-decoration:none}
img {border:0;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
.clr {clear:both;}

#wrapper {background:#fff; width:1003px; padding:0 24px 0 23px; margin:0 auto;}

#headColumn{ width:1003px; margin:0 auto;background:#FFF; padding:0;}
#headColumn .logo{ width:340px; height:77px; float:left; padding-top:10px;}
#headColumn .logo2{ width:240px; float:left; text-align:left; padding-top:40px;}
#headColumn .logo3{ position:relative; width:405px; float:left; text-align:left; padding-top:40px;}
#headColumn .logo3 a { color:#008000; font-size:11px; line-height:30px; }
#headColumn .logo3 a:hover { color:#EBBC58; text-decoration:underline;}
#headColumn .logo3 .msn { top:10px; right:-70px; position:absolute; width:213px; height:85px;}

#navigation{height:132px; margin-top:10px; background:url(/images/menubg.jpg) no-repeat;width:1003px; clear:both}
#nav{height:44px;width:1003px;float:left;margin:0;}
#nav ul{float:left;width:830px;}
#nav li{float:left;line-height:42px;font-size:11px;font-weight:bold;margin-top:2px;position: relative;}
#nav li.line{background:url(/images/line.png) no-repeat;width:2px;padding:0;height:42px;}
#nav li.line{
_background:none;/*IE6*/
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/line.png");/*IE6*/	
}
#nav li a{color:#FFF;display: block;padding:0 5px;}
#nav li a:hover{background:url(/images/menu.jpg) repeat-x;color:#212121;text-decoration:none;}
#cart{background:url(/images/cart.png) no-repeat left;float:left;height:44px;width:130px;line-height:44px;color:#FFF;padding-left:30px;font-size:11px;margin-left:10px;}
#cart a{color:#fff;}
#service{height:40px; background:url(/images/top_bg.gif);width:1003px;}
.navsub{background:#fff; width:628px;min-height:303px;position:absolute;z-index:9999;padding:15px; border: 2px solid #323232;}
.navsub .steam{min-height:200px;}
.steam .title, .sspecial .title{text-align:center;font-size:18px;color:#999;}
#nav li ul{margin: 0; width: 100%;}
/* #nav li ul li{background:none;line-height:12px;font-size:11px;width:152px;}
#nav li ul li a{float:left;padding:0;color:#666;padding:2px;font-weight:normal;}
#nav li ul li a:hover{background:none;background:#ff3300;color:#FFF;} */
.scont ul {display: flex; flex-wrap: wrap; width: 100%;}
.scont li { position: relative; width: 100%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; font-size: 12px !important; font-weight: 400 !important; line-height: 22px !important;}
.scont li a { display: flex; align-items: center; width: 100%; height: 100%; padding: 4px; color: #333 !important; background: #fff !important;}
.scont li a:hover {background: #f30 !important; color: #fff !important;}
.disable {display: none;}
#subnav1{left:-60px;}
#subnav2{left:-90px;}
#subnav3{left:-120px;}
#subnav4{left:-150px;}
#subnav5{left:-180px;}
#subnav6{left:-330px;}
#subnav11{left:-80px;}
#subnav12{left:-180px;}

#box1{ background:url(/images/newproduct_01.gif); height:11px;}
#box2{ width:1003px; background:#F8F8F8; overflow:hidden;}
#boxs2{ width:1003px; background:url(/images/newproduct.png)  #F8F8F8; overflow:hidden;}
#box3{ background:url(/images/newproduct_03.gif); height:11px;}

#bodyColumn{ width:1003px; clear:both; margin:0 auto; padding:10px 0px 0 0px; background:#FFF;}

#bodyColumn .category{background:url(/images/box_bg.jpg); height:222px; clear:both; margin-top:10px;}
#bodyColumn .category .first{width:200px; float:left}
#bodyColumn .category .first h3{ color:#C70408; padding:20px 0 0 25px;}
#bodyColumn .category .second{padding-left:25px;}
#bodyColumn .category .second a{ color:#004E7F; font-size:11px; line-height:15pt}
#bodyColumn .category .second a:hover{ text-decoration:underline}
#bodyColumn .category .more{padding-left:25px;}
#bodyColumn .category .more a{ color:#004E7F; font-size:11px; font-weight:bold}

#bodyColumn .brand{ background:url(/images/FFwide_HP_brands.jpg); height:48px; clear:both; margin-top:5px; padding:5px 0 0 5px;}

#bodyColumn .hot{ width:1003px;background:url(/images/SEOBg.jpg) no-repeat; height:123px; clear:both; margin-top:5px; padding:20px 0 0 0;}
#bodyColumn .hot_player{ width:223px; padding-left:20px; float:left}
#bodyColumn .hot_player_link a{ font-size:11px; color:#004E7F; line-height:14pt}
#bodyColumn .hot_player_link a:hover{ text-decoration:underline}


#bodyColumn .leftColumn{ width:200px; float:left}

#bodyColumn .bar_title{ height:33px; line-height:33px; text-align:left; text-indent:10px;color:#000; font-weight:bold; background:url(images/bar_left.gif); margin-top:10px;}
#bodyColumn .bar_line{ background:url(/images/bar_mid.gif) repeat-y}
#bodyColumn .bar_bot{ background:url(/images/bar_bot.gif); height:13px;}


#bodyColumn .rightColumn{ width:790px; float:right;}
#bodyColumn .rightColumn .bar_title_long{ height:42px; line-height:42px; text-align:left; text-indent:20px; background:url(/images/title_long.gif);color:#1A65A6; font-weight:bold; font-size:12px; clear:both}
#bodyColumn .rightColumn .bar_title_long a{ color:#1A65A6; font-size:12px; font-weight:bold}

#bodyColumn .rightColumn .left_nav{ width:490px; float:left}
#bodyColumn .rightColumn .right_nav{ width:180px; float:right}
#bodyColumn .rightColumn .right_nav .bar{ background:url(/images/right_bar.gif); height:22px; line-height:22px; text-align:center; font-weight:bold}
#bodyColumn .rightColumn .right_nav .bar_line{ border:1px solid #D6D6D6; height:1%}

#bodyColumn .rightColumn .leftpart{ width:300px; float:left; text-align:center; padding-top:15px;}
#bodyColumn .rightColumn .rightpart{ width:380px; float:right; text-align:left; padding-top:15px;}
#bodyColumn .rightColumn .rightpart p{ font-size:11px; font-weight:bold}
#bodyColumn .rightColumn .rightpart span{ color:#F00}



#FootColumn{ width:1003px;margin:0 auto;clear:both; background:#FFF}
#FootColumn .info{background:url(/images/bg1.png) no-repeat; height:177px; padding-top:20px; clear:both; margin-top:10px;}
#FootColumn .info .nav{ width:215px; float:left; padding-left:30px;}
#FootColumn .info .nav b{ font-size:11px; color:#FF5B00;}
#FootColumn .info .nav ul{ margin:0; padding:0; list-style-type:none}
#FootColumn .info .nav li{ width:200px; display:block; float:left;text-align:left; line-height:20px;}
#FootColumn .info .nav li a{font-size:11px; color:#0069AA;}
#FootColumn .info .nav li a:hover{ text-align:left;line-height:20px;}

#FootColumn .other{ width:1003px; margin:0 auto; text-align:center}
#FootColumn .other .email{ width:273px; background:url(images/email_signup_bg2.jpg); height:61px; float:right;}
#FootColumn .other .pic{ width:528px; float:left}

#footer_txt {width:1003px;margin:0 auto;border-top:1px solid #CCC;padding-top:10px; color:#BBB;line-height:140%;font-size:10px;background:#F8F8F8;}
#footer_txt p { color:#BBB;line-height:140%;font-size:10px;}
#footer_txt strong{color:#999;}

#FootColumn .key{ padding:15px 0; color:#999; text-align:center; font-size:11px;}

#FootColumn  .copyright{text-align:center; clear:both; font-size:11px; padding:10px 0; color:#000;}
/*产品目录*/
#insort { width:178px; margin:0 auto;}
#insortline { margin:0; padding:0; overflow:hidden;}
#insortnsort {text-align:left;width:130px;}
.ProTitle { width:155px; text-align:left; line-height:20px; padding-left:20px;}
.ProTitle a{ font-size:11px; color:#666;}
.ProTitleHover { width:155px; text-align:left;line-height:20px; padding-left:20px; background:#415E92;}
.ProTitleHover a{ font-size:11px; color:#fff; text-decoration:none}

.ProTitle200{ width:178px; height:22px;text-align:left; padding-left:10px;}
.ProTitle200 a{ font-weight:100; font-size:12px;}
.ProTitleHover200 { width:190px; height:22px;text-align:left; padding-left:10px;}
.ProTitleHover200 a{ font-weight:100; font-size:12px;}

.classstyle{width:178px; height:20px;text-align:left;line-height:20px;font-weight:bold;}
.classstyle a{ color: #003399; text-decoration:none; font-size:11px; text-indent:10px;}
.classstyle a:hover{ color: #003399; text-decoration:none; font-size:11px;}
.classstyle span{ color:#FF0000; font-size:10px; font-weight:100}
.sort{VISIBILITY: hidden; WIDTH: 190px; position:absolute;margin-top:0px; overflow:hidden; z-index:999; background-color:#FFFFFF; border:1px solid #858585}
/*产品目录*/

.newslist{text-align:left;overflow:hidden}
.newslist a { color:#1E7EC8; font:700 12px/20px Verdana, Geneva, sans-serif;}
.newslist.newsheader{line-height:30px;height:30px;text-align:left;margin-left:15px;border-bottom:solid 1px #D3D3D3;color:#4E637E;font-size:14px;font-weight:bold}
.newsheader{line-height:30px;height:30px;text-align:left;margin-left:15px;border-bottom:solid 1px #D3D3D3;color:#4E637E;font-size:14px;font-weight:bold}
.newslist .box5{width:310px;float:left;margin-top:5px;margin-left:5px;overflow:hidden;height:16px}
.newslist .box5 a:hover{color:#454545}

#showpage {  text-align:center;line-height:30px; font-size:12px;clear:both;  color:#000; font-weight:100; margin:10px 0;}
#showpage a{ font-family:arial; text-decoration:none; color:#000; font-size:11px; font-weight:bold; background:#fff; border:1px solid #666; padding:0 5px;}


.hwpro{ float:left; width:196px;overflow:hidden;}
.hwpro .hw00{ float:left; width:200px;overflow:hidden;}
.hwpro .hw_line{width:174px; border:1px solid #E8E8E8; background:#FFF; margin:10px auto}
.hwpro .hw1{ text-align:center; width:170px; margin:0 auto;margin-top:10px;height:150px; overflow:hidden;}
.hwpro .hw1 a img{ border:0; max-width:160px; max-height:150px; width:expression(this.width > 160 && this.height < this.width*150/160 ? 160: true);  height: expression(this.height > 150 ? 150: true);margin-top: expression(this.height < 150 ? (150-this.height)/2: 0); }
.hwpro .hw2{ width:160px;height:85px; margin:0 auto;text-align:center;}
.hwpro .hw2 b{ color:#000; font-size:12px;}
.hwpro .hw2 br{ line-height:7px;}
.hwpro .hw2 a{color:#666; font-size:11px;}
.hwpro .hw2 span{ color: #F30; font-size:12px; font-weight:bold}

#hw3{ width:120px;margin:0 auto;text-align:center;}
#hw3 b{ color:#000; font-size:12px;}
#hw3 br{ line-height:7px;}
#hw3 a{color:#666; font-size:11px;}
#hw3 a:hover{ text-decoration:underline}
#hw3 span{ color: #F60; font-size:12px; font-weight:bold}


.hw00{ float:left; width:175px; height:214px; padding:14px 0 15px 21px; overflow:hidden;}
.hw00 .hw_line{width:173px; height:212px; padding:1px; margin:auto}
.hw00 .hw1{ text-align:center; width:150px; margin:0 auto; height:130px; overflow:hidden;}
.hw00 .hw1 a img{ border:0; max-width:150px; max-height:130px; width:expression(this.width > 150 && this.height < this.width*130/150 ? 150: true);  height: expression(this.height > 130 ? 130: true);margin-top: expression(this.height < 130 ? (130-this.height)/2: 0); }
.hw00 .hw2{ width:170px;height:52px; margin:0 auto;text-align:center;}
.hw00 .hw2 b{ color:#000; font-size:12px;}
.hw00 .hw2 br{ line-height:7px;}
.hw00 .hw2 a{ display:block; color:#1E7EC8; font:100 11px Verdana, Geneva, sans-serif;}
.hw00 .hw2 span{ color: #F30; font-size:12px; font-weight:bold}

.hw00 .hw3{ width:120px;margin:0 auto;text-align:center;}
.hw00 .hw3 b{ color:#000; font-size:12px;}
.hw00 .hw3 br{ line-height:7px;}
.hw00 .hw3 a{color:#666; font-size:11px;}
.hw00 .hw3 a:hover{ text-decoration:underline}
.hw00 .hw3 span{ color: #F60; font-size:12px; font-weight:bold}

#prohref a{ display:block; font-size:11px; width:184px; overflow:hidden; height:20px; color:#333; text-align:center; line-height:20px; float:left; margin:0 2px 2px 2px; text-transform:capitalize;  display:block; border:1px #ddd solid;}
#prohref a:hover{ color:#333; border:1px #85A8CD solid;}
.size-table {border: 1px solid #fbfbfb;}
.size-table tr:nth-child(2n) {background: #fbfbfb;}
.size-table td {padding: 2px;}

.qty-count {display: flex; align-items: center; border: 1px solid rgba(17, 17, 17, 0.2); float: right;}
.qty-count .product-calculator-handle { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; background: #fff;}
.qty-count .product-calculator-value { background-color: #f0f0f0; width: 26px; height: 26px; text-align: center; line-height: 26px; border: none; }
.qty-count .product-calculator-handle { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; font-size: 20px; cursor: pointer; background: #fff; }
.show-text {display: none; padding: 10px 0; font-size: 14px; font-weight: bold; color: #f30;}

.blog-body {padding: 10px 0;}
.article-list { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee;}
.atr-title h2 {font-size: 14px;}
.art-title a {font-size:16px; color: #3863a3;}
.art-title a:hover {color: #333;}
.art-title p { font-size: 12px; color: #999;}
.art-body {color: #666; margin-bottom: 15px;}
a.art-btn {display: block; width: 80px; height: 24px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: center; line-height: 24px; color: #3863a3; background: #fff; border: 1px solid #3863a3; transition: all .3s ease-in-out;}
a.art-btn:hover {background: #3863a3; color: #fff;}

.blog-title {padding: 10px 0; text-align: center;}
.blog-title h2 {margin-bottom: 10px; padding: 10px 0; color: #3863a3; border-bottom: 1px solid #eee;}
.blog-title span {display: block; color: #999;}
.blog-content {padding: 15px 0;}
.blog-btn {padding: 20px 0;}
.blog-btn a {display: block; margin: 0 auto; width: 120px; height: 36px; text-align: center; line-height: 36px; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background: #fff; border: 1px solid #3863a3; color: #3863a3; transition: all .3s ease-in-out;}
.blog-btn a:hover {background: #3863a3; color: #fff;}