﻿@charset "utf-8";
html {background:white;color:black;}/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
margin:0px;padding:0px;word-break:break-all;font-family: "Hiragino Sans GB","STHeiti","Microsoft YaHei","微软雅黑","simsun","sans-serif",Arial;font-size-adjust:none}/* 要注意表单元素并不继承父级 font 的问题 */
input,select,textarea {font-size:100%;}/* 去掉 table cell 的边距并让其边重合 */
table {border-collapse:collapse;border-spacing:0;}/* ie bug：th 不继承 text-align */
th {text-align:inherit;}/* 去除默认边框 */
fieldset,img {border:none;}/* ie6 7 8(q) bug 显示为行内表现 */
iframe {display:block;}/* 去掉 firefox 下此元素的边框 */
abbr,acronym {border:none;font-variant:normal;}/* 一致的 del 样式 */
del {text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:500;}/* 去掉列表前的标识，li 会继承 */
ol,ul { list-style:none;}/* 对齐是排版最重要的因素，别让什么都居中 */
caption,th { text-align:left;}/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold}
q:before,q:after {content:''}/* 统一上标和下标 */
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup { top:-0.5em;}
sub {bottom:-0.25em;}/* 让链接在 hover 状态下显示下划线 */
a:hover {text-decoration:none}/* 默认不显示下划线，保持页面简洁 */
ins,a { text-decoration:none;}/* 去除 ie6 & ie7 焦点点状线 */
a:focus,*:focus {outline:none;}/* 清除浮动 */
.clearfix:before,.clearfix:after { content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1; }/* sfor ie6 & ie7 */
.clear { clear:both; display:block; font-size:0; height:0;line-height:0; overflow:hidden;}/* 设置显示和隐藏，通常用来与 js 配合 */
.hide { display:none;}
.block { display:block;}
.fl,.fr {display:inline;}/* 设置浮动，减少浮动带来的 bug */
/*------------------------页面格式化end-----------------------------------*/

/*------------------------工具类-----------------------------------*/
.fl {  float:left;}
.fr { float:right;}
.por{ position:relative}
.poa{position: absolute;}
.wid{ width:1000px; margin:0 auto 0 auto}
.f12{ font-size:12px}
.f14{ font-size:14px}
.f18{ font-size:18px}
.f20{ font-size:20px}
.fb{ font-weight:bold}
.cbr{ border-right:none!important}
.cbl{ border-left:none!important}
.cbt{ border-top:none!important}
.cbb{ border-bottom:none!important}
.cmt{ margin-top:0 !important}
.cmr{ margin-right:0 !important}
.cml{ margin-left:0 !important}
.cmb{ margin-bottom:0 !important}
/*------------------------工具类-end----------------------------------*/

/*------------------------页眉-----------------------------------*/
.top{ width:100%; background:#333333; color:#FFF; line-height:30px; border-bottom:#606060 solid 2px}
.top a{color:#FFF; height:30px; width:65px; text-align:center;}
.shadow{ border-right:#1f1f1f solid 1px;border-left:#3f3f3f solid 1px; margin-top:0 !important }
.top img{ margin:12px 24px 13px 34px; display:block}
.shadow .WB_follow_ex .follow_btn_line{margin:1px 0px 0px 11px !important; }
.WB_follow_ex{ height:29px !important;width:133px !important}
.shadow iframe{ height:24px !important; margin:5px -5px 0px 11px; width:125px}
/*------------------------页眉-end----------------------------------*/

/*------------------------logo-----------------------------------*/
.head{border-bottom:#333333 solid 4px; margin-top:3px;}
.head p{ color:#bcbcbc;margin-left:20px; line-height:12px;}
.head .fr{ margin-top:8px;width:522px; height:38px}
.head .fr img{ width:522px; height:38px}
.head .fl img{ height:50px}
/*------------------------logo-end----------------------------------*/

/*------------------------导航-----------------------------------*/
.menu{ margin-top:10px; margin-bottom:10px}
.menu a{ color:#000000; line-height:16px; display:block; width:33.33%; float:left; text-align:center;}
.tab{ width:199px; }
.tab p{margin-top:10px}
.line{}
.line img{ display:block}
/*------------------------导航-end----------------------------------*/

/*------------------------页脚-----------------------------------*/
.footer{
	width:100%;
	padding:20px 0;
	background-color:#525252;
	border-top:2px solid #4D4D4D;
	text-align:center;
	font-size:12px;
}

.footer p {margin-bottom:1em;}

.footer .wrap{
	background:transparent url(http://www.cnhan.com/images/footer-bg.png) 98% 0 no-repeat;
}

.footer,.footer a:link,.footer a:visited,.footer a:hover{
	color:#ABABAB;
}
/*------------------------页脚-end----------------------------------*/

/*-----------------------微信------------------------------*/
.erweimaPic img{ width:110px; height:110px; margin-left:5px}
.erweima{ width:120px !important; height:175px !important; background-position:right top !important;}
.erweima .ft{ padding:35px 0 0 0 !important; margin-left:15px !important}

.erweima{width:103px;height:145px;border:1px solid #dbdbdb;padding:0;font-size:12px;position:fixed !important;bottom:101px;left:50%;background:url(../images/icon/weixin.png) no-repeat; margin-left:510px; z-index:2008;}
.erweima .shutDown{width:18px;height:18px;display:block;float:right;cursor:pointer;padding:0;margin:0;overflow:hidden;}
.erweima .shutDown:hover{background:none;padding:0;margin:0;}
.erweima .erweimaPic{width:103px;height:80px;float:left;padding:0;margin:4px 0 0 0;text-align:center;}
.erweima .erweimaPic a{margin:0;padding:0;}
.erweima .erweimaPic a:hover{background:none;margin:0;padding:0;}
.erweima .ft{padding:5px 10px 0;float:left;line-height:17px;color:#6b6b6b;text-align:center;}
.erweima .ft a{color:#6b6b6b;margin:0;padding:0;}
.erweima .ft a:hover{background:none;margin:0;padding:0;}
/*-----------------------微信-end------------------------------*/

.toolbar {
	position: fixed;
	_position: absolute;
	left: 50%;
	bottom: 5%;
	margin-left: 510px;
	z-index: 2;
}
.toolbar li {
	width: 43px;
	height: 43px;
	margin-bottom: 1px;
	border-radius: 3px;
	position: relative;
}
.toolbar li:hover {
	background-position: -43px;
	background-color: white;
}
.toolbar .cs {
	background: url(../images/icon/head-3.png) no-repeat 0 #ff6508;
}
.toolbar .cs a {
	display: block;
	height: 100%;
}
.toolbar .weixin {
	background: url(../images/icon/weixin.png) no-repeat 0 #ff6508;
}
.toolbar .weibo {
	background: url(../images/icon/weibo.png) no-repeat 0 #ff6508;
}
.toolbar .share {
	background: url(../images/icon/share.png) no-repeat 0 #ff6508;
}
.toolbar .to-top {
	background: url(../images/icon/to-top.png) no-repeat 0 #ff6508;
	cursor: pointer;
}

.toolbar .spread {
	position: absolute;
	bottom: 43px;
	right: 43px;
	padding: 10px;
	background: white;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}
.toolbar .share .spread {
	width: 230px;
	padding: 5px 20px 6px;
}
.toolbar li:hover .spread {
	visibility: visible;
	opacity: 1;
	bottom: 0;
}
.toolbar .qrcode .spread {
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
}
.toolbar .qrcode img {
	display: block;
	max-width: none;
	margin-bottom: 5px;
}
.toolbar .to-top {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s, visibility 0.4s;
}