﻿@charset"utf-8";
/*公共样式*/
html { 
	font-family:'微软雅黑'; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}
*{ 
	margin:0; 
	padding:0; 
	-webkit-box-sizing: inherit; 
	-moz-box-sizing: inherit; 
	box-sizing: border-box; 
}
body, button, input, select, textarea { 
	font-family:'微软雅黑'; 
	font-size: 14px;
}
h1,h2,h3,h4,h5,h6{ 
	font-weight: initial; 
}
ul{ 
	list-style: none; 
}
img{ 
	border: none;
	max-width:100%;
}
a{ 
	text-decoration: none; cursor: pointer; 
}
input,select,textarea{ 
	appearance:none; 
	-webkit-appearance:none; 
	-moz-appearance:none; 
	border:0; 
	outline: none; 
}
input[type="button"],input[type="submit"]{ 
	cursor: pointer; 
}
video{ 
	width: 100%; 
}
/*

汉堡导航*/
.navToggle{ 
	width: 30px; 
	height: 30px; 
	display: inline-block; 
	font-size: 0; 
	cursor: pointer;
	float: left;
}
.navToggle:before{ 
	content: ""; 
	display: inline-block; 
	vertical-align: middle; 
	height: 100%; 
	width: 0; 
}
.navToggle .icon,.navToggle .icon:after,.navToggle .icon:before{ 
	-webkit-transition: all .3s linear 0s; 
	-moz-transition: all .3s linear 0s; 
	transition: all .3s linear 0s; 
}
.navToggle .icon{ 
	width: 100%; 
	height: 2px; 
	display: inline-block; 
	vertical-align: middle; 
	background-color: #003894; 
}
.navToggle .icon:after,.navToggle .icon:before{ 
	content: ""; 
	width: 30px; 
	height: 2px; 
	display: inline-block; 
	background-color: #003894; 
	position: relative; 
}
.navToggle .icon:before{ 
	top: -10px; 
}
.navToggle .icon:after{ 
	bottom: -8px; 
}
.navToggle.active .icon{ 
	width: 0; 
}
.navToggle.active .icon:before{ 
	top: -5px; 
	-webkit-transform: translateY(4px) rotate(45deg); 
	transform: translateY(4px) rotate(45deg); 
	-ms-transform: translateY(4px) rotate(45deg); 
}
.navToggle.active .icon:after{ 
	top: -7px; 
	-webkit-transform: translateY(4px) rotate(-45deg); 
	transform: translateY(4px) rotate(-45deg); 
	-ms-transform: translateY(4px) rotate(-45deg); 
}
/*

input*/
.inp{ position: relative; }
.inp input{ width: 100%; height: 100%; }
.inp input[disabled="disabled"]{ background-color: #f7f7f7; }
.inp label{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: text; }
/*

height*/
.h50b{ height: 50%; }
.h100b{ height: 100%; }
/*

*/
.disv{ font-size: 0; }
.disv:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.disvc{ display: inline-block; vertical-align: middle; width: 100%; font-size: 14px; }
/*

float*/
.ovh{ overflow: hidden; }
.cl:after{ content: ""; clear: both; display: block; }
.fl{ float: left; }
.fr{ float: right; }
/*

position*/
.rel{ position: relative; }
.abs{ position: absolute; }
/*

text-align*/
.tc{ text-align: center; }
.tl{ text-align: left; }
.tr{ text-align: right; }
/*

margin*/
.m10{ margin: 10px; }
.m20{ margin: 20px; }
.m30{ margin: 30px; }
.m40{ margin: 40px; }
.m50{ margin: 50px; }
.m60{ margin: 60px; }
.m70{ margin: 70px; }
.m80{ margin: 80px; }
.m90{ margin: 90px; }
.m100{ margin: 100px; }
/*

margin-top*/
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mt70{ margin-top: 70px; }
.mt80{ margin-top: 80px; }
.mt90{ margin-top: 90px; }
.mt100{ margin-top: 100px; }
/*

margin-bottom*/
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }
.mb60{ margin-bottom: 60px; }
.mb70{ margin-bottom: 70px; }
.mb80{ margin-bottom: 80px; }
.mb90{ margin-bottom: 90px; }
.mb100{ margin-bottom: 100px; }
/*

margin-left*/
.ml10{ margin-left: 10px; }
.ml20{ margin-left: 20px; }
.ml30{ margin-left: 30px; }
.ml40{ margin-left: 40px; }
.ml50{ margin-left: 50px; }
.ml60{ margin-left: 60px; }
.ml70{ margin-left: 70px; }
.ml80{ margin-left: 80px; }
.ml90{ margin-left: 90px; }
.ml10{ margin-left: 10px; }
/*

margin-right*/
.mr10{ margin-right: 10px; }
.mr20{ margin-right: 20px; }
.mr30{ margin-right: 30px; }
.mr40{ margin-right: 40px; }
.mr50{ margin-right: 50px; }
.mr60{ margin-right: 60px; }
.mr70{ margin-right: 70px; }
.mr80{ margin-right: 80px; }
.mr90{ margin-right: 90px; }
.mr100{ margin-right: 100px; }
/*

padding*/
.p10{ padding: 10px; }
.p20{ padding: 20px; }
.p30{ padding: 30px; }
.p40{ padding: 40px; }
.p50{ padding: 50px; }
.p60{ padding: 60px; }
.p70{ padding: 70px; }
.p80{ padding: 80px; }
.p90{ padding: 90px; }
.p100{ padding: 100px; }
/*

padding-top*/
.pt10{ padding-top: 10px; }
.pt20{ padding-top: 20px; }
.pt30{ padding-top: 30px; }
.pt40{ padding-top: 40px; }
.pt50{ padding-top: 50px; }
.pt60{ padding-top: 60px; }
.pt70{ padding-top: 70px; }
.pt80{ padding-top: 80px; }
.pt90{ padding-top: 90px; }
.pt100{ padding-top: 100px; }
/*

padding-bottom*/
.pb10{ padding-bottom: 10px; }
.pb20{ padding-bottom: 20px; }
.pb30{ padding-bottom: 30px; }
.pb50{ padding-bottom: 50px; }
.pb60{ padding-bottom: 60px; }
.pb70{ padding-bottom: 70px; }
.pb80{ padding-bottom: 80px; }
.pb90{ padding-bottom: 90px; }
.pb100{ padding-bottom: 100px; }
/*

padding-left*/
.pl10{ padding-left: 10px; }
.pl20{ padding-left: 20px; }
.pl30{ padding-left: 30px; }
.pl40{ padding-left: 40px; }
.pl50{ padding-left: 50px; }
.pl60{ padding-left: 60px; }
.pl70{ padding-left: 70px; }
.pl80{ padding-left: 80px; }
.pl90{ padding-left: 90px; }
.pl100{ padding-left: 100px; }
/*

padding-right*/
.pr10{ padding-right: 10px; }
.pr20{ padding-right: 20px; }
.pr30{ padding-right: 30px; }
.pr40{ padding-right: 40px; }
.pr50{ padding-right: 50px; }
.pr60{ padding-right: 60px; }
.pr70{ padding-right: 70px; }
.pr80{ padding-right: 80px; }
.pr90{ padding-right: 90px; }
.pr100{ padding-right: 100px; }



/*transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;*/

	/*

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);



	*/