body .contentt {
    width: 66.66%;
    margin:0 auto;
}

 
i.videoPC {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/videopc.png) no-repeat;
    z-index: 999;
    background-size: 100% 100%;
    cursor: pointer;
}

i.videoMC {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/videopc.png) no-repeat;
    z-index: 999;
    background-size: 100% 100%;
    cursor: pointer;
}

.tit {
    height: 2.65rem;
    font-size: 2.1rem;
    display: block;
    text-align: center;
    font-family: "Ysabeau";
    line-height: 2.45rem;
    color: #1a1a1a;
    font-weight: normal;
}
.mtit {

    font-size: 2.5rem;
    display: block;
    text-align: center;
    font-family: "Ysabeau";
    color: #1a1a1a;
}

h4.mtit2 {
    color: #595959;
    font-size: 1.4rem;
    font-family: "Ysabeau";
    font-weight: normal;
    text-align: center;
    line-height: 2rem;
    padding: 2rem 0 2.5rem 0;
}


h4.tit2 {
    color: #666666;
    font-size: 1rem;
    font-family: "Ysabeau";
    font-weight: normal;
    text-align: center;
    line-height: 1.5rem;
    padding-top: 1.6rem;
}


.bannerpc{width:100%;position: relative;line-height:0;}
.bannerpc img{width:100%;}
.bannerpc .ban-con{width:100%;position: absolute;left:0;top:0;}
.bannerpc .ban-con.txt1{padding-top:9rem;}
.bannerpc .ban-con.txt1 strong {
color: #fff;
    font-size: 3rem;
    font-weight: normal;
    line-height: 3.5rem;
    display: block;
    margin-bottom: 1.5rem;
    font-family: "Ysabeau-B";
    padding-right: 49%;
}

.bannerpc .ban-con.txt1 span {
    color: #fff;
    font-size: 2.1rem;
    display: block;
    line-height: 1.5rem;
    font-family: "Ysabeau-B";
    margin-bottom: 1.7rem;
}

.bannerpc .ban-con.txt1 a {
width: 10.9rem;
    height: 2.4rem;
    display: block;
    text-align: center;
    line-height: 2.24rem;
    color: #fff;
    border-radius: 2rem;
    margin-top: 2rem;
    background: #000 url(../images/bjt2.png) no-repeat 10.2rem;
    padding-right: 1rem;
    font-family: "Ysabeau";
    font-size: 0.9rem;
}
.bannerpc .ban-con.txt1 h4{line-height: 2.9rem; margin-bottom: 1.7rem;font-size: 2.4rem;color:#fefff9;font-weight: bold; font-family: "Ysabeau-B";}
.bannerpc .ban-con.txt1 p{
line-height: 1.5rem;
    font-size: 1.1rem;
    color: #fefff9;
    font-family: "Ysabeau";
    font-weight: normal;
    padding-right: 43%;    
}
.bannerpc .ban-jt{width:100%; }
.bannerpc .ban-jt i{display:block;width:36px;height:70px;cursor:pointer;z-index:300; transition:.5s;font-family: "Ysabeau";}
.bannerpc .ban-jt i img{width:100%;}
.bannerpc .ban-jt i.banner-prev{position:absolute;left:0;top:50%;transform:translate(0,-50%); opacity:0;}
.bannerpc .ban-jt i.banner-next{position:absolute;right:0;top:50%;transform:translate(0,-50%); opacity:0;}
.bannerpc:hover i.banner-prev{left:5%;opacity:1;}
.bannerpc:hover i.banner-next{right:5%;opacity:1;}


.bannerpc .ban-jt i {
    display: block;
    width: 3.4rem;
    height: 3.4rem;
    cursor: pointer;
    z-index: 300;
    transition: .5s;
}

.bannerpc .ban-jt i img {
    width: 100%;
}
.bannerpc span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1a1a1a;
}


.bannerpc .swiper-pagination.swiper-pagination-bullets {
    bottom: 2rem;
}
.bannerpc .ban-jt i.banner-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    opacity: 0;
}

.bannerpc .ban-jt i.banner-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    opacity: 0;
}

.bannerpc:hover i.banner-prev {
    left: 5%;
    opacity: 1;
}

.bannerpc:hover i.banner-next {
    right: 5%;
    opacity: 1;
}

