body{
	width:100%;
	overflow:hidden;
}

#header{
	width:100%;
	padding:20px 0px;
	box-sizing:border-box;
	box-shadow:2px 2px 20px rgba(0,0,0,0.1);
	z-index:9999;
	position:relative;
	z-index:3;
}




#header .inner{
	width:1180px;
	margin:0 auto;
}

#header .inner .container{
	width:100%;
	display:inline-block;
	position:relative
}

#header .inner .container .logo{
	width:291px;
	display:inline-block;
}

#header .inner .container .logo img{
	width:100%;
}

#header .inner .container .menu{
	display:inline-block;
	float:right;
	margin-top:13px;
}

#header .inner .container .menu li{
	display:inline-block;
	font-size:18px;
	margin-left: 57px;
}

#header .inner .container .menu li a{
	color:#222;
}

#header .inner .container .moMenu{
	display:inline-block;
	float:right;
	width:29px;
	display:none;
}

#header .inner .container .moMenu img{
	width:100%;
}


#header .inner .container .menuClose{
	display:inline-block;
	width:29px;
	position:absolute;
	right:0;
	margin-top:7px;
	display:none;
}

#header .inner .container .menuClose img{
	width:100%;
}



#header .dropMenu{
	display: none;
	padding:50px 0px;
	box-sizing:border-box;
	width:100%;
	z-index:9999;
	background:#fff;
	position:absolute;
}

#header .dropMenu .titArea{
	width:13%;
	display:inline-block;
	vertical-align:top;
}

#header .dropMenu .titArea .tit{
	font-size: 26px;
	color:#222;
	font-weight:bold;
}

#header .dropMenu .titArea .subTit{
	font-size:20px;
	color:#777;
	margin-top:15px;
}

#header .dropMenu .menuCont{
	width:60%;
	display:inline-block;
	vertical-align:top;
}

#header .dropMenu .menuCont .menuList{
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	
}


#header .dropMenu .menuCont .menuList dd{
	width:32%;
	display:inline-block;
	padding:0px 10px;
	box-sizing:border-box;
	vertical-align:top;
	margin-bottom:20px;
}

#header .dropMenu .menuCont .menuList dd .depth01Box{
	width:100%;
	border:1px solid #e5e5e5;
	padding:17px 15px 15px;
	display:Inline-block;
	border-radius:5px;
	box-sizing:border-box;
	display:Inline-block;
	font-size:16px;
	font-weight:bold;
	color:#222;
	background:rgba(0,178,226,0);
}

#header .dropMenu .menuCont .menuList dd .depth01Box span{
	display:inline-block;
	float:right;
	width:25px;
	margin-top:-3px;
	opacity:0;
}

#header .dropMenu .menuCont .menuList dd .depth01Box span img{
	width:100%;
}

#header .dropMenu .menuCont .menuList dd .depth01Box:hover{
	background:rgba(0,178,226,1);
	transition:all 1s;
}

#header .dropMenu .menuCont .menuList dd .depth01Box:hover a{
	color:#fff;
}

#header .dropMenu .menuCont .menuList dd .depth01Box:hover span{
	opacity:1;
}

#header .dropMenu .menuCont .menuList dd .depth02List{
	width:100%;
	padding-left:20px;
	box-sizing:border-box;
	margin-top:20px;
	margin-bottom:30px;
}

#header .dropMenu .menuCont .menuList dd .depth02List li{
	width:100%;
	margin-top:12px;
	list-style:disc;
	color:#777;
	font-size:17px;
}

#header .dropMenu .menuCont .menuList dd .depth02List li a{
	color:#777
}

#header .dropMenu .menuCont .menuList dd .depth02List li:hover a{
	color:rgba(0,79,134,1);
	font-weight:bold;
}

#header .dropMenu .dropmenuBG{
	width:25%;
	display:inline-block;
	vertical-align:top;
}

#header .dropMenu .dropmenuBG img{
	width:100%;
}





#header .moSlideMenu{
	width:100%;
	position:fixed;
	background:#fff;
	z-index:999;
	height:calc(100% - 84px);
	bottom:0;
	overflow-y:scroll;
	right:-100%;
	transition:all 1s;
	display:block;
	z-index:2;
}





#header .moSlideMenu .menuClose{
	width:30px;
	line-height:30px;
	background:#e5e5e5;
	text-align:center;
	border-radius:100%;
	display:inline-block;
	padding:0px 10px;
	box-sizing:border-box;
	position:absolute;
	right:3%;
	top:-20px;
	z-index:9999
}

