html{width:100%; max-width:1920px;min-width:1200px;margin:0 auto;}

body .proyoushi .proys.yss01 .imgs img{ width:auto;}
  body  .proyoushi {
        background: #1c1e21 url(../images/pwudabg.png) no-repeat center top;
        padding: 8rem 0 11rem 0;
    }
body .prowldb dl dd:nth-child(2){margin-left: 2.35%;}
body .prohanye .yiny img{ width:auto;}
body .proyoushi .proys.yss05 .yswzrs .yswwz .ywz02 {
    padding: 0.4rem 0rem 0 0;
}
body .prohanye .yiny h6{    margin-bottom: 2.1rem;}
body .prowldb dd span {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    width: 48%;
    text-align: center;
    height: 2rem;
    line-height: 2rem;
    color: rgb(18 18 18);
    z-index: 99;
    opacity: 1;
    font-size: 0.8rem;
    font-weight: bold;
    background: url(../images/pplbb.png) repeat;
}
body .prowldb {
    padding: 18px 0 0 0;
}

.fenge7 {
    display: block;
    height: 1rem;
    background: url(../images/pbtbgs.png) no-repeat top left;
    background-size: 80%;
    margin: 3rem 0;
    position: relative;
    z-index: 99;
}

body .yingyongly .tit:after{
    
content: "";
    content: "";
    position: absolute;
    display: block;
    width: 80%;
    bottom: 0.3rem;
    left: 10%;
    height: 2px;
    background: #9f9f9f;    
}



.procssz table tr td:nth-child(1) span {
    background: #e9e9e9;
    padding: 15px 5px 16px 5px;
    height: 44px;
    line-height: 24px;
    display: block;
    border-radius: 9px;
    overflow: hidden;
    margin-right: 60px;
    font-weight: normal;
}
body .procssz table tr:nth-child(1) td{ font-size:1.2rem;}
body .procssz table tr:nth-child(1) td:nth-child(1):after {
    width: 86%;
}

.procssz table tr:nth-child(1) td:nth-child(1) {
    padding-right: 18px;
}

body  .procssz table tr td{    padding: 6px 0%;}

.procssz table tr td:nth-child(1) {
    border: 0px;
}
body  procssz table tr td{
    
    border-bottom: 1px solid #cbcbcb;
    height: 40px;
    padding: 6px 0%;
    line-height: 24px;
}

body .proyoushi .proys .yswzrs .yswwz .ywz01{ font-size:2rem;}
body .proyoushi .proys.yss02 .imgs img{ height:14rem;}
body  .proyoushi .proys .imgs img {
    width: auto;
    height: 13.5rem;
}
body .procssz {
    background: #fff;
    padding: 6rem 0 2rem 0;
   position: relative;
}

body .procssz:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 20.5%;
    display: block;
    width: 60%;
    background: #cacaca;
    height: 1px;
}
.procssz table tr:last-child td {
    border: 0px;
}



body .proyoushi .tit2{ height:2rem;}
body .proyoushi .proys.yss02 .yswzrs .yswwz .ywz02{margin-bottom: 4.2rem; }
body .proyoushi .proys {
    position: relative;
    display: block;
    margin-top: 6rem;
}
body .proyoushi .proys .imgs{ width:48%;}

body .proyoushi .proys .yswzrs {
    position: relative;
    z-index: 99;
    float: left;
    width: 51.5%;
}
html  body {
    min-width: 1200px;
    width: 100%;
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto;
}
body .containe,body .procontent{
    width: 59%;
    margin: 0 auto;
    max-width: 1200px;
     min-width: 1100px;
}
body .procontent{
    width: 59%;
    margin: 0 auto;
   max-width: 1200px;
}

body .prohanye .tit{    margin: 1rem 0px 4rem;}

body .prohanye {
    padding: 4rem 0 7rem;
}

body .proyoushi{padding: 6rem 0 8rem 0;}

body .yingyongly {
    padding: 2rem 0 6rem 0px;
}


body .yingyongly .tit span,body .prowldb .tit span,body .prohanye .tit span,body .proyoushi .tit2{font-size:2.8rem;}


.productimgdesc{position:relative; text-align:center;}
.productimgdesc .proimg img {
 width: 100%;
 height: auto;
}

.productimgdesc .proimg {
    line-height: 0px;
}

.productimgdesc .ps {
    position: absolute;
    top: 30%;
    width: 100%;
    text-align: center;
    line-height: 3rem;
}