.bannerpc .ban-con.txt2{padding-top: 11.4rem;}
.bannerpc .ban-con.txt2 strong {color: #fff;font-size: 3.1rem;font-weight: normal;line-height: 3.5rem;display: block;margin-bottom: 1.5rem;font-family: "Ysabeau-B";padding-right: 39%;}

.bannerpc .ban-con.txt2 a {width: 10.9rem;height: 2.4rem;display: block;text-align: center;line-height: 2.24rem;color: #fff;border-radius: 2rem;margin-top: 3rem;background: #000 url(../images/bjt2.png) no-repeat 10.2rem;padding-right: 1rem;font-family: "Ysabeau";font-size: 0.9rem;}
.bannerpc .ban-con.txt2  h4{line-height: 2.9rem; margin-bottom: 1.7rem;font-size: 2.4rem;color:#fefff9;font-weight: bold; font-family: "Ysabeau-B";}
.bannerpc .ban-con.txt2  p{
line-height: 1.5rem;
    font-size: 1.1rem;
    color: #fefff9;
    font-family: "Ysabeau";
    font-weight: normal;
    padding-right: 43%;    
}



.bannerpc .ban-con.txt3{padding-top: 12.4rem;}

.bannerpc .ban-con.txt3 strong {color: #fff;font-size: 3.1rem;font-weight: normal;line-height: 3.5rem;display: block;margin-bottom: 1.5rem;font-family: "Ysabeau-B";padding-right: 48%;}

.bannerpc .ban-con.txt3  h4{line-height: 2.9rem; margin-bottom: 1.7rem;font-size: 2.4rem;color:#fefff9;font-weight: bold; font-family: "Ysabeau-B";}
.bannerpc .ban-con.txt3 p{line-height: 1.5rem;font-size: 1.1rem;color: #fefff9;font-family: "Ysabeau";font-weight: normal;padding-right: 55%;}

.bannermc{ display:none;}
@media screen and (max-width: 767px) {
    .bannerpc {
        display: none;
    }
    .bannermc{ display:block;}


.bannermc  .ban-con {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    color: #fff;
}
.bannermc img{ width:100%;}
.bannermc .ban-con.txt1 {
    padding-top: 6.2rem;
}
.bannermc .ban-con.txt1 b {
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 3.5rem;
    display: block;
    margin-bottom: 1.4rem;
    font-family: "Ysabeau";
    padding-right: 18%;
    padding-left: 5%;
}
.bannermc .ban-con.txt1  strong {
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    line-height: 3.5rem;
    display: block;
    margin-bottom: 1rem;
    font-family: "Ysabeau";
    padding-right: 18%;
    padding-left: 5%;
}

.bannermc .ban-con.txt1 p {
    line-height: 2rem;
    font-size: 1.4rem;
    color: #fefff9;
    font-family: "Ysabeau";
    padding: 1.8rem 12% 1.5rem 5%;
}

.bannermc .ban-con.txt1 a {
   font-size: 1.4rem;
    font-family: "Ysabeau";
    width: 47.2%;
    height: 3.3rem;
    display: block;
    text-align: center;
    line-height: 3.3rem;
    color: #fff;
    border-radius: 2rem;
    margin-top: 1rem;
    background: #000 url(../images/bjt2.png) no-repeat 90%;
    padding-right: 1rem;
    margin-left: 5%;
}

.bannermc .ban-con.txt2 {
    padding-top: 5.6rem;
}
.bannermc .ban-con.txt2 b {
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 3.5rem;
    display: block;
    margin-bottom: 1.4rem;
    font-family: "Ysabeau";
    padding-right: 18%;
    padding-left: 5%;
}
.bannermc .ban-con.txt2  strong {
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    line-height: 3.5rem;
    display: block;
    margin-bottom: 1rem;
    font-family: "Ysabeau";
    padding-right: 9%;
    padding-left: 5%;
}

.bannermc .ban-con.txt2 p {
    line-height: 2rem;
    font-size: 1.4rem;
    color: #fefff9;
    font-family: "Ysabeau";
    padding: 0.6rem 22% 1rem 5%;
}

.bannermc .ban-con.txt2 a {
   font-size: 1.4rem;
    font-family: "Ysabeau";
    width: 47.2%;
    height: 3.3rem;
    display: block;
    text-align: center;
    line-height: 3.3rem;
    color: #fff;
    border-radius: 2rem;
    margin-top: 1rem;
    background: #000 url(../images/bjt2.png) no-repeat 90%;
    padding-right: 1rem;
    margin-left: 5%;
}




.bannermc .ban-con.txt3 {
    padding-top: 5.6rem;
}
.bannermc .ban-con.txt3 b {
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 3.5rem;
    display: block;
    margin-bottom: 1.4rem;
    font-family: "Ysabeau";
    padding-right: 18%;
    padding-left: 5%;
}
.bannermc .ban-con.txt3  strong {
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
    line-height: 3.5rem;
    display: block;
    margin-bottom: 1rem;
    font-family: "Ysabeau";
    padding-right: 7%;
    padding-left: 5%;
}

.bannermc .ban-con.txt3 p {
    line-height: 2rem;
    font-size: 1.4rem;
    color: #fefff9;
    font-family: "Ysabeau";
    padding: 0.6rem 10% 1rem 5%;
}
}









.kehupc {
    padding-top: 4.6rem;
}

.kehupc .tit {
    margin-bottom: 2.5rem;
}

.kehupc li {
    float: left;
    width: 16%;
    padding-right: 0.7%;
    line-height: 0px;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

.kehupc li img {
    width: 100%;
    transition: 1s;
    filter: grayscale(100%);
}
.kehupc li:hover img{
    
 filter: grayscale(0%);   
    
} 
.kehupc li:nth-child(6n) {
    padding-right: 0px;
}

.kehumc{ display:none;}
@media screen and (max-width: 767px) {
    .kehupc {
        display: none;
    }
    .kehumc{ display:block;}
    
    .kehumc {
    padding: 4.8rem 0 0 0;
}

.kehumc  h4.mtit {
    margin-bottom: 2.2rem;
}
.kehumc ul li {
    float: left;
    width: 32.6%;
    margin-right: 1.1%;
    line-height: 0px;
    margin-bottom: 0.5rem;
}

.kehumc ul li img {
    width: 100%;
}

.kehumc ul li:nth-child(3n) {
    margin-right: 0px;
}

.kehumcimg {
    position: relative;
    overflow: hidden;
}
    
}





.experspc {
    padding: 4.1rem 0;
}

.experspc  h3.tit {
    margin-bottom: 2.4rem;
}

.experspc .expersone {
    line-height: 0px;
    padding-bottom: 4.5rem;
}

.experspc .experstwo {
    background: #f7f7f7;
    padding: 4.5rem 0 5rem 0;
    line-height: 0px;
}

.experspc dl dd {
    float: left;
    width: 24.2%;
}

.experspc dl dd h4 {
    font-size: 1.6rem;
    color: #333;
    display: block;
    line-height: 2rem;
    margin-top: 0rem;
    margin-bottom: 1rem;
    font-family: "Ysabeau-B";
}

.experspc dl dd .p {
    font-size: 1rem;
    color: #4c4c4c;
    line-height: 1.6rem;
    font-family: "Ysabeau";
}

.experspc dl dd .more {
    border: 1px solid #4d4d4d;
    display: inline-block;
    height: 2.5rem;
    line-height: 2.2rem;
    border-radius: 2rem;
    background: url(../images/hjt.png) no-repeat 83% center;
    padding: 0 2.25rem 0 1.4rem;
    background-size: 0.3rem;
    cursor: pointer;
    transition: border-color 0.5s ease;
    color: white;
    margin-top: 2.4rem;
    width: 6rem;
}

.experspc dl.dltwo dd .more{     margin-top: 2rem; }
.experspc dl dd .more:hover{
      background: url(../images/rjt.png) no-repeat 83% center;
     border-color:#d92725;
}


.experspc dl.dltwo dd .more {  background: url(../images/hjt.png) no-repeat 76% center;}
.experspc dl.dltwo dd .more:hover{
      background: url(../images/rjt.png) no-repeat 76% center;
     border-color:#d92725;
}

.experspc dl.dlthree dd h4{
    padding-right: 9%;
}

.experspc dl.dlthree dd,.experspc dl.dlfour dd{ margin-top:1rem;}
.experspc dl dd .more:hover a{
 color:#d92725;
}

.experspc dl dd .more a {
    color: #999;
    font-size: 0.9rem;
    font-family: "Ysabeau";
    display: block;
    height: 100%;
    text-align: center;
}

.experspc dl dt {
    float: right;
    width: 70.6%;
}

.experspc dl dt img {
    width: 100%;
}

.experspc .expersimg { overflow:hidden;}

.experspc .expersimg  .experins{}

.experspc .expersimg  li.swiper-slide {
    line-height: 0px;
}
.experspc .dl.expersimg li img {
    width: 100%;
}


.experspc .expersimg li span {
    position: absolute;
    bottom: 0px;
    width: 89%;
    left: 0px;
    height: 3rem;
    padding: 1.8rem 5.5% 1rem 5.5%;
    color: #fff;
    line-height: 3rem;
    font-size: 1.3rem;
    font-family: "Ysabeau-B";
    background: url(../images/bjs.png);
    background-size: 100% 100%;
}
.experspc .dlone .swiper-pagination  span.swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem;
    background:#fff;
    opacity: 1;
}

.experspc .dlone .swiper-pagination  span.swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#d92725}
.experspc dl.dlone.clearfix {
    margin-bottom: 4.5rem;
}

.experspc dl dd .more {}

.experspc dl.dltwo dt {
    float: left;
}

.experspc dl.dltwo  dd {
    float: right;
}

.experspc .expersimg .experins  li {
    float: left;
    width: 100%;
    position: relative;
}
.experspc .dltwo .expersimg .experins li {
    margin-right: 1.1%;
    width: 32.6%;
}

.experspc .dltwo .expersimg .experins li:nth-child(3) {
    margin-right: 0px;
}

.experspc .expersimg .experins ul {
    width: 100%;
}

.experspc dl.dlthree dt em:nth-child(1) {
    float: left;
    width: 65.8%;
}

.experspc dl.dlthree dt em:nth-child(2) {width: 33.1%;float: right;}

.experspc dl.dlthree {
    margin-bottom: 4.5rem;
    display: block;
}

.experspc dl.dlfour dt {
    float: left;
}

.experspc dl.dlfour dd {
    float: right;
}

.experspc dl {
    display: block;
}

.experspc .dlone .expersimg .experins {
    position: relative;
}

.experspc .dlone .expersimg .experins  i.expr-prev {
    position: absolute;
    display: block;
    width: 1.3rem;
    height: 2.4rem;
    top: 44%;
    z-index: 99;
    left: 2rem;
    cursor: pointer;
}

.experspc .dlone .expersimg .experins  i.expr-next {position: absolute;display: block;width: 1.3rem;height: 2.4rem;top: 44%;z-index: 99;right: 2rem;cursor: pointer;}

.experspc .dlone .expersimg .experins i.expr-prev:after {
    content: "";
    position:absolute;
    background:#fff;
    width: 1.72rem;
    height: 3px;
    right: 0px;
    top: 1.7rem;
    z-indx:11;
    -moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
    -o-transform: rotate(45deg);  /*针对欧朋浏览器写的兼容*/
    -webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
    transform: rotate(42deg);
}

.experspc .dlone .expersimg .experins i.expr-prev:before {
    content: "";
    position:absolute;
    background: #fff;
    width: 1.7rem;
    height: 3px;
    right: 0;
    top: 0.6rem;
    z-indx:10;
    -moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
    -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
    -webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
    transform: rotate(-45deg);
    }



.experspc .dlone .expersimg .experins i.expr-next:after {
    content: "";
    position:absolute;
    background:#fff;
    width: 1.72rem;
    height: 3px;
    right: 0px;
    top: 1.7rem;
    z-indx:11;
    -moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
    -o-transform: rotate(45deg);  /*针对欧朋浏览器写的兼容*/
    -webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
    transform: rotate(-42deg);
}

.experspc .dlone .expersimg .experins i.expr-next:before {
    content: "";
    position:absolute;
    background: #fff;
    width: 1.7rem;
    height: 3px;
    right: 0;
    top: 0.6rem;
    z-indx:10;
    -moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
    -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
    -webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
    transform: rotate(45deg);
    }

.experspc .dlone .expersimg .experins i.expr-next:hover:before {
    background: #333;
}
.experspc .dlone .expersimg .experins i.expr-next:hover:after {
    background: #333;
}
.experspc .dlone .expersimg .experins i.expr-prev:hover:before {
    background: #333;
}
.experspc .dlone .expersimg .experins i.expr-prev:hover:after {
    background: #333;
}

.experspc .dlone .swiper-pagination {
    position: absolute;
    width: 5rem;
    right: 2.5rem;
    left: initial;
    bottom: 2rem;
}



.expersmc{ display:none;}
@media screen and (max-width: 767px) {
    .experspc {
        display: none;
    }
    .expersmc{ display:block;}
    .expersmc {padding: 4.5rem 0 0 0;}
    .expersmc h3.mtit {
    text-align: center;
    padding: 0 12%;
    line-height: 3rem;
    margin-bottom: 2rem;
}

.expersmc dt img {
    width: 100%;
}

.expersmc 
  dl.dlone.clearfix {
    position: relative;
    overflow: hidden;
}
.expersmc .experins {
    position: relative;
}

.expersmc .experins  .swiper-pagination {
    width: auto;
    right: 6%;
    bottom: 1rem;
    display: inline-block;
    left: initial;
}

.expersmc .experins .swiper-pagination span.swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
}

.expersmc .experins .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { background:red;}
.expersmc dl.dlone.clearfix  li {
    line-height: 0px;
    position: relative;
}

.expersmc dl.dlone.clearfix li span {
    position: absolute;
    bottom: 0px;
    width: 89%;
    left: 0px;
    height: 2.5rem;
    padding: 1.8rem 5.5% 1rem 5.5%;
    color: #fff;
    line-height: 1.5rem;
    font-size: 1.6rem;
    font-family: "Ysabeau-B";
    background: url(../images/bjs.png);
    background-size: 100% 100%;
}

.expersmc dd {}

.expersmc dd h4 {
    display: block;
    font-size: 2rem;
    line-height: 2.75rem;
    color: #333;
    font-family: "Ysabeau-B";
    padding: 1.8rem 0;
}

.expersmc dd .p {
    color: #4c4c4c;
    font-size: 1.4rem;
    line-height: 2rem;
    font-family: "Ysabeau";
}

.expersmc dd .more {
    border: 1px solid #4d4d4d;
    height: 3.4rem;
    border-radius: 2rem;
    text-align: center;
    line-height: 3.4rem;
    margin-top: 2.1rem;
    width: 35%;
    background: url(../images/hjt.png) no-repeat 86% center;
    padding-right: 7%;
}
.expersmc dd .more a{
    color:#999;
    font-family: "Ysabeau";
    display:block;
    line-height: 3.4rem;
    font-size:1.4rem;
    height: 100%;
}

.expersmc .dlone dd h4 {
    padding-right: 2%;
}

.expersmc dl.dltwo {
    margin-top: 3.8rem;
}

.expersmc dl.dltwo ul li {
    float: left;
    width: 32.6%;
    margin-right: 1.1%;
    position: relative;
    line-height: 0px;
    overflow: hidden;
}

.expersmc dl.dltwo ul li:nth-child(3) {
    margin-right: 0px;
}

.expersmc dl.dltwo ul li span {
    position: absolute;
    bottom: 0px;
    width: 82%;
    left: 0px;
    height: 2.5rem;
    padding: 1.8rem 5.5% 0.6rem 13.5%;
    color: #fff;
    line-height: 1.5rem;
    font-size: 1.6rem;
    font-family: "Ysabeau-B";
    background: url(../images/bjs.png);
    background-size: 100% 100%;
}

.expersmc dl.dlthree {
    margin-top: 3.8rem;
}

.expersmc dl.dlthree dt em {
    float: left;
    width: 65.2%;
}

.expersmc dl.dlthree dt em:nth-child(2) {
    float: right;
    width: 33.33%;
    line-height: 0px;
}

.expersmc dl.dlfour {
    margin-top: 3.8rem;
}
    
    
}



.whypc {
    padding: 0 0 4rem 0;
}

.whypc h3.tit {
    margin-bottom: 2.9rem;
}

.whypc  dl {
    float: left;
    width: 23.1%;
    margin-right: 2.3%;
    cursor: pointer;
}

.whypc .whycontent {
    width: 84rem;
    margin: 0 auto;
}

.whypc dl dt img {
    width: 100%;
    transition: 1s;
}
.whypc dl:hover dt img{
     -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.whypc dl dt {
    display: block;
    overflow: hidden;
    line-height: 0px;
}


.whypc dl:nth-child(4) {
    margin-right: 0px;
}


.whypc dl dd b {
    color: #1a1a1a;
    font-size: 1.2rem;
    font-family: "Ysabeau-B";
    line-height: 1.6rem;
    height: auto;
    display: block;
    padding: 1.3rem 10% 1.3rem 0;
}

.whypc dl dd p {
    font-size: 1rem;
    color: #4c4c4c;
    line-height: 1.5rem;
    font-family: "Ysabeau";
}

.whymc{ display:none;}
@media screen and (max-width: 767px) {
    .whypc {
        display: none;
    }
    .whymc{ display:block;}
    .whymc {padding: 5rem 0 3.6rem 0;}

.whymc  h3.tit {
    text-align: center;
    padding: 0 24%;
    margin-bottom: 2.3rem;
    height: auto;
}

.whymc dl {
    width: 28.5rem;
}

.whymc dt {
    line-height: 0px;
}

.whymc dt img {
    width: 100%;
}
.whymc .whycontent {
    width: 96%;
    overflow: hidden;
    margin-left: 4%;
}
.whymc .whymcdl {}

.whymc dd b {
    height: 2.4rem;
    font-size: 1.8rem;
    display: block;
    text-align: center;
    font-family: "Ysabeau-B";
    line-height: 2.4rem;
    color: #1a1a1a;
    padding: 1.8rem 0;
}

.whymc dd p {
    height: 9rem;
    font-size: 1.4rem;
    display: block;
    text-align: left;
    font-family: "Ysabeau";
    line-height: 2rem;
    color: #1a1a1a;
    padding: 0 6%;
}

.whymc .swiper-pagination span.swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    background: #b3b3b3;
}

.whymc .swiper-pagination{
    margin-top: 2rem;
    position: relative;
}

.whymc .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { background:#d92725}

}



.enginpc {
    background: url(../images/wedobg.jpg) no-repeat;
    background-size: 100%;
    padding: 4.5rem 0;
}

.enginpc h4.tit2 {
    width: 44rem;
    display: block;
    margin: 0 auto;
    margin-bottom: 3rem;
}

.enginpc .engindl dl {
    border: 1px solid #ebebeb;
    float: left;
    background: #fff;
    width: 31.6%;
    height: 16.4rem;
    margin-right: 2%;
    margin-bottom: 1.1rem;
    position: relative;
    overflow: hidden;
}

.enginpc .engincos{ position:relative;}

.enginpc i.expr-prev {
    position: absolute;
    display: block;
    width: 1.3rem;
    height: 2.4rem;
    top: 39.6%;
    z-index: 99;
    left: -3.8rem;
    cursor: pointer;
}

.enginpc i.expr-next {position: absolute;display: block;width: 1.3rem;height: 2.4rem;top: 39.6%;z-index: 99;right: -3.2rem;cursor: pointer;}

.enginpc i.expr-prev:after {
    content: "";
    position:absolute;
    background:#b3b3b3;
    width: 1.72rem;
    height: 3px;
    right: 0px;
    top: 1.7rem;
    z-indx:11;
    -moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
    -o-transform: rotate(45deg);  /*针对欧朋浏览器写的兼容*/
    -webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
    transform: rotate(42deg);
}

.enginpc  i.expr-prev:before {
    content: "";
    position:absolute;
    background: #b3b3b3;
    width: 1.7rem;
    height: 3px;
    right: 0;
    top: 0.6rem;
    z-indx:10;
    -moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
    -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
    -webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
    transform: rotate(-45deg);
    }



.enginpc  i.expr-next:after {
    content: "";
    position:absolute;
    background:#b3b3b3;
    width: 1.72rem;
    height: 3px;
    right: 0px;
    top: 1.7rem;
    z-indx:11;
    -moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
    -o-transform: rotate(45deg);  /*针对欧朋浏览器写的兼容*/
    -webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
    transform: rotate(-42deg);
}

.enginpc  i.expr-next:before {
    content: "";
    position:absolute;
    background: #b3b3b3;
    width: 1.7rem;
    height: 3px;
    right: 0;
    top: 0.6rem;
    z-indx:10;
    -moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
    -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
    -webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
    transform: rotate(45deg);
    }

.enginpc  i.expr-next:hover:before {
    background: #333;
}
.enginpc i.expr-next:hover:after {
    background: #333;
}
.enginpc i.expr-prev:hover:before {
    background: #333;
}
.enginpc  i.expr-prev:hover:after {
    background: #333;
}


.enginpc .engincos .engindl{overflow:hidden;}
.enginpc .engindl dl:nth-child(3n) {
    margin-right: 0px;
}

.enginpc .engindl dl  dt {
    padding: 2rem 2.5rem 1.2rem 2.75rem;
}

.enginpc .engindl dl dt i {
    color: #f2f2f2;
    font-size: 8rem;
    font-family: "Ysabeau";
    right: 1%;
    position: absolute;
    top: -41%;
}

.enginpc .engindl dl dt img {
    width: 2.4rem;
    display: block;
}

.enginpc .engindl dl dd {
    padding: 0rem 2.5rem 1.2rem 2.75rem;
}

.enginpc .engindl dl dd b {
    font-family: "Ysabeau-B";
    color: #1a1a1a;
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-bottom: 1rem;
    display: block;
}

.enginpc .engindl dl dd p {
    font-family: "Ysabeau";
    font-size: 1rem;
    color: #4c4c4c;
    line-height: 1.4rem;
}
.enginpc .mores {
    color: #333;
    text-align: center;
    display: block;
    font-family: "Ysabeau";
    line-height: 1.5rem;
    font-size: 1.3rem;
    margin: 1.5rem 0 0 0;
    padding: 0 19%;
}


.enginmc{ display:none;}
@media screen and (max-width: 767px) {
    .enginpc {
        display: none;
    }
    .enginmc{ display:block;}
    
    .enginmc .engincontent {
    overflow: hidden;
}

.enginmc {
    background: #f5f5f5  url(../images/m-wedobg.jpg) no-repeat top;
    background-size: 100%;
    padding: 4.8rem 0;
}

.enginmc .engindl {
    height: 52rem;
    overflow: hidden;
    display: block;
    padding-bottom: 0.8rem;
}

.enginmc dl.swiper-slide {
    height: 18rem;
    padding: 0rem 0 0rem 0;
    box-sizing: border-box;
    transition: transform 0.3s;
    background: #fff;
    margin-bottom: 1rem;
    border: 1px solid #e3e3e3;
    position: relative;
}
.enginmc .engindl{ position:relative; overflow:hidden;}
.enginmc .engindl:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 10%;
        background: linear-gradient(to top, rgb(245 245 245 / 96%), #f5f5f5, transparent);
        pointer-events: none;
        z-index: 999;
    }

.enginmc {}

.enginmc h3.mtit {
    line-height: 3.3rem;
    padding: 0 8%;
}

.enginmc dl.swiper-slide dt {
    float: left;
    width: 20.3%;
    height: 100%;
    position: relative;
}

.enginmc dl.swiper-slide:after {
    content: "";
    display: block;
    width: 2.3rem;
    height: 2.3rem;
    bottom: -0.9rem;
    left: 47%;
    position: absolute;
    background: url(../images/xjt.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    cursor: pointer;
}
.enginmc dl.swiper-slide:last-child{ margin-bottom:3rem;} 

.enginmc dl.swiper-slide dt img {
    width: 3.3rem;
    position: absolute;
    right: 0px;
    top: 2.8rem;
}

.enginmc dl.swiper-slide dt i {
    position: absolute;
    width: 50%;
    height: 4rem;
    background: url(../images/m-yuan.png) no-repeat;
    background-size: 100%;
    color: #fff;
    font-size: 1.7rem;
    line-height: 3rem;
    text-align: center;
    font-family: "Ysabeau-B";
}

.enginmc dl.swiper-slide dd {
    float: right;
    width: 72%;
    padding: 2.5rem 4% 2.5rem 0;
}

.enginmc dl.swiper-slide dd b {
    font-size: 1.8rem;
    color: #1a1a1a;
    height: 5rem;
    line-height: 2.4rem;
    display: block;
    font-family: "Ysabeau-B";
    padding-bottom: 0.5rem;
}

.enginmc dl.swiper-slide dd p {
    color: #4c4c4c;
    font-size: 1.4rem;
    line-height: 1.9rem;
    font-family: "Ysabeau";
    padding-right: 6%;
}

.enginmc  .mcontentt {
    width: 84%;
    margin: 0 auto;
}

.whycontent {
    width: 96%;
    overflow: hidden;
    margin-left: 4%;
}

.enginmc .mores {
    font-size: 1.8rem;
    line-height: 2.6rem;
    text-align: center;
    color: #1a1a1a;
    font-family: "Ysabeau-B";
}
    
    
}



.casepc {
    padding-top: 4.4rem;
    display: block;
}

.casepc .tit2 {
    width: 44rem;
    display: block;
    margin: 0 auto;
    margin-bottom: 2.5rem;
    padding-top: 1.35rem;
}


.casepc dl {
    position: relative;
}

.casepc dl dt {
    line-height: 0px;
}

.casepc dl dt img {
    width: 100%;
}

.casepc dl dd {
    position: absolute;
    bottom: 0px;
    display: block;
    height: 5.6rem;
    z-index: 99;
    padding: 1rem 0 0 0;
    width: 100%;
    line-height: 1.75rem;
    left: 0px;
    background: url(../images/bjs.png);
    background-size: 100% 100%;
}

.casepc dl dd p {
    color: #fff;
    font-size: 1.2rem;
    font-family: "Ysabeau";
    padding-left: 5%;
    padding-right: 34%;
}

.casepc .column {
    text-align: center;
    margin-bottom: 2.4rem;
}

.casepc .column a {
    display: inline-block;
    border: 1px solid #1a1a1a;
    font-family: "Ysabeau";
    font-size: 1rem;
    width: 8.3rem;
    text-align: center;
    height: 2.3rem;
    margin: 0 0.2rem;
    line-height: 2.3rem;
    border-radius: 2rem;
}
.casepc .column a:hover {
    color: #d92725;
    border: 1px solid #d92725;
}


.casebtn {
    margin: 0 auto;
    height: 10px;
    position: relative;
}


.casebtn i.expr-prev {
    position: absolute;
    display: block;
    width: 1.3rem;
    height: 2.4rem;
    bottom: 15rem;
    z-index: 99;
    left: 2rem;
    cursor: pointer;
}

.casebtn i.expr-next {
    position: absolute;
    display: block;
    width: 1.3rem;
    height: 2.4rem;
    bottom: 15rem;
    z-index: 99;
    right: 2rem;
    cursor: pointer;
}

.casebtn i.expr-prev:after {
    content: "";
    position:absolute;
    background:#fff;
    width: 1.72rem;
    height: 3px;
    right: 0px;
    top: 1.7rem;
    z-indx:11;
    -moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
    -o-transform: rotate(45deg);  /*针对欧朋浏览器写的兼容*/
    -webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
    transform: rotate(42deg);
}

.casebtn i.expr-prev:before {
    content: "";
    position:absolute;
    background: #fff;
    width: 1.7rem;
    height: 3px;
    right: 0;
    top: 0.6rem;
    z-indx:10;
    -moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
    -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
    -webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
    transform: rotate(-45deg);
    }



.casebtn i.expr-next:after {
    content: "";
    position:absolute;
    background:#fff;
    width: 1.72rem;
    height: 3px;
    right: 0px;
    top: 1.7rem;
    z-indx:11;
    -moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
    -o-transform: rotate(45deg);  /*针对欧朋浏览器写的兼容*/
    -webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
    transform: rotate(-42deg);
}
.casebtn  i.expr-next:before {
    content: "";
    position:absolute;
    background: #fff;
    width: 1.7rem;
    height: 3px;
    right: 0;
    top: 0.6rem;
    z-indx:10;
    -moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/
    -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
    -webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/
    transform: rotate(45deg);
    }

.casebtn i.expr-next:hover:before {
    background: #333;
}
.casebtn i.expr-next:hover:after {
    background: #333;
}
.casebtn i.expr-prev:hover:before {
    background: #333;
}
.casebtn i.expr-prev:hover:after {
    background: #333;
}


.casemc{ display:none;}
@media screen and (max-width: 767px) {
    .casepc {
        display: none;
    }
    .casemc{ display:block;}
    
       
    
    .casemc {
    padding: 5rem 0;
}

.casemc h3.mtit {
    line-height: 3.3rem;
}

.casemc .mcontentt {
    overflow: hidden;
}

.casemc .column {
    margin-bottom: 3rem;
    height: 8.2rem;
}

.casemc .column a {
    font-family: "Ysabeau";
    font-size: 1.6rem;
    color: #1a1a1a;
    border: 1px solid #1a1a1a;
    height: 3.4rem;
    display: inline-block;
    width: 31%;
    text-align: center;
    border-radius: 2rem;
    margin-bottom: 1.1rem;
    line-height: 3.4rem;
    margin-right: 1.3%;
}

.casemc dl {
    position: relative;
}

.casemc dl dt {
    line-height: 0px;
}

.casemc dl dt img {
    width: 100%;
}

.casemc dl dd {
    position: absolute;
    bottom: 0px;
    width: 89%;
    left: 0px;
    padding: 1.8rem 5.5% 1rem 5.5%;
    font-family: "Ysabeau-B";
    background: url(../images/bjs.png);
    background-size: 100% 100%;
}

.casemc dl dd p {
    color: #fff;
    font-size: 1.2rem;
    line-height: 2.25rem;
    font-family: "Ysabeau";
}

.casemc .column a:nth-child(3) {
    margin-right: 0px;
}
.casemc .column a:nth-child(4),.casemc .column a:nth-child(5)  {width: 48%;}


.casemc .column a:nth-child(5) {
    margin-right: 0px;
}
}





 .aboutpc {
    padding: 4.5rem 0 5.03rem 0;
}

.aboutpc  h3.tit {
    margin-bottom: 3rem;
}

.aboutpc .ab-left {
    float: left;
    width: 34%;
}

.aboutpc .ab-left .p {
    
color: #1a1a1a;
    font-size: 1.05rem;
    font-family: "Ysabeau";
    line-height: 1.8rem;
    margin-bottom: 1.9rem;
    margin-top: 1rem;
    padding-right: 7%;
    
}

.aboutpc .ab-left .mores {
    border: 1px solid #4d4d4d;
    display: inline-block;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: 2rem;
    background: url(../images/hjt.png) no-repeat 87% center;
    padding: 0 1.7rem 0 0.6rem;
    background-size: 0.3rem;
    cursor: pointer;
    transition: border-color 0.5s ease;
    color: white;
    width: 9.4rem;
    display: block;
    margin-bottom: 0.5rem;
    text-align: center;
    float: left
}


.aboutpc .ab-left .mores.a2 {
    width: 6rem;
    padding: 0 1.7rem 0 0.6rem;
    background: url(../images/hjt.png) no-repeat 81% center;
    background-size: 0.3rem;
    margin-left: 2%;
}


.aboutpc .ab-left .mores:hover{
      background: url(../images/rjt.png) no-repeat 87% center;
     border-color:#d92725;
}
.aboutpc .ab-left .mores.a2:hover{
      background: url(../images/rjt.png) no-repeat 81% center;
     border-color:#d92725;
}
.aboutpc .ab-left .mores:hover a{
color:#d92725;
}
.aboutpc .ab-left .mores a {
    display: block;
    height: 100%;
    color: #999;
    font-size: 0.9rem;
    font-family: "Ysabeau";
}

.aboutpc.ab-right {}

.aboutpc .ab-right {
    float: right;
    width: 60.8%;
    overflow: hidden;
}

.aboutpc .aboutswz {}
 
.aboutpc .aboutswz .swiper-slide {
    line-height: 0px; 
}

.aboutpc .aboutswz .swiper-slide img {
    width: 100%;
}

.aboutpc .aboutswz  ul {
    background: #f5f5f5;
    height: 8rem;
    position: relative;
    z-index: 99;
}

.aboutpc .aboutswz  ul li {
    float: left;
    width: 33.33%;
    cursor: pointer;
    height: 100%;
}

.aboutpc .aboutswz  ul li p {
    padding: 15% 11% 0 25%;
    font-family: "Ysabeau";
    height: 81%;
    margin-top: -0.6rem;
    position: relative;
}

.aboutpc .aboutswz  ul li b {
    font-family: "Ysabeau";
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 1rem;
}

.aboutpc .aboutswz  ul li span {
    display: block;
    color: #333333;
    font-size: 1.05rem;
    line-height: 1.5rem;
    font-weight: bold;
    font-family: "Ysabeau";
    padding-bottom: 0.5rem;
}

.aboutpc .aboutswz ul li.cur p {
    color: #fff;
    margin-top: -0.6rem;
    background: #000 url(../images/bjt.png) no-repeat 1.9rem 2.6rem;
}

.aboutpc .aboutswz ul li.cur p span {
    color: #fff;
}

.aboutpc .aboutswz ul li p:after {
    content: "";
    display: block;
    width: 1px;
    background: #dcdcdc;
    height: 4rem;
    position: absolute;
    top: 2.2rem;
    right: 0px;
}

.aboutpc .aboutswz ul li.li3 p:after,.aboutpc .aboutswz ul li.cur p:after {
    width: 0px;
}





.aboutpc .indexone {
    position: relative;
}

.aboutpc .indexone .yswen {
    position: relative;
    height: auto;
    margin-top: 3.5rem;
}

.aboutpc .indexone .yswen .yswz {
    position: relative;
    width: 100%;
    z-index: 99;
    height: 100%;
}

.aboutpc .indexone .yswen .yswz ul {
    width:100%;
    margin: 0 auto;
    display: block;
}

.aboutpc .indexone  .yswz ul li {
    float: left;
    width: auto;
    display: inline-block;
    position: relative;
    color: #1a1a1a;
    text-align: left;
}
.aboutpc .indexone .yswz ul li:nth-child(1) {
    width: 18%;
}
.aboutpc .indexone .yswz ul li:nth-child(2) {
    width: 18%;
}
.aboutpc .indexone .yswz ul li:nth-child(3) {
    width: 18%;
}
.aboutpc .indexone .yswz ul li:nth-child(4) {
    width: 17.5%;
}
.aboutpc .indexone .yswz ul li:nth-child(5) {
    width: 12.5%;
}


.aboutpc .indexone  .yswz ul li span{
    font-family: "Ysabeau-B";
    display: block;
    line-height: 1.7rem;
    height: 1.8rem;
    padding-bottom: 1rem;
}
.aboutpc .indexone .yswz ul li:nth-child(6) {
 float: right;
    margin-right: 0%;
}
.aboutpc .indexone  .yswz ul li em,.aboutpc .indexone  .yswz ul li b{
    font-size: 2.6rem;
     font-family: "Ysabeau-B";
}
.aboutpc .indexone .yswz ul li i{ font-family: "Ysabeau-B";font-size: 1.4rem;}
.aboutpc .indexone .yswz ul li b{}
.aboutpc .indexone .yswz ul li p{
    font-family: "Ysabeau";
    font-size: 1rem;
    line-height: 0.8rem;
    height: 0.8rem;
}




.aboutmc{ display:none;}
@media screen and (max-width: 767px) {
    .aboutpc {
        display: none;
    }
    .aboutmc{ display:block;}
    
    
    .aboutmc {}

.aboutpc .mtit {}




.aboutmc {
    padding: 0rem 0 5.03rem 0;
}

.aboutmc  h3.tit {
    margin-bottom: 3rem;
}

.aboutmc .ab-left {
    width: 100%;
    display: block;
}

.aboutmc .ab-left .p {color: #1a1a1a;font-size: 1.4rem;font-family: "Ysabeau";line-height: 2.3rem;margin-bottom: 1.7rem;margin-top: 3rem;}

.aboutmc .ab-left .mores {
    border: 1px solid #4d4d4d;
    height: 3.4rem;
    line-height: 3.5rem;
    border-radius: 2rem;
    background: url(../images/hjt.png) no-repeat 86% center;
    padding: 0 1.7rem 0 0.6rem;
    background-size: 0.6rem;
    cursor: pointer;
    transition: border-color 0.5s ease;
    color: white;
    width: 46%;
    display: block;
    margin-bottom: 0.5rem;
    text-align: center;
    float: left;
    margin: 0 2.2%;
}


.aboutmc .ab-left .mores.a2 {
    width: 31%;
    padding: 0 1.7rem 0 0.6rem;
    background: url(../images/hjt.png) no-repeat 81% center;
    background-size: 0.6rem;
    margin-left: 0%;
}


.aboutmc .ab-left .mores a {
    display: block;
    height: 100%;
    color: #999;
    font-size: 1.4rem;
    font-family: "Ysabeau";
}


.aboutmc .ab-right {
    width: 100%;
    overflow: hidden;
    display: block;
}

.aboutmc .aboutswz {}
 
.aboutmc .aboutswz .swiper-slide {
    line-height: 0px; 
}

.aboutmc .aboutswz .swiper-slide img {
    width: 100%;
}

.aboutmc .aboutswz  ul {
    background: #f5f5f5;
    height: 5.5rem;
    position: relative;
    z-index: 99;
}
.aboutmc .aboutswz  ul li {
    float: left;
    width: 33.33%;
    cursor: pointer;
    height: 100%;
}

.aboutmc .aboutswz  ul li p {
    padding: 24% 10% 0 10%;
    font-family: "Ysabeau";
    height: 81%;
    margin-top: -0.6rem;
    position: relative;
    text-align: center;
}

.aboutmc .aboutswz  ul li b {
    font-family: "Ysabeau";
    font-weight: normal;
    font-size: 0.9rem;
    line-height: 1rem;
}

.aboutmc .aboutswz  ul li span {
    display: block;
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    font-size: 1.4rem;
    line-height: 0.8rem;
    font-weight: bold;
    font-family: "Ysabeau";
    padding-bottom: 0.5rem;
}

.aboutmc .aboutswz ul li.cur p {
    color: #fff;
    margin-top: -0.6rem;
    background: #000 url(/web/template/heheng/images/bjt.png) no-repeat center 1.2rem;
    background-size: 1.1rem;
}

.aboutmc .aboutswz ul li.cur p span {
    color: #fff;
}

.aboutmc .aboutswz ul li p:after {
    content: "";
    display: block;
    width: 1px;
    background: #dcdcdc;
    height: 4rem;
    position: absolute;
    top: 2.2rem;
    right: 0px;
}

.aboutmc .aboutswz ul li.li3 p:after,.aboutpc .aboutswz ul li.cur p:after {
    width: 0px;
}


.aboutmc .indexone {
    position: relative;
}

.aboutmc .indexone .yswen {
    position: relative;
    height: auto;
    margin-top: 3.5rem;
}

.aboutmc .indexone .yswen .yswz {
    position: relative;
    width: 100%;
    z-index: 99;
    height: 100%;
}

.aboutmc .indexone .yswen .yswz ul {
    width:100%;
    margin: 0 auto;
    display: block;
}

.aboutmc .indexone  .yswz ul li {
        float: left;
        width: 31.8%;
        display: inline-block;
        position: relative;
        color: #1a1a1a;
        text-align: left;
        margin-bottom: 2.3rem;
}
.aboutmc .indexone  .yswz ul li span{
    font-family: "Ysabeau-B";
    display: block;
    line-height: 1.7rem;
    height: 1.8rem;
    padding-bottom: 1rem;
    text-align: center;
}
.aboutmc .indexone .yswz ul li:nth-child(6) {
 float: right;
}
.aboutmc .indexone  .yswz ul li em,.aboutpc .indexone  .yswz ul li b{
    font-size: 2.8rem;
     font-family: "Ysabeau-B";
}
.aboutmc .indexone .yswz ul li:after {
    content: "";
    position: absolute;
    right: 0px;
    width: 1px;
    background: #d9d9d9;
    height: 100%;
    top: 0px;
}

.aboutmc .indexone .yswz ul li:nth-child(3n):after {
    display: none;
}
.aboutmc .indexone .yswz ul li:nth-child(2) p ,.aboutmc .indexone .yswz ul li:nth-child(4) p {padding: 0 20%;}
.aboutmc .indexone .yswz ul li:nth-child(5) p {padding: 0 1%;}
.aboutmc .indexone .yswz ul li:nth-child(2),.aboutmc .indexone .yswz ul li:nth-child(5) {
    width: 36.23%;
}
.aboutmc .indexone .yswz ul li i{ font-family: "Ysabeau-B";font-size: 2.4rem;}
.aboutmc .indexone .yswz ul li b{  font-size: 2.5rem;font-weight: normal;}   
.aboutmc .indexone .yswz ul li p{
         font-family: "Ysabeau";
        font-size: 1.4rem;
        line-height: 1.8rem;
        height: auto;
        color: #4c4c4c;
        text-align: center;
        padding: 0 13.8%;
} 

.aboutmc h3.mtit {
    line-height: 3.3rem;
    display: block;
    margin-bottom: 2.5rem;
    padding: 0 2%;
}

.aboutmc .aboutswz ul li.cur p:after {
    display: none;
}
    
 
}





.newspc {
    background: #f5f5f5;
    padding: 4rem 0 5.6rem 0;
}

.newspc  h4.tit2 {
    width: 37rem;
    display: block;
    margin: 0 auto;
    margin-bottom: 2.3rem;
    padding-top: 1.35rem;
}

.newspc dl {
    float: left;
    width: 31.25%;
    margin-right: 3.12%;
    cursor: pointer;
    position: relative;
}

.newspc dl dt {
    line-height: 0px;
    overflow: hidden;
}

.newspc dl dt img {
    width: 100%;
    transition: 1s;
}

.newspc dl dt a {
    display: block;
}

.newspc dl dd {
    display: block;
    height: 11.3rem;
    padding: 2.5rem 0 0 1.8rem;
}

.newspc dl dd i {
    font-size: 0.9rem;
    color: #666666;
    display: block;
    font-family: "Ysabeau";
    padding-bottom: 0.5rem;
}

.newspc dl dd span {
    font-size: 1.2rem;
    line-height: 1.8rem;
    display: block;
    font-family: "Ysabeau";
    margin-bottom: 1.6rem;
    padding-right: 16%;
}
.newspc dl:nth-child(1) dd a.btn {

    background: url(../images/bjt2.png) no-repeat right 0.66rem;
}
.newspc dl dd a.btns {
    font-size: 0.9rem;
    color: #666666;
    display: block;
    font-family: "Ysabeau";
    margin-bottom: 0.5rem;
    background: url(../images/hjt.png) no-repeat right 0.66rem;
    display: inline-block;
    padding-right: 1rem;
}

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

.newspc dl:nth-child(1):after {
    content: "";
    background: url(../images/newsbg.png) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: 100%;
    z-index: 9;
}

.newspc dl:nth-child(1) dd {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    padding: 0rem 0 0 1.8rem;
    z-index: 10;
}

.newspc dl:nth-child(1)  dd i,.newspc dl:nth-child(1) dd a{ color:#fff;opacity:0.7;}
.newspc dl:nth-child(1) dd span  { color:#fff;}    
.newspc dl:nth-child(3) {
    margin-right: 0px;
}

.newspc dl:hover dd a.btns,.newspc dl:hover dd span {
    font-weight: bold;
}

.newspc dl:nth-child(1):hover dd a.btns,.newspc dl:nth-child(1):hover dd span,.newspc dl:nth-child(1):hover dd i {
    font-weight: bold;
    opacity:1;
}

.newspc dl:nth-child(1) dd i {
    margin-top: 14rem;
}


.newsmc{ display:none;}
@media screen and (max-width: 767px) {
    .newspc {
        display: none;
    }
    .newsmc{ display:block;}
.newsmc {
    background: #f5f5f5;
    padding: 5rem 0 4.2rem 0;
}
.newsmc  .mcontentt {
    width: 96%;
    overflow: hidden;
    margin-left: 4%;
}

.newsmc .mtit {     
    line-height: 2rem;
    height: 2.5rem;}
.newsmc h4.mtit2{ padding:2rem 5% 2.5rem 6%;}
.newsmc dl {
    float: left;
    width: 33rem;
    margin-right: 3.12%;
    cursor: pointer;
    position: relative;
}

.newsmc dl dt {
    line-height: 0px;
    overflow: hidden;
}

.newsmc dl dt img {
    width: 100%;
    transition: 1s;
}

.newsmc dl dt a {
    display: block;
}

.newsmc dl dd {
    display: block;
    height: auto;
    padding: 1.7rem 0 0 1.7rem;
}

.newsmc dl dd i {
    font-size: 1.4rem;
    color: #666666;
    display: block;
    font-family: "Ysabeau";
    padding-bottom: 0.5rem;
}

.newsmc dl dd span {
    font-size: 1.6rem;
    line-height: 1.8rem;
    display: block;
    font-family: "Ysabeau-B";
    margin-bottom: 0.6rem;
    padding-right: 0%;
}
.newsmc dl dd a.btns {
    font-size: 1.4rem;
    color: #666666;
    display: block;
    font-family: "Ysabeau";
    margin-bottom: 0.5rem;
    background: url(../images/hjt.png) no-repeat right center;
    display: inline-block;
    padding-right: 1rem;
}

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

}












@media screen and (max-width: 767px){

}
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.6px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.6px;}}
@media screen and (min-width:414px){html{font-size:11px;}}
@media screen and (min-width:440px){html{font-size:11.8px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.8px;}}
@media screen and (min-width:560px){html{font-size:15px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17px;}}
@media screen and (min-width:680px){html{font-size:18.2px;}}
@media screen and (min-width:700px){html{font-size:18.6px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


@media screen and (min-width: 800px) {html {font-size: 12.6px;}}
@media screen and (min-width: 900px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.4px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.2px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.6px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}
@media screen and (min-width: 2120px) {html {font-size: 20px;}}
@media screen and (min-width: 2220px) {html {font-size: 20px;}}