html {
    margin: 0 auto;
    max-width: 2280px;
}

/*end*/


h1.seo{ display:none;}


h1,h2,h3,h4{
        font-family: 'Roboto-M';
}

body{overflow-x:hidden;overflow-y:hidden;font-family: 'OPPOSans-R';}

.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tc{text-align:center}
.db{display:block}
.pr{position:relative}
.pa{position:absolute}
.oh{overflow:hidden}
.fl{float:left}
.fr{float:right}
.fwb{font-weight:700}
.fwn{font-weight:400}
.db{display:block}
.dn{display:none}
.fw{font-family: 'Bronova-R';}
.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.f_cb,.f_cbli li{zoom:1}
.ma{margin:0 auto}
.line1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.pic{width:100%;overflow:hidden}
.pic img{-o-transition:all 1s linear 0s;transition:all 1s linear 0s}
.pic:hover img{-webkit-transform:scale(1.05) rotate(0) translateY(0);-ms-transform:scale(1.05) rotate(0) translateY(0);transform:scale(1.05) rotate(0) translateY(0)}
.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
.content{width:83.333%;margin:0 auto}
.c,.clearfix:after{height:0;content:"";clear:both;display:block}


/***xinzeng*****/
.bannerpc .ban-jt{width:100%;}
.bannerpc .ban-jt i{display:block;width:36px;height:70px;cursor:pointer;z-index:300;transition:.5s;}
.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{line-height:0;position:relative;}
.bannerpc img{width:100%;display:block;}
.bannerpc .ban-con{width:100%;position:absolute;left: 0px;top: 6rem;}
.bannerpc .ban-con.txt1 span{
       display: block;
       line-height: 3rem;
       font-size: 2rem;
       color: #fff;
       margin-bottom: 1.5rem;
       font-weight: normal;
       font-family: 'OPPOSans-H';
       width: 49%;
       text-transform: uppercase;
}
.bannerpc .pre{ position:relative;}
.bannerpc .ban-con.txt1 p{
        line-height: 1.6rem;
        font-size: 1.2rem;
        color: #fff;
        width: 51%;
        margin-bottom: 2.8rem;
        position: relative;
        padding-top: 2rem;
        font-family: 'OPPOSans-R';
}
.bannerpc .ban-con.txt1 p:after{
 content:"";
 background:#fe7b01;
 height:0.3rem;
 width:4.5rem;
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
}


.bannerpc .ban-con.txt2 span{
       display: block;
       line-height: 3rem;
       font-size: 2rem;
       color: #fff;
       margin-bottom: 1.5rem;
       font-weight: normal;
       font-family: 'OPPOSans-H';
       width: 49%;
       text-transform: uppercase;
}

.bannerpc .ban-con.txt2 p{
        line-height: 1.6rem;
        font-size: 1.2rem;
        color: #fff;
        width: 54%;
        margin-bottom: 2.8rem;
        position: relative;
        padding-top: 2rem;
        font-family: 'OPPOSans-R';
}
.bannerpc .ban-con.txt2 p:after{
 content:"";
 background:#fe7b01;
 height:0.3rem;
 width:4.5rem;
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
}



.bannerpc .ban-con.txt3 span{
       display: block;
       line-height: 3rem;
       font-size: 2rem;
       color: #fff;
       margin-bottom: 1.5rem;
       font-weight: normal;
       font-family: 'OPPOSans-H';
       width: 100%;
       text-align: center;
       text-transform: uppercase;
}
.bannerpc .ban-con.txt3 p{
        line-height: 1.6rem;
        font-size: 1.2rem;
        color: #fff;
        width: 100%;
        margin-bottom: 2.8rem;
        position: relative;
        padding-top: 2rem;
        font-family: 'OPPOSans-R';
}
.bannerpc .ban-con.txt3 p:after{
 content:"";
 background:#fe7b01;
 height:0.3rem;
 width:5%;
 display: block;
 position: absolute;
 top: 0px;
 left: 47%;
}



