@charset "utf-8";
/* CSS Document */
body {
	background-color:#fff;
	font-family: HelveticaNeueLight, "Helvetica Neue", Helvetica, Arial, Sans-serif;
	margin:0;
	padding:0;
	font-size:12px;
	position:relative;
	min-width:1200px;
}
a, a:visited, a:hover {
   outline:none;
   text-decoration:none;
}
h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img {
    border: 0 none;
}
ul, ol, ol li, dl ,dt ,dd  {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/**************** site styles***********************************/
.wrapper{position:relative; overflow:hidden;}
.content-wrapper{ margin:0 auto; position:relative; padding-bottom:50px;}
.header{ padding:30px 0 0 0; margin:0 auto; width:1200px;position: relative;}
.logo{ float:right;position: absolute;right: 0;z-index: 999;}

/**********************menu*****************************/
.menu{
	 width:120px;
	 z-index:9999;
	 position:relative;
}
.imcm ul, .imcm li, .imcm div, .imcm span, .imcm a {
	text-align: left;
	vertical-align: top;
	clear: none;
	float: none;
	display: block;
	position: static;
	overflow: visible;
}
.imcm li a img {
	display: inline;
	border-width: 0px;
}
.imcm span {
	display: inline;
}
.imcm .imsc {
	position: relative;
}
.imcm .imsubc {
	position: absolute;
	visibility: hidden;
	padding-left:10px;
}
.imcm li {
	float: left;
}
.imcm ul ul li.sub2 {
	width: 100%;
	float: none !important;
}
.imcm ul ul li.sub3{
	width: 120px;
	float:left;
}
.imcm a {
	display: block;
	position: relative;
}
.imcm ul .imsc, .imcm ul .imsubc {
	z-index: 10;
}
.imcm ul ul .imsc, .imcm ul ul .imsubc {
	z-index: 20;
}
.imcm ul ul ul .imsc, .imcm ul ul ul .imsubc {
	z-index: 30;
}
.imde ul li:hover .imsubc {
	visibility: visible;
}
.imde ul ul li:hover .imsubc {
	visibility: visible;
}
.imde ul ul ul li:hover .imsubc {
	visibility: visible;
}
.imde li:hover ul .imsubc {
	visibility: hidden;
}
.imde li:hover ul ul .imsubc {
	visibility: hidden;
}
.imde li:hover ul ul ul .imsubc {
	visibility: hidden;
}
.imcm .imea {
	display: block;
	position: relative;
	left: 0px;
	width: 1px;
	float: right;
}
.imcm .imea span {
	display: block;
	position: relative;
	font-size: 1px;
	line-height: 0px;
}
.dvs, .dvm {
	border-width: 0px
}
/*\*//*/.imcm .imea{visibility:hidden;}/**/
#imenus0 .imeam span{
	background-image: url(../images/icon-001.png);
	width: 7px;
	height: 13px;
	left: -10px;
	top: 1px;
	background-repeat: no-repeat;
	background-position: top left;
}
/* --[[ Sub Expand Icons ]]-- */
#imenus0 ul .imeas span, #imenus0 ul .imeasj span {
	background-image: url(../images/icon-001.png);
	width: 7px;
	height: 13px;
	left: -10px;
	top: 1px;
	background-repeat: no-repeat;
	background-position: top left;
}
#imenus0 ul li:hover .imeas span, #imenus0 ul li a.iactive .imeasj span {
	background-image: url(../images/icon-001.png);
	width: 7px;
	height: 13px;
	top: 1px;
	background-repeat: no-repeat;
	background-position: top left;
}
.activeBorder{
	background-image: url(../images/icon-001.png);
	top: 0;
	background-repeat: no-repeat;
	background-position: 0 5px;
}
/* --[[ Main Items ]]-- */
#imenus0 li a, #imenus0 .imctitle {
	color: #262626;
	text-align: left;
	font-size: 13px;
	padding: 3px 5px;
}
/* [hover] - These settings must be duplicated for IE compatibility.*/
#imenus0 li:hover>a {
	color: #fa2d28;
}
#imenus0 li a.ihover, .imde imenus0 a:hover {
	color: #fa2d28;
}
/* [active] */
#imenus0 li a.iactive {
}
/* --[[ Sub Items ]]-- */
#imenus0 ul a, #imenus0 .imsubc li .imctitle {
	color: #000;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 5px;
}
/* [hover] - These settings must be duplicated for IE comptatibility.*/
#imenus0 ul li:hover>a {
	color: #262626;
}
#imenus0 ul li a.ihover {
	color: #262626;
}
#imenus0 ul li a.iactive {
	color:#262626;
}
/****************back to top button ************************************/
#back_to_top {position: fixed; z-index: 999999; right: 50%; top: 0px; margin-right: -600px; height: 26px; font-size: 18px; color: #FFFFFF; background: url(../images/back_to_top.png) 0 0 repeat-x; width: auto; padding: 3px 10px 0 44px;}
#back_to_top:hover { background-position:0 -29px;color: #FFFFFF;}
.icon{ display: block; position: absolute;}
#back_to_top .icon{ width: 25px; height: 14px; top: 7px; left: 10px; background: url(../images/arrow_top.png) 0 0 no-repeat;}

/***************foot****************************/
#footer{ height:auto; padding:15px 0 15px 0; border-top:1px solid #ebebeb; clear:both; width:100%; z-index:999;font-size:12px;}
.footer { position:relative; width:1200px; margin:0 auto; line-height:32px; color:#999; }
.footer a{ padding:0 5px 0 5px; color:#999;}
.footer a:hover{ text-decoration:underline;}
.footer span{padding:0 5px 0 5px; color:#999;}
.footer span.icon{ position:absolute; top:3px; right:65px;}
.footer span.total{ vertical-align:middle; position:absolute; top:0; right:0;}
.footer span.icon a.qq{ background-position:0 0; top:5px; left:350px;}
.footer span.icon a.qq:hover{ background-position:0 -22px;}
.footer span.icon a.home{ background-position:-22px 0; top:5px; left:380px;}
.footer span.icon a.home:hover{ background-position:-22px -22px;}

.footcontact { display:none;}
.footline { display:none;}

@media only screen and (max-width: 1200px){
.footcontact { display:block; position:fixed; z-index:9998;bottom:0;left:0;width:100%; height:40px;background:#ee3523;font-size:16px;color:#fff;}
.footcontact ul li {display:block;width:33.3%;height:40px; float:left}
.footcontact a {display:block; vertical-align:top; height:40px;width:100%; text-align:center; position:relative; }
.footcontact a i {display:flex; align-items:center;justify-content:center;color:#fff; height:40px;width:100%; font-style:normal;}
.footcontact .wx p { display:none; position:absolute;left:50%;bottom:40px;width:120px;margin-left:-60px}
.footcontact .wx.active p { display:block; }
.footline { display:block; position:fixed; z-index:9999; height:40px; width:4px;bottom:0;left:33%;margin-left:-2px; background:#fff;}
.footlines { display:block; position:fixed; z-index:9999; height:40px; width:4px;bottom:0;left:66%;margin-left:-2px; background:#fff;}
.footer {padding-bottom:50px}
.footcontact .wxvideo p { display:none; position:absolute;left:50%;bottom:40px;width:120px;margin-left:-60px}
.footcontact .wxvideo.active p { display:block; }
}