@charset "utf-8";
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:36px;}
html{font-size : 20px;}
body>div{margin:0 auto;}
div {text-align:left}
img {border:0; display:block;}
body { color: #333; text-align: center; font: 12px; font-family:"微软雅黑","宋体"; }
ul, ol, li {list-style-type:none;vertical-align:0}
input,textarea,select{ outline:none; color:#333;}
input::-webkit-input-placeholder {
    /* placeholder颜色  */
     color: #ccc;
     /* placeholder字体大小  */
      /*font-size: 12px;*/
     /* placeholder位置  */
       /*text-align: right;*/
   }
a {color:#333;text-decoration:none}
a:hover {/* color: #01d56e; */color: #a40033 !important; text-decoration: none}
.clear::after {  content: ' '; display: block;height: 0; clear: both;}


@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); 
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg'); 
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  
}

@-webkit-keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
	100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
	100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}

.c-con{ width:1200px; min-width:320px; margin:0 auto; height:auto; box-sizing:border-box;}