#header .moSlideMenu .menuClose img{
	width:100%;
}



#header .moSlideMenu .menuList{
	width:100%;
}


#header .moSlideMenu .menuList dd a{
	width:100%;
	padding:25px 3%;
	box-sizing:border-box;
	border-bottom:1px solid #e5e5e5;
	font-size:15px;
	display:inline-block;
}

#header .moSlideMenu .menuList dd .text{
	display:inline-block;
}

#header .moSlideMenu .menuList dd .icoArea{
	display:inline-block;
	float:right;
	width:12px;
}

#header .moSlideMenu .menuList dd .toggleClass{
	transform:rotate(-180deg)
}

#header .moSlideMenu .menuList dd .mm li{
	background:#f7f7f7;
	display:inline-block;
	width:100%;
}

#header .moSlideMenu .menuList dd .mm li span{
	background:#f7f7f7;
	float:right;
	opacity:0.3;
}

#header .moSlideMenu .menuList dd .mm li a{
	padding:25px 3% 25px 6%;
}

#header .moSlideMenu .menuList dd .mm li li a{
	padding:25px 3% 25px 9%;
	background:#fff;
	color:#777;
}

#header .moSlideMenu .menuList dd .mm li li:first-child a{
	border-top:1px solid #222;
}
#header .moSlideMenu .menuList dd .mm li li:last-child a{
	border-bottom:1px solid #999;
}


	


#header .moSlideMenu::-webkit-scrollbar {
	width: 3px;
}
#header .moSlideMenu::-webkit-scrollbar-track {
	background-color: #f7f7f7;
}

#header .moSlideMenu::-webkit-scrollbar-thumb{
	background: #e5e5e5;
}

#header .moSlideMenu::-webkit-scrollbar-button{
	display: none;
}








#footer{
	width:100%;
	background:#fff;
	border-top:1px solid #e5e5e5;
}

#footer .inner{
	width:1180px;
	margin:0 auto;
}

#footer .inner .container{
	width:100%;
	display:inline-block;
}

#footer .inner .container .lf{
	width:66.6%;
	display:inline-block;
	vertical-align:Middle;
}

#footer .inner .container .lf .topMenu{
	width:100%;
}


#footer .inner .container .lf .topMenu li{
	font-size:16px;
	color:#777777;
	margin-right:20px;
	display:inline-block;
	cursor:pointer;
}

#footer .inner .container .lf .topMenu li a{
	color:#777777;
}

#footer .inner .container .lf .footLogo{
	width:244px;
	margin-top:40px;
	opacity:0.4
}

#footer .inner .container .lf .footLogo img{
	width:100%;
}


#footer .inner .container .lf .copy{
	font-size:16px;
	color:#777777;
	margin-top:20px;
	line-height:26px;
}



#footer .inner .container .callCenter{
	width:33%;
	display:inline-block;
	background:#fff;
	padding:50px 30px;
	vertical-align:Middle;
	box-sizing:border-box;
}

#footer .inner .container .callCenter .subject{
	font-size:18px;
	color:#999999;
	font-weight:bold;
}

#footer .inner .container .callCenter .callNum{
	font-size:30px;
	color:#222;
	font-family:'lato';
	margin-top:10px;
}

#footer .inner .container .callCenter .timeList{
	width:100%;
	margin-top:20px;
}

#footer .inner .container .callCenter .timeList li{
	width:100%;
	margin-top:10px;
}

#footer .inner .container .callCenter .timeList li .subj{
	font-size:16px;
	width:50%;
	display:inline-block;
	color:#777777;
}


#footer .inner .container .callCenter .timeList li .subs{
	font-size:16px;
	width:48%;
	display:inline-block;
	color:#777777;
}




.aside{
	width:60px;
	right:20px;
	bottom:20px;
	position:fixed;
	z-index:2;
}

.aside .quick{
	width:100%;
}

.aside .quick li{
	width:100%;
	height:60px;
	position:relative;
	background:#0085cc;
	border-radius:100%;
}

.aside .quick li span{
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}


.aside .quick li span .topArrow{
	width:20px;
	margin:0 auto;
}


.aside .quick li span .topArrow img{
	width:100%;
}


.aside .quick li span .tx{
	font-size:15px;
	color:#fff;
	text-align:Center;
	margin-top:5px;
}





























