﻿@charset "utf-8";
/* CSS Document */
a,
.transition,
.page .swiper-pagination-bullet,
.head,
.head .topSearch,
.head .topRight li em,
.head .topRight li em img,
.indexPart3 .list .imgDiv,
.indexPart3 .list .name,
.indexPart4 .list .imgDiv,
.fixTxt img,
.historyPic .prev:after,
.historyPic .next:after,
.historyPic .swiper-slide:before,
.historyPic .swiper-slide .time,
.casePic .swiper-slide,
.welfare .list li .mxfDiv:before,
.welfare .list li .conDiv,
.news .list li .box,
.news .list li .name,
.news .list li .time:after,
.videoPic .swiper-pagination-bullet{
  transition: All 0.3s linear;
  -webkit-transition: All 0.3s linear;
  -moz-transition: All 0.3s linear;
  -o-transition: All 0.3s linear; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .indexPart1, .indexPart2, .indexPart3, .indexPart4, .indexPart5, .indexFlash .dots{
  display: flex;
  display: -webkit-flex; }

.flexColumn, .indexPart2, .indexPart3 .list .imgDiv, .welfare .list li .content{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter, .indexPart1, .indexPart2, .indexPart3, .indexPart4, .indexPart5, .indexFlash .dots, .indexPart3 .list .imgDiv{
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .indexFlash .dots, .indexPart2, .indexPart3 .list .imgDiv, .welfare .list li .content{
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flexBetween {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, .indexPart2 .list ul {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }


html {
  font-size: 100px; }

body {
  font-size: .12rem;

  color: #666;
  -webkit-text-size-adjust: none; }

a {
  color: #666;
  text-decoration: none;
  outline: none; }
  a:active {
    star: expression(this.onFocus=this.blur()); }
  a:link {
    text-decoration: none;
    outline: none; }
  a:visited {
    text-decoration: none;
    outline: none; }
  a:hover {
    text-decoration: none;
    color: #e7161a;
    outline: none; }

li {
  list-style: outside none; }

h1 {
  font-size: 16px; }

h2, h3, h4, h5 {
  font-size: 14px; }

h5 {
  font-size: 12px; }

textarea, input {
  background: transparent;
  font-size: 12px;
 
  color: #888;
  outline: none;
  border: 0; }

em {
  font-style: normal; }

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0; }

.fl { float: left; }

.fr { float: right; }

.before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0; }

.h10 { height: 0.1rem; overflow: hidden; clear: both; }
.h50 { height: 0.5rem; overflow: hidden; clear: both; }

.wal { max-width: 1200px; margin: 0 auto; }
.wal2 { max-width: 14.4rem; margin: 0 auto; }
.wal3 { max-width: 14.4rem; margin: 0 auto; }

.w990{ width: 9.9rem; }
.w400{ width: 4.0rem; }

.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

.phoneShow { display: none; }

.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent.on{animation: fadeOfOpacity .8s linear;}

.fangda{ overflow: hidden;}
.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}
.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/

@font-face {font-family:medium; src:url(../font/DINCOND-MEDIUM.OTF);} 

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.pageNum{ text-align: center; padding-bottom: 0.4rem; }
.pageNum li{ display: inline-block; margin: 0 0.08rem; }
.pageNum li a{ display: block; height: 0.48rem; width: 0.48rem; background: #f8f8f8; text-align: center; line-height: 0.48rem; font-size: 14px; color: #666; }
.pageNum li .btn{ width: 0.8rem; }
.pageNum li .aNow, .pageNum li a:hover{ background: #e7161a; color: #fff; }

.pageMore{ padding: 0.35rem 0 0.6rem; }
.pageMore a{ display: block; width: 100%; text-align: center; height: 1.0rem; line-height: 1.0rem; background: #e7161a; color: #fff; font-size: 0.3rem; }

@keyframes fadeOfOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#Layer1{
    position:absolute;
    position:fixed;
    _position:absolute;
    width:100%;
    z-index:110;
    top:0; left:0px;
    background-color:#000;
    display:none;
}
