﻿

.ftnormal{font-weight:normal !important;}
.bgfe1e2e2{background-color:#e1e2e2 }
.bgf{background-color:#fff }
.SectionRow{position:relative;    overflow: hidden;}
.SectionRow img.p100 { border: 0; vertical-align: middle; max-width: 100%; width: 100%; }
.color0 { color: #000 !important; }
.colord7103c{color:#d7103c;}

.SummaryText { position: absolute;top: 0;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 65vw;z-index:20 }
.noabsrow .SummaryText { position: relative; top: initial; left: initial; -webkit-transform: initial; transform: initial;  margin:0 auto; }
.SectionRow.noabsrow{padding-bottom:5vw;}
.padtop{padding-top:5vw}
.padbottom{padding-bottom:5vw}
.SummaryText h2.text { line-height: 1.6;  padding-top: 3.25vw;padding-bottom: 2.5vw; text-align: center;color:  #000;letter-spacing:2px;; }

.SummaryText h2.text,.SummaryText h2.text span {font-size: 1.86vw; font-weight: bold;}
.SummaryText div.text {}
.SummaryText div.text p{ padding-top:1vw;  }
.text-size{ font-size:0.7vw;color:#333 }

.noabsrow .SummaryText h2.text,.noabsrow .SummaryText div.text,.SummaryText div.text p { text-align:left; }


 .nowrap { white-space: nowrap; }
.SectionRow .left-summary { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.SectionRow  .tips { position: absolute; bottom: 2vw; left: 50%; width: 30vw;-webkit-transform: translateX(-50%); transform: translateX(-50%); color:#777;z-index:3;text-align:center;font-size:12px;line-height:12px;}

.left-summary2x { position: absolute; top: 16vw ; left: 16vw; width: auto; z-index: 3; transform: none; -webkit-transform:none;display:block;}
.left-summary2x * { text-align:left !important; padding-top:0  !important}



@media (max-width: 1950px){
.SummaryText {width:70vw;}

 .SummaryText h2.text { padding-top: 3.25vw;padding-bottom: 2.2578125vw; }
 .SummaryText h2.text,.SummaryText h2.text span {font-size: 2.1vw; }
.text-size { font-size: 0.75vw;  }
  .SectionRow  .tips { width: 50vw;}
}


@media (max-width: 1700px){
.SummaryText {width:75vw;}
 .SummaryText h2.text { padding-top: 3.25vw;padding-bottom: 2.2578125vw; }
  .SummaryText h2.text,.SummaryText h2.text span {font-size: 2.2vw; }
.text-size { font-size: 0.8vw;  }
  .SectionRow  .tips { width: 50vw;}
      .left-summary2x { left: 12vw; width: 35vw;  }
}

@media (max-width: 1500px){
    .text-size { font-size: 0.85vw;  }
.SummaryText {width:60vw;}
 .SummaryText h2.text { padding-top: 4.0vw;padding-bottom: 3.2578125vw; }
  .SummaryText h2.text,.SummaryText h2.text span {font-size: 2.4vw; }
 .SectionRow  .tips { width: 50vw;}
}

@media (max-width: 1440px){
        .text-size { font-size: 0.9vw;  }
.SummaryText {width:70vw;}
 .SummaryText h2.text { padding-top: 3vw; padding-bottom: 3.2578125vw; }
  .SummaryText h2.text,.SummaryText h2.text span {font-size: 2.6vw; }
 .SectionRow  .tips { width:60vw;}
     .left-summary2x { left: 13vw; width: 43vw;  top: 3vw ;}
     .SectionRow.noabsrow{padding-bottom:6vw;}
}
@media (max-width: 1200px){
        .text-size { font-size: 0.95vw;  }
         .left-summary2x { left: 12vw; }
.SummaryText {width:80vw;}
 .SummaryText h2.text { padding-top: 3vw; padding-bottom: 3.2578125vw; }
  .SummaryText h2.text,.SummaryText h2.text span {font-size: 2.8vw; }
 .SectionRow  .tips { width: 70vw;}
 .SectionRow.noabsrow{padding-bottom:7vw;}
}

@media (max-width: 960px) {
 .SummaryText { width: 90vw;}
  .SummaryText h2.text {padding-top: 6vw; padding-bottom: 5.2578125vw; }
   .SummaryText h2.text,.SummaryText h2.text span {font-size: 5.2vw; }
.text-size { font-size: 2.0vw; text-align: left !important; }
.chinseTextInline{display:block;}
 .left-summary2x {  top: 10vw ; left: 0vw; width: 100vw;right:5vw; }
.left-summary2x * h2.text,.left-summary2x h2.text { text-align:center !important; }
.SectionRow .left-summary {  height: auto; width: 100%; padding: 6.11111vw 6.33333vw; margin-left: 0; display: block;    margin-left: 0; width: 90.41667vw; }
.SectionRow  .tips { width: 90vw;}
.SectionRow.noabsrow{padding-bottom:8vw;}
}
@media (max-width: 500px) {
    .text-size { font-size: 3.0vw; }
       .SummaryText h2.text,.SummaryText h2.text span {font-size: 7.2vw; }
}




.mySection1 .row1textzone .row1-text.row1-txt1 {font-size: 3.4vw;font-weight:700; line-height:1.5;color: #000;letter-spacing:5px;padding-bottom: 2vw;}
.mySection1 .row1-model { font-size: 1.60vw;;color:#595757;  }


@media (max-width: 2300px){
.mySection1 .SummaryText { width: 50vw; }
}

@media (max-width: 2000px){
.mySection1 .SummaryText { width: 60vw; }
.mySection1 .row1textzone{top:5vw;}

}
@media (max-width: 1700px){
.mySection1 .row1textzone{top:14vw;}
.mySection1 .row1-model span { font-size: 1.5vw;}
.mySection1 .row1textzone .row1-text.row1-txt1 {font-size: 4.8vw; }
.mySection1 .row1-model { font-size: 2.05vw; }

}

@media (max-width: 1440px){
.mySection1 .row1textzone{top:14vw;}
}
@media (max-width: 1200px){

    .mySection1 .row1textzone{top:12vw;}

}

@media (max-width: 960px) {
.mySection1 .SummaryText { width: 100vw; }
.mySection1 .row1textzone .row1-text.row1-txt1 {font-size: 13.6vw;line-height:1.5;text-align:center !important}
.mySection1 .row1-model  { font-size: 6.5vw; padding: 0.2vw 0vw; border-radius: 0px; margin-top:3vw;text-align:center !important }


}




.picinfour{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.picinfour .pfbox{width:calc(50% - 15px);}
.picinfour .pfbox .pftext { padding: 25px 15px 25px 35px; background: url(//www.ip-com.com.cn/public/images/solutions/ip/no.png) no-repeat left 34px; }
.picinfour .pfbox .pftext img{width:19px;margin-right:15px;}
.picinfour .pfbox.pfbox3 .pftext,.picinfour .pfbox.pfbox4 .pftext{padding-bottom:0 ;}
.mySection3 .text .smalltext{color:#5e5e5e;display:flex;display:-webkit-flex;align-items:center;}
.mySection3 .text.dflex-tmp{justify-content:space-between;align-items:center;}
.mySection3 .text .smalltext .pzhex{ width: 35px; height: 2px; background-color: #5e5e5e; margin-right: 3px; opacity: 0.7;}



@media (max-width: 960px) {
.mySection3 .text.dflex-tmp{justify-content:flex-start;flex-wrap:wrap;;}
.mySection3 .text.dflex-tmp .leftspan,.mySection3 .text .smalltext{width:100%;display:block;;}

.picinfour .pfbox{width:100%;}
.picinfour .pfbox.pfbox3 .pftext,.picinfour .pfbox.pfbox4 .pftext{padding-bottom:25px ;}
}


.mySection5 .limg-rtext{ }
.mySection5 .limg-rtext .lrrow,.mySection5 .limg-rtext .lrrow .rtextb .headerZone {display:flex;display:-webkit-flex;justify-content:space-between;align-items:center; }
.mySection5 .limg-rtext .lrrow.reversse{flex-direction:row-reverse}
.mySection5 .limg-rtext .lrrow .limga,.mySection5 .limg-rtext .lrrow .rtextb{width:50%;}
.mySection5 .limg-rtext .lrrow .limga img{ }
.mySection5 .limg-rtext .lrrow .rtextb .pad{padding:0 30px}
.mySection5 .limg-rtext .lrrow .rtextb .headerZone{ }
.mySection5 .limg-rtext .lrrow .rtextb .headerZone .HTitle{width:calc(100% - 110px);  }
.mySection5 .limg-rtext .lrrow .rtextb .headerZone .HIcon{width:90px;text-align:right;}
.mySection5 .limg-rtext .lrrow .rtextb .TextZone{padding-top:15px; }



@media (max-width: 1950px){
.mySection5 .limg-rtext .lrrow .rtextb .headerZone .HTitle{  }
.mySection5 .limg-rtext .lrrow .rtextb .headerZone .HIcon{width:60px;;}
}


@media (max-width: 1700px){
    .mySection5 .limg-rtext .lrrow .rtextb .headerZone .HIcon{width:50px;;}
}

@media (max-width: 1500px){


}

@media (max-width: 1440px){
.mySection5 .limg-rtext .lrrow .rtextb .headerZone .HIcon{width:40px;;}
}
@media (max-width: 1200px){
.mySection5 .limg-rtext .lrrow .rtextb .headerZone .HTitle {  }
}





@media (max-width: 960px) {
.mySection5 .limg-rtext .lrrow .limga,.mySection5 .limg-rtext .lrrow .rtextb{width:100%;}
.mySection5 .limg-rtext .lrrow,.mySection5 .limg-rtext .lrrow .rtextb .headerZone ,.mySection5 .limg-rtext .lrrow.reversse {flex-direction:column;justify-content:flex-start;align-items: self-start;}
.mySection5 .limg-rtext .lrrow .rtextb .pad { padding: 30px 0; }
.mySection5 .limg-rtext .lrrow .rtextb .headerZone .HTitle { width: 100%;  }
.mySection5 .limg-rtext .lrrow .rtextb .headerZone .HIcon{width:60px;text-align:left;padding:25px 0;}
}
@media (max-width: 500px) {

.mySection5 .limg-rtext .lrrow .rtextb .headerZone .HTitle {    }
}


.dflex-tmp{display:flex;display:-webkit-flex;align-items:center;flex-wrap:nowrap;justify-content: center;}
.mySection7 .tblBoxtmp{padding-top:5vw;}
.mySection7 .tblHeader{border-top:solid 10px #d7103c;background-color:#e7f2e1;padding: 1.5vw 0;}
.mySection7 .tblb-row{border-bottom:solid 1px #ccc;    padding: 1vw 0;}
.mySection7 .tblb-row2{border-bottom:solid 0px #ccc;   }
.mySection7  .tblW{text-align:center;}

.fzStrong{font-weight:700}
.fzTitle{font-size:0.7vw;letter-spacing:1px;color: #000;}
.fzBTitle{font-size:1.1vw;letter-spacing:2px;color: #000;}
.borderl{border-left:solid 2px #000}
.borderr{border-right:solid 2px #000}



@media (max-width: 1950px){
.fzTitle{font-size:0.75vw;}
.fzBTitle{font-size:1.15vw;}
}


@media (max-width: 1700px){
.fzTitle{font-size:0.80vw;}
.fzBTitle{font-size:1.15vw;}
}

@media (max-width: 1500px){
.fzTitle{font-size:.85vw;}
.fzBTitle{font-size:1.20vw;}

}

@media (max-width: 1440px){
.fzTitle{font-size:.95vw;}
.fzBTitle{font-size:1.25vw;}
}
@media (max-width: 1200px){
.fzTitle{font-size:1.20vw;}
.fzBTitle{font-size:1.30vw;}
}





@media (max-width: 960px) {
.fzTitle{font-size:2.80vw;}
.fzBTitle{font-size:2.60vw;}

}
@media (max-width: 500px) {
.fzTitle{font-size:3.40vw;}
.fzBTitle{font-size:3.00vw;}

}









.mySection7 .tblW.tblW1 { width: 20%;}
.mySection7  .tblW.tblW23{width:80%;}
.mySection7  .tblW.tblW2{width:20%;}
.mySection7  .tblW.tblW3{width:60%;text-align:center;}
.mySection7  .tblW.tblW23  .tblW.tblW2{width:25%;}
.mySection7  .tblW.tblW23   .tblW.tblW3{width:75%;}


.mySection7  .tblW .IProBox a,.mySection7  .tblW .IProBox  p {display:block;}
.mySection7  .tblW .IProBox  p {padding-top:15px;font-size: 12px;;}
.mySection7  .tblW .inPro{min-width:25%}
@media (max-width: 960px) {
.mySection7 .tblHeader{border-top-width:5px;}

.dflex-tmp.IProBox{flex-wrap:wrap !important;justify-content: start;}
.mySection7 .dflex-tmp.IProBox .inPro { min-width:25%;}
.mySection7 .tblW.tblW23 .tblW.tblW3,.mySection7 .tblW.tblW23 { width: 100%; }
.dflex-tmp.IProBox .inPro img { max-width: 15vw; }
}

@media (max-width: 600px) {
.mySection7 .dflex-tmp.IProBox .inPro { min-width: 49%;}
.mySection7  .tblW.tblW1,.mySection7  .tblW.tblW2{width:50%;}
.mySection7  .tblW.tblW3{width:100%;}
.dflex-tmp.IProBox .inPro img{ ;}
.tblW3 .dflex-tmp.IProBox .inPro.w53 img{ }
.dflex-tmp.tblb-row{flex-wrap:wrap;}
.mySection7 .tblW.tblW23 .tblW.tblW2 {    width: 100%;}
}


.limga{width:100%;display:flex;display:-webkit-flex;align-items:center;}
.mySection8 .limg-rtext.dflex-tmp{flex-wrap:wrap;justify-content:space-between;    align-items: stretch; }
.mySection8 .limg-rtext .lrrow {width:32%;display:block;   margin-bottom: 25px;}
.mySection8 .limg-rtext .lrrow.row-6{display:flex;display:-webkit-flex;align-items:flex-end;justify-content:center;}
.mySection8 .limg-rtext .lrrow .limga,.mySection8 .limg-rtext .lrrow .rtextb{width:initial;}
.mySection8 .limg-rtext .lrrow .rtextb .pad{padding:25px 15px;}
.mySection8 .limg-rtext .lrrow .rtextb .headerZone .HTitle{width:initial;display:flex;display:-webkit-flex;align-items: center; }
.mySection8 .limg-rtext .lrrow .rtextb .headerZone .HTitle em { font-style:normal;display: block; height: 20px; line-height: 20px; width: 20px; border-radius: 50%; border: solid 2px #000; text-align: center; color: #000; margin-right: 8px; box-sizing: content-box; font-size:12px;}
.mySection8 .dflex-tmp {  align-items: start;}


@media (max-width: 1100px) {
.mySection8 .limg-rtext .lrrow {width:48%;}

}
@media (max-width: 700px) {
.mySection8 .limg-rtext .lrrow {width:100%;}

}





.mySection9 .limg-rtext .lrrow {width:20%;}
.mySection9 .limg-rtext.limg-rtext2 .lrrow {width:25%;}
.mySection9 .limg-rtext .lrrow .rtextb .headerZone .HTitle{position:relative; padding-left:20px}
.mySection9 .limg-rtext .lrrow .rtextb .headerZone .HTitle:before{position:absolute;left:0px;top:50%;margin-top:-7px;content:' ';color:red;height:14px;background-color:#d7103c;width:5px;border-radius:12px; }
.mySection9.mySection8 .limg-rtext .lrrow .rtextb .pad{padding-left:0px;padding-top:2vw;}
.mySection9.mySection8 .limg-rtext.limg-rtext3 .rtextb .pad{padding-bottom: 0px;}
.mySection9.mySection5 .limg-rtext .lrrow .rtextb .TextZone { padding-top: 10px ; }
.mySection9.mySection8.SectionRow img.p100 {  max-width: 100%; width: initial; }
.mySection9.mySection8.SectionRow ul.TextZone {margin:0px;padding:0px; }
.mySection9.mySection8.SectionRow ul.TextZone li{ background:url(//www.ip-com.com.cn/public/images/solutions/ip/dot.png) no-repeat left 10px;padding-left:16px;font-size: 12px; }
.mySection9.mySection8.SectionRow .limg-rtext2{padding:25px 0}


.mySection10{padding-top:5vw;}
.mySection10 .dflex-tmp {justify-content:space-between;}
.mySection10 .dflex-tmp .limga-l{width:38%}
.mySection10 .dflex-tmp .limga-r{width:58%}

@media (max-width: 1100px) {
.mySection9 .limg-rtext .lrrow  {width:48%;}
.mySection8 .limg-rtext .lrrow {  margin-bottom: 5px;  }
.mySection9.mySection8.SectionRow .limg-rtext2 { padding:  0;}

}
@media (max-width: 700px) {
.mySection9 .limg-rtext .lrrow,.mySection9 .limg-rtext.limg-rtext2 .lrrow  {width:100%;}
.mySection9.mySection8 .limg-rtext .lrrow .rtextb .pad{padding-top:10px;}
.mySection10 .dflex-tmp .limga-l,.mySection10 .dflex-tmp .limga-r{width:100%}
.mySection10 .dflex-tmp.lrrow{flex-wrap:wrap;}
}
