@charset "utf-8";


/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "微软雅黑", sans-serif;*/
    font: 14px/1 PingFangSC-Regular, "微软雅黑", Helvetica, Arial, sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; outline:none; color:#3497da;}
a:hover { text-decoration: none; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
    outline:none;/* chrome下表单的聚焦样式重置 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.border{
    border: 1px solid #ccc;
}
/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
/*html { overflow-y: a; }
*/
/*
*以下为自定义css
*/
/* 宽度 高度 */
.w28p {
    width: 28%;
}
.w32p {
    width: 32%;
}
.w32p {
    width: 32%;
}
.w33p {
    width: 33%;
}
.w38p {
	width: 38%;
}
.w50p {
    width: 50%;
}
.w80p {
    width: 80%;
}
.w100p {
    width: 100%;
}
.w30 {
    width: 30px;
}
.w60 {
    width: 60px;
}
.w80 {
    width: 80px;
}
.w25 {
    width: 25px;
}
.w140 {
    width: 140px;
}
.w150 {
    width: 150px;
}
.w170 {
    width: 170px;
}
.w200 {
    width: 200px;
}
.w250{
	width:250px;
}
.w270{
	width:270px;
}
.w300{
	width: 300px;
}
.w500{
	width: 500px;
}
.w600{
	width: 600px;
}
.w800{
	width: 800px;
}
.h50 {
    height: 50px;
}
.h100{
	height:100px;
}
.h350 {
    height: 350px;
}
.h450 {
    height: 450px;
}
.minH400 {
    min-height:400px;
}
.min550 {
    min-height:550px;
}
.maxH400 {
    max-height: 400px;
}
.minH725 {
    min-height: 725px;
}
/*cursor 鼠标*/
.pointer {
    cursor: pointer;
}


/* 定位 */
.static { position: static;}
.relative {position: relative;}
.absolute { position: absolute;}


/* 浮动元素 */
.left { float:left;}
.right { float: right;}

/* 清除浮动 */
.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clear{zoom:1}
.clearLeft {clear:left;}
.clearRight {clear:right;}
/* 居中 */
.auto { margin-left: 0; margin-right: 0;}

/* 文字居中 */
.txtLeft { text-align: left; }
.txtCenter {text-align:center;}
.txtRight {text-align:right;}

/* 文字大小 */
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.f26 {font-size:26px;}
.f28 {font-size:28px;}
.f36 {font-size:36px;}

/* 首行缩进 */
.ti6 {text-indent:6px;}
.ti12 {text-indent:12px;}
.ti20 {text-indent:20px;}
.ti24 {text-indent:24px;}
.ti40 {text-indent:40px;}

/* 文字加粗 */
.fb {font-weight:bold;}
/* 文字倾斜 */
.fi {font-style:italic}
/* 文字正常 */
.fn {font-weight:normal;}

/* 下划线 */
.underline,.underline a {text-decoration:underline;}

/* display */
.hidden { display:none;}
.block {display: block;}
.inlineBlock {display: inline-block;}

/* 行高 */
.lh15 {line-height:15px;}
.lh18 {line-height:18px;}
.lh20 {line-height:20px;}
.lh22 {line-height:22px;}
.lh24 {line-height:24px;}
.lh26 {line-height:26px;}
.lh28 {line-height:28px;}
.lh30 {line-height:30px;}
.lh35 {line-height:35px;}
.lh40 {line-height:40px;}
.lh45 {line-height:45px;}
.lh50 {line-height:50px;}

/* margin-left */
.ml5 { margin-left:5px;}
.ml12{ margin-left:12px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}
.ml50 { margin-left:50px;}
.ml70 { margin-left:70px;}
.ml75 { margin-left:75px;}
.ml80 { margin-left:80px;}
.ml100 { margin-left:100px;}
.ml110 { margin-left:110px;}
.ml120 { margin-left:120px;}
.ml170{ margin-left:170px;}
.ml190{ margin-left:190px;}
.ml210{ margin-left:210px;}
.ml225{ margin-left:225px;}
.ml240{ margin-left:240px;}
.ml260 { margin-left:260px;}
.ml280 { margin-left:280px;}

/* margin-right */
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr11 { margin-right:11px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr50 { margin-right:50px;}
/* margin-right-percent*/
.mr29p {
    margin-right: 29%;
}
.mr33p {
    margin-right: 33%;
}
 .mr39p { margin-right:39%;}
/* margin-top */
.mt3 { margin-top:3px;}
.mt5 { margin-top:5px;}
.mt6 { margin-top:6px;}
.mt7 { margin-top:7px;}
.mt10 { margin-top:10px;}
.mt12 { margin-top:12px;}
.mt13 { margin-top:13px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt22 { margin-top:22px;}
.mt24 { margin-top:24px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt32 { margin-top:32px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt64 { margin-top:64px;}
.mt90 { margin-top:90px;}
.mt96 { margin-top:96px;}

/* margin-bottom */
.mb0 { margin-bottom:0;}
.mb5 { margin-bottom:5px;}
.mb7 { margin-bottom:7px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
/*margin*/
.margin0 {
	margin:0;
}
/*padding*/
.pd0 {
	padding:0px;	
}
.pd5 {
	padding:5px;	
}
.pd10 {
	padding:10px;	
}
/* padding-left */
.pl4 { padding-left:4px;}
.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl24 { padding-left:24px;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px;}
.pl40 { padding-left:40px;}

/* margin-right */
.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr24 { padding-right:24px;}
.pr25 { padding-right:25px;}
.pr30 { padding-right:30px;}
.pr50 { padding-right:50px;}

/* margin-top */
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}

/* margin-bottom */
.pb0 { padding-bottom:0;}
.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;}

/* font-family*/
.yahei { font-family: '微软雅黑';}
.Simsun { font-family: '宋体';}
.arial  { font-family: 'arial';}

/* color */
.white { color:#fff;}
.black { color:#000;}
.red { color: #ff0000;}
.c333 {color:#333;}
.blue{color:#0088cc;}
.yellow{color:#f6ff00;}
.yellow2{color:#ffff00;}

/* validate-css */
.validate_error {
	color:red;
	font-weight:bold;
}
/* 粗体 */
.bold{
	font-weight: bold;
}
/**背景色*/
.gray-bg {
	background-color: #ebeef3;
}

/**positon**/
body .top0 {
	top:0;
}

/**icon图标**/
.icon{
	cursor: pointer;
}
.icon_menu{
	cursor: pointer;
	width:24px;
	height:28px;
	background:none;
	/**
	background:url(../../../images/common/zh_CN/icon_menu.png) no-repeat;
	**/
}

.nav.en li{
	padding:0 1%;
}

.hide{
	display: none;
}
