@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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    outline: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*/




 div, a, img, ol, ul, li, table, footer, footer_zhuanti, header, menu, nav, output, section, video {
	margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    outline: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



body{ padding-bottom:90px;}



ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
}

.clearfix {
    zoom: 1;
}

.clearfix:before {
    content: '';
    display: block;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}











.header_zhuanti{
  clear: both; 
  position: relative; 
  overflow: hidden; 
  width: 100%; 
  background: #a5212f;
  display: flex;
  justify-content: center;
}
/*.header_zhuanti{
  margin: 0 auto;
  width: 640px;
  height: 80px;
  background: #38004c;
}*/
.header_zhuanti img{ width: 100%; display: block;}
.header_zhuanti .header_zhuanti_left{ width: 18.8%;}
.header_zhuanti .header_zhuanti_logo{ width: 64.8%;}
.header_zhuanti .header_zhuanti_tel{ width: 16.4%;}

/*寰俊*/
  .top_tips {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 10px rgba(10, 2, 4, 0.75);
    color: #000;
    height: 50px;
    line-height: 23px; 
    padding: 3px 0;
    width: 100%;
    position: fixed;
    top: -90px;
	left:0;
    width: 100%;
    z-index: 1001;
	overflow:hidden;
}
.top_tips img {
    border-radius: 5px;
    float: left;
}
.top_tips ul {
    float: left;
	margin-left:1%;
	width:84%;
	overflow:hidden;
}
.top_tips ul li {
    font-size: 14px !important;
    height: 20px;
    line-height: 20px;
}


.top_333{ color:red;}

@keyframes prince{
  0%,90%,100%{
    transform: scale(1);
  }
  95%{
    transform: scale(2);
  }

}

.prince{
    width: 8.7rem;
    position: absolute;
    top: 5%;
    left: 50%;
    text-align: center;
    margin-left: -3.75rem;
    font-size: 2.3rem!important;
    line-height: 1;
    font-weight: bold;
    color: #000!important;
    animation: prince 3s 0s linear infinite none;
   }

@keyframes sxd{
  0%,50%,100%{
    transform:translateY(0%);
  }
  25%{
    transform:translateY(-50%);
  }
  75%{
    transform:translateY(50%);
  }
}
@keyframes sxd1{
  0%,50%,100%{
    transform:translateY(0%);
  }
  25%{
    transform:translateY(-20%);
  }
  75%{
    transform:translateY(20%);
  }
}

@keyframes dxd{
  0%,100%{
    transform: scale(1);
  }
  50%{
    transform: scale(1.4);
  }
}

@keyframes zyd{
   0%,60%,100%{transform: translateX(0%);}
   70%{transform:translateX(-10%);}
   80%{transform:translateX(0%);}
   90%{transform:translateX(-10%);}
}

.m1{
    animation: sxd 2s 0s linear infinite none;
    letter-spacing:-3px;
} 
.m2{
    animation: sxd 2s 0s linear infinite none;
    animation-delay: .4s;
}
.m3{
    animation: sxd 2s 0s linear infinite none;
    animation-delay: .8s;
    letter-spacing:-3px;
}
.m4{
    animation: sxd1 2s 0s linear infinite none;
    animation-delay: 1.2s;
}
.m5{
    animation: sxd1 2s 0s linear infinite none;
    animation-delay: 1.6s;
}
.m6{
   animation: dxd 1s 0s linear infinite none;
}
.m7{
   animation: dxd 1s 0s linear infinite none;
      animation-delay: .2s
}
.m8{
   animation: dxd 1s 0s linear infinite none;
      animation-delay: .4s
}
.m9{
   animation: dxd 1s 0s linear infinite none;
      animation-delay: .6s
}
.m10{
   animation: dxd 1s 0s linear infinite none;
      animation-delay: .8s
}
.m11{
   animation: zyd 1s 0s linear infinite none;
   animation-delay: .2s;
}
.m12{
   animation: zyd 1s 0s linear infinite none;
    animation-delay: .4s;
}
.m13{
   animation: zyd 1s 0s linear infinite none;
    animation-delay: .6s;
}
.m14{
   animation: zyd 1s 0s linear infinite none;
    animation-delay: .8s;
}
.m15{
   animation: zyd 1s 0s linear infinite none;
}
.m16{
    animation-delay: .4s;
}
.m17{
    animation-delay: .8s;
}
.m18{
    animation-delay: 1.2s;
}
.m19{
    animation-delay: 1.6s;
}
.m20{
   
}


