@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%;}
body {margin:0 auto; font:12px/1 "Microsoft Yahei", "微软雅黑", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 {font-weight:bold; font-size:18px; line-height:normal; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#746969;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; }
img, iframe {border:none;}
a:link {color:inherit;}
:focus {outline:0;}
a {
    text-decoration: none;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    color: #616161;
}
.w990{
	width: 990px;
	margin: 0 auto;
}
.pr{
	position: relative;
}
@font-face { 
font-family: shuzi;/*定义font的名字*/ 
src: url('../font/shuzi.ttf');/*把下载的字体文件引入进来*/ 
} 	

/*按钮*/
html *{
 
	
}
html *:before,
html *:after {
  box-sizing: border-box;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
*:before,
*:after {
  z-index: 1;
}
[class^="btn-"] {
  position: relative;
  display: block;
  width: 100%;
  height: 44px;
  max-width: 329px;
  text-transform: uppercase;
  overflow: hidden;
  border: 1px solid currentColor;
}
.btn-2 {
  color: #dc3b45;
  line-height: 44px;
	text-align: center;
	border: 1px solid #dc3b45;
}
.btn-2:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #dc3b45;
  position: absolute;
  bottom: 0;
  left: 0;
}
.btn-2:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent #dc3b45 transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.btn-2:hover {
  color: #ff767f;
}
.btn-2:hover:before {
  border-width: 200px 0 0 200px;
}
.btn-2:hover:after {
  border-width: 0 200px 200px 0;
}
.btn-2:active {
  background: #dc3b45;
}
/*img{ vertical-align:top;}*/
ol, ul, li{list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}
/* == clearfix == */
.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}/*IE/7/6*/
.fl{ float:left; overflow:hidden; }
.fr{ float:right; overflow:hidden; }