.swiper-pagination-bullet {
     width: 0.7rem;
     height: 0.7rem;
}
 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 0 0.4rem;
}
 :root {
     --swiper-theme-color: #f3372b;
}
 .banner img{
     width: 100%;
}
.bm{padding:0.8rem 1rem;
    background: #f7f7f7;}
.bm .p{    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;}	
.bm .p1{    line-height: 3rem;
    font-size: 1.5rem;}
.bm .p1 img{    width: 2.6rem;
    margin-right: 0.4rem;}
.bm .p2{font-size: 1.2rem;}
.bm .p2 span{    color: #fd6d0e;
    padding: 0 0.2rem; }
/* 本例子css */
.bm .picMarquee-left{ width:100%;    }
.bm .picMarquee-left .bd{ width:100%;   }
.bm .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.bm .picMarquee-left .bd ul li{     float: left;
    _display: inline;
    overflow: hidden;
    background: #fff;
    padding: 0.6rem;
    margin: 0.6rem;
 }
.bm .picMarquee-left .bd ul li .pic{   width: 4rem;
    height: 4rem;
    overflow: hidden;
    float: left; margin-right: 0.6rem; }
.bm .picMarquee-left .bd ul li .pic img{   width: 100%; }
.bm .picMarquee-left .bd ul li .wen{   
    width: 15.4rem;  }
.bm .picMarquee-left .bd ul li .tit{  font-size: 1.4rem;
    margin-bottom: 0.4rem;}
.bm .picMarquee-left .bd ul li .dec{    line-height: 1.2;}
.bm .picMarquee-left .bd ul li .dec span{    color: red;}
		
 .fenlei{
     display: flex;
     justify-content: center;    margin: 0.4rem auto 0.2rem;
}
 .fenlei ul{
 width: 98%;
}
 .fenlei ul li{
      padding: 2% 0;
    width: 25%;
    float: left;
}
 .fenlei ul li a{ display: block;}
 .fenlei ul li img{
  margin: 0 22%;
}
 .fenlei ul li p{
font-size: 14px;
    color: #646464;
    margin-top: 6px;
    text-align: center;
}
 .tit00{
     display: flex;
     justify-content: space-between ;
     align-items: flex-end;
     margin-bottom: 0.5rem;
}
 .tit00 .fl{
     display: flex;
     justify-content: center;
     align-items: flex-end;
}
 .tit00 .fl i{
     background: #f3372b;
     width: 0.6rem;
     height: 1.75rem;
}
 .tit00 .fl p{
     font-size: 1.8rem;
     color: #f3372b;
     padding-left: 0.8rem;
     padding-right: 0.4rem;
}
 .tit00 .fl span{
     font-size: 1.1rem;
     color: #787878;
}
 .tit00 .fl a{
     color: #EEEEEE;
}
.xian0{height: 0.8rem;
    background: #f7f7f7;}
 .kc{
     padding: 0rem 1rem;
         margin-top: 1.2rem;
}
.kc .more{text-align: center;
    width: 70%;
    display: block;
    margin: 0.8rem auto;
    padding: 1rem 0;
    color: #fff;
    border-radius: 3rem;
    font-size: 1.3rem;
    background: linear-gradient(315deg, #ff3428, #f98334);}
.kc .slideTxtBox{ }
.kc .slideTxtBox .hd{position:relative; margin-bottom: 0.4rem;    margin-top: 1.2rem; }
.kc .slideTxtBox .hd ul{ overflow-x: auto;display: flex;
    flex-direction: row; }
.kc .slideTxtBox .hd ul li{    float: left;
    cursor: pointer;
    font-size: 1.4rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0.8rem 1.5rem;
    border-bottom: 1px solid #f3372b;
    border-top: 1px solid #f3372b;
    border-right: 1px solid #f3372b;
    margin-left: 1rem;
    border-left: 1px solid #f3372b;
    color: #f3372b;}
.kc .slideTxtBox .hd ul li.on{     background: #f3372b;
    color: #fff; }
 .kc .bd ul{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
}
 .kc .bd ul li{
     width: 48.6%;
     border-radius: 0.4rem;
     box-shadow: 0rem 0rem 0.2rem #727272;
     overflow: hidden;
     margin: 0.5rem 0rem;
}
 .kc .bd ul li .aa{
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}
 .kc .bd ul li .pic{
     width: 100%;
     overflow: hidden;
}
 .kc .bd ul li .pic img{
     width: 100%;
}
 .kc .bd ul li .con{
       padding: 0.8rem;
       display: flex;
       justify-content: space-between;
}
 .kc .bd ul li p{
     font-size: 1.5rem;
     line-height: 2rem;
     color: #202020;
}
 .kc .bd ul li b{
     color: #787878;
     font-size: 1.1rem;
     padding-top: 0.4rem;
     display: block;
     font-weight: 500;
}
 .kc .bd ul li b span{
     color: #ff0000;
     font-weight: bold;
}
 .kc .bd ul li .a{
   font-size: 1.2rem;
       text-align: center;
       padding: 0.2rem;
       display: flex;
       justify-content: center;
       align-items: center;
       text-align: center;
       background: linear-gradient(315deg, #ff3428, #f98334);
       color: #fff;
       align-content: center;
       letter-spacing: 0.2rem;
       width: 3.4rem;
       height: 3.4rem;
       line-height: 1.6rem;
       border-radius: 0.4rem;
}
.gg{    margin: 1.5rem auto 1.5rem;}
.gg img{ width: 100%;}

.tit0{display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;    margin-bottom: 1rem;}
.tit0 img{    width: 50px;}
.tit0 p{    font-size: 2rem;
    color: #f3372b;
    margin: 0 10px;
    font-weight: 600;}

.about{padding: 0 1rem;}
.about .hd{    margin-bottom: 1rem;}
.about .hd ul{    display: flex;
    justify-content: space-between;
    align-items: center;}
.about .hd ul li{    cursor: pointer;
    height: 3rem;
    color: #616161;
    line-height: 3rem;
    font-size: 1.4rem;
    background: #f6f6f6;
    width: 23%;
    border-radius: 0.3rem;
    text-align: center;}
.about .hd ul li.on{background: #f1372d;
    color: #fff;}
.about .bd{}
.about .bd ul{  }
.about .bd ul .pic0{position: relative;}
.about .bd ul .ul{  display: flex;
    justify-content: space-between;}
.about .bd ul .pic{     position: relative;
    float: left;
    margin-top: 0.6rem;
    width: 49%;}
.about .bd ul img{width: 100%;}
.about .bd ul p{position: absolute;
    bottom: 0px;
    width: 100%;
  background: rgba(0,0,0,0.6);
    color: #fff;
    text-align: center;
   }
.about .bd ul .pic0 p{ font-size: 1.4rem;
    line-height: 3rem;}	
.about .bd ul .pic p{ font-size: 1.2rem;
    line-height: 2.6rem;}		
.about .more {
    text-align: center;
    width: 70%;
    display: block;
    margin: 0.8rem auto;
    padding: 1rem 0;
    color: #fff;
    border-radius: 3rem;
    font-size: 1.3rem;
    background: linear-gradient(315deg, #ff3428, #f98334);
}

.dy .picMarquee-left{ width:100%;    }
.dy .picMarquee-left .bd{ width:100%;   }
.dy .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.dy .picMarquee-left .bd ul li{     float: left;
    _display: inline;
    overflow: hidden;
       padding: 0.8rem;
       margin: 0.8rem;
       color: #fff;
       font-size: 1.4rem;
       border-radius: 0.8rem 0 0.8rem 0.8rem;
 }
.dy .picMarquee-left .bd ul li a{ color: #fff;}
.dy .picMarquee-left .bd ul li i{    font-size: 1.6rem;
    margin-right: 0.4rem;}


 .ms{
     padding:1.5rem 1rem 0rem 1rem;margin: 1.5rem auto 1.5rem; background: #f7f7f7;
}
 .ms_list{
     margin-top: 1.5rem;
}
 .ms_list div.swiper-slide {
     text-align: center;
     font-size: 1rem;
     background: #fff;
     width: 80%;
    /* Center slide text vertically */
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: flex-start;
     -webkit-box-align: center;
     -ms-flex-align: center;
}
 .ms_list div.swiper-slide .img {
     width: 14rem;
     margin-right: 1rem;
     overflow: hidden;
}
 .ms_list div.swiper-slide .img img{
     width: 100%;
}
 .ms_list div.swiper-slide .text {
     box-sizing: border-box;
     position: relative;
     width: 12rem;
}
 .ms_list div.swiper-slide .text .kefu_introduce{
}
 .ms_list div.swiper-slide .kefu {
     margin-top: 1rem;
     height: 2rem;
     margin-bottom: 1.5rem;
     position: relative;
}
 .ms_list div.swiper-slide .kefu_name {
     height: 1.9rem;
     line-height: 1.9rem;
     font-size: 1.6rem;
    /* display: inline-block;
     */
     font-weight: 400;
     color: #222222;
    /* margin-right: 0.4rem;
     */
    /* text-align: center;
     */
     text-align: left;
     float: left;
}
 .ms_list div.swiper-slide .kefu_hang {
     height: 1.9rem;
     font-size: 0.8rem;
     line-height: 1.9rem;
    /* top: 0.25rem;
     */
     background: #ff9400;
     color: #FFFFFF;
     text-align: center;
     line-height: 1.9rem;
     display: inline-block;
     vertical-align: super;
    /* position: absolute;
     */
    /* right: -0.7rem;
     */
     border-radius: 1.5rem 0rem 0rem 1.5rem;
     padding: 0rem 0.5rem;
     float: right;
}
 .ms_list div.swiper-slide .kefu:after {
     content: '';
     display: block;
     width: 100%;
     height: 0.05rem;
     background: #DCDCDC;
     position: absolute;
     left: 0.1rem;
     bottom: -0.75rem;
}
 .ms_list div.swiper-slide .kefu_introduce > p {
     line-height: 1.8rem;
     color: #666666;
     text-align: left;
	 font-size: 1.2rem;
}
 .ms_list div.swiper-slide a{
     height: 1.4rem;
     line-height: 1.4rem;
     margin-top: 0.7rem;
     text-align: center;
}
 .ms_list div.swiper-slide .ask {
     width: 100%;
     background: linear-gradient(315deg, #ff3428, #f98334);
     font-weight: 400;
     color: #FFFFFF;
     position: absolute;
     bottom: 0rem;
     height: 2rem;
     left: 0rem;
	 font-size: 1.2rem;
     line-height: 2rem;
}
 .ms_list div.swiper-slide .more{
     float: right;
     width: 3rem;
     display: inline-block;
     color: #666;
}
 .ms_list div.swiper-slide .message:nth-of-type(3n){
     margin-right: 0rem;
}
 .ms_list div.swiper-slide .message:hover .ask{
     background: #ea0000;
}
 .ms_list div.swiper-slide .more:hover{
     color: #b30000;
}
 .ms_list div.swiper-slide .message:hover .kefu_name{
     color: #b30000;
}
 .ms_list .pagination2{
     position: relative;
     margin-top: 2rem;
}
 .al{
     margin-top: 2rem;
     padding: 0rem 1rem;
}
 .al_list{
     margin: 1.1rem 0rem;
}
 .al_list .swiper-slide {
     text-align: center;
     font-size: 0.9rem;
     background: #fff;
    /* Center slide text vertically */
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center;
     transition: 400ms;
     transform: scale(0.7);
}
 .al_list .swiper-slide-active,.swiper-slide-duplicate-active{
     transform: scale(1);
}
 .al_list .pagination3{
     position: relative;
     margin-top: 1.2rem;
}
 .al_list .swiper-slide{
     width: 50%;
     border-radius: 0.4rem;
     box-shadow: 0rem 0rem 0.2rem #727272;
     overflow: hidden;
     margin: 0.5rem 0rem;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}
 .al_list .swiper-slide .pic{
     width: 100%;
     overflow: hidden;
}
 .al_list .swiper-slide .pic img{
     width: 100%;
}
 .al_list .swiper-slide .con{
     padding: 0.3rem;
}
 .al_list .swiper-slide p{
     font-size: 1.3rem;
     line-height: 2rem;
     color: #202020;
}
 .al_list .swiper-slide .a{
     font-size: 1.2rem;
     border: 0.1rem solid #f3372b;
     text-align: center;
     color: #f3372b;
     border-radius: 0.3rem;
     padding: 0.4rem 0rem;
}
 .news{
    margin: 1.5rem 1rem 1.5rem;
}
.news .slideTxtBox{
     display: flex;
     justify-content: center;
     flex-direction: column;
}
.news .slideTxtBox .hd{
     height:3rem;
}
.news .slideTxtBox .hd ul{
     display: flex;
     justify-content:space-between;
     align-items: center;
}
.news .slideTxtBox .hd ul li{
        cursor: pointer;
        height: 3rem;
        color: #616161;
        line-height: 3rem;
        font-size: 1.4rem;
        background: #f6f6f6;
        width: 23%;
        border-radius: 0.3rem;
        text-align: center;
}
.news .slideTxtBox .hd ul li.on{
     background:#f1372d;
	 color: #fff;
}
.news .slideTxtBox .bd{
     display: flex;
     justify-content:center;
     align-items: center;
     overflow: hidden;
     margin-top: 1.4rem;
}
.news .slideTxtBox .bd ul{
     zoom:1;
     display: flex;
     justify-content: center;
     flex-direction: column;
}
.news .slideTxtBox .bd li{
     border-bottom: 0.05rem solid #ccc;
     padding-bottom: 1rem;
     margin-bottom: 1rem;
}
.news .slideTxtBox .bd li a{
     display: flex;
     justify-content: center;
     align-items: center;
}
.news .slideTxtBox .bd li .pic{
     overflow: hidden;
     width: 11rem;
}
.news .slideTxtBox .bd li .pic img{
     width:100%;
}
.news .slideTxtBox .bd li .con{
     display: flex;
     flex-direction: column;
     padding-left: 1.1rem;
     width: 23.4rem;
}
.news .slideTxtBox .bd li .con .tit{
     color: #ff4e24;
     font-size: 1.4rem;line-height: 1.6rem;
}
.news .slideTxtBox .bd li .con .dec{
     color: #838383;
     font-size: 1.2rem;
     line-height: 1.5rem;
     margin: 0.5rem 0rem;
}
.news .slideTxtBox .bd li .con .btn{
     display: flex;
     align-items: center;
     position: relative;
}
.news .slideTxtBox .bd li .con .btn p{
     font-size: 0.9rem;
     color: #969696;
     font-weight: 250;
     margin-right: 1rem;
}
.news .slideTxtBox .bd li .con .btn p i{
     font-size: 0.9rem;
     color: #969696;
     font-weight: 250;
     margin-right: 0.2rem;
}
.news .slideTxtBox .bd li .con span{
     position: absolute;
     color: #ff4e24;
     right: 0rem;
}
 .news .more{
   text-align: center;
   width: 70%;
   display: block;
   margin: 0.8rem auto;
   padding: 1rem 0;
   color: #fff;
   border-radius: 3rem;
   font-size: 1.3rem;
   background: linear-gradient(315deg, #ff3428, #f98334);
}
 .lc{
     margin-top:2.5rem;
     padding: 0rem 1rem;
}
 .lc img{
     width: 100%;
     margin-top: 1rem;
}
 .zz{
  margin: 1.5rem auto 1.5rem;
     padding: 0rem 1rem;
}
 .zz_list {
     margin-top: 1rem;
}
 .zz_list .swiper-slide{
     width: 50%;
}
 .zz_list .swiper-slide img{
     width: 100%;
}
 .zz_list .swiper-wrapper{
     -webkit-transition-timing-function: linear;
    /*之前是ease-out*/
     -moz-transition-timing-function: linear;
     -ms-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
}
 .meagess{
   padding: 1rem 0 0 0;
       height: 28rem;
       background: url(../img/register_bg.png) repeat center center #e8373d;
}
.meagess .wave{ margin-top: -3rem;}
 .meagess .tit{
    text-align: center;
        font-size: 2rem;
        color: #fff;
        margin: 0.7rem auto;
        letter-spacing: 0.2rem;
}
 .meagess .tit i{
     color: #fff;
}
 .meagess span{
       font-size: 1.2rem;
       color: #ffefbe;
       text-align: center;
       margin-bottom: 1.1rem;
       display: block;
}
 .meagess form{
     width: 80%;
         margin: 0rem auto;
         background: #fff;
         opacity: 0.9;
         padding:2% 4%;border-radius: 0.4rem;
}
 .meagess form .group{
     margin: 1rem auto;
}

 .meagess form .group input{
      display: block;
      width: 100%;
      border: 1px solid #999;
      text-indent: 46px;
      font-size: 1.2rem;
      height: 4rem;
      line-height: 4rem;
      margin: 0 auto;
	 
}
 .meagess form .group:nth-child(1) input {
    background: url(../img/gerenzhongxin.png) left center no-repeat;  background-position: 0.5rem;background-size: 30px;
}
 .meagess form .group:nth-child(2) input {
    background: url(../img/shouji.png) left center no-repeat;  background-position: 0.5rem;background-size: 30px;
}
 .meagess form .ff{
     text-align: center;
     color: #787878;
}
 .meagess form .ff img{
     margin-right: 0.3rem;
     vertical-align: bottom;
     width: 0.85rem;
}
 .meagess form .group2{
}
 .meagess form .group2 .btn{
     background: #f2372d;
     border: none;
     color: #fff;
     font-size: 1.5rem;
     position: relative;
     width: 100%;
     height: 3.5rem;
     line-height: 3.5rem;
     margin: 1.1rem 0rem;overflow: hidden;
}
.meagess form .group2 .btn::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 10rem;
    height: 2rem;
    background: #fefdc3;
    background-blend-mode: normal,normal;
    opacity: .4;
    transform: rotate(45deg);
    -webkit-animation: leftToRight2 2s ease-in-out infinite;
    -o-animation: leftToRight2 2s ease-in-out infinite;
    animation: leftToRight2 2s ease-in-out infinite;
}
@keyframes leftToRight2
{
from {left:-10rem;}
to {left:28rem;}
}

@-webkit-keyframes leftToRight2 /*Safari and Chrome*/
{
from {left:-10rem;}
to {left:28rem;}
}