.bannerpc .banmore2 a{display: block;height: 2.3rem;background: #007ad9 url(../images/jitt.png) no-repeat center right 9%;font-size: 1rem;line-height: 2.3rem;color: #fff;border-radius: 2.6rem;padding-left: 2rem;width: 9.8rem;position: relative;font-family: 'OPPOSans-R';font-weight: normal;}

.bannerpc .ban-con .icos {
    float: right;
    width: 46%;
    text-align: center;
    display: flex;
    display:-webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    flex-wrap:wrap;
position: relative;
margin-top: 8%;

}

.bannerpc .ban-con .icos img {
    display: inline-block;
    width: auto;
    height: 3.4rem;
}



.tit {
    display: block;
    text-align: center;
}

.tit h2 {
    font-size: 2.2rem;
    color: #000;
     font-family: 'Roboto-M';
    text-transform: uppercase;
    line-height: 2.2rem;
    margin-bottom: 1.7rem;
}

.tit p {
   font-family: 'Roboto-L';
    font-size: 1.2rem;
    font-weight: normal;
    padding: 0 22%;
    line-height: 1.55rem;
}

.about {
    margin: 4rem 0 4.2rem;
    background: url(../images/abbgs.png) no-repeat center top;
}
.about .abyous li:hover {
    border: 1px solid #007ad9
}
.about .abyous li:hover em{
background:#007ad9;
}
.about .abone {
    position: relative;
}

.about .abone .abimgvideo {
    float: left;
    width: 51.1%;
    line-height: 0px;
    position: relative;
}

.about .abone .abimgvideo img {
    width: 100%;
}

.about .abone .abimgvideo em {
display: block;
    position: absolute;
    top: 66%;
    left: 10%;
    width: 5rem;
    height: 5rem;
    background-size: 100%;
    cursor: pointer;
}

.about .abshort {
    float: right;
    width: 45%;
}

.about .abshort h3 {
    font-size: 2.2rem;
    color: #000;
    text-transform: uppercase;
    line-height: 2.2rem;
    margin-bottom: 1.4rem;
    font-weight: bold;
}

.about .abshort em {
    font-size: 1.2rem;
    font-family: 'OPPOSans-B';
    color: #000;
    line-height: 2rem;
    padding-right: 12%;
    display: block;
    margin-bottom: 1.2rem;
}

.about .abshort p {
    font-weight: normal;
    font-size: 0.9rem;
    color: #333;
    opacity: 0.7;
    line-height: 1.8rem;

}

.about .abshort a {
    font-size: 1rem;
    display: block;
    width: 8.8rem;
    height: 2.75rem;
    line-height: 2.75rem;
    border-radius: 2rem;
    color: #fff;
    background: #007ad9;
    text-align: center;
    margin-top: 1rem;
}
.about .abone .abimgvideo em:before {
       content: "";
    background: url(../images/videobtn.png) no-repeat;
    display: block;
    position: relative;
    width: 4rem;
    height: 4rem;
    background-size: 100%;
    cursor: pointer;
    z-index:10;
}
.about .abone .abimgvideo em:after {
    content: "";
    background: #fff;
    width: 6rem;
    height: 6rem;
    position: absolute;
    border-radius: 50%;
    left: -1rem;
    top: -1rem;
    opacity: 0.4;
}
.about { position:relative;padding-top: 4rem;}

.about .abyous ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 6rem;
    text-align: center;
}

.about .abyous li {
    border: 1px solid #b1b1b1;
    width: 23.3%;
}

.about .abyous li em {
    display: block;
    width: 30%;
    margin: 0 auto;
    margin-top: -2rem;
    background: #ececec;
    border-radius: 6rem;
    box-sizing: border-box;
    padding: 2.8%;
    overflow: hidden;
}

.about .abyous li p {
    box-sizing: border-box;
    padding: 0.8rem 17% 0 17%;
    font-size: 1rem;
    color: #000;
    font-family: none;
    line-height: 1.4rem;
    margin-bottom: 1.8rem;
     font-family: 'Roboto-R';
}

.about .abyous li em img {
    width: 100%;
    display: block;
    background: #fff;
    border-radius: 5rem;
    box-sizing: border-box;
    padding: 16%;
}



.prject .tit {
    background: #f3f3f3;
    padding: 3.4rem 0 2rem 0;
}
.prject .tit p {
    padding: 0 26%;
    color: #000;
}
.prject .tit h2{margin-bottom: 1.45rem;}

.prject {
    display: block;
    padding-bottom: 3.2rem;
}

.prject .prjcons {
    position: relative;
}

.prject .prjcons .dl {
    position: relative;
}

.prject .prjcons .dl .img {
    line-height: 0px;
}

.prject .prjcons .dl .img img {
    width: 100%;
}

.prject .prjcons .dl .prjdl {
    position: absolute;
    background: rgb(0 122 217 / 80%);
    width: 35.52%;
    top: 21%;
    box-sizing: border-box;
    padding: 4rem 0 3.5rem 8.43%;
    display: block;
    height: 52%;
}

.prject .prjcons .dl .prjdl span {
    font-size: 1.2rem;
    color: #fff;
 font-family: 'Roboto-M';
    line-height: 1.4rem;
    font-weight: bold;
}

.prject .prjcons .dl .prjdl p {
    font-size: 0.9rem;
    color: #fff;
    line-height: 1.45rem;
    padding: 1.4rem 0 1.5rem;
     font-family: 'Roboto-L';
}

.prject .prjcons .dl .prjdl a {
    text-align: center;
    padding: 0.6rem 0;
    font-size: 0.8rem;
    background: #fe7201;
    color: #fff;
    width: 10.7rem;
    display: block;
    border-radius: 2rem;
}

.prject .prjlist {
    background: #fff;
    width: 92.18%;
    margin: 0 auto;
    margin-top: -2rem;
    position: relative;
    z-index: 99;
    height: auto;
    box-sizing: border-box;
    padding: 1rem 1%;
}

.prject .prjlist li {
    float: left;
    width: 24.2%;
    margin-right: 1%;
    cursor: pointer;
}

.prject .prjlist li em {
    background: #fff;
    display: block;
    padding: 0.25rem;
    box-sizing: border-box;
    line-height: 0px;
    border-radius: 0.45rem;
}

.prject .prjlist li em img {
    width: 100%;
    border-radius: 0.25rem;
    overflow: hidden;
}

.prject .prjlist li span {
    display: block;
    text-align: center;
    color: #000;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 1.2rem 12%;
    line-height: 1.65rem;
     font-family: 'Roboto-M';
}

.prject .prjlist li.cur em {
    background: #007fcc;
    display: block;
    padding: 0.25rem;
    box-sizing: border-box;
    line-height: 0px;
    border-radius: 0.45rem;
}

