/*公共部分*/
body{
    background-color: #F7F8FA;
}
.menu-top {
    height:774px;
}
.textProDescrd {
    height: 250px;
    width: 100%;
    margin-top: 250px;
    font-size: 16px;
    line-height: 30px;
    color:#ffffff;
}
.textProTitle {
    font-size: 40px;
    line-height: 80px;
}
.textProJJTitle {
    margin-top: -32px;
}
.textSubProTitle {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    font-size: 32px;
    color: transparent;
}
.textProDivDes {
    width:550px;
}
.textProJJDivDes {
    width:700px;
}

.lookDetail {
    width:120px;
    height:30px;
    line-height:30px;
    background-color: #008BFF;
    border-radius: 4px;
    text-align: center;
    color:#ffffff;
    margin-top: 44px;
}
.productAll-middle {
    width:100%;
    background-color: #ffffff;
}
.productJ-middle{
    width:100%;
    color:#ffffff;
}
.product-introduce {
    width:100%;
    height: 1311px;
    background-color:#F7F8FA ;
}
.product-introduceA {
    height: 856px;
}
.product-introduceD {
    height: 806px;
}
.product-introduceE {
    height: 1023px;
}
.product-introduceF {
    height:711px;
}
.product-introduce-content {
    margin-top: 70px;
    width: 100%;
    color:#333;
    font-size: 18px;
    float: left;
    line-height: 30px;
}
.product-int-contentA {
    margin-bottom: 0;
}
.pro-contentB {
    margin-bottom: 13px;
}
.product-conPicE {
    width: 1006px;
}
.product-fourList {
    /*height: 325px;*/
    width:100%;
    float: left;
}
.product-threeList {
    padding-left: 170px;
}
.product-fourList ul li {
    float:left;
    width:295px;
    text-align: center;
    height:322px;
    color:#333;
    font-size: 18px;
    border: 1px solid #4C596A;
}
.product-fiveBlueList {
    width:100%;
    float: left;
}
.product-fiveBlueList ul li {
    float:left;
    width:235px;
    text-align: center;
    height:300px;
    color:#333;
    font-size: 16px;
    margin-bottom: 10px;
    background-color: #E6F8FF;
}
.product-fiveMar {
    margin-right: 20px;
}
.product-fourListMar {
    margin-right: 27px;
}
.product-fourList-icon {
    padding-top: 23px;
    width:100%;
    padding-bottom: 21px;
}
.product-fourList-icon img {
    width:48px;
}
.product-fiveList-icon {
    width:100%;
    padding: 40px 0 40px 0;
}
.product-fourList-title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 25px;
}
.product-fourList-text {
    font-size: 18px;
    line-height: 27px;
    width: 100%;
    padding: 0 40px;
}
.proLittle-title-div {
    width:100%;
    float: left;
}
.proLittle-text-div {
    width:100%;
    float: left;
    font-size: 16px;
    line-height: 27px;
}
/*.proLittle-text-divD {*/
    /*margin-top: 57px;*/
    /*font-size: 16px;*/
/*}*/
.proLittle-text-div p span {
    font-weight: bold;
}
.product-proButtonTitle {
    width:120px;
    height:40px;
    line-height:40px;
    border:1px solid #4C596A;
    text-align: center;
    color:#4C596A;
    font-size: 24px;
    margin:40px 0;
    font-weight: bold;
}
.product-proButtonTitleLong {
    width:160px;
}
.longNoMarg {
    margin-top: 0;
}
.product-proButtonTitleLongLong {
    width: 285px;
}
.product-proButtonTitleLongLongLong {
    width: 330px;
}
.product-Advantage {
    width:100%;
    height: 876px;
}
.product-AdvantageA {
    height: 1474px;
}
.product-liuchengG {
    width:929px;
}
.product-centerI {
    width:929px;
}
.product-dengluG{
    width:731px;
    margin-left: auto;
    margin-right: auto;
    display: inherit;
}
.product-fiveGpng{
    width:100%;
}
.system-function {
    width:100%;
    height: 644px;
    background-color:#F7F8FA ;
}
.product-scene {
    height: 1017px;
}
.product-advantageD {
    width:100%;
    height: 776px;
}
.advantage-content {
    width:100%;
    float: left;
}
.advantage-content ul li {
    float:left;
    width:373px;
    text-align: center;
    height:100%;
    color:#333;
    font-size: 18px;
}
.advantage-contentD {
    /*width:100%;*/
    /*float: left;*/
}
.advantage-contentD ul li {
    float:left;
    width:404px;
    text-align: center;
    height:100%;
    color:#333;
    font-size: 18px;
}
.advantage-contentMar {
    margin-right: 60px;
}
.advantage-contentMarD {
    margin-right: 25px;
}
.advantage-content-icon {
    width: 100%;
    margin-bottom: 30px;
}
.advantage-content-icon img{
    width:100%;
}
.advantage-content-title {
    text-align: center;
    font-size: 24px;
    padding-bottom: 19px;
}
.advantage-content-titleD {
    text-align: center;
    font-size: 18px;
    padding-bottom: 29px;
}
.advantage-content-text {
    font-size: 18px;
    line-height: 27px;
    width: 100%;
    padding: 0 24px;
}
.use-method {
    width:100%;
    height:780px;
    background-color:#F7F8FA ;
}
.technologyF {
    height: 447px;
}
.tcpPicF {
    height: 575px;
    background-color:#ffffff;
}
.Application-deployment {
    width:100%;
    height:645px;
    background-color:#F7F8FA ;
}
.use-methodA{
    height: 904px;
    background-color:#ffffff;
}
.use-method-AdvantageF{
    height: 680px;
    background-color:#ffffff;
}
.use-methodD {
    height:1103px;
}
.topology-structure {
    width:100%;
    height:1139px;
}
.use-method-image {
    width: 1252px;
}
.use-method-imageD {
    width: 985px;
}
.product-AdvantagePicA {
    width:1062px;
}
.product-banbenPicA{
    width: 999px;
}
.banbenPicAWap {
    display:none;
}
.product-youshiF{
    width: 1054px;
}
.product-jishuF{
    width: 598px;
}

