﻿/* Imports
----------------------------------------*/
@import url("reset.css");

/* Elements
----------------------------------------*/
html * { font-size: 100.01%; }
body{
background-color:#FFFFFF;
font-family: "宋体",Verdana, Helvetica, Arial, sans-serif;
font-size: 75%; 	 
}

p, td, th, li{
font-family: "宋体",Verdana, Helvetica, Arial, sans-serif;
font-size:1em;
line-height:2em;
color:#505355;
}

/*form*/
input,select,textarea{font-size:12px;line-height:16px;}
input{ vertical-align:middle}

/* ### text formatting ### */

cite, blockquote { font-style:italic; }
blockquote { margin: 0 0 1em 1.5em; }

strong,b { font-weight: bold; }
em,i { font-style:italic; }

pre, code { font-family: monospace; font-size: 1.1em; }

acronym, abbr {
letter-spacing: .07em;
border-bottom: .1em dashed #c00;
cursor: help;
}

/**
* Tables
* (en) Generic classes for table-width and design definition
*
*/

table { /*width: auto;*/ border-collapse:collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout:fixed; }

th,td { padding: 0.5em; }
thead th { background: #444; color: #fff; }
tbody th { background: #ccc; color: #333; }
tbody th.sub { background: #ddd; color: #333; }

h1,h2,h3,h4,h5,h6 { font-weight:bold;}
h1 { font-size: 200% }                        /* 24px */
h2 { font-size: 166.67% }                     /* 20px */
h3 { font-size: 150% }                        /* 18px */
h4 { font-size: 133.33% }                     /* 16px */
h5 { font-size: 116.67% }                     /* 14px */
h6 { font-size: 116.67%; font-style:italic; } /* 14px */

ul{
list-style-type:none;
}

ol{
list-style-type:none;
}

dt{
font-weight:bold;
}
blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

/* Color */
.cRed,a.cRed:link,a.cRed:visited{ color:Red; }
a.cRed:hover{color:#CC0000;}
.czise,a.czise:link,a.czise:visited{color:#CB00C0;}
a.czise:hover{color:#CC0000;}
.cBlue,a.cBlue:link,a.cBlue:visited{color:#016fa9;}
a.cBlue:hover{color:#CC0000;}
.cDBlue,a.cDBlue:link,a.cDBlue:visited{color:#34577e;}
a.cDBlue:hover{color:#CC0000;}
.cDOrg,a.cDOrg:link,a.cDOrg:visited{ color:#F3850C;}
a.cDOrg:hover{color:#CC0000;}
.cDRed,a.cDRed:link,a.cDRed:visited{ color:#ad0303;}
a.cDRed:hover{color:#CC0000;}
.cGray,a.cGray:link,a.cGray:visited{ color: #A1A1A1;}
.cDGray,a.cDGray:link,a.cDGray:visited{ color: #666;}
a.cDGray:hover{color:#CC0000;}
.cWhite,a.cWhite:link,a.cWhite:visited{ color:#fff;}
a.cWhite:hover{color:#FF0000;}
.cBlack,a.cBlack:link,a.cBlack:visited{color:#000;}
a.cBlack:hover{color:#bc2931;}
.cYellow,a.cYellow:link,a.cYellow:visited{color:#ff0;}
.cBrown,a.cBrown:link,a.cBrown:visited{color:#a96c01;}
a.cBrown:hover{color:#CC0000;}
.cGreen,a.cGreen:link,a.cGreen:visited{color:#008000;}
a.cGreen:hover{color:#CC0000;}
.coldbule,a.coldbule:link,a.coldbule:visited{color:#31333A;}
a.coldbule:hover{color:#CC0000;}
.coldbule2,a.coldbule2:link,a.coldbule2:visited{color:#4C505B;}
a.coldbule2:hover{color:#31333A;}

.inline,.inline li{display:inline}
.float_l{float:left; display:inline-block}
.float_r{float:right; display:inline-block}
.text_c{ text-align:center}
.text_r{text-align:right}

/* Others */
.fn {cursor:pointer;}
.clear{ clear: both; font-size:1px; width:1px; height:0; visibility: hidden; }
.clearfix:after{content:"."; display:block; height: 0; clear: both; visibility: hidden;} 
.unLine ,.unLine a{text-decoration: none;}
.noBorder{border:none!important;}
.blank3{ height:3px; clear:both;display:block; font-size:1px;overflow:hidden;}
.blank6{ height:6px; font-size:1px; display:block;clear:both;overflow:hidden;}
.blank8{ height:8px; font-size:1px;display:block; clear:both;overflow:hidden;}
.blank10{ height:10px; font-size:1px;display:block; clear:both;overflow:hidden;}
.blank12{ height:12px; font-size:1px;clear:both;overflow:hidden;}
.blank18{ height:18px; font-size:1px;clear:both;overflow:hidden;}
.blank24{ height:24px; font-size:1px;clear:both;overflow:hidden;}
.blankW6{ height:6px; display:block;background:#fff; clear:both;overflow:hidden;}
.blankW10{ height:10px; display:block;background:#fff; clear:both;overflow:hidden;}
.hackbox {clear: both; border-top: transparent 0px solid; font-size: 0px; width: 0px; line-height:0;}
.block{ display:block}
.nobg{ background:none!important}
.noMargin{ margin:0!important;}
.noPadding{ padding:0!important;}

/* font */
.fB{ font-weight:bold}
.f14px{ font-size:14px;}

/*--- Link Styles ---*/
a:link, a:visited{
outline-style:none;
color:#505355; text-decoration:none;
}

a:hover, a:active{
color:#CC0000;
text-decoration: underline;
}
/*a {blr:expression(this.onFocus=this.blur())}*/

/* Header
----------------------------------------*/
#header{
width:1004px;
margin: 0 auto;
}


/* Main Content
----------------------------------------*/
#mainContent{
width:1004px;
margin: 0 auto;
overflow: hidden
}

#mainContainer{
width:1004px;
margin: 0 auto;
background-color:#fff;
}


/* Footer
----------------------------------------*/
#footer
{
width:1004px;
background-color:#fff;
}

/* 客服 */
#s_vmode {z-index:77;position: absolute; /*filter: alpha(opacity=90);*/ width: 340px; height: 150px; color: #000; font-size: 12px;/*cursor: move;*/}
#s_vmode a{cursor:pointer; padding:0;border:0;}
#s_vmode .left {background:url(../images/service/bg_1.gif) no-repeat;width:8px; float:left; height:150px;}
#s_vmode .center {background:url(../images/service/bg_2.gif) repeat-x;text-align:left;width:324px;float:left;height:150px;overflow:hidden;}
#s_vmode .right {background:url(../images/service/bg_1.gif) no-repeat;width:8px;height:150px;float:left;background-position: right 50%; float: left;}
#s_vmode .title { line-height:17px; margin:0px; float:left; color:#ffffff; font-size:14px; padding:10px 0 13px 2px;}
#s_vmode .close {background:url(../images/service/close.gif) no-repeat; width:42px; background-position:50% top; float:right; height:19px;}
#s_vmode .content {padding-left:2px; height:83px; clear:both;}
#s_vmode .content span {margin-left:20px;}
#s_vmode .content span a {margin-left:3px;}
#s_vmode .icov {background:url(../images/service/face.jpg);width:70px;float:left;height:70px;}
#s_vmode .content p{line-height:24px; margin:0px; padding-left:12px; width:240px;display: block; word-wrap:break-word; float:left; font-size:12px; padding-top:0px;}
#s_vmode .bottom {clear:both;}
#s_vmode .bottom .b1 {background:url(../images/service/btn_1.gif) no-repeat; margin:0px 0px 0px 5px; width:69px;  float:right; height:21px;}
#s_vmode .bottom .b2 {background:url(../images/service/btn_2.gif) no-repeat; margin:0px; width:69px;  float:right; height:21px;}

#s_small {z-index:77;position:absolute; /*top:160px;*/}
#s_small .container {width:100px; height:150px;}
#s_small .left {width:8px; background:url(../images/service/bg_1.gif) no-repeat; float:left; height:150px;}
#s_small .right {width:8px; background:url(../images/service/bg_1.gif) no-repeat right 50% transparent; float: left; height: 150px;}
#s_small .center {width:84px; background:url(../images/service/middle.jpg) no-repeat; float:left; height:150px;}
#s_small .title {padding:10px 0px 13px 8px; line-height:17px; margin:0px; color:rgb(255, 255, 255); font-size:14px;}
#s_small .center .c {width:84px;height:83px; clear:both;text-align:center;}
#s_small .icov {width:84px; background:url(../images/service/face.jpg) no-repeat center; float:left; height:70px;}
#s_small .bottom {clear: both;}
#s_small .bottom a {margin-left:8px; width:69px; display:block; background:url(../images/service/btn_2.gif) no-repeat; height:21px;}