@charset "utf-8";
/* CSS Document */

/*Reset start*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
fieldset, img{border:none;}
img{vertical-align:top; border:0}
a{ text-decoration:none; outline:none; color:#666;}a:hover{ color:#666;}
a:focus{outline:none;}
ol, ul{list-style:none outside none; padding:0; margin:0}
/*table{border-collapse:collapse;border-spacing:0;}*/
sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
var{font-family:'微软雅黑',sans-serif; font-style:normal;}
var{ font-family:'微软雅黑',sans-serif; padding-left:3px;}
input,select{ outline:none;}
body,button,input,select,textarea{font:12px/1.5 '微软雅黑',sans-serif; padding:0; margin:0; font-style:normal;}
.clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
.clearfix{display:block;}
.clearbox{border-top:transparent 0px solid;clear:both;font-size:0;margin-top:0px;visibility:hidden; overflow:hidden;height:0;}

body{ background-color:#efefef; overflow-x:hidden; color:#666;}

.header{ position:relative; z-index:9;background:#fff;}
.header .stripes{ height:50px; background-color:#fff; position:relative; z-index:9;}
.header .stripes .stripesW{ width:1000px; margin:0 auto;}
.header .stripes .stripesW .sLeft{ float:left;}
.header .stripes .stripesW .sLeft .sTab{ float:left; position:relative;}
.header .stripes .stripesW .sLeft .sTab .first{ display:block; line-height:50px; padding-right:14px; background:url(/statics/hf/images/icon/selectBotIcon.png) right center no-repeat;}
.header .stripes .stripesW .sLeft .sTab ul{ width:100px; background-color:#fff; position:absolute; left:-10px; top:50px; display:none;}
.header .stripes .stripesW .sLeft .sTab ul li{ height:26px; line-height:26px;}
.header .stripes .stripesW .sLeft .sTab ul li a{ display:block; padding-left:10px;}
.header .stripes .stripesW .sLeft .sTab ul li a:hover{ background-color:#07aaee; color:#fff;}
.header .stripes .stripesW .sLeft .sTab ul li span{ display:block; padding-left:10px;}
.header .stripes .stripesW .sLeft .weather{ float:left; margin:16px 20px 0 15px;}
.header .stripes .stripesW .sLeft .weather .icon{ float:left; margin-right:5px;}
.header .stripes .stripesW .sIphone{ float:right; width:163px; height:23px; margin:14px 20px 0 0; position:relative;}
.header .stripes .stripesW .sIphone i{ width:23px; height:32px; background:url(/statics/hf/images/icon/headerIphoneIcon.png) no-repeat; position:absolute; top:-4px; left:-30px;
}
@-moz-keyframes slidePhone {
	0% {
		-moz-transform:rotate(30deg);
		transform:rotate(30deg);
	}
	5% {
		-moz-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	10% {
		-moz-transform:rotate(30deg);
		transform:rotate(30deg);
	}
	15% {
		-moz-transform:rotate(0deg);
		transform:rotate(0deg);
	}
}

@-webkit-keyframes slidePhone {
	0% {
		-webkit-transform:rotate(30deg);
		transform:rotate(30deg);
	}
	5% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	10% {
		-webkit-transform:rotate(30deg);
		transform:rotate(30deg);
	}
	15% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
}

@keyframes slidePhone {
	0% {
		-moz-transform:rotate(30deg);
		-ms-transform:rotate(30deg);
		-webkit-transform:rotate(30deg);
		transform:rotate(30deg);
	}
	5% {
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	10% {
		-moz-transform:rotate(30deg);
		-ms-transform:rotate(30deg);
		-webkit-transform:rotate(30deg);
		transform:rotate(30deg);
	}
	15% {
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
}

.header .stripes .stripesW .sLeft .languageTab{ display:none;}
.header .nav{ width:1018px; height:60px; background:url(/statics/hf/images/icon/navBg.png) top left no-repeat; position:absolute; top:50px; left:50%; margin-left:-509px;}
.header .nav li{ float:left; height:47px; line-height:47px; font-size:14px; font-weight:bold; margin:0 44px;}
.header .nav li a{ display:block; height:43px;color:#000;}
.header .nav li a:hover,.header .nav li a.active{ border-bottom:4px solid #f67c01;color:#97B6D6;}
.header .nav .left{ float:left;}
.header .nav .right{ float:right;}
.header .nav .right li{ margin:0 54px;}
.header .logo{ width:120px; height:120px; position:absolute; top:-3px; left:50%; margin-left:-60px; z-index:11;}
.header .logo img{ display:block; width:100%; height:100%;}

.footer{ height:110px; background-color:#888; color:#fff; margin-top:100px;}
.footer a{ color:#fff;}
.footer .footerW{ width:1000px; height:90px; margin:0 auto; padding-top:18px; position:relative;}
.footer .footerW .links{ width:530px; margin:0 auto; text-align:center;}
.footer .footerW .links span{ margin:0 9px 0 15px;}
.footer .footerW .copyright{ width:530px; margin:8px auto 0 auto; padding-top:8px; border-top:1px solid #fff; text-align:center;}
.footer .footerW .address{ width:530px; margin:4px auto 0 auto;text-align:center;}
.footer .footerW .footerIcon{ position:absolute; right:0; bottom:86px;}
.footer .footerW .footerIcon img{ display:block;}

.rightsidebar{ width:186px; height:484px; background:url(/statics/hf/images/icon/rightsidebarBg.png) no-repeat; position:fixed; top:50%; margin-top:-242px; right:122px; z-index:99;}
.rightsidebar .list{ width:115px; padding:155px 0 0 53px;}
.rightsidebar .list li{ height:32px; line-height:32px; text-align:center; font-size:14px;padding-left: 20px;}
.rightsidebar .list li a{ display:block; color:#323232;}
.rightsidebar .list li.active a{font-weight: bold;}
.rightsidebar .list li.active a span{border-bottom: 1px solid #323232;}
.rightsidebar .list li.icon1{margin-bottom:12px;+margin-bottom:8px;background: url(/statics/hf/images/icon/rightsidebarIcon1.png) 10px center no-repeat;font-weight: bold;}
.rightsidebar .list li.icon1 a,.rightsidebar .list li.icon2:hover a,.rightsidebar .list li.icon3:hover a,.rightsidebar .list li.icon4:hover a,.rightsidebar .list li.icon6:hover a{ color:#c10000;}
.rightsidebar .list li.icon1 span,.rightsidebar .list li.icon2:hover span,.rightsidebar .list li.icon3:hover span,.rightsidebar .list li.icon4:hover span,.rightsidebar .list li.icon6:hover span{border-bottom: 1px solid #c10000;}
.rightsidebar .list li.icon2{ margin-bottom:12px; +margin-bottom:8px;background: url(/statics/hf/images/icon/rightsidebarIcon2.png) 10px center no-repeat;}
.rightsidebar .list li.icon3{ margin-bottom:12px; +margin-bottom:8px;background: url(/statics/hf/images/icon/rightsidebarIcon3.png) 10px center no-repeat;}
.rightsidebar .list li.icon4{ margin-bottom:10px; +margin-bottom:6px;background: url(/statics/hf/images/icon/rightsidebarIcon4.png) 10px center no-repeat;}
.rightsidebar .list li.icon6{ margin-bottom:10px; +margin-bottom:6px;background: url(/statics/hf/images/icon/rightsidebarIcon6.png) 10px center no-repeat;}
.rightsidebar .list li.icon2:hover{background-image: url(/statics/hf/images/icon/rightsidebarIcon2hover.png)}
.rightsidebar .list li.icon3:hover{background-image: url(/statics/hf/images/icon/rightsidebarIcon3hover.png)}
.rightsidebar .list li.icon4:hover{background-image: url(/statics/hf/images/icon/rightsidebarIcon4hover.png)}
.rightsidebar .list li.icon6:hover{background-image: url(/statics/hf/images/icon/rightsidebarIcon6hover.png)}
.rightsidebar .list li.icon5{ position:relative;}
/*.rightsidebar .list li.icon5 a{ cursor:default;}
.rightsidebar .list li.icon5 img{ display:block; width:95px; height:95px; position:absolute; top:-3px; left:5px;}*/
.rightsidebar .list li.icon5 img{ display:block; width:85px; height:85px; position:absolute; top:6px; left:18px;}
.rightsidebar .backToTop{ width:65px; height:35px; background:url(/statics/hf/images/icon/returnTop.png) no-repeat; position:absolute; bottom:-35px; right:48px; cursor:pointer; display:none;}

/*视频弹框*/
.VideoLayer{ position:absolute; top:0; left:0; width:740px; height:490px; background-color:#212121; display:none;}
.VideoLayer .close{ width:25px; height:25px; background:url(/statics/hf/images/icon/VideoClose.png) center center no-repeat; position:absolute; top:8px; right:8px; z-index:9; cursor:pointer;}
.VLcont{ width:100% !important; height:100% !important;}
.VLcont video{ width:100% !important; height:100% !important;}