.product-tcppicF{
    width:840px;
}
.product-sceneF {
    width: 990px;
}
.product-introduceFImgText {
    width:100%;
    float: left;
}
.product-introduceFImg {
    margin-top: 40px;
    width:543px;
}
.product-introduceFText {
    width:700px;
    margin: auto;
    margin-top: 38px;
}
.productFTextL{
    width: 50%;
    float:left;
    padding-right: 23px;
}
.productFTextR {
    width: 50%;
    float:left;
    padding-left: 23px;
}
.product-introduceFText p {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
.product-introduceFOne {
    width: 100%;
    float: left;
}
.product-introduceFText .productFTextTitle {
    font-size: 20px;
    line-height: 30px;
}
.proJ-introduce {
    width:100%;
    /*height:760px;*/
    background-image: url("../image/proJImg1.png");
    background-size: 100% 100%;
    padding:145px 12.5%;
}
.proJ-leftVideo {
    width:58%;
}
.proJ-leftVideo img{
    width:100%;
}
.proJ-leftVideo video{
    width:100%;
}
.proJanDescr {
    margin-top:30px;
}
.proJ-leftGif {
    width:62.4%;
}
.proJ-leftGif img{
    width:100%;
}
.proJ-rightIntroduceText {
    width:42%;
    padding-left:40px;
    padding-top: 114px;
}
.proJ-rightALText {
    width:37.6%;
    padding-left:48px;
    padding-top: 114px;
}
.proJ-introMessTit {
    font-size: 40px;
    font-weight: bold;
    line-height: 58px;
}
.proJ-introMesssubTit {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 46px;
}
.proJ-introMessCon{
    font-size: 18px;
    line-height: 32px;
    margin-top:10px;
}
.proJ-cenPartBor1 {
    width:100%;
    padding:0 12.5% 220px 12.5%;
    background-image: url("../image/proJImg3.png");
    background-size: 100% 100%;
}
.proJ-cenPartBor2 {
    width:100%;
    position: relative;
}
.proJ-cenzhezhao{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background-color: rgba(7,34,75,0.2);
}
.proJ-cenPartBor2 img {
    width:100%;
}
.proJ-cenPartBor2 video {
    width:100%;
}
.proJ-cenPartBor3 {
    width:100%;
    padding:0 12.5%;
}
.proJ-cenPartBor4 {
    width:100%;
    position: relative;
}
.proJ-cenPartBor4 .bgproJimg {
    width:100%;
}
.proJ-whychooseUs{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    padding:0 12.5%;
    padding-top: 105px;
}
.proJ-whyMessBor {
    width:70%;
}
.proJ-toWhyUspage {
    padding-top: 70px;
    width: 30%;
}
.proJ-touspage {
    width:48px;
}
.whychooseEnglishText {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    font-size: 32px;
    line-height: 40px;
    color: transparent;
}
.whychoosechineseText {
    font-size: 40px;
    line-height: 40px;
    margin-top: -13px;
    font-weight: bold;
}
.whychooline-style {
    width:27px;
    height:4px;
    margin-top: 24px;
    margin-bottom: 24px;
    background-color:#ffffff;
    display: inline-block;
}
.proJusePlaceline {
    width:27px;
    height:4px;
    margin-top: 70px;
    background-color:#ffffff;
    display: inline-block;
}
.whychooseMesstext {
    font-size: 18px;
    line-height: 35px;
}
.proJ-cenTitleAndSub {
    width:100%;
    margin-top:80px;
}
.proJ-cenTitleMess{
    font-size: 40px;
    font-weight: bold;
    line-height: 58px;
    color: #ffffff;
}
.proJ-censubtitMess {
    line-height: 46px;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.5);
}
.proJ-cenYScont {
    width: 100%;
    margin-top: 100px;
}
.proJ-cenYScontLi {
    width:25%;
    padding: 0 46px;
    text-align: center;
}
.proJ-cenYSLitopIcon{
    width:84%;
}
.cloudy1{
    -webkit-animation: cloudy1 4s ease-in-out infinite;
    animation: cloudy1 4s ease-in-out infinite;
}
@-webkit-keyframes cloudy1 {
    50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}
