/** reset **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0; }
body,button, input, select, textarea{font: 14px/1.5 Arial,tahoma, Srial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6{font-size: 100%;}
em{font-style:normal;}
ul, ol{list-style: none;}
td{ padding:8px}
*{box-sizing: border-box; }
a{text-decoration: none; color:#333;}
a:hover{text-decoration: none;
		color:#b1945c;
		-moz-transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;
}
img{border:0px; outline-width:0px;vertical-align:top;}
button, input, select, textarea{outline: none;-webkit-appearance:none;} 
.clearfix:after{clear:both;content:"\200B";display:block;height:0;}
.clearfix{*zoom:1;}
.fl { float:left;}
.fr { float:right;}
.w1400 { width:1400px; margin:0 auto;}
.hide { display:none;}
.wrap { width: 1312px; margin: 0 auto;}

.fnt82 {font-size: 82px;}
.fnt62 {font-size: 62px;}
.fnt60 {font-size: 60px;}
.fnt56 {font-size: 56px;}
.fnt48 {font-size: 48px;}
.fnt42 {font-size: 42px;}
.fnt38 {font-size: 38px;}
.fnt36 {font-size: 36px;}
.fnt32 {font-size: 32px;}
.fnt30 {font-size: 30px;}
.fnt28 {font-size: 28px;}
.fnt24 {font-size: 24px;}
.fnt20 {font-size: 20px;}
.fnt18 {font-size: 18px;}
.fnt16 {font-size: 16px;}
@media screen and (max-width:1600px) {
	.w1400 { width: 90%;}
	.wrap {width: 90%;}
	.fnt82 {font-size: 72px;}
	.fnt62 {font-size: 56px;}
	.fnt60 {font-size: 54px;}
	.fnt56 {font-size: 48px;}
	.fnt48 {font-size: 42px;}
	.fnt42 {font-size: 38px;}
	.fnt38 {font-size: 32px;}
	.fnt36 {font-size: 30px;}
	.fnt32 {font-size: 28px;}
	.fnt30 {font-size: 28px;}
	.fnt28 {font-size: 26px;}
	.fnt24 {font-size: 22px;}
	
}
@media screen and (max-width:1440px) {
	.w1400 { width: 92%;}
	.wrap {width: 1100px;}
	.fnt82 {font-size: 62px;}
	.fnt62 {font-size: 44px;}
	.fnt60 {font-size: 42px;}
	.fnt56 {font-size: 40px;}
	.fnt48 {font-size: 38px;}
	.fnt42 {font-size: 34px;}
	.fnt38 {font-size: 30px;}
	.fnt36 {font-size: 28px;}
	.fnt32 {font-size: 26px;}
	.fnt30 {font-size: 26px;}
	.fnt28 {font-size: 24px;}
	.fnt24 {font-size: 20px;}
	.fnt20 {font-size: 18px;}
	.fnt18 {font-size: 16px;}
	.fnt16 {font-size: 14px;}
	
}
@media screen and (max-width:1280px) {
	.w1400 { width: 96%;}
	.wrap {width: 92%;}
	.fnt82 {font-size: 56px;}
	.fnt62 {font-size: 40px;}
	.fnt60 {font-size: 38px;}
	.fnt56 {font-size: 34px;}
	.fnt48 {font-size: 32px;}
	.fnt42 {font-size: 30px;}
	.fnt38 {font-size: 28px;}
	.fnt36 {font-size: 26px;}
	.fnt32 {font-size: 24px;}
	.fnt30 {font-size: 24px;}
	.fnt28 {font-size: 22px;}
	.fnt24 {font-size: 18px;}
	.fnt20 {font-size: 16px;}
}
@media screen and (max-width:1024px) {
	.w1400 { width: auto; margin: 0 20px;}
	.wrap {width: auto; margin: 0 20px;}
	.fnt82 {font-size: 50px;}
	.fnt62 {font-size: 34px;}
	.fnt60 {font-size: 32px;}
	.fnt56 {font-size: 30px;}
	.fnt48 {font-size: 28px;}
	.fnt42 {font-size: 26px;}
	.fnt38 {font-size: 24px;}
	.fnt36 {font-size: 22px;}
	.fnt32 {font-size: 20px;}
	.fnt30 {font-size: 20px;}
	.fnt28 {font-size: 18px;}
}
@media screen and (max-width:768px) {
	.fnt82 {font-size: 40px;}
	.fnt62 {font-size: 32px;}
	.fnt60 {font-size: 28px;}
	.fnt56 {font-size: 26px;}
	.fnt48 {font-size: 24px;}
	.fnt42 {font-size: 22px;}
	.fnt38 {font-size: 20px;}
	.fnt36 {font-size: 20px;}
	.fnt32 {font-size: 18px;}
	.fnt30 {font-size: 18px;}
}

@-webkit-keyframes returnToNormal {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}to {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes returnToNormal {from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}to {opacity: 1;-webkit-transform: none;transform: none;}}
@font-face {
  font-family: "Haettenschweiler";
  src: url("../fonts/Haettenschweiler.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* flex布局 */
.flex-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

.row{display:-webkit-box;display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}
.row .col{padding:0 12px}
.row .col.col-1{width:8.33%}
.row .col.col-2{width:16.66%}
.row .col.col-3{width:25%}
.row .col.col-4{width:33.33%}
.row .col.col-5{width:41.66%}
.row .col.col-6{width:50%}
.row .col.col-7{width:58.33%}
.row .col.col-8{width:66.66%}
.row .col.col-9{width:75%}
.row .col.col-10{width:83.33%}
.row .col.col-11{width:91.66%}
.row .col.col-12{width:100%}

@font-face {
  font-family: "Deng";
  src: url("../fonts/Deng.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}