﻿@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body{ font:16px "Ubuntu", sans-serif; line-height:24px; color:#333;margin:0;padding:0; letter-spacing:0px; background:#f3f3f3;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span,label,table,tbody,tr,td{margin:0;padding:0;}
td{ vertical-align:top;}
.wb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wr{word-wrap: break-word; word-break: normal; }
img{ border:0; }
ul,li,ol,ul { list-style-type:none;}
h1,h2,h3,h4,h5,h6 {font-size:16px; font-weight:normal;}

a:visited {}
a:hover {text-decoration: none}
a:active {}
input,button,textarea,select{font-family: "Ubuntu", sans-serif; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; outline:none; border:none;}
input{ background:none; border:none;outline:none;}
input[type="button"],input[type="text"]{ vertical-align:top; outline:none;}
input[type="button"]::-moz-focus-inner{ border:none;}
em,b,i{ font-style:normal; font-weight:normal;}
/* 默认链接颜色 */
a{outline-style:none;}
a:link { color:#666666; text-decoration: none}
a:visited { color:#666666; text-decoration: none}
a:hover { color:#666666; text-decoration: none}
a:active { color:#666666; text-decoration: none}
.white { color:#fff;}
.white a:link { color:#fff;}
.white a:visited { color:#fff;}
.white a:hover { color:#fff;}
.white a:active { color:#fff;}
.red_link a:link { color:#f72200;}
.red_link a:visited { color:#f72200;}
.red_link a:hover { color:#f72200;}
.red_link a:active { color:#f72200;}
/*清除链接虚框*/
a,area {blr:expression(this.onFocus=this.blur()) }  for IE 
:focus {-moz-outline-style: none; }  for Firefox   

/* 下划线 */
.unline,.unline a{text-decoration:underline}
.nounline,.nounline a,.list12 .nounline{text-decoration:none}

/* 通用属性 */
.por{ position:relative;}
.poa{ position:absolute;}
.fl{float:left;}
.fr{float:right;}
.b1c{ border:1px solid #CCC;}
.bb1c{ border-bottom:1px solid #CCC;}
.br1c{ border-right:1px solid #CCC;}
.bt1c{ border-top:1px solid #CCC;}
.bl1c{ border-left:1px solid #CCC;}
.fit{ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity:0.60;}
.bold{font-weight:bold!important;}
.tac{text-align:center!important;}
.tal{text-align:left!important;}
.tar{text-align:right!important;}
.dn{display:none!important;}
.visible{overflow:visible!important;}
.ofh{overflow:hidden!important;}
.db{ display:block!important;}
.bn{ border:none!important;}
.ti2{ text-indent:2em;}
.c0 { clear:both; height:0px; line-height:0px; font-size:0px;}

/*外边距*/
.m0a{ margin:0 auto;}
.m0{margin:0px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.mt0{margin-top:0px!important;}
.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt18{ margin-top:18px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.ml0{margin-left:0px!important;}
.ml8{margin-left:8px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.mr0{margin-right:0px!important;}
.mr5{margin-right:5px;}
.mr8{margin-right:8px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr34{margin-right:34px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mb0{margin-bottom:0px!important;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

/*内边距*/
.p0{padding:0px !important;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.pt0{padding:0px!important;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:50px;}
.pl0{padding-left:0px!important;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pr0{padding-right:0px!important}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pb0{padding-bottom:0px!important}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}

.pb50{padding-bottom:50px;}


.w100{ width:100px;}
.w80{ width:80px !important;}
.w200{ width:200px;}
.w300{ width:300px;}
.w1000{ width:1000px;}

.fwb{ font-weight:bold;}
.hid-xy{overflow-x:hidden;overflow-y:hidden;}
.hid-x{overflow-x:hidden}
.hid-y{overflow-y:hidden;}

.clear{clear:both;}/*ie and firefox1.5 updata */
.clearfix:after {content:""; display:block; height:0; clear:both; } 
* html>body .clearfix { display:inline-block; width:100%; }
* html .clearfix { height:1%;  /* End hide from IE-mac */}
*+html .clearfix { min-height:1%; }


.bn{ border:none;}
#clear{clear:both;}
.fs12{ font-size:12px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.w100{ width:100%;}
.product1 img{max-width:100%;}
/*文字对齐方式*/

.txtCentra{text-align:center}

/*常用方法*/
.show{display:block}
.hide{display:none;}
.hand{cursor:pointer;}
.fontArial{font-family:'Arial';}
.b{font-weight:bold;}

.clearfix{_zoom:1;} 