.productimgdesc .ps em {
    background: linear-gradient(to right, #bd2626, #c13232, #a64141, #ca5151,#cd5a5a);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 1.4rem;
    display: block;
}

.productimgdesc .ps  h1 {
    font-size: 2.8rem;
    display: block;
    line-height: 3rem;
    letter-spacing: 0.2rem;
    color: #fff;
    font-weight: normal;
}

.productimgdesc .ps b {
    color: #999999;
    font-size: 1.3rem;
    font-weight: normal;
    letter-spacing: 1px;
    display: block;
    margin: 0.88rem auto 0.3rem;
}
.productimgdesc .zixun:hover {
    -webkit-transform: translate(0,-10px);
    transform:translate(0,-10px);
}
.productimgdesc .zixun a{ color: rgb(255,255,255,0.6);
    display: block;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.7rem;}

.productimgdesc .zixun {
width: 13.5%;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 1rem;
    background: url(../images/bk1.png) no-repeat;
    background-size: 100% 100%;
    height: 2rem;
    line-height: 2rem;
    cursor: pointer;
    transition: .5s;
}

.ysbg {
    background: #F0F0F0;
    padding: 1rem 0 1.5rem 0;
}

 .productwz {
 text-align: center;
    margin: 0 auto ;
    font-size: 0.91rem;
    padding: 1.5rem;
    width: 60%;
    display: block;
    line-height: 2rem;
    color: #1c1e21;
    font-family:"AlibabaPuHuiTi";
}
 .productwz b,.productwz strong{ 
 font-family:"AlibabaPuHuiTi2";
 }
  body  .provideos {
    background: #1c1e21 url(../images/provideo.jpg) no-repeat center bottom;
    background-size: 100%;
    display: block;
    padding: 6rem 0rem 6rem 0;
    line-height: 3rem;
    
}

.provideos h3 {
    text-align: center;
    font-size: 2.8rem;
    line-height: 4rem;
    background: linear-gradient(to right, #ffffff, #cecece, #b9b9b9, #515254);
    -webkit-background-clip: text;
    color: transparent;
        letter-spacing: 4px;
           margin-bottom: 0.66rem;
}

.provideos h4 {
    text-align: center;
    font-size: 1.1rem;
    color: #999999;
    line-height: 4rem;
    display: block;
    font-weight: normal;
    margin-bottom: 1.5rem;
}

.projgou {
    background: #f0f0f0;
    padding: 4rem 0 0 0;
    height: 36.66rem;
    overflow: hidden;
}

.projgou h4 {
text-align: center;
    display: block;
    margin: 1rem 0px 7rem;
    line-height: 3rem;
    height: 4rem;
    padding-bottom: 1rem;
    font-size: 2.8rem;
    font-weight: normal;
    color: #c33b3b;
    letter-spacing: 4px;
    position: relative;
}

.projgou .projgimg {
    float: right;
    width: 50%;
    margin-top: -40px;
}

.projgou  .projgimg img {
    float:left;
    width:718px;
}


.projgou h4:after {content: "";position: absolute;display: block;width: 66%;bottom: 0rem;left: 20%;height: 2px; background:#c13434}

.projgou h4 span {
    font-size: 2.8rem;
    border-bottom: 5px solid #c84949;
    padding-bottom: 1.5rem;
    position: relative;
    z-index: 9;
}
.provideo video {
    width: 68%;
    display: block;
    margin: 0 auto;
}

    .projgli {
    float: left;
    width: 50%;
}

.projgli li {
    width: 50%;
    float: left;
    height: 3rem;
    font-size: 0.91rem;
    margin-bottom: 1.2rem;
}

.projgli li:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

.projgli li em {
    float: left;
  background: linear-gradient(to right, #BD2626, #CF6161);
    color: #fff;
    overflow: hidden;
    border-radius: 4rem;
    width: 2.2rem;
    height: 2.2rem;
    text-align: center;
    line-height: 2.2rem;
    font-size: 0.91rem;
}

.projgli li span {
    float: left;
    height: 3rem;
    line-height: 2.2rem;
    padding-left: 4%;
}



.yingyongly {
    padding: 2rem 0 8rem 0px;
}

.yingyongly  .tit {
    text-align: center;
    display: block;
    margin: 1rem 0px 4rem;
    line-height: 3rem;
    height: 4.5rem;
    padding-bottom: 1rem;
    font-size: 3.4rem;
    font-weight: normal;
    color: #c33b3b;
    letter-spacing: 4px;
    position: relative;
}

.yingyongly .tit span {
    font-size:2.8rem;
    border-bottom: 5px solid #c84949;
    padding-bottom: 1.5rem;
    position: relative;
    z-index: 9;
}

.yingyongly  .tit:after {
    content: "";
    content: "";
    position: absolute;
    display: block;
    width: 72%;
    bottom: 0.3rem;
    left: 14%;
    height: 2px;
    background: #9f9f9f;
}

.yingyongly ul {}

body .yingyongly ul li {
    float: left;
    width: 17.6%;
    background: #f1f1f1;
    overflow: hidden;
    margin-right: 3%;
    height: 9rem;
    margin-bottom: 2em;
    border-radius: 0.3rem;
}

body .yingyongly ul li.cur {background-image: linear-gradient(to right, #be2828, #cd5a5a);}

body .yingyongly ul li.cur img.y {
    display: none;
}

body .yingyongly ul li.cur img.n {
    display: block;
}

body .yingyongly ul li img.n {
    display: none;
}

body .yingyongly ul li img {
    width: auto;
    height: 4rem;
    margin: 0 auto;
}

body .yingyongly ul li:nth-child(5n) {
    margin-right: 0px;
}

body .yingyongly ul li em {
width: 5rem;
    height: 4rem;
    margin: 1.2rem auto 1.2rem;
    overflow: hidden;
    display: block;
    text-align: center;
}
body .yingyongly ul.clearfix {
    margin: 0 62px;
}

body .yingyongly ul li span {
    display: block;
    text-align: center;
    font-size: 0.91rem;
    color: #333;
    height: 2rem;
    line-height: 1.2rem;
}

body .yingyongly ul li.cur span {
    color: #fff;
}

body .prohanye .yiny h6{ line-height:5rem; height:5rem;font-size:1.3rem;}

body .prohanye .yiny h5 {
    font-size: 0.8rem;
}



body .prohanye .yiny:before{ height:14.2rem;}
body .prohanye .yiny{height:20.8rem;}

.procontent {
    margin: 0 auto;
    width: 1200px;
}



.prjbbj {
    position: relative;
    line-height: 0px;
}

.prjbbj img {
    width: 100%;
    line-height: 0px;
}

.prjbbj   .pjps {
    position: absolute;
    top: 9%;
    text-align: center;
    left: 0px;
    width: 100%;
}

.prjbbj  h3 {
    background: linear-gradient(to bottom, #ffffff, #cecece, #b9b9b9, #515254);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 2.6rem;
    height: 4rem;
    line-height: 4rem;
    font-weight: normal;
}

.prjbbj  h4 {
    line-height: 2.5rem;
    height: 2.5rem;
    color: #dedcdc;
    font-weight: normal;
    font-size: 1rem;
}

.prjbbj  .zixun {
    width: 9.25%;
    display: block;
    margin: 1.66rem auto;
    color: #fff;
  
    background: url(../images/bk1.png) no-repeat;
    background-size: 100% 100%;
    height: 3rem;
    line-height: 3rem;
    cursor: pointer;
    transition: .5s;
}

.prjbbj  .zixun:hover {
       -webkit-transform: translate(0,-10px);
    transform:translate(0,-10px);
}

.prjbbj  .zixun a {
    color: #dedcdc;
    display: block;
    height: 3rem;
    line-height: 3rem;
      font-size: 0.9rem;
}    

@media screen and (max-width: 1227px){
   html .fenge2, html .fenge3, html .fenge4, html .fenge5, html .fenge6 {
    background-size: 92%;
       } 
}
@media screen and (min-width: 1560px) and (max-width: 1870px){  
html body .procontent2 {
    width: 85rem;
    margin: 0 auto;
}
}



html body .prohanye .yiny {
    float: left;
    width: 25%;
    margin-right: 12%;
    height: auto;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    line-height: 0px;
}

@media screen and (min-width: 1100px) and (max-width: 1360px){  

body .containe, body .procontent{
    
min-width:1020px;    
}

body .projgou h4 span {
    font-size: 2.8rem;
    border-bottom: 4px solid rgb(200, 73, 73);
    padding-bottom: 1.44rem;
    position: relative;
    z-index: 9;
}

body body .productimgdesc .zixun{
    margin-right:15%;
}

}


@media screen and (min-width: 1160px) and (max-width: 1560px){    
body .productimgdesc .proimg img {
    /* width: 100%; */
}

body .projgou .projgimg img {
    width: 100%;
}

body .procontent2 {
    width: 88rem;
}

body .prowldb dd {
    width: 38%;
}   
body .prohanye .yiny:before {
    height: 16.6rem;
}
 }    
 
 
html body .prowldb dl dd:nth-child(2){
 margin-left: 2.3%;
}