.qi{ font-size:1.2rem!important;letter-spacing: 0px;}
.clear{display: flex;justify-content: center;flex-wrap: wrap;}
.clear li{position: relative;}


/* 搴曢儴鎮诞 */
footer_zhuanti img{
	border: 0;
	width:auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
}


footer_zhuanti .foot_fixed  {
  width: 100%;
  font-size: 1.4rem;
  color: #782d94;
  height:90px;  
   background: url("/images/foot_dibu.jpg") no-repeat;
  -webkit-background-size: 100% 90px;
  background-size: 100% 90px;
  text-align: center;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 100;
}


footer_zhuanti .foot_fixed  li {
  width: 19.5%;
  padding: 5px 0 0;
  float: left;
}
footer_zhuanti .foot_fixed  li a {
  color: #782d94;
  display: block;
}
footer_zhuanti .foot_fixed  li a div {
  margin: 0 auto;
}

footer_zhuanti .foot_fixed  li:first-child {
float:left;
}
footer_zhuanti .foot_fixed  li:nth-child(2){
float:left;
}
footer_zhuanti .foot_fixed  li:nth-last-child(2){
float:right;	
}
footer_zhuanti .foot_fixed  li:last-child {
float:right;
}

footer_zhuanti .foot_fixed  li.f_l1 div {
  width: 47%;
}
footer_zhuanti .foot_fixed  li.f_l2 div {
  width: 47%;
}
footer_zhuanti .foot_fixed  li.f_l3 div {
  width: 47%;
}
footer_zhuanti .foot_fixed  li.f_l4 div {
  width: 47%;
}


/* 鍦嗗渾 */
footer_zhuanti .foot_fixed  .foot_t {
  width: 120px;
  height: 119px;
  bottom:0;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  display: block;
}
footer_zhuanti .foot_fixed  .foot_t img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/* 搴曢儴鎮诞end */


/*iphone6 plus420 5.5瀵�*/
@media screen and (max-width: 460px) {

  footer_zhuanti .foot_fixed {
	  height: auto;
  }
  footer_zhuanti .foot_fixed  li {
    padding: 8px 0;
  }
  footer_zhuanti .foot_fixed  .foot_t {
    width:110px;
    height: 109px;
    margin-left: -55px;
  }
}





@media screen and (max-width: 414px){
	
	body{ padding-bottom:70px;}
	
  footer_zhuanti .foot_fixed {
	  height: auto;
  }
  footer_zhuanti .foot_fixed  li {
    padding: 3px 0;
  }
	  /* 鍦嗗渾 */
	footer_zhuanti .foot_fixed  .foot_t {
	  width: 90px;
	  height: 90px;
	  margin-left: -45px;
	} 
	
}




/*iphone6*/
@media screen and (max-width: 380px) {
	
	body{ padding-bottom:70px;}

  footer_zhuanti .foot_fixed {
	  height: auto;
	  }
  footer_zhuanti .foot_fixed  li {
    padding: 5px 0 0;
  }

  /* 鍦嗗渾 */
	footer_zhuanti .foot_fixed  .foot_t {
	  width: 80px;
	  height: 80px;
	  margin-left: -40px;
	} 
}
/*iphone5*/
@media screen and (max-width: 321px) {
	
	body{ padding-bottom:65px;}
  footer_zhuanti .foot_fixed  {
    font-size: 1.2rem;
  }

  footer_zhuanti .foot_fixed {
	  height: auto;
	  }
	footer_zhuanti .foot_fixed  li {
		padding: 2px 0 0;
	  }

  footer_zhuanti .foot_fixed  .foot_t {
    width: 66px;
    height: 66px; 
    margin-left: -33px;
  }  
}