@charset "utf-8";
/* CSS Document */
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea{margin:0;padding:0;font-weight: normal;font-style: normal;font-size: 100%;}
/*::-webkit-scrollbar {width: 0px;}*/
ol, ul ,li,i,h1,h2,h3,h4,h5{list-style: none; list-style-type:none; margin:0; padding:0;}
img{border: 0;margin:0;padding:0;}
body{font-family:"微软雅黑";font-size:14px; color:#999;overflow-x: hidden;min-width:800px;}
a,em{text-decoration:none;font-style:normal;}
a:link,a:visited,a:active{
color:#303030; font-size:12px; text-decoration:none;
}	
a:hover{
text-decoration:none; font-size:12px; color:#990000;
}
a{outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clearfix{*zoom:1;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clear{clear:both;height:0px;overflow:hidden}
a{cursor:pointer;}
.warp{max-width:1200px; margin:0 auto; text-align:center;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt120{margin-top:120px;}
/*=======header=====*/
header{position:sticky; top:0; left:0; width:100%; background:#fff; display:flex; z-index:5;}

@media screen and (min-width: 768px) and (max-width:1440px) {
.warp{width:800px;}
}
@media screen and (min-width: 1441px) and (max-width:1680px) {
.warp{width:1000px;}
}
@media screen and (min-width: 1681px) and (max-width:1920px) {
.warp{width:1200px;}
}


.warp img{max-width:100%;}
.button img{animation:bigfier 3s linear infinite forwards;}
@keyframes bigfier {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(0.95);
  }
  42% {
    transform: scale(1.05);
  }
  66% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?8gw4sf');
  src:  url('../fonts/icomoon.eot?8gw4sf#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?8gw4sf') format('truetype'),
    url('../fonts/icomoon.woff?8gw4sf') format('woff'),
    url('../fonts/icomoon.svg?8gw4sf#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-pencil:before {
  content: "\e905";
}
.icon-bubble:before {
  content: "\e96b";
}
/* 侧边悬浮导航 */
.float{position: fixed; right:15px;  bottom:0px; background:#fff; width:400px; height:60px;z-index:2; border-radius:5px;box-shadow: 0px 1px 5px 2px rgba(144,137,137,0.75);
-webkit-box-shadow: 0px 1px 5px 2px rgba(144,137,137,0.75);
-moz-box-shadow: 0px 1px 5px 2px rgba(144,137,137,0.75);}
.float p{float:left; width:50%; height:60px; text-align:center; vertical-align:middle;}
.float p span{display:block; color:#333; font-size:16px; margin-top:10px; font-weight:bold;}
.float a{float:left; width:50%; height:60px; background:#ab162b; display:block; color:#fff; text-align:center; line-height:60px; font-size:16px;}