@charset"utf-8";

/*公共样式*/

/*@font-face {

	font-family: 'siyuan-regular';

	src: url('../fonts/siyuan-regular.otf');

}

@font-face {

	font-family: 'siyuan-medium';

	src: url('../fonts/siyuan-medium.otf');

}

@font-face {

	font-family: 'siyuan-bold';

	src: url('../fonts/siyuan-bold.otf');

}

@font-face {

	font-family: 'siyuan-bold';

	src: url('../fonts/siyuan-bold.otf');

}*/

@font-face {

	font-family: 'avant-bold';

	src: url('../fonts/AvantGardeMdITC-Bold.otf');

}

@font-face {

	font-family: 'avant';

	src: url('../fonts/AvantGardeITCbyBT-Book.ttf');

}

html { 

	font-family: sans-serif; 

	-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: Arial, "Microsoft YaHei", 'siyuan-regular', "Helvetica Neue";

	font-size: 14px;

}

.st{

	/*font-family: 'siyuan-bold';*/
	font-weight: bold;

}

h1,h2,h3,h4,h5,h6,

ul,li,

p,

dl,dt,dd{

	margin:0; 

	padding:0; 

}

h1,h2,h3,h4,h5,h6{ 

	font-weight: initial; 

}

ul{ 

	list-style: none; 

}

img{ 

	border: none; 

}

a{ 

	text-decoration: none; cursor: pointer; 

}

a:hover,a:active,a:focus{

	text-decoration: none;

}

:focus{

	outline: none !important;

}

input,select,textarea{ 

	appearance:none; 

	-webkit-appearance:none; 

	-moz-appearance:none;
	-ms-appearance:none; 
	-o-appearance:none;  

	border:0; 

	outline: none; 
    font-family: Arial, "Microsoft YaHei", 'siyuan-regular', "Helvetica Neue";

}

input[type="button"],input[type="submit"]{ 

	cursor: pointer; 

}

video{ 

	width: 100%; 

}

.img{

	width: 100%;

}

/*



汉堡导航*/

.navToggle{ 

	width: 30px; 

	height: 30px; 

	display: inline-block; 

	font-size: 0; 

	cursor: pointer; 

	display: none; 

}

.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: #000000; 

}

.navToggle .icon:after,.navToggle .icon:before{ 

	content: ""; 

	width: 30px; 

	height: 2px; 

	display: inline-block; 

	background-color: #000000; 

	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;*/