.prject .prjlist li:last-child {
    margin-right: 0px;
}
.prject .mores {
    text-align: center;
    background: #007ad9;
    margin: 0 auto;
    width: 13.9rem;
    padding: 0.65rem 0rem;
    border-radius: 2rem;
}

.prject .mores a {
    color: #fff;
    display: block;
    font-size: 1rem;
}




.product .tit {
    background: #f3f3f3;
    padding: 5rem 0 3rem;
}
.product .tit p {
    font-family: none;
    color: #333;
}
.product .tit2 {
    text-align: center;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.5rem 0 1.5rem;
    cursor: pointer;
}

.product .tit2 img {
    width: 3.5rem;
}

.product .tit2 span {
    font-size: 2.2rem;
    color: #000;
    font-family: 'OPPOSans-H';
    font-weight: bold;
    line-height: 3rem;
    display: inline-block;
    margin-left: 2%;
} 

.product .tit2 a {
    display: block;
}

.product {}

.product dl {
    float: left;
    width: 32.6%;
    margin-right: 1%;
    position: relative;
    cursor: pointer;
}

.product dl dt {
    position: relative;
    overflow: hidden;
    line-height: 0px;
}

.product dl dt img.yes {
  width: 100%;
    display: block;
    position: absolute;
    z-index: 9;
    left: 0px;
    top: 0px;
}
.product dl dt img.no {
    width: 100%;
    display: block;
    position: relative;
}
.product dl dt img {
    width: 100%;
}

