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,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup{ margin:0; padding:0; border:0;  font-family:Helvetica, Arial, "PingFang SC", "Microsoft Yahei"; font-weight:400;}
html{ -webkit-text-size-adjust:none;}
body{ font-size:12px !important; line-height:24px;/* -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;*/ color:#333;}
input,textarea,button,select{ resize:none;  -webkit-appearance: none; font-family:Helvetica, Arial, "PingFang SC", "Microsoft Yahei";}
img{ border:none; vertical-align:top; }
ul,li{ list-style:none;}
a{ text-decoration:none; color:#333; transition:color 0.3s ease-in;}
a:hover{  outline:none; color:#a80028; text-decoration:none;}
a:focus{outline:none;}
h1,h2{ font-weight:normal;}
input:focus,textarea:focus,button{ outline:none; -webkit-appearance: none;}
em,i{ font-style:normal;}
 
.or{ overflow:hidden;} 
.cl{ clear:both;}
.mainbox{ width:1200px; margin:0 auto;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}

::-webkit-input-placeholder {color:#999;}
:-moz-placeholder { color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder { color:#999;}

@font-face {
	font-family: 'fontello';
	src: url('../font/fontello.eot');  
	src: url('../font/fontello.eot?#iefix') format('embedded-opentype'), 
		 url('../font/fontello.woff') format('woff'),  
		 url('../font/fontello.ttf') format('truetype'),  
		 url('../font/fontello.svg#fontname') format('svg');  
}
 
 
/*
 
.page{ text-align:center; padding:50px 0 55px 0; clear:both; }
.page a{ border:1px solid #ececec; line-height:29px; height:29px; display:inline-block; padding:0 12px; font-size:14px; margin:0 5px; color:#a3a3a3;}
.page a:hover{ border:1px solid #fbc02d; background:#fbc02d; color:#fff;}
.page span{ border:1px solid #fbc02d; background:#fbc02d; color:#fff; line-height:29px; height:29px; display:inline-block; padding:0 12px; font-size:14px; margin:0 5px;}
.page a.pre i{ background:url(../images/san_07.png) no-repeat; display:inline-block; width:5px; height:8px; margin-right:5px; }
.page a.pre:hover i{ background:url(../images/sanh_07.png) no-repeat; }
.page a.next i{ background:url(../images/san_09.png) no-repeat; display:inline-block; width:5px; height:8px; margin-left:5px; }
.page a.next:hover i{ background:url(../images/sanh_09.png) no-repeat; }
*/
.place{ color:#666; margin-top:30px; font-size:12px;}
.place a{ color:#666;}
.place a:hover{ color:#a80028;}
.place span{ margin:0 5px;}
.place.bai{ color:#fff; text-align:left; padding-top:20px;}
.place.bai a{ color:#fff;}
.place.bai a:hover{ text-decoration:underline;}
 

.side-bar{position:fixed; width:50px; bottom:180px; right:20px; z-index:100; }
.side-bar>a {width:50px;height:50px; line-height:50px; position: relative; text-align: center; margin-bottom:5px;  display:block; cursor:pointer; float:left;  background:#9d0328; transition:all .3s ease-out; }
.side-bar>a:hover{ background:#81001f;}
.side-bar i{ display:block; margin:0 auto;  width: 25px; height: 25px; transition:all 0.3s ease-out; } 
.side-bar em{ width:100%; text-align:center; display:block;  color:#fff; font-size:9px; line-height:50px;  transition:all 0.3s ease-out; opacity:0; position:absolute; left:0px; top:0px;}
.side-bar a:hover i{ transform:scale(0);  }
.side-bar a:hover em{ transform:scale(1); opacity:1;}
.side-bar .dh:hover i{ transform:scale(0);}
.side-bar .dh:hover em{ transform:scale(1); opacity:1; }
.side-bar .kf i{ /*background:url(../images/sideicon_03.png) no-repeat;*/}
.side-bar .kf i:after{  font-family: 'fontello'; content:"\e808"; color:#fff; font-size:20px;}
.side-bar .dh i{/* background:url(../images/sideicon_06.png) no-repeat;*/}
.side-bar .dh i:after{  font-family: 'fontello'; content:"\e809"; color:#fff; font-size:20px;}
.side-bar .sj{ background:#4a4a4a;} 
.side-bar .sj:hover{ background:#2f2f2f;} 
.side-bar .sj i{/*background:url(../images/sideicon_08.png) no-repeat;*/}
.side-bar .sj i:after{  font-family: 'fontello'; content:"\e807"; color:#fff; font-size:20px;}
.side-bar .sj:hover i{ transform:scale(0);}
.side-bar .sj:hover em{transform:scale(1); opacity:1;}
s.r{ font-size:12px; vertical-align:sub; font-style:normal; text-decoration:none}
s.tm{ font-size:12px; vertical-align:sub; font-style:normal; text-decoration:none}
@-webkit-keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(500px);
transform:translateX(500px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(500px);
transform:translateX(500px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
 
.slideInRight { 
 -webkit-animation:slideInRight 0.6s ease-out;	
 animation:slideInRight 0.6s ease-out;
 transition-delay:0.6s;
} 

.mask{position:fixed; left:0;top:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);-moz-opacity:0.5;z-index:1001; display:none; }
.contact_pop{ width:720px; background:#fff; box-sizing:border-box;  border:1px solid #e5e5e5; position:fixed; left:50%;top:1%; margin:0 0 0 -360px; z-index:1002; transition:all 0.5s cubic-bezier(0.105,1.095,0.000,1.110); transform:scale(0); opacity:0;} 
.contact_pop.niu{ transform:scale(1); opacity:1;}
.contact_pop .close{ background:url(../images/close.png) no-repeat; width:18px; height:18px; display:block; position:absolute; right:20px; top:20px;}
.contact_pop h2{ font-size:28px; text-align:center; color:#ae173b; line-height:30px; margin-top:35px;}
.contact_pop ul{ width:590px; margin:10px auto;  }
.contact_pop li{ width:255px; float:left; margin:10px 20px 0px 20px;}
.contact_pop li span{ display:block; font-size:14px; line-height:32px; }
.contact_pop li .txt{ box-sizing:border-box; border-radius: 0; border:1px solid #e5e5e5; font-size:14px; line-height:22px; padding:5px 10px;}
.contact_pop li .txt.w1{ width:100%; height:32px;}
.contact_pop li select{ width:100%; border-radius: 0; height:32px;box-sizing:border-box; border:1px solid #e5e5e5; font-size:14px; line-height:22px; padding:5px 10px; float:right;}
.contact_pop li.long{ width:550px;}
.contact_pop li.long .txt.w2{ width:100%;}
.contact_pop li.long .txt.w3{ height:120px; width:100%; }
.contact_pop li .btn{ display:block; border-radius: 0; width:110px; height:36px; margin:0 auto; color:#fff; font-size:16px; text-align:center; background:#ae173b; transition:all 0.3s; border:0; cursor:pointer;}
.contact_pop li .btn:hover{ background:#a0092d;}

@media screen and (max-width:1230px) {
.mainbox{ width:90%;}
}
@media screen and (max-width:768px) {
.place{ margin-top:10px;}
 
.contact_pop{ width:90%; margin:0 0 0 -45%;} 
.contact_pop h2{ font-size:20px; line-height:24px; margin-top:25px;}
.contact_pop ul{ width:90%; margin:30px auto;  }
.contact_pop li{ width:48%; margin:10px 1%;}
 
.contact_pop li.long{ width:98%;}
.contact_pop li.long .txt.w3{ width:100%; }

}

@media screen and (max-width:600px) {
.contact_pop{ top:5%;}	
.contact_pop ul{ width:90%; margin:20px auto;  }
.contact_pop li{ width:100%; margin:10px 0%; float:none; clear:both; overflow:hidden;}
.contact_pop li span{ display:none; }
 
.contact_pop li .txt.w1{ width:100%; height:32px; float:none;}
.contact_pop li select{ width:100%; float:none;}
.contact_pop li.long{ width:100%;}
 
.contact_pop li .btn{ width:100%;}
}

@media screen and (max-width:470px) {
 
.page{ text-align:center; padding:20px 0;}
.page em{ display:none;}
.side-bar{ bottom:20px; right:10px; }
 
 
.contact_pop li.long .txt.w3{ height:60px;} 
}
 
/*页面加载动画*/
html{ height:100%;}
section.jiazai{ background:#fff; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000000;} 

 
@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); }

  50% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }

  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
            transform: perspective(100px) rotateX(0) rotateY(180deg); }

  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
            transform: perspective(100px) rotateX(0) rotateY(0); } }

.square-spin > div { position:fixed; z-index:1111111111111; left:50%; top:50%; margin:-50px 0 0 -50px;
  -webkit-animation-fill-mode: both;
   animation-fill-mode: both; width:100px;
   height: 100px;
   -webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
   animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite; }
.square-spin > div:before{ font-family: 'fontello'; content:"\e804"; font-size:100px; line-height:100px; color:#b21b34; }


/*新加载*/
.loader{ position:fixed; z-index:1111111111111; left:50%; top:50%; margin:-50px 0 0 -35px;}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }

.ball-clip-rotate > div {
  background-color: #b21b34;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  border: 2px solid #b21b34;
  border-bottom-color: transparent;
  height: 55px;
  width: 55px;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
          animation: rotate 0.75s 0s linear infinite; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1.5);
            transform: rotate(0deg) scale(1.5); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1.5);
            transform: rotate(360deg) scale(1.5); } }

@keyframes scale {
  30% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.ball-clip-rotate-pulse {
  position: relative;
  -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
          transform: translateY(-15px); }
  .ball-clip-rotate-pulse > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%; }
    .ball-clip-rotate-pulse > div:first-child {
      background: #b21b34;
      height: 46px;
      width: 46px;
      top: 9px;
      left: 9px;
      -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
              animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite; }
    .ball-clip-rotate-pulse > div:last-child {
      position: absolute;
      border: 2px solid #b21b34;
      width: 60px;
      height:60px;
      background: transparent;
      border: 2px solid;
      border-color: #b21b34 transparent #b21b34 transparent;
      -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
              animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
      -webkit-animation-duration: 1s;
              animation-duration: 1s; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
            transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1); } }