@charset "utf-8";


body a.ans {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.94rem;
    height: 3.94rem;
    max-width: 60px;
     max-height: 60px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
}
body a.ans img{
 width: 30%;
 position: relative;
 z-index: 99;
}
body a.ans:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-shadow: inset 0 0 0 6rem #c90f3e;
    transition: box-shadow 0.3s, transform 0.3s;
}

body a.ans:hover:after{

 box-shadow: inset 0 0 0 6rem #052d70;
    
}



body a.ans2 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.94rem;
    height: 3.94rem;
    max-width: 60px;
     max-height: 60px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
     transition: box-shadow 0.3s, transform 0.3s;
}
body a.ans2 img{
 width: 30%;
 position: relative;
 z-index: 99;
}
body a.ans2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-shadow: inset 0 0 0 6rem #c90f3e;
    transition: box-shadow 0.3s, transform 0.3s;
}

body a.ans2:hover{


    
}





.over {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/**字体**/
@font-face {

}
/*广告*/
.banner {
  max-width: 1920px;
  margin: 0 auto;
}
.banner img {
  width: 100%;
  display: block;
}
.banner .banner-btn-prev,
.banner .banner-btn-next {
  position: absolute;
  width: 56px;
  height: 56px;
  border: 2px solid #fff;
  border-radius: 50%;
  top: 50%;
  margin-top: -30px;
  z-index: 5;
  cursor: pointer;
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.banner .banner-btn-prev:hover,
.banner .banner-btn-next:hover {
  background: #cc0000;
  border-color: #cc0000;
}
.banner .banner-btn-prev:after {
  content: "";
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  border-style: solid none none solid;
  position: absolute;
  right: 50%;
  margin-right: -7px;
  top: 50%;
  margin-top: -4px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.banner .banner-btn-next:after {
  content: "";
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  border-style: solid solid none none;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  top: 50%;
  margin-top: -4px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.banner .banner-btn-prev {
  left: 3%;
}
.banner .banner-btn-next {
  right: 3%;
}
.banner:hover .banner-btn-prev,
.banner:hover .banner-btn-next {
  opacity: 1;
}
.banner .banner-paging {
  position: absolute;
  height: 1vw;
  line-height: 1vw;
  left: 0;
  bottom: 2.5vw;
  text-align: center;
  z-index: 1;
}
.banner .banner-paging .swiper-pagination-bullet {
  display: inline-block;
  width: 0.8vw;
  height: 0.8vw;
  border-radius: 100%;
  margin: 0 10px;
  border: 2px solid #ffffff;
  background-color: #fff;
  cursor: pointer;
  opacity: 1;
}
.banner .banner-paging .swiper-pagination-bullet-active {
  background-color: #c90f3e;
   border: 2px solid #c90f3e;
}
/*标题*/
.title {
  text-align: center;
  position: relative;
}
.title span {
  display: block;
  height: 66px;
  line-height: 66px;
  font-size: 2.2rem;
  color: #333333;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.title span a {
  display: inline-block;
  max-width: 100%;
  height: 66px;
  color: #333333;
}
.title em {
  display: block;
  height: 34px;
  line-height: 34px;
  font-size: 20px;
  color: #333333;
}
@media screen and (max-width: 1660px) {
  .title span {
    height: 56px;
    line-height: 56px;
    font-size: 42px;
  }
  .title span a {
    height: 56px;
  }
  .title em {
    height: 32px;
    line-height: 32px;
    font-size: 18px;
  }
}
@media screen and (max-width: 1460px) {
  .title span {
    height: 46px;
    line-height: 46px;
    font-size: 32px;
  }
  .title span a {
    height: 46px;
  }
  .title em {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
}



.shiming {
    background: url(../images/yzbgs.png) no-repeat;
    padding: 4.5rem 0 4.85rem 0;
    background-size: auto 100%;
}

.shiming  .yz-left {
    float: left;
    width: 58.75%;
}

.shiming .yz-right {
    float: right;
    width: 33%;
}

.shiming .yz-left h3 {
    color: #333;
    font-size: 2.2rem;
    display: block;
    line-height: 1.8rem;
    font-weight: bold;
}

.shiming .yz-left h4 {
    color: #333;
    font-size: 1.4rem;
    display: block;
    line-height: 1.8rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.shiming .yz-left p {
    color: #808080;
    font-size: 0.8rem;
    line-height: 2rem;
    margin-bottom: 2.2rem;
    
}
.more img {
    width: 3rem;
}

.shiming .yz-right img {
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.shiming .yz-right a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.shiming .yz-right:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.jieneng {
    padding: 6rem 0 4rem 0;
}

.jieneng dl {
    display: block;
    width: 22.9%;
    position: relative;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

.jieneng dl img {
    width: 100%;
}

.jieneng dd {
    position: absolute;
    z-index: 99;
    display: block;
    height: 73%;
    top: 0px;
    left: 0px;
    padding: 20% 12% 20% 12%;
    color: #fff;
}

.jieneng dd b {
    font-size: 1.6rem;
    line-height: 2rem;
    display: inline-block;
    margin-bottom: 2.2rem;
    position: relative;
    z-index: 99;
}

.jieneng dd span {font-size: 0.7rem;}

.jieneng dd p {
    display: none;
    line-height: 1.5rem;
    font-size: 0.8rem;
}

.jieneng dd .btn {
    position: absolute;
    bottom: 12%;
    left: 12%;
    display: none;
    background-size: 100%;
}

.jieneng dd .btn a {}

.jieneng dl dt {}

.jieneng dl.cur:after {
    content: "";
    background: url(../images/lanse.png) no-repeat;
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
    z-index: 9;
    left: 0px;
    top: 0px;
    background-size: 100% 100%;
}

.jieneng .cur dd b {}

.jieneng .cur dd p {
    display: block;
}

.jieneng .title {
    margin-bottom: 2rem;
}

.jieneng .cur dd span {
    display: none;
}

.jieneng .cur dd b i {
    background: #c90f3e;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 0.7rem;
    width: 98%;
    z-index: 8;
}

.jieneng dd b em {
    position: relative;
    z-index: 99;
    display: inline-block;
}

.jieneng .cur dd .btn {
    display: block;
}
.jieneng-page {
    display: block;
    height: 3rem;
    position: relative;
    margin-top: 1.2rem;
    text-align: center;
}


.jieneng-page:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    top: 2rem;
    left: 0px;
}

.jieneng-prev {
    background: url(../images/an-left.png) no-repeat;
    display: block;
    width: 47px;
    height: 47px;
    float: left;
    margin-top: 12px;
    position: relative;
    z-index: 99;
    cursor: pointer;
}
.jieneng-next {
    background: url(../images/an-right.png) no-repeat;
    display: block;
    width: 47px;
    float: right;
    height: 47px;
    margin-top: 12px;
    position: relative;
    z-index: 99;
    cursor: pointer;
}

.jieneng-bg {
    background: #fff;
    display: block;
    width: 167px;
    margin: 0 auto;
    color:#ccc;
    position: relative;
    z-index: 99;
    height: 3.3rem;
    
}

.jieneng-bg span.swiper-pagination-current {
    color: #052d70;
    font-weight: bold;
    font-size:22px;
}

.jieneng {
    background: url(../images/jienengbg.jpg) no-repeat center bottom;
}

.jieneng-bg {
    background: #fafafa;
}

.yunying {
    background: url(../images/yunyinbgs.jpg) no-repeat center  top;
    padding: 2rem 0 6rem 0;
    background-size: 100% 100%;
}

.yunying  .clearfix.content {
    background: url(../images/yunyingbg.png) no-repeat center top;
    max-height: 688px;
}

.yunying .title {
    margin-bottom: 2.6rem;
}



.yunying dl {
    color: #fff;
    border-bottom: 1px solid rgb(255 255 255 / 15%);
    width: 1380px;
    cursor: pointer;
}

.yunying dl dt h4 {
    font-size: 1rem;
    display: block;
    line-height: 3rem;
    padding-left: 2rem;
    background: url(../images/ans.png) no-repeat center left;
}

.yunying dl dt {
    height: 3rem;
    display: block;
    background: url(../images/anj.png) no-repeat center right;
}

.yunying dl dd {
    display: none;
}

.yunying dl dd  h3 {
    font-size: 1.6rem;
    display: block;
    height: 4rem;
    line-height: 4rem;
}

.yunying dl dd  p {
    font-size: 0.8rem;
    display: block;
    padding-bottom: 2rem;
    line-height: 1.6rem;
}

.yunying dl .more {
    display: none;
}

.yunying dl .more a {
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 0.8rem;
    background: url(../images/h-jt.png) no-repeat 71px 15px;
}

.yunying-dl {
    padding: 3.6rem 0 3rem 4.8rem;
}

.yunying dl.cur {}

.yunying dl.cur dt {
    display: none;
}

.yunying dl.cur dd {
    display: block;
}

.yunying dl.cur  .more {
    display: block;
    background: #c90f3e;
    width: 115px;
    height: 40px;
    border-radius: 2rem;
    padding-left: 28px;
    margin-bottom: 2.2rem;
}




.gongnuan {
    padding: 5rem 0 6rem 0;
}

.gongnuan .title {
    margin-bottom: 2rem;
}

.gongnuan  dl.clearfix {
    position: relative;
    background: #f5f5f5;
    overflow: hidden;
}

.gongnuan  dd {
    position: absolute;
    left: 6.5%;
    top: 4.25rem;
    width: 27.5%;
}

.gongnuan  dd h3 {
    font-size: 1.8rem;
    color: #333;
    margin-bottom: 2.6rem;
    height: 3rem;
    line-height: 3rem;
}

.gongnuan  dd p {
    color: #666;
    font-size: 0.88rem;
    line-height: 1.8rem;
    display: block;
    margin-bottom: 5rem;
}

.gongnuan  dd .btns {}

.gongnuan  dd .btns a {}

.gongnuan   dt {
    float: right;
    width: 59.75%;
    overflow: hidden;
    position: relative;
    line-height: 0px;
}

.gongnuan dt .imgs img {
    width: 100%;
}

.gongnuan .pjj-left {
    display: inline-block;
    width: 47px;
    height: 47px;
    margin: 0 7px;
    background: #fff;
    color: #666;
    border-radius: 3rem;
    line-height: 47px;
    font-size: 28px;
    cursor: pointer;
}

.gongnuan .pjcontent {
    position: absolute;
    display: block;
    text-align: center;
    z-index: 99;
    width: 100%;
    bottom: 3.66rem;
    height: 2rem;
    left: 0px;
}

.gongnuan .imgs {
    position: relative;
    z-index: 98;
}

.gongnuan .pjj-right {
    display: inline-block;
    width: 47px;
    height: 47px;
    margin: 0 7px;
    background: #fff;
    color: #666;
    border-radius: 3rem;
    line-height: 47px;
    font-size: 28px;
        cursor: pointer;
}

.gongnuan .pjj-left:hover,.pjj-right:hover  { background:#c90f3e;color:#fff}

.baozhang {
     background: url(../images/baozhangbgs.jpg) no-repeat center 0;
    position: relative;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.baozhang .title {
    margin-bottom: 2rem;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 5rem;
    z-index: 99;
}

.baozhang .title a {
    color: #fff;
}

.baozhang .bzmsg {
    display: block;
    float: left;
    width: 25%;
    height: 34rem;
    position: relative;
    padding-top: 6rem;
    padding-bottom: 4rem;
    cursor: pointer;
}

.baozhang .clearfix {
    display: block;
    height: 100%;
}

.baozhang .bzmsg .msg {
    color: #FFF;
    padding: 11.5rem 12.9% 0 12.9%;
    height: 100%;
}

.baozhang .bzmsg .msg h4 {
    font-size: 1.5rem;
    text-align: center;
    display: block;
}

.baozhang .bzmsg .msg em {
    display: block;
    margin-bottom: 1.4rem;
    line-height: 1.8rem;
}

.baozhang .bzmsg .msg  span {
    font-size: 1.5rem;
    line-height: 2rem;
    display: block;
    position: relative;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.baozhang .bzmsg .msg  p {
    font-size: 0.8rem;
    line-height: 1.8rem;
    display: none;
    text-align: center;
}



.baozhang .bzmsg .msg span:after {
    content: "";
    background: rgba(255,255,255,0.6);
    width: 18%;
    left: 41%;
    height: 1px;
    position: absolute;
    bottom: 0px;
}

.baozhang .bzmsg:nth-child(1):after {
    
      background: none;
}
.baozhang .bzmsg:after {
    content: "";
    position: absolute;
    left: 0px;
    width: 1px;
    height: 100%;
    background: rgba(255,255,255,0.2);
    top: 0px;
}

.baozhang .bzmsg:hover:before {
    
    width: 100%;
    
}
.baozhang .bzmsg.cur:before {
   width: 100%;  
}
.baozhang .bzmsg:before {
   content: "";
    position: absolute;
    background: #c90f3e;
    width: 0;
    height: 0.6rem;
    left: 0;
    bottom: 0px;
    z-index: 11;
    transition: all .3s linear 0s;
}

.baozhang .bzmsg.cur:after {
    background: none;
}



.baozhang .bzmsg.cur {
    background: url(../images/bzcur.jpg) no-repeat;
    background-size: 100% 100%;
}

.baozhang .bzmsg.cur  p {
    display: block;
}

.baozhang .bzmsg.cur  .msg {
    padding: 4.5rem 12.9% 0 12.9%;
}


.hezuo {
    padding: 7.2rem 0 5.5rem 0;
    background: url(../images/hezuobgs.jpg) no-repeat center top;
    background-size: 100% 100%;
}

.hezuo  .title {
    margin-bottom: 2.5rem;
}

.hezuo  dl {
    width: 22.3%;
    float: left;
    margin-right: 2.4%;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    height: auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.23);
}

.hezuo dl:nth-child(3) {
    margin-right: 0px;
}

.hezuo dl.cur {
    width: 50.6%;
}

.hezuo dl  dt {
    position: relative;
    display: none;
    line-height: 0px;
}

.hezuo dl dt  img {
    width: 100%;
    height:auto;
}

.hezuo dl dt  .msg {
    position: absolute;
    bottom: 2rem;
    left: 5%;
    color: #fff;
    width: 70%;
}

.hezuo dl .msg h4 {
    font-size: 1.8rem;
    display: block;
    line-height: 3rem;
    margin-bottom: 1rem;
}

.hezuo dl .msg  p {
    font-size: 0.8rem;
    line-height: 1.5rem;
    display: block;
    margin-bottom: 1.42rem;
}

.hezuo dl .msg ul.clearfix {}

.hezuo dl .msg  ul li {
    display: block;
    float: left;
    background: #fff;
    border-radius: 1rem;
    margin-right: 1rem;
}

.hezuo dl .msg  ul li a {
    padding: 0.125rem 16.6px;
    color: #c90f3e;
    font-size: 0.8rem;
    display: block;
    line-height: 1.5rem;
}

.hezuo dl dt .more {
    float: right;
    position: absolute;
    right: 6%;
    bottom: 3.5rem;
}

.hezuo dl .msg .more a img {
    width: 60px;
}

.hezuo dl .msg .more a {}

.hezuo dl.cur dd {
    display: none;
}

.hezuo dl dd {
    padding: 5rem 26.5%;
    text-align: center;
}

.hezuo dl dd em {
    display: block;
    margin: 0 auto 11.6rem;
    background: #f5f5f5;
    border-radius: 5rem;
    height: 9rem;
    width:9rem;
    text-align: center;
}

.hezuo dl dd em img {
    width: 5rem;
    padding-top: 1.8rem;
}

.hezuo dl dd h4 {
    font-size: 1.5rem;
    color: #333;
    line-height: 2rem;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 18.5rem;
}

.hezuo dl dd a {
    color: #999;
    font-size: 0.8rem;
    letter-spacing: 2px;
}

.hezuo dl.cur dt {
    display: block;
}



.hezuo dl dt .more a img {
    width: 30%;
}


.projects {
    padding: 6.6rem 0 4.5rem 0;
}

.projects  .title {
    margin-bottom: 2.5rem;
}

.projects  dl {
    float: left;
    width: 31.4%;
    margin-right: 2.75%;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 2rem;
}

.projects dl:nth-child(3n) {
    margin-right: 0px;
}

.projects dl dt {
    overflow: hidden;
    display: block;
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.projects dl dt img {
    width: 100%;
    transition: all 0.5s ease 0s;
}

.projects dl:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.projects dl span {
    font-weight: bold;
    color: #333;
    font-size: 1.1rem;
    display: block;
    margin-bottom: 0.4rem;
    letter-spacing: 1px;
}

.projects dl b {
    color: #c90f3e;
}

.projects dl p {
    display: block;
    height: 2rem;
    line-height: 2rem;
    overflow: hidden;
    font-size: 0.8rem;
    color: #666;
}

.projects dl em {
    font-size: 0.8rem;
    color: #999;
    position: absolute;
    right: 0px;
    top: -2px;
    padding-left: 1.2rem;
    background: url(../images/addre.png) no-repeat center left;
}

.projects dl dd {
    display: block;
    position: relative;
}

.projects .more {
    display: block;
    margin: 1rem auto;
    width: 9.4rem;
    overflow: hidden;
    border-radius: 30px;
}

.projects .more:after {content: "";background: rgb(201, 15, 62);display: block;width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}

.projects div.more:before {
    content: "";
    background: rgb(5, 45, 112);
    display: block;
    width: 0px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 8;
    transition: all .3s linear 0s;
}

.projects div.more:hover:before {
    width: 100%; 
}


.projects .more a {
    color: #fff;
    display: block;
    padding: 0.8rem 0.5rem 0.8rem 2rem;
    background: url(../images/h-jt.png) no-repeat 7rem 1rem;
    position: relative;
    z-index: 9;
}


.news {
    padding: 6rem 0 4.65rem 0;
    background: url(../images/newsbgs.jpg) no-repeat center top;
    background-size:100% 100%;
}

.news .title {
    margin-bottom: 2.5rem;
}

.news  .news-left {
    float: left;
    width: 62%;
}

.news .tit {
    display: block;
    margin-bottom: 1.6rem;
}

.news .tit  a {
    font-size: 1.2rem;
    color: #333;
}

.news .tit em {
    float: right;
    display: block;
    font-size: 0.8rem;
    color: #999999;
}

.news .news-left .tit {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 1.6rem;
    margin-bottom: 2rem;
}

.news .news-left {}
.news .news-left dl:last-child{border-bottom:0;}
.news .news-left dl {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
    cursor: pointer;
}

.news .news-left dl dt {
    float: left;
    width: 46.89%;
    border-radius: 8px;
    overflow: hidden;
    line-height: 0px;
}

.news .news-left dt img {
    transition: 1s;
    width: 100%;
}

.news .news-left dl dt a {
    display: block;
}

.news .news-left dl dd {
    float: right;
    width: 49%;
}

.news .news-left dl dd  i {
    font-size: 0.7rem;
    color: #333;
    display: block;
}

.news .news-left dl dd h4 {
    margin-bottom: 1.8rem;
}

.news .news-left dl dd h4 a {
    color: #333;
    font-size: 1.1rem;
}

.news .news-left dl dd p {
    color: #999;
    font-size: 0.8rem;
    line-height: 1.6rem;
    display: block;
    height: 7.2rem;
}

.news .news-left dl dd em {}

.news .news-left dl dd em  a {
    display: block;
}

.news .news-left dl dd em a img {
    width: 36px;
}

.news .news-rig {
    float: right;
    width: 31.87%;
    height: 42rem;
    overflow: hidden;
}

.news .news-rig  .fenxiang {
    background: #fff;
    padding: 2.12rem 10% 2.12rem 10%;
}

.news .news-rig li {
    margin-bottom: 2.12rem;
    padding-bottom: 2.12rem;
    border-bottom: 1px solid #e5e5e5;
}

.news .news-rig li h4 {
    margin-bottom: 1rem;
    display: block;
    line-height: 1.76rem;
}

.news .news-rig li h4 a {
    color: #333;
    font-size: 1.1rem;
    display: block;
    margin-bottom: 1rem;
}

.news .news-rig li p {
    color: #999;
    font-size: 0.8rem;
    line-height: 1.6rem;
}

.news .news-left dl:hover dt img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.news .news-left dl dd em a img.n {
    display: none;
}

.news .news-left dl:hover  dd em a img.n {
    display: block;
}

.news .news-left dl:hover  dd em a img.y {
    display: none;
}

.news .news-rig li:hover  h4 a {
    color: #c90f3e;
}

.news .news-left dl:hover  dd h4 a {
    color: #c90f3e;
}



.zoujin {
    background: url(../images/aboutbgs.jpg) no-repeat center top;
    padding: 6.1rem 0 2.3rem 0;
    background-size: auto 100%;
    max-height: 750px;
}

.zoujin  .title {
    display: block;
    text-align: left;
    color: #fff;
    margin-bottom: 2rem;
}

.zoujin .title em {
    color: #fff;
    height: 20px;
    line-height: 20px;
    position: relative;
    display: inline-block;
    font-size: 1.2rem;
}

.zoujin .title span {
    color: #fff;
}

.zoujin .wen {
    width: 45.37%;
    margin-bottom: 6rem;
}

.zoujin .wen p {
    color: #fff;
    display: block;
    height: 11rem;
    line-height: 1.8rem;
    margin-bottom: 3rem;
}

.zoujin .wen a {
}

.zoujin  .msgs {
    display: block;
    color: #fff;
}
.zoujin  .msgs li:nth-child(1) {
    border-left: 1px solid rgba(255,255,255,0.2);
}
.zoujin  .msgs li {
    float: left;
    text-align: center;
    width: 24.5%;
    display: inline-block;
    border-right: 1px solid rgba(255,255,255,0.2);
}

.zoujin  .msgs li em {
    font-size: 0.8rem;
    display: block;
    padding-bottom: 0.8rem;
}

.zoujin  .msgs li p {
    display: block;
}

.zoujin  .msgs li p span {
    font-size: 2.7rem;
}

.zoujin  .msgs li p i {
    font-size: 0.8rem;
}

.zoujin .title em:after {
    content: "";
    left: 0px;
    bottom: -0.4rem;
    background: #c90f3e;
    height: 0.7rem;
    display: block;
    width: 100%;
    position: absolute;
}

.zoujin .title em i {
    position: relative;
    z-index: 99;
}
.zoujin .msgs li p b {
    font-size: 2.7rem;
}

@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
.fa-bounceIn{-webkit-animation:bounceIn 3s infinite linear;animation:bounceIn 3s infinite linear}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}
@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}
100%{opacity:0}
}
@keyframes warn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}
@keyframes warn2{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
5%{opacity:8}
to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}
@-webkit-keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1}
@-webkit-keyframes fadeInDown2{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown2{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown2{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2}
@-webkit-keyframes fadeInLeft1{from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft1{from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft1{-webkit-animation-name:fadeInLeft1;animation-name:fadeInLeft1}
@-webkit-keyframes fadeInLeft2{from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft2{from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft2{-webkit-animation-name:fadeInLeft2;animation-name:fadeInLeft2}
@-webkit-keyframes fadeInRight1{from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight1{from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight1{-webkit-animation-name:fadeInRight1;animation-name:fadeInRight1}
@-webkit-keyframes fadeInRight2{from{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight2{from{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight2{-webkit-animation-name:fadeInRight2;animation-name:fadeInRight2}
@-webkit-keyframes zoomLeft{from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
@keyframes zoomLeft{from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
.zoomLeft{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
.zoomRight{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
@-webkit-keyframes fadeInUp1{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp1{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInUp2{from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp2{from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
.teaser{opacity:0;transform:translate3d(0,25%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.teaser.is-visible{opacity:1;transform:translate3d(0,0,0)}
.lefter{opacity:0;transform:translate3d(-35%,35%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.lefter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.righter{opacity:0;transform:translate3d(35%,35%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.righter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.downer{opacity:0;transform:translate3d(0,-35%,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.downer.is-visible{opacity:1;transform:translate3d(0,0,0)}
.lter{opacity:0;transform:translate3d(-35%,0,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.lter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.rter{opacity:0;transform:translate3d(35%,0,0);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.rter.is-visible{opacity:1;transform:translate3d(0,0,0)}
.scale{opacity:0;transform:scale(.5);transition:opacity 1s ease-out .2s,transform 1.5s ease-out .2s}
.scale.is-visible{opacity:1;transform:scale(1)}
html{font-size:12px;-webkit-text-size-adjust:none}
@media screen and (min-width:1200px){html{font-size:12.5px}
}
@media screen and (min-width:1280px){html{font-size:13.33333px}
}
@media screen and (min-width:1366px){html{font-size:14.22916px}
}
@media screen and (min-width:1440px){html{font-size:15px}
}
@media screen and (min-width:1600px){html{font-size:16.66666px}
}
@media screen and (min-width:1920px){html{font-size:20px}
}