.product dd.dd1 {
    background: #f3f3f3;
    box-sizing: border-box;
    padding: 1.5rem 6%;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.product dd.dd1 span {
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    display: block;
    margin-bottom: 0.4em;
    font-family: "Microsoft Yahei";
}

.product dd.dd1 p {
    font-size: 0.8rem;
    line-height: 1.4rem;
    font-family: 'Roboto-L';
}

.product dd.dd2 {
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    background: rgb(0 122 217 / 80%);
    left: 0px;
    width: 100%;
    height: 100%;
}

.product dd.dd2 ul {
    box-sizing: border-box;
    padding: 29% 16% 10% 16%;
}

.product dd.dd2 li {
    display: block;
    font-size: 1rem;
    color: #fff;
    padding-bottom: 1rem;
    position: relative;
    padding-left: 1rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

.product dd.dd2>a {
    display: block;
    background: #fff;
    width: 34%;
    margin: 0 auto;
    text-align: center;
    border-radius: 3rem;
    padding: 0.5rem 0;
    font-size: 0.8rem;
    color: #007ad9;
}

.product dd.dd2 a span {
    margin: 0 auto;
    text-align: center;
    font-size: 0.8rem;
    color: #007ad9;
}

.product dd.dd2 a i {
    display: inline-block;
    width: 2rem;
    height: 1rem;
    background: url(../images/jitt2.png) no-repeat bottom;
    background-size: 0.8rem;
}

.product dd.dd2 li a {}

.product dl:last-child {
    margin-right: 0px;
}





.product dd.dd2 li a {
    color: #fff;
        font-family: 'Roboto-R';
}

.product dd.dd2 li:after {
    content: "";
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: #fff;
    position: absolute;
    left: 0px;
    top: 0.6rem;
    border-radius: 5rem;
}


.product .bgs {
    background: #f3f3f3;
    padding-bottom: 2rem;
}

.content.procos {
    margin-bottom: 4rem;
}

.product .bgs  dd.dd1 {
    background: #fff;
}


.product .fenye {
    display: block;
    padding: 1.7rem 0 0; 
    text-align: center;
    position: relative;
}
.product .fenye .preve{
 display: inline-block;
 width: 3.95rem;
 height: 3.955rem;
 background: url(../images/m/btn-left.png) no-repeat;
 background-size: 100%;
 margin-right: 4%;
}
.product .fenye .next{ 
 display: inline-block;
 width: 3.95rem;
 height: 3.955rem;
 background: url(../images/m/btn-right.png) no-repeat;
 background-size: 100%;
}
 




.youshi { padding-top:4.8rem;}
.youshi .tit h2 {
    margin-bottom: 2.3rem;
    line-height: 3rem;
}
.youshi .ysnyimg {
    position: relative;
}

.youshi .ysnyimg .img {
    line-height: 0px;
    position: relative;
}

.youshi .ysnyimg .img img {
    width: 100%;
}

.youshi .yyss{
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 100%;
    left: 0px;
    overflow: hidden;
}

.youshi .ysnyimg .img.swiper-wrapper {
    height: auto;
}

.youshi  .ys_swiper {
    position: relative;
    display: block;
}

.youshi .yslist {float: left;width: 25%;height: 100%;position: relative;z-index: 99;cursor: pointer;box-sizing: border-box;padding-top: 26%;padding: 34% 2.55% 0 2.5%;}



.youshi .yyss:after {
    content: "";
    background: url(http://y945406.wmcms.nswyun.com/web/template/solarman/images/ysbg.png) no-repeat bottom center;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 9;
    background-size: 100%;
}
.youshi .yslist:hover h3 {
    
 text-align: left;   
    
}
.youshi .yslist h3 {
    font-size: 1.42rem;
    color: #fff;
    display: block;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 32%;
    text-align: center;
      font-family: 'Roboto-M';
}

.youshi .yslist p {
    color: #fff;
    font-size: 0.8rem;
    display: block;
    height: 42%;
      font-family: 'Roboto-L';
}

.youshi .yslist a {
    display: block;
    background: #fff;
    width: 49%;
    text-align: center;
    border-radius: 3rem;
    padding: 0.5rem 0;
    font-size: 0.8rem;
    color: #007ad9;
}

.youshi .yslist a span {
    margin: 0 auto;
    text-align: center;
    font-size: 0.8rem;
    color: #007ad9;
}

.youshi .yslist a i {
    display: inline-block;
    width: 2rem;
    height: 1rem;
    background: url(http://y945406.wmcms.nswyun.com/web/template/solarman/images/jitt2.png) no-repeat bottom;
    background-size: 0.8rem;
}

.youshi .yslist:after {
    content: "";
    background: rgb(255 255 255 / 40%);
    height: 100%;
    right: 0px;
    top: 0px;
    width: 1px;
    position: absolute;
}

.youshi .yslist:nth-child(1):after {
    right: 1px;
}

.youshi .yslist.cur,.youshi .yslist:hover {
    background: rgb(0 122 217 / 80%);
    padding: 13.8% 2.5% 0 2.5%;
}

.youshi .yslist.cur h3:after,.youshi .yslist:hover h3:after {
    content: "";
    bottom: 0px;
    left: 0px;
    width: 20%;
    position: absolute;
    height: 0.2rem;
    background: #fff;
}
.youshi .yslist h3:after{
    content: "";
    bottom: 0px;
    left:40%;
    width: 20%;
    position: absolute;
    height: 0.2rem;
    background: #fff;
    
}

.youshi .yslist.cur h3,.youshi .yslist:hover h3 {
    margin-bottom: 1rem;
}


.case {
    margin-top: 5rem;
    margin-bottom: 3.9rem;
}
.case .tit {
    margin-bottom: 2.2rem;
}

.case .column {
    margin-bottom: 2.2rem;
    text-align: center;
}

.case .column a {
    display: inline-block;
    background: #007ad9;
    color: #fff;
    margin: 0 0.5rem;
    padding: 0.1rem 2.4%;
       font-family: 'Roboto-M';
    font-size: 1.5rem;
}


.case .column a:hover {
    
  background: #ff7b11; 
  color: #fff;
    
}


.case .caselist {
    margin: 0 1.458%;
}

.case .caselist dl {
    float: left;
    width: 32.66%;
    margin-right: 1%;
    cursor: pointer;
    margin-bottom: 2.2rem;
}
.case .caselist dl:nth-child(3n) {
    margin-right: 0px;
}
.case .caselist dl dt {
    overflow: hidden;
    line-height: 0px;
}

.case .caselist dl dt img {
    width: 100%;
}

.case .caselist dd {
    height: 4.7rem;
    line-height: 4.7rem;
    background: #f3f3f3;
}

.case .caselist dd a {
    box-sizing: border-box;
    padding: 0 22%;
    text-align: center;
    line-height: 1rem;
    height: 4.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
      font-family: 'Roboto-L';
      font-size: 0.8rem;
}

.case .caselist dd a:hover {
    color: #007ad9;
}

.case .tit p {
    padding: 0 11%;
}

.case .caselist dl:hover dd{
    background:#007ad9;
}
.case .caselist dl:hover dd a{
    color: #fff;
}








.Process {
    padding: 0 3.125% 6rem 3.1255%;
}

.Process  dt {
    text-align: center;
    border: 1px saddlebrown;
    background: #fff;
    margin: 0 6.2%;
}

.Process  dt em {
    border: 1px dashed #007ad9;
    border-radius: 5rem;
    position: relative;
    display: block;
    width: 72%;
    line-height: 0px;
    margin: 0 auto;
    overflow: hidden;
}

.Process dt em i {
    background: #007ad9;
    display: block;
    overflow: hidden;
    border-radius: 5rem;
    width: 89%;
    margin: 0.36rem auto;
    line-height: 0px;
}

.Process dt em img {
    width: 100%;
}

.Process dd {
    text-align: center;
}

.Process dd span {
    font-size: 1.3rem;
    color: #007ad9;
    display: block;
    height: 3rem;
    line-height: 1.6rem;
    padding: 0 12%;
    margin-bottom: 1.4rem;
    margin-top: 1.4rem;
    font-family: "Roboto-M";
}

.Process dd p {
    font-size: 0.9rem;
    line-height: 1.2rem;
     font-family: "Roboto-R";
    
}

.Process .tit {
    margin-bottom: 3.4rem;
}

.Process  dl {
    float: left;
    width: 13.333%;
    position: relative;
    z-index: 99;
    margin-right: 4%;
    cursor: pointer;
}


.Process .proccy {
    position: relative;
}

.Process .proccy:before{
    content:"";
    height:1px;
    width: 89%;
    border-bottom: 1px dashed #282828;
    display: block;
    position: absolute;
    top: 20%;
    left: 4%;
    z-index: 9;
}


.Process dl:last-child {
    margin-right: 0px;
}

.Process dl:last-child dd span {
    padding: 0;
}

.Process dl.cur dt em,.Process dl:hover dt em {
    border-color: #ff7b11;
}

.Process dl.cur dt em i,.Process dl:hover dt em i {
    background: #ff7b11;

}
.Process dl:hover dd span,.Process dl:hover dd p{
    color: #ff7b11;
    
}
.Process dl.cur dt em img {

}








.g_guide .yzsp .play{position:absolute;left:0;top:0}
.g_guide .yzsp .play::before{content:'';position:absolute;width:8.8rem;height:8.8rem;-webkit-box-shadow:inset #fff 0 0 40px;box-shadow:inset #fff 0 0 40px;border-radius:50%;top:0;left:0;opacity:0;animation:warn2 2s ease-out .1s infinite}
.g_guide .yzsp .play::after{content:'';position:absolute;width:8.8rem;height:8.8rem;-webkit-box-shadow:inset #fff 0 0 40px;box-shadow:inset #fff 0 0 40px;border-radius:50%;top:0;left:0;opacity:0;animation:warn 2s ease-out 1.1s infinite}
.g_guide .yzsp .play img{display:block;width:8.8rem;height:8.8rem;position:relative;z-index:1;border-radius:50%}
@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 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}
}
@-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)}



.newspc {
    background: #f3f3f3;
    padding: 5.03rem 0 7.7rem 0;
}
.newspc .tit h2{
    
      margin-bottom: 1.4rem;  
}

.newspc .tit {
    margin-bottom: 2.6rem;
}

.newspc dl {
    float: left;
    width: 31%;
    background: #fff;
    box-sizing: border-box;
    padding: 2rem 1.88%;
    height: 12.9rem;
    margin-bottom: 1rem;
    cursor: pointer;
    overflow: hidden;
}
.newspc dl dt {
    display: none;
    line-height: 0px;
    
}

.newspc dl:nth-child(1) dt {
    display: block;
}

.newspc dl:nth-child(1) {
    width: 35%;
    margin-right: 1.7%;
    background: no-repeat;
    position: relative;
    height: auto;
    padding: 0px;
}

.newspc dl:nth-child(2n) {
    margin-right: 1.3%;
}

.newspc dl:nth-child(1) dt img {
    width: auto;
    height: 26.8rem;
}

.newspc dl dd {}

.newspc dl dd p.title {
    font-size: 1rem;
      font-family: 'Roboto-M';
    line-height: 1.28rem;
    display: block;
    height: 2.4rem;
    overflow: hidden;
    margin-bottom: 1.22rem;
}
.newspc dl:hover dd p.title {
 color: #007ad9;

}

.newspc dl dd p.desc {
    color: #666666;
    font-size: 0.9rem;
    line-height: 1.25rem;
    display: block;
    height: 2.5rem;
    overflow: hidden;
    margin-bottom: 1rem;
        font-family: 'Roboto-L';
}

.newspc dl dd span.date {
    font-size: 0.8rem;
    display: block;
    text-align: right;
    font-weight: bold;
    color: #666;
    position: relative;
}
.newspc dl dd span.date:before {background:#d6d6d6;content:"";position:absolute;top: 47%;left:0px;width: 75%;height:1px;}

.newspc dl dd span.date i {
    display: none;
}
.newspc dl:nth-child(1) dd {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 2rem 8% 2.75rem 8%;
    z-index: 20;
}

.newspc dl:nth-child(1):after {
    content: "";
    background: #000;
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.5;
}

.newspc dl:nth-child(1) dd p.title {
    color: #fff;
    line-height: 1.5rem;
    height: 3rem;
}

.newspc dl:nth-child(1) dd p.desc {color: rgb(255 255 255 / 80%);margin-bottom: 46%;position: relative;}

.newspc dl:nth-child(1) dd span.date {
    color: #fff;
    display: block;
    height: 3rem;
    position: relative;
    line-height: 3rem;
}

.newspc dl:nth-child(1) dd p.desc i {}

.newspc dl:nth-child(1) dd span.date i {
    display: block;
    float: left;
    font-size: 3.61rem;
}

.newspc dl:nth-child(1) dd span.date:before {
    display: none;
}

.newspc dl:nth-child(1) dd span.date em {
    float: right;
    line-height: 1rem;
} 

.newspc dl:nth-child(1) dd span.date:after {
    content: "";
    display: block;
    background: url(../images/new_l.png) no-repeat;
    width: 1.8rem;
    height: 0.6rem;
    background-size: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.newspc dl:nth-child(1):hover dd p.title{  color: #007ad9;}


.g-hd,.banmc,.mcform,.aboutmc,.prjectmc,.productmc,.youshimc,.newsmc,.casemc,.Processmc{ display:none;}
@media screen and (max-width:720px){
 .head,.bannerpc,.about,.prject,.product,.youshi,.case,.Process,.newspc,.footpc{ display:none;}   
 
.banmc,.aboutmc,.prjectmc,.productmc,.youshimc,.newsmc,.casemc,.Processmc{ display:block;}
.banmc  img{ width:100%;}
.banmc .ban-con{width:100%;position:absolute;left: -3%;top: 4rem;}
.banmc .ban-con.txt2{width:100%;position:absolute;left: -3%;top: 3rem;}
.banmc .ban-con.txt1 span{
       display: block;
       line-height: 3rem;
       font-size: 2rem;
       color: #fff;
       margin-bottom: 2rem;
       font-weight: normal;
       font-family: "oppb";
       position: relative;
       padding-bottom: 1.6rem;
       padding-right: 1%;
       text-transform: uppercase;
}
.banmc .ban-con.txt1 span:after{content:"";background:#ed6d00;position: absolute;bottom: 0px;left: 0px;width: 5rem;height: 0.25rem;}

.banmc .ban-con.txt1 p{
        line-height: 1.9rem;
        font-size: 1.2rem;
        color: #fff;
        width: 100%;
        height: 6rem;
        margin-bottom: 7rem;
        font-family: "oppr";
}


.banmc .ban-con.txt2 span{
       display: block;
       line-height: 3rem;
       font-size: 2rem;
       color: #fff;
       margin-bottom: 2rem;
       font-weight: normal;
       font-family: "oppb";
       position: relative;
       padding-bottom: 1.6rem;
       padding-right: 3%;
       text-transform: uppercase;
}
.banmc .ban-con.txt2 span:after{content:"";background:#ed6d00;position: absolute;bottom: 0px;left: 0px;width: 5rem;height: 0.25rem;}



.banmc .ban-con.txt3 span{
       display: block;
       line-height: 3rem;
       font-size: 2rem;
       color: #fff;
       margin-bottom: 2rem;
       font-weight: normal;
       font-family: "oppb";
       text-align: center;
       position: relative;
       padding-bottom: 1.6rem;
       text-transform: uppercase;
}
.banmc .ban-con.txt3 span:after{content:"";background:#ed6d00;position: absolute;bottom: 0px;left: 43%;width: 5rem;height: 0.25rem;}



.banmc .ban-con.txt2 p{
        line-height: 1.6rem;
        font-size: 1.2rem;
        color: #fff;
        width: 100%;
        height: 6rem;
        margin-bottom: 7rem;
        font-family: "oppr";
}


.banmc .icos {
    float: right;
    width: 88%;
    text-align: center;
    display: flex;
    display:-webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    flex-wrap:wrap;
    position: absolute;
    left: 8%;
    bottom: -6%;
}

.banmc .icos img {
    display: inline-block;
    width: auto;
    height: 3.4rem;
} 
 
 
 .mcontent{
    width: 91.86%;
    margin: 0 auto;
}
.aboutmc {
    margin: 3.2rem 0 0.64rem;
}

.aboutmc .abone {
    position: relative;
}

.aboutmc .abone .abimgvideo {
    line-height: 0px;
    position: relative;
}

.aboutmc .abone .abimgvideo img {
    width: 100%;
}

.aboutmc .abone .abimgvideo em {
    display: block;
    position: absolute;
    top: 39%;
    left: 44%;
    width: 5rem;
    height: 5rem;
    background-size: 100%;
    cursor: pointer;
}

.aboutmc .abshort {display: block;margin-bottom: 1.8rem;}

.aboutmc .abshort h3 {
    font-size: 2.2rem;
    color: #000;
    font-family: 'OPPOSans-H';
    text-transform: uppercase;
    line-height: 2.2rem;
    margin-bottom: 1.5rem;
    font-weight: bold;
    text-align: center;
}

.aboutmc .abshort em {
    font-size: 1.2rem;
    font-family: 'OPPOSans-B';
    color: #000;
    line-height: 2rem;
    display: block;
    margin-bottom: 1.85rem;
    text-align: center;
    padding: 0 10%;
}

.aboutmc .abshort p {
    font-weight: normal;
    font-size: 1em;
    color: #333;
    opacity: 0.7;
    line-height: 2rem;
}

.aboutmc {position:relative;padding-top: 0rem;}

.aboutmc .abyous ul {
    margin-top: 5.25rem;
    text-align: center;
    display: block;
}

.aboutmc .abyous li {
    border: 1px solid #b1b1b1;
    width: 47.3%;
    margin-bottom: 3.4rem;
    float: left;
}

.aboutmc .abyous li em {
    display: block;
    width: 34%;
    margin: 0 auto;
    margin-top: -2rem;
    background: #ececec;
    border-radius: 6rem;
    box-sizing: border-box;
    padding: 2.8%;
    overflow: hidden;
}

.aboutmc .abyous li p {
    box-sizing: border-box;
    padding: 0.8rem 12% 0 12%;
    font-size: 1rem;
    color: #333;
    font-family: none;
    line-height: 1.4rem;
    margin-bottom: 1.8rem;
}

.aboutmc .abyous li em img {
    width: 100%;
    display: block;
    background: #fff;
    border-radius: 5rem;
    box-sizing: border-box;
    padding: 16%;
}


.aboutmc .abyous li:nth-child(2n) {
    float: right;
}
 
 
 
.prjectmc {
    background: #f3f3f3;
    padding: 2.9rem 0 3.8rem;
}

.prjectmc .tit {
    padding: 0 7%;
    margin-bottom: 1.85rem;
}

.prjectmc .tit h2 {
    line-height: 2.6rem;
}

.prjectmc .tit p {
    padding: 0 0%;
}

.prjectmc .dl {
    position: relative;
    height: 9rem;
    overflow: hidden;
    margin-bottom: 1.15rem;
}

.prjectmc .dl .img {
    margin-top: -8%;
}

.prjectmc .dl .img img {
    width: 100%;
}

.prjectmc .dl .prjdl {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.prjectmc .dl:after {
    content: "";
    background: #000;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 9;
    left: 0px;
    top: 0px;
    opacity: 0.3;
}

.prjectmc .dl .prjdl a span {
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.65rem;
    display: block;
    width: 46%;
    float: left;
    margin: 6% 0 5% 6%;
    position: relative;
    padding-bottom: 1.3rem;
}
.prjectmc .dl .prjdl a span:after{
    content:"";
    background: #fe7201;
    width: 4rem;
    height: 0.25rem;
    position: absolute;
    bottom: 0px;
    left: 0px;
}


.prjectmc .dl .prjdl em {
    float: right;
    width: 6%;
    margin: 3rem 6% 0px 0px;
    cursor: pointer;
}

.prjectmc .dl .prjdl em img {
    width: 100%;
}

.prjectmc .dl.cur {
    height: auto;
}

.prjectmc .dl.cur:after {
    display: none;
}

.prjectmc .dl.cur .prjdl em {
    display: none;
}

.prjectmc .dl.cur .prjdl a span {
    margin-top: 13%;
} 
 
 
 
.productmc {position:relative;}

.productmc .tit {
    margin-top: 3.4rem;
    margin-bottom: 2.2rem;
}

.productmc .tit p {
    padding: 0 6%;
}

.productmc .procos {
    background: #f3f3f3;
}


.productmc .tit2 {
    text-align: center;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.5rem 0 1.5rem;
    cursor: pointer;
}

.productmc .tit2 img {
    width: 3.5rem;
}

.productmc .tit2 span {
    font-size: 2.2rem;
    color: #000;
    font-family: 'OPPOSans-H';
    font-weight: bold;
    line-height: 3rem;
    display: inline-block;
    margin-left: 2%;
} 

.productmc .tit2 a {
    display: block;
}
.productmc .procos li:nth-child(2n) {
margin-right:0px;
}
.productmc .procos li {
 float: left;
        width: 47.9%;
        border: 1px solid #c8c8c8;
        background: #fff;
        margin-bottom: 1.1rem;
}


.aboutmc .abone .abimgvideo em:before {
    content: "";
    background: url(../images/videobtn.png) no-repeat;
        display: block;
        position: relative;
        width: 5rem;
        height: 5rem;
        background-size: 100%;
        cursor: pointer;
        z-index: 10;
}
.aboutmc .abone .abimgvideo em:after {
    content: "";
    background: #fff;
    width: 7rem;
    height: 7rem;
    display: block;
    border-radius: 50%;
    left: -1rem;
    top: -1rem;
    position: absolute;
    opacity: 0.4;
    z-index: 9;
}
.productmc .procos li a {
    line-height: 0px;
}

.productmc .procos li a span {
    display: block;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    padding-bottom: 1.33rem;
    font-weight: bold;
    color: #000;
    font-size: 1.3rem;
}

.productmc .procos li a img {
    width: 100%;
}

.productmc .procos.bgs {margin-top: 2.55rem;}

.productmc .fenye {
    display: block;
    padding: 2.7rem 0; 
    text-align: center;
    position: relative;
}
.productmc .fenye .preve{
 display: inline-block;
 width: 3.95rem;
 height: 3.955rem;
 background: url(../images/m/btn-left.png) no-repeat;
 background-size: 100%;
 margin-right: 4%;
}
.productmc .fenye .next{ 
 display: inline-block;
 width: 3.95rem;
 height: 3.955rem;
 background: url(../images/m/btn-right.png) no-repeat;
 background-size: 100%;
}
 
 
 
.youshimc {
    padding: 4rem 0 3.35rem;
}

.youshimc .tit {
    margin-bottom: 2.4rem;
}
.youshimc .tit h2{
    line-height: 3rem;
}
.youshimc .yslist {
    display: block;
    height: auto;
    background: #007ad9;
    margin-bottom: 1rem;
    color: #fff;
}

.youshimc .yslist h3 {
    font-size: 1.55rem;
    padding: 1.57rem 0 1.57rem 5%;
    box-sizing: border-box;
    font-weight: bold;
    float: left;
}

.youshimc .yslist span {
    float: right;
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/m/wmore.png) no-repeat;
    background-size: 100%;
    margin: 1.6rem 5% 0 0;
}

.youshimc .yslist p {
    display: none;
    font-size: 1.1rem;
    line-height: 1.55rem;
    padding: 0.4rem 5% 2.5rem;
}

.youshimc .yslist img {
    width: 100%;
    display: none;
}

.youshimc .yslist.cur {
    background: #ed6d00;
}

.youshimc .yslist.cur img {
    display: block;
}

.youshimc .yslist.cur p {
    display: block;
    color: #fff;
}

.youshimc .yslist.cur h3 {
    padding: 1.57rem 0 0.77rem 5%;
} 
 
 
 
.casemc {
    background: #f3f3f3;
    padding: 3.3rem 0 0rem;
}

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

.casemc .tit p {
    padding: 0 2%;
}

.casemc .column {
    margin-bottom: 1.4rem;
}

.casemc .column a {
    display: inline-block;
    background: #007ad9;
    color: #fff;
    font-size: 1.5rem;
    padding: 0.25rem 0;
    margin-right: 2.3%;
    margin-bottom: 1rem;
    font-weight: bold;
    text-align: center;
    width: 31%;
    position: relative;
    z-index: 10;
}

.casemc .case_swiper {
    overflow: hidden;
}

.casemc .case_swiper dl {}

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

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

.casemc .case_swiper dl  dd a {
    height: 100%;
    font-size: 1.2rem;
    color: #666;
    padding: 0 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2556rem;
    box-sizing: border-box;
}

.casemc .case_swiper dl  dd {
    display: block;
    width: 100%;
    height: 5.5rem;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
}
.casemc  .fenye {
    display: block;
    padding: 2.7rem 0; 
    text-align: center;
    position: relative;
}
.casemc  .fenye .preve{
 display: inline-block;
 width: 3.95rem;
 height: 3.955rem;
 background: url(../images/m/btn2-left.png) no-repeat;
 background-size: 100%;
 margin-right: 4%;
}
.casemc  .fenye .next{ 
 display: inline-block;
 width: 3.95rem;
 height: 3.955rem;
 background: url(../images/m/btn2-right.png) no-repeat;
 background-size: 100%;
}
    

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

.casemc .column a:nth-child(4) {
    width: 23%;
}

.casemc .column a:nth-child(5) {
    width: 43%;
}

.casemc .column a:nth-child(6) {
    width: 27%;
}

.casemc .column a.dd.active {
    background: #ff7b11;
} 

.casemc .column a:nth-child(2) {
    width: 43%;
}

.casemc .column a:nth-child(3) {
    width: 19%;
}


.newsmc {
    width: 100%;
        padding: 3rem 0% 4rem 0%;
        background: #f3f3f3;
        box-sizing: border-box;
}
.newsmc .mcontent h2 {font-size:2rem;margin-bottom:1rem;}
.newsmc .mcontent dl {background-color:#f3f3f3;border-radius:0.5rem;overflow:hidden;display:flex;text-decoration:none;color:#333;transition:transform 0.3s ease;padding:1.2rem 1rem;margin-bottom:2rem;position:relative;height: 11.3rem;background: #fff;}
.newsmc .mcontent dl:hover {transform:translateY(-0.25rem);}
.newsmc .mcontent dl dt img {width: 100%;display:block;}
.newsmc .mcontent dl dd {padding: 0.6rem 0.2rem 0rem 4%;text-align:left;width: 61%;position: relative;}
.newsmc .mcontent dl .title {font-size:1.1rem;margin-bottom: 0.5rem;color:#000;font-family:'oppb';line-height: 1.45rem;display: block;}
.newsmc .mcontent dl .desc {font-size:1rem;color:#333;line-height:1.4;margin-bottom: 1.1rem;font-family:微软雅黑;}
.newsmc .mcontent dl:before {content:"";position:absolute;z-index:1;width: 76%;height: 1px;background:#cdcdcd;left:3%;bottom: 2rem;}
.newsmc .mcontent dl .date {font-size:0.8rem;color:#676767;text-align:right;display:block;position:relative;font-weight:bold;line-height: 2rem;position: absolute;bottom: 0px;right: 3%;}

.newsmc .tit {
    margin-bottom: 1.9rem;
}

.newsmc .mcontent dl dt {
    width: 33%;
} 
 
 
.Processmc {
    padding: 3.7rem 0 0.4rem;
}

.Processmc .tit {
    margin-bottom: 3rem;
    display: block;
}

.Processmc  dl {
    float: left;
    width: 30.333%;
    position: relative;
    z-index: 99;
    margin-right: 4%;
    cursor: pointer;
    margin-bottom: 3.75rem;
}
.Processmc dt {
    text-align: center;
    border: 1px saddlebrown;
    background: #fff;
    margin: 0 6.2% 0 9.2%;
}

.Processmc dt em {
    border: 1px dashed #007ad9;
    border-radius: 5rem;
    position: relative;
    display: block;
    width: 83%;
    line-height: 0px;
    margin: 0 auto;
    overflow: hidden;
}

.Processmc dt em i {
    background: #007ad9;
    display: block;
    overflow: hidden;
    border-radius: 5rem;
    width: 89%;
    margin: 0.36rem auto;
    line-height: 0px;
}
.Processmc dt em img {
    width: 100%;
}

.Processmc dd {
    text-align: center;
}
.Processmc dd span {
    font-size: 1.2rem;
    color: #007ad9;
    padding: 0 12%;
    margin-bottom: 1.4rem;
    margin-top: 1.4rem;
    font-weight: bold;
    line-height: 1.2;
    height: 2.3em;
    overflow: hidden;
    word-break: break-all;
    white-space: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.Processmc dl.cur dt em,.Processmc dl:hover dt em {
    border-color: #ff7b11;
}

.Processmc dl.cur dt em i,.Processmc dl:hover dt em i {
    background: #ff7b11;

}
.Processmc dl.cur dd span,.Processmc dl:hover dd span{
    color: #ff7b11;
    
}


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

.Processmc .pre {
    position: relative;
}

.Processmc .pre .pre {
    position: absolute;
    display: block;
    width: 3rem;
    height: 3rem;
}

.pre.n1 {
    background: url(../images/m/jtou.png) no-repeat;
    display: block;
    top: 9%;
    left: 29%;
    background-size: 100%;
}
.pre.n2 {
    background: url(../images/m/jtou.png) no-repeat;
    display: block;
    top: 9%;
    left: 63.5%;
    background-size: 100%;
}
.pre.n3 {
    background: url(../images/m/jtou3.png) no-repeat center;
    display: block;
    top: 39%;
    left: 81%;
    background-size: auto 100%;
}

.pre.n4 {
    background: url(../images/m/jtou2.png) no-repeat;
    display: block;
    top: 58%;
    left: 29%;
    background-size: 100%;
}
.pre.n5 {
    background: url(../images/m/jtou2.png) no-repeat;
    display: block;
    top: 58%;
    left: 63.5%;
    background-size: 100%;
} 
 
 
 .Processmc dl:nth-child(2) dd span,.Processmc dl:nth-child(3) dd span {
    padding: 0 19%;
}
.Processmc dl:nth-child(5) dd span,.Processmc dl:nth-child(6) dd span {
    padding: 0 19%;
}

.Processmc dl:nth-child(4) dd span{
    padding: 0 6%;
}
 
}