@keyframes cloudy1 {
    50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}
.cloudy2{
    -webkit-animation: cloudy2 5s ease-in-out infinite;
    animation: cloudy2 5s ease-in-out infinite;
}
@-webkit-keyframes cloudy2 {
    50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}
@keyframes cloudy2 {
    50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}
.cloudy3{
    -webkit-animation: cloudy2 4s ease-in-out infinite;
    animation: cloudy2 4s ease-in-out infinite;
}
@-webkit-keyframes cloudy3 {
    50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}
@keyframes cloudy3 {
    50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}
.cloudy4{
    -webkit-animation: cloudy4 5s ease-in-out infinite;
    animation: cloudy4 5s ease-in-out infinite;
}
@-webkit-keyframes cloudy4 {
    50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}
@keyframes cloudy4 {
    50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}
.proJ-cenYSLitit {
    line-height:35px;
    font-size: 24px;
    margin-top: -40px;
}
.proJ-cenYSLimess {
    line-height: 32px;
    font-size: 18px;
    text-align: left;
}
.proJ-anlitopIcon {
    width:48px;
    height:40px;
    background-image: url("../image/proJyinhao.png");
    background-size: 100% 100%;
}
.proJ-anliMessTit {
    font-size: 24px;
    font-weight: bold;
    line-height: 75px;
}
.proJ-anliMessCon {
    line-height: 40px;
    font-size: 18px;
}
.proJDescBottom {
    width:100%;
    height:200px;
}
.proJDescBotLiBor {
    width:25%;
    height:100%;
    text-align: left;
    background: rgba(8, 107, 255, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.proJDescBotLiBor:first-of-type{
    background-image: url("../image/proJdescBom.png");
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.proJDescBotmarflBor{
    margin-left: auto;
    margin-right: auto;
}
.proJDescBotLitop {
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
}
.proJDescBotLibom{
    font-size: 48px;
    line-height: 70px;
    font-weight: bold;
    display: inline-block;
}
.proJDescBotLibom span{
    font-size: 16px;
    font-weight: normal;
    margin-left: 17px;
}
.proJUsePlaceBor {
    margin-top:30px;
    width: 100%;
    margin-bottom: 120px;
}
.proJUPlaceLi {
    width:25%;
}
.proJUPlaceLiCon {
    width:100%;
    position: relative;
}
.proJUPlaceLiCon img{
    width:100%;
}
.proJUPlaceLiConMess{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    background-color: rgba(7, 33, 74, 0.5);
    padding-left:48px;
    padding-top:110px;
}
.proJUPlaceLiConMess:hover{
    background-color: transparent;
}
.proJUPlaceLiConMess img{
    width:54px;
    margin-bottom: 30px;
}
.proJUPlaceName {
    line-height: 35px;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.proJUPlaceaubName {
    line-height: 27px;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
}
.proJUPlaceLi:nth-child(1){
    padding-right:12px;
}
.proJUPlaceLi:nth-child(2){
    padding-left: 4px;
    padding-right: 8px;
}
.proJUPlaceLi:nth-child(3){
    padding-left: 8px;
    padding-right: 4px;
}
.proJUPlaceLi:nth-child(4){
    padding-left: 12px;
}

.proA-wapA {
    display: none;
}
.conPicBwap {
    display: none;
}
.useCwap {
    display: none;
}
.proJImgwap {
    display: none;
}
.useD-wap {
    display: none;
}
.conPicWap {
    display: none;
}
.useEwap {
    display: none;
}
.introduceFWap {
    display: none;
}
.productF-TcpText {
    display:none;
}
/*单独部分*/
.bgProAPic {
    background-image: url("../image/productALL/bgAA.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bgProBPic {
    background-image: url("../image/productALL/bgB.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bgProCPic {
    background-image: url("../image/productALL/bgC.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bgProDPic {
    background-image: url("../image/productALL/bgD.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bgProEPic {
    background-image: url("../image/productALL/bgE.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bgProFPic {
    background-image: url("../image/productALL/bgF.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bgProGPic {
    background-image: url("../image/productALL/bgG.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bgProHPic {
    background-image: url("../image/productALL/bgH.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bgProIPic {
    background-image: url("../image/productALL/bgI.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.bgProJPic {
    background-image: url("../image/productALL/bgJ.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1700px) {
    .proJ-whychooseUs {
        padding-top: 65px;
    }
    .proJ-rightIntroduceText{
        padding-top: 45px;
    }
    .proJ-rightALText {
        padding-top: 45px;
    }
    .proJ-cenPartBor1 {
        padding: 0 12.5% 160px 12.5%;
    }
}
@media screen and (max-width: 1366px) {
    .menu-top {
        height: 550px;
    }
    .textProDescrd {
        margin-top: 130px;
    }
    .proJ-rightIntroduceText {
        padding-top: 10px;
        padding-left:20px;
    }
    .proJ-cenPartBor1 {
        padding: 0 12.5% 120px 12.5%;
    }
    .proJ-rightALText {
        padding-top: 0;
        padding-left: 20px;
    }
    .proJ-whychooseUs {
        padding-top: 45px;
    }
}
@media screen and (max-width: 1200px) {
    .menu-top {
        height: 480px;
    }
    .textProDescrd {
        margin-top: 100px;
    }
    .textProDivDes {
        width: 490px;
    }
    .product-fourList ul li{
        width:230px;
    }
    .product-fourListMar {
        margin-right: 25px;
    }
    .advantage-contentD ul li {
        width:315px;
    }
    .advantage-content ul li {
        width: 305px;
    }
    .advantage-contentMar {
        margin-right: 40px;
    }
    .use-method-image {
        width: 1000px;
    }
    .product-ThreeList-text {
        padding: 0 10px;
    }
    .product-introduceFImg {
        margin-left: 225px;
    }
    .product-youshiF {
        width:1000px;
    }
    .product-jishuF {
        margin-left: 200px;
    }
    .product-tcppicF {
        margin-left: 80px;
    }
    .product-fiveBlueList ul li {
        width: 180px;
        height: 270px;
    }
    .product-fiveList-text {
        font-size: 16px;
    }
    .product-fiveList-icon {
        width: 100%;
        padding: 23px 0 30px 0;
    }
    .product-liuchengG {
        margin-left: 30px;
    }
    .product-centerI {
        margin-left: 30px;
    }
    .product-threeList {
        padding-left: 70px;
    }
    .proJ-introMessTit {
        font-size: 32px;
        line-height: 40px;
    }
    .proJ-introMesssubTit {
        font-size: 16px;
        line-height: 36px;
    }
    .proJ-introMessCon {
        font-size: 16px;
        line-height: 28px;
    }
    .proJ-cenTitleAndSub {
        margin-top: 60px;
    }
    .proJ-cenTitleMess {
         font-size: 32px;
         line-height: 40px;
     }
    .proJ-censubtitMess {
        line-height: 36px;
        font-size: 16px;
    }
    .proJ-cenYScont {
         margin-top: 74px;
     }
    .proJ-cenYScontLi {
        padding: 0 30px;
    }
    .proJ-cenYSLitit {
        font-size: 20px;
    }
    .proJ-cenYSLimess {
        line-height: 28px;
        font-size: 16px;
    }
    .proJ-anlitopIcon {
        width: 36px;
        height: 30px;
    }
    .proJ-anliMessTit {
        font-size: 20px;
        line-height: 50px;
    }
    .proJ-anliMessCon {
        line-height: 28px;
        font-size: 16px;
    }
    .whychooseEnglishText {
        font-size: 24px;
        line-height: 30px;
    }
    .whychoosechineseText {
        font-size: 32px;
        line-height: 32px;
    }
    .whychooline-style {
        width: 22px;
        height: 3px;
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .proJusePlaceline {
        width:22px;
        height:3px;
        margin-top: 45px;
    }
    .whychooseMesstext {
        font-size: 16px;
        line-height: 28px;
    }
    .proJ-toWhyUspage {
        padding-top: 55px;
    }
    .proJUPlaceLiConMess {
        padding-left: 20px;
        padding-top: 80px;
    }
    .proJDescBotLibom {
        font-size: 40px;
        line-height: 60px;
    }
}
@media screen and (max-width: 1050px) {
    .menu-top {
        height: 380px;
    }
    .textProDescrd {
        margin-top: 40px;
    }
    .textProDivDes {
         width: 335px;
        font-size: 14px;
     }
    .textProTitle {
        font-size: 26px;
        line-height: 80px;
    }
    .lookDetail {
        margin-top: 25px;
    }
    .product-fourList ul li {
        width: 168px;
        height: 290px;
    }
    .product-fourList-icon {
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .product-fourList-icon img {
        width: 40px;
    }
    .product-fourList-title {
        font-size: 18px;
        padding-bottom: 15px;
    }
    .product-fourList-text {
        font-size: 14px;
        padding: 0 10px;
    }
    .product-fourListMar {
         margin-right: 8px;
     }
    .product-AdvantagePicA {
        width: 700px;
    }
    .advantage-contentD ul li {
        width: 215px;
    }
    .advantage-content-icon {
        margin-bottom: 10px;
    }
    .product-banbenPicA {
        width: 700px;
    }
    .product-conPicE {
        width: 700px;
    }
    .advantage-content ul li {
        width: 210px;
    }
    .advantage-contentMar {
        margin-right: 32px;
    }
    .advantage-content-title {
        font-size: 20px;
        padding-bottom: 5px;
    }
    .advantage-content-text {
        font-size: 14px;
    }
    .use-method-image {
        width: 700px;
    }
    .product-threeList {
        padding-left: 90px;
    }
    .proLittle-text-div {
        font-size: 14px;
    }
    .use-method-imageD {
        width: 700px;
    }
    .advantage-content-titleD {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .product-introduceFImg {
        margin-left: 120px;
    }
    .product-introduceFImg {
        width: 450px;
    }
    .product-introduceFText .productFTextTitle {
        font-size: 18px;
    }
    .product-introduceFText p {
        font-size: 14px;
    }
    .product-youshiF {
        width: 700px;
    }
    .product-jishuF {
        margin-left: 130px;
    }
    .product-jishuF {
        width: 450px;
    }
    .product-tcppicF {
        margin-left: 50px;
    }
    .product-tcppicF {
        width: 600px;
    }
    .product-sceneF {
        width: 700px;
    }
    .product-liuchengG {
        margin-left: 0;
        width:700px;
    }
    .product-centerI {
        margin-left: 0;
        width:700px;
    }
    .product-fiveBlueList ul li {
        width: 130px;
        height: 225px;
    }
    .product-fiveMar {
        margin-right: 10px;
    }
    .product-fiveList-icon {
        padding: 23px 0 15px 0;
    }
    .product-fiveList-icon img{
        width: 35px;
    }
    .proJ-introMessCon {
        font-size: 12px;
    }
    .proJ-cenYSLimess {
        font-size: 12px;
    }
    .proJ-anliMessCon {
        font-size: 12px;
    }
    .whychooseMesstext {
        font-size: 12px;
    }
}
@media screen and (max-width: 768px) {
    .bgProAPic {
        background-image: url("../image/appPic/productALL/bgAA.png");
    }
    .bgProBPic {
        background-image: url("../image/appPic/productALL/bgB.png");
    }
    .bgProCPic {
        background-image: url("../image/appPic/productALL/bgC.png");
    }
    .bgProDPic {
        background-image: url("../image/appPic/productALL/bgD.png");
    }
    .bgProEPic {
        background-image: url("../image/appPic/productALL/bgE.png");
    }
    .bgProFPic {
        background-image: url("../image/appPic/productALL/bgF.png");
    }
    .bgProGPic {
        background-image: url("../image/appPic/productALL/bgG.png");
    }
    .bgProHPic {
        background-image: url("../image/appPic/productALL/bgH.png");
    }
    .bgProIPic {
        background-image: url("../image/appPic/productALL/bgI.png");
    }
    .bgProJPic {
        background-image: url("../image/appPic/productALL/bgJ.png");
    }
    .menu-top {
        height: 9.493rem  /* 712/75 */;
    }
    .textProTitle {
        font-size: 0.533rem  /* 40/75 */;
        line-height: 1.067rem  /* 80/75 */;
    }
    .textProDescrd {
        padding-top: 4.7rem  /* 420/75 */;
    }
    .textProDescrdE {
        padding-top: 5.7rem;
    }
    .textProDescrdF {
        padding-top: 5.5rem;
    }
    .textProDescrdG {
        padding-top: 4.7rem;
    }
    .textProDescrdH {
        padding-top: 5.2rem;
    }
    .textProDivDes{
        width: 100%;
        font-size: 0.32rem  /* 24/75 */;
        line-height: 0.6rem  /* 45/75 */;
    }
    .lookDetail {
        width: 2.4rem  /* 180/75 */;
        height: 0.8rem  /* 60/75 */;
        line-height: 0.8rem  /* 60/75 */;
        background-color: #008BFF;
        margin-top: 0.333rem  /* 25/75 */;
    }
    .product-proButtonTitle {
        width: 2.133rem  /* 160/75 */;
        height: 0.667rem  /* 50/75 */;
        line-height: 0.667rem  /* 50/75 */;
        font-size: 0.32rem  /* 24/75 */;
        margin: 0.533rem  /* 40/75 */ 0 0.32rem  /* 24/75 */;
    }
    .longNoMarg {
        margin-top: 0;
    }
    .product-introduceFText {
        width: 100%;
    }
    .product-proButtonTitleLong {
        width: 2.773rem  /* 208/75 */;
    }
    .product-proButtonTitleLongLong{
        width: 3.973rem  /* 298/75 */;
    }
    .product-proButtonTitleLongLongLong{
        width: 4.8rem;
    }
    .product-fourList ul li {
        width: 3.6rem  /* 270/75 */;
        height: 4.613rem  /* 346/75 */;
        margin-bottom: 0.4rem  /* 30/75 */;
        font-size: 0.267rem  /* 20/75 */;
    }
    .product-fourList-icon img {
        width: 0.64rem  /* 48/75 */;
    }
    .product-fourList-icon {
        padding-top: 0.467rem  /* 35/75 */;
        padding-bottom: 0.2rem  /* 15/75 */;
    }
    .product-fourList-title {
        font-size: 0.4rem  /* 30/75 */;
        padding-bottom: 0.2rem  /* 15/75 */;
    }
    .product-fourList-text {
        font-size: 0.267rem  /* 20/75 */;
        padding: 0 0.33rem  /* 30/75 */;
    }
    .product-fourList-text {
        line-height: 0.4rem  /* 30/75 */;
    }
    .product-fourListMar {
        margin-right: 0;
    }
    .product-fourListMarApp {
        margin-right: 0.4rem  /* 30/75 */;
    }
    .product-fourList ul{
        width: 7.75rem;
        margin: auto;
    }
    .proA-webA {
        display: none;
    }
    .proA-wapA {
        display: block;
        width:100%;
    }
    .useD-web {
        display: none;
    }
    .useD-wap {
        display: block;
        width:100%;
    }
    .conPicWeb {
        display: none;
    }
    .conPicWap{
        display: block;
        width:100%;
    }
    .useEweb {
        display:none;
    }
    .useEwap{
        display: block;
        width:100%;
    }
    .introduceFWeb {
        display:none;
    }
    .introduceFWap {
        display: block;
        width:100%;
    }
    .productF-TcpText {
        display:block;
        font-size:0.32rem  /* 24/75 */;
        padding-top: 0.533rem  /* 40/75 */;
        text-align: center;
        line-height: 0.48rem  /* 36/75 */;
    }
    .productF-TcpTextFirst{
        font-size:0.373rem  /* 28/75 */;
        line-height:0.6rem  /* 45/75 */
    }
    .advantage-contentD ul li {
        width: 7.733rem  /* 580/75 */;
    }
    .advantage-content-icon {
        margin-bottom: 0.253rem  /* 19/75 */;
    }
    .advantage-content-titleD {
        font-size: 0.427rem  /* 32/75 */;
        padding-bottom: 0.533rem  /* 40/75 */;
    }
    .advantage-contentD {
        width: 7.733rem  /* 580/75 */;
        margin: auto;
        float: none;
    }
    .banbenPicAWeb {
        display:none;
    }
    .banbenPicAWap {
        display:block;
        width:100%;
    }
    .conPicBweb {
        display: none;
    }
    .conPicBwap {
        display: block;
        width:100%;
    }
    .useCweb {
        display: none;
    }
    .useCwap {
        display: block;
        width:100%;
    }
    .proJImgweb {
        display: none;
    }
    .proJImgwap {
        display: inline-block;
    }
    .proLittle-text-div {
        font-size: 0.4rem  /* 30/75 */;
        line-height: 0.6rem  /* 45/75 */;
    }
    .advantage-content ul {
        width: 6.08rem;
        margin: auto;
    }
    .advantage-content ul li {
        width: 6.08rem  /* 456/75 */;
    }
    .advantage-content-title {
        font-size: 0.4rem  /* 30/75 */;
        padding-bottom: 0.2rem  /* 15/75 */;
    }
    .advantage-content-text {
        font-size: 0.373rem  /* 28/75 */;
        line-height: 0.6rem  /* 45/75 */;
        margin-bottom: 0.533rem  /* 40/75 */;
    }
    .product-threeList{
        padding-left: 0;
    }
    .product-introduceFImg {
        margin-top: 0.533rem  /* 40/75 */;
        width: 100%;
    }
    .product-introduceFImg {
        margin-left: 0;
    }
    .productFTextL {
        padding-right: 0.267rem  /* 20/75 */;
    }
    .productFTextR {
        padding-left: 0.267rem  /* 20/75 */;
    }
    .product-introduceFText .productFTextTitle {
        font-size: 0.32rem  /* 24/75 */;
        line-height: 0.6rem  /* 45/75 */;
    }
    .product-introduceFText p {
        font-size: 0.267rem  /* 20/75 */;
        line-height: 0.4rem  /* 30/75 */;
    }
    .product-jishuF {
        margin-left: 0;
    }
    .product-tcppicF {
        margin-left: 0;
    }
    .product-fiveBlueList ul li {
        width: 3.6rem  /* 270/75 */;
        height: 4.8rem  /* 360/75 */;
        margin-bottom: 0.4rem  /* 30/75 */;
    }
    .product-fiveMar {
        margin-right: 0.4rem  /* 30/75 */;
    }
    .product-fiveList-icon {
        padding: 0.8rem  0 0.56rem 0;
    }
    .product-fiveList-icon img {
        width: 0.587rem  /* 44/75 */;
    }
    .productGMar {
        margin-left: 0.8rem  /* 60/75 */;
    }
    .textProJJDivDes {
        width: 100%;
        font-size: 0.267rem  /* 20/75 */;
    }
    .textSubProTitle {
        font-size: 0.347rem  /* 26/75 */;
        line-height: 0.48rem  /* 36/75 */;
    }
    .textProJJTitle {
        margin-top: -0.427rem  /* -32/75 */;
    }
    .proJ-rightIntroduceText {
        width: 100%;
        margin-bottom: 0.667rem  /* 50/75 */;
        padding-top: 0;
        padding-left: 0.64rem  /* 48/75 */;
        padding-right: 0.64rem  /* 48/75 */;
    }
    .proJ-introMessCon {
        font-size: 0.32rem  /* 24/75 */;
        line-height: 0.64rem  /* 48/75 */;
        margin-top: 0.213rem  /* 16/75 */;
    }
    .proJ-introMessTit {
        font-size: 0.533rem  /* 40/75 */;
        line-height: 0.773rem  /* 58/75 */;
    }
    .proJ-introMesssubTit {
        font-size: 0.267rem  /* 20/75 */;
        line-height: 0.613rem  /* 46/75 */;
    }
    .proJ-introduce {
        padding: 0.853rem  /* 64/75 */ 0 0 0;
    }
    .proJ-leftVideo {
        width: 100%;
    }
    .proJ-cenPartBor1 {
        padding: 0 0.64rem  /* 48/75 */ 0.16rem  /* 12/75 */ 0.64rem  /* 48/75 */;
        background-image: url("../image/appPic/proJImg3.png");
    }
    .proJ-cenTitleAndSub {
        margin-top: 1.067rem  /* 80/75 */;
    }
    .proJ-cenTitleMess {
        font-size: 0.533rem  /* 40/75 */;
        line-height: 0.773rem  /* 58/75 */;
    }
    .proJ-censubtitMess {
        font-size: 0.267rem  /* 20/75 */;
        line-height: 0.48rem  /* 36/75 */;
    }
    .proJ-cenYScont {
        margin-top: 0.853rem  /* 64/75 */;
        padding-left: 1.973rem  /* 148/75 */;
        padding-right: 1.973rem  /* 148/75 */;
    }
    .proJ-cenYScontLi {
        width: 100%;
        padding: 0;
    }
    .proJ-cenYSLitopIcon {
        width: 77%;
    }
    .proJ-cenYSLitit {
        font-size: 0.48rem  /* 36/75 */;
        line-height: 0.72rem  /* 54/75 */;
        margin-top: -0.8rem  /* -60/75 */;
    }
    .proJ-cenYSLimess {
        font-size: 0.32rem  /* 24/75 */;
        line-height: 0.4rem  /* 30/75 */;
        margin-top: 0.16rem  /* 12/75 */;
        margin-bottom: 0.907rem  /* 68/75 */;
    }
    .proJ-cenPartBor3 {
        padding: 0;
    }
    .proJanDescr {
        margin-top: 0.667rem  /* 50/75 */;
    }
    .proJ-leftGif {
        width: 100%;
    }
    .proJ-cenPartBor3 .proJ-cenTitleAndSub {
        padding: 0 0.64rem  /* 48/75 */;
    }
    .proJ-rightALText {
        width: 100%;
        padding-left: 0.64rem  /* 48/75 */;
        padding-right: 0.64rem  /* 48/75 */;
        padding-top: 0.853rem  /* 64/75 */;
        padding-bottom: 0.853rem  /* 64/75 */;
    }
    .proJ-anlitopIcon {
        width: 1.067rem  /* 80/75 */;
        height: 0.853rem  /* 64/75 */;
    }
    .proJ-anliMessTit {
        font-size: 0.48rem  /* 36/75 */;
        line-height: 0.72rem  /* 54/75 */;
        margin-top: 0.32rem  /* 24/75 */;
        margin-bottom: 0.32rem  /* 24/75 */;
    }
    .proJ-anliMessCon {
        font-size: 0.32rem  /* 24/75 */;
        line-height: 0.64rem  /* 48/75 */;
    }
    .proJDescBottom {
        height: 22.293rem  /* 1672/75 */;
    }
    .proJDescBotLiBor {
        width: 100%;
        height: 5.547rem  /* 416/75 */;
        margin-bottom: 0.027rem  /* 2/75 */;
    }
    .proJDescBotLiBor:first-of-type {
        background-image: url(../image/appPic/proJdescBom.png);
    }
    .proJDescBotLitop {
        font-size: 0.427rem  /* 32/75 */;
        line-height: 0.64rem  /* 48/75 */;
    }
    .proJDescBotLibom {
        font-size: 1.28rem  /* 96/75 */;
        line-height: 1.867rem  /* 140/75 */;
    }
    .proJDescBotLibom span {
        font-size: 0.427rem  /* 32/75 */;
        line-height: 0.64rem  /* 48/75 */;
        margin-left: 0.213rem  /* 16/75 */;
    }
    .proJ-cenPartBor4 .bgproJimg {
        height: 7.707rem  /* 578/75 */;
    }

    .proJ-whychooseUs {
        padding-top: 1.067rem  /* 80/75 */;
        padding-left: 0.64rem  /* 48/75 */;
        padding-right: 0.64rem  /* 48/75 */;
    }

    .fl.proJ-whyMessBor {
        width: 100%;
    }

    .whychooseEnglishText {
        font-size: 0.373rem  /* 28/75 */;
        line-height: 0.48rem  /* 36/75 */;
    }

    .whychoosechineseText {
        font-size: 0.64rem  /* 48/75 */;
        line-height: 0.933rem  /* 70/75 */;
        margin-top: -0.32rem  /* -24/75 */;
    }

    .whychooline-style {
        width: 0.72rem  /* 54/75 */;
        height: 0.107rem  /* 8/75 */;
        margin-top: 0.213rem  /* 16/75 */;
        margin-bottom: 0.427rem  /* 32/75 */;
    }
    .proJusePlaceline {
        width:0.72rem  /* 54/75 */;
        height:0.107rem  /* 8/75 */;
        margin-top: -0.48rem  /* -36/75 */;
        float: right;
        margin-right: 0.853rem  /* 64/75 */;
    }
    .whychooseMesstext {
        font-size: 0.32rem  /* 24/75 */;
        line-height: 0.64rem  /* 48/75 */;
    }
    .proJ-toWhyUspage {
        padding-top: 0.853rem  /* 64/75 */;
        width: 53%;
    }
    .proJ-touspage {
        width: 1.067rem  /* 80/75 */;
        margin-left: 0.533rem  /* 40/75 */;
    }
    .proJUPlaceLi{
        width:100%;
    }
    .proJUPlaceLi:nth-child(1){
        padding-right:0;
    }
    .proJUPlaceLi:nth-child(2){
        padding-left: 0;
        padding-right: 0;
    }
    .proJUPlaceLi:nth-child(3){
        padding-left: 0;
        padding-right: 0;
    }
    .proJUPlaceLi:nth-child(4){
        padding-left: 0;
    }
    .proJUPlaceLiConMess {
        padding-left: 0.853rem  /* 64/75 */;
        padding-top: 1.04rem  /* 78/75 */;
    }
    .proJUPlaceLiConMess img {
        width: 1.067rem  /* 80/75 */;
        margin-bottom: 0.267rem  /* 20/75 */;
    }
    .proJUPlaceName {
        line-height: 0.773rem  /* 58/75 */;
        font-size: 0.533rem  /* 40/75 */;
        margin-bottom: 0.107rem  /* 8/75 */;
    }
    .proJUPlaceaubName {
        line-height: 0.48rem  /* 36/75 */;
        font-size: 0.32rem  /* 24/75 */;
    }
    .proJUsePlaceBor {
        margin-top: 0.853rem  /* 64/75 */;
        width: 100%;
        margin-bottom: 0;
    }
}