/*修改提示文字的大小和颜色*/
input::-webkit-input-placeholder { /* WebKit browsers */
    width: 233px;
    height: 20px;
    font-size: 20px;
    font-family: 思源黑体;
    font-weight: 400;
    text-align: left;
    color: #a9a9a9;
    line-height: 15px;
    padding-left: 10px;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 20px;
    font-family: 思源黑体;
    font-weight: 400;
    text-align: left;
    color: #a9a9a9;
    line-height: 15px;
    padding-left: 10px;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 20px;
    font-family: 思源黑体;
    font-weight: 400;
    text-align: left;
    color: #a9a9a9;
    line-height: 15px;
    padding-left: 10px;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 20px;
    font-family: 思源黑体;
    font-weight: 400;
    text-align: left;
    color: #a9a9a9;
    line-height: 15px;
    padding-left: 10px;
}

input::-webkit-input-placeholder {
    color: #a9a9a9;
    font-size: 14px;
    text-indent: 10px;
    padding-left: 10px;
}

* {
    padding: 0;
    margin: 0;
}

ul, ol {
    list-style: none;
}

a {
    text-decoration: none;
    user-select: none;
}

body {
    min-width: 375px;
    font-size: 16px;
    font-family: 思源黑体;
    color: #333333;
}

input {
    outline-style: none;
}

#content {
    margin: 0 auto;
    max-width: 1920px;
}

/*导航栏开始*/
.Nav {
    position: fixed;
    height: 80px;
    top: 0px;
    width: 100%;
    border-bottom: 2px solid #f2f2f2;
    background: #ffffff;
    z-index: 999;
    max-width: 1920px;
    margin: 0 auto;
}

.navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*logo*/
#topImg {
    width: 1.85rem;
    margin-left: 0.4rem;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#topImg img {
    width: 100%;
}

/*标签*/
.navbar {
    margin-left: 1rem;
}

.navbar > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar li {
    font-size: 0.14rem;
    line-height: 80px;
    transform: skewX(-30deg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar a {
    width: 100%;
    font-size: 0.14rem;
    font-family: 思源黑体;
    font-weight: 400;
    text-align: center;
    color: #2e2e2e;
    transform: skewX(30deg);
}

a.t {
    color: #c80025;
}

a.jt {
    background: url("../image/navblack.svg") no-repeat 100%;
}

a.jt.t {
    background: url("../image/navred.svg") no-repeat 100%;
}

.navbar li:hover {
    background: #c80025;
    cursor: pointer;
}

.navbar li:hover a {
    font-size: 0.18rem;
    color: #FFFFFF;
}

.navbar li:hover a.jt {
    background: url("../image/navwhite.svg") no-repeat 100%;
}

.Tophome {
    width: 0.6rem;
    padding-right: 0.2rem;
}

.navbar li.Tophome:hover {
    width: 1.2rem;
    padding-right: 0;
}

.TopProduct {
    width: 1.2rem;
    padding: 0 0.2rem;
}

.navbar li.TopProduct:hover {
    width: 1.92rem;
    padding: 0;
}

.navbar li.TopProduct:hover a {
    width: 80%;
}

.TopAbout {
    width: 1.2rem;
    padding: 0 0.2rem;
}

.navbar li.TopAbout:hover {
    width: 1.5rem;
    padding: 0;
}

.TopSupport {
    width: 1rem;
    padding: 0 0.2rem;
}

.navbar li.TopSupport:hover {
    width: 1.7rem;
    padding: 0;
}

.navbar li.TopSupport:hover a {
    width: 80%;
}

.TopContact {
    width: 0.9rem;
    padding: 0 0.2rem;
}

.navbar li.TopContact:hover {
    width: 1.4rem;
    padding: 0;
}


.TopMorenews {
    width: 0.8rem;
    padding: 0 0.2rem;
}

.navbar li.TopMorenews:hover {
    width: 1.4rem;
    padding: 0;
}

.navbar li.TopMorenews:hover a {
    width: 80%;
}

.TopAgent {
    width: 1.8rem;
    padding: 0 0.2rem;
}

.navbar li.TopAgent:hover {
    width: 2.2rem;
    padding: 0;
}


/*分割线*/
.lineTop {
    transform: skew(-30deg);
    height: 12px;
    border-left: 1px solid #c80025;
}

#lineTop {
    margin: 0 10px;
}


/*搜索框*/
#topLogo2 {
    width: 2.26rem;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f2f2f2;
    border-bottom: 0;
    border-top: 0;
    transform: skewX(-30deg);
}

#topLogo2 img {
    transform: skewX(30deg);
}


#search {
    width: 3.4rem;
    position: relative;
    line-height: 80px;
    height: 80px;
}

#search .search {
    width: 100%;
    height: 36px;
    background: #ffffff;
    border: 1px solid #c80025;
    border-radius: 19px;
    font-size: 14px;
    text-indent: 20px; /*缩进*/
    outline-style: none;
}

#search .img {
    transform: translateX(-30px);
    position: absolute;
    top: 50%;
    right: -20px;
    margin-top: -8px;
}


/*登录*/
.navbar2 {
    width: 1.84rem;
    text-align: center;
}

.navbar3 {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1%;
}

#topLogo {
    left: 30%;
}


/*账号登录*/
.navbar2 li {
    line-height: 80px;
}

.navbar2 a {
    font-size: 0.14rem;
    font-family: 思源黑体;
    text-align: center;
    color: #3b3b3b;
}

.navbar2 a:hover {
    cursor: pointer;
    color: #C80025;
}

.memberAccount {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.14rem;
    font-family: 思源黑体;
    font-weight: 400;
    text-align: center;
    color: #3b3b3b;
    padding-left: 10px;
    max-width: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.exit {
    width: 30px;
    padding-left: 10px;
    font-size: 0.14rem;
    font-family: 思源黑体;
    text-align: center;
    color: #3b3b3b;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.exit:hover {
    cursor: pointer;
    color: #C80025;
}

.exitImg {
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: middle;
}


/*切换语言*/
.switchLang {
    width: 1.74rem;
    height: 80px;
    line-height: 80px;
    display: inline-block;
    font-size: 0.14rem;
    font-family: 思源黑体;
    font-weight: 400;
    transform: skew(-30deg);
    text-align: center;
    border-left: 1px solid #f2f2f2;
}

.switchLang select {
    width: 70px;
    /*清除select的边框样式*/
    border: none;
    /*清除select聚焦时候的边框颜色*/
    outline: none;
    /*隐藏select的下拉图标*/
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*字体样式*/
    font-size: 14px;
    /*font-family: "Microsoft YaHei UI";*/
    font-family: 思源黑体;
    color: #3b3b3b;
    /*加背景图，改变原先默认下拉框图标*/
    background: url("../image/langPush.png") no-repeat 57px;
    transform: skewX(30deg);
}

/*语言下拉框*/
.switchLang :hover {
    cursor: pointer;
}

.switchLang select option {
    background: #FFFFFF;
    color: black;
}


#search img, #topLogo2 img, #subscribeEmail, .exit {
    cursor: pointer;
}


/*导航栏下拉样式*/
.navlist {
    width: 100%;
    position: absolute;
    z-index: 9999;
}

.navlist ul {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navlist li {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 30px 0;
}

.navlist li a {
    font-size: 18px;
    color: #3b3b3b;
}

.navlist li:hover {
    cursor: pointer;
}

.navlist li a:hover {
    color: #c80025;
}

.pro, .about, .sup, .newul {
    opacity: 0;
    visibility: hidden;
    -webkiit-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    display: none;
    z-index: 0;
    background: #ffffff;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, .1);
    /*border-top: 1px solid #c80025;*/
    background: rgba(255, 255, 255, .7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff);
}

.sup img, .newul img {
    height: 42px;
}


.pro ul li {
    display: flex;
    flex-direction: column;
}

.pro ul li img {
    max-height: 91px;
}

#categoryNameZh, #categoryNameEn {
    margin-top: 15px;
}


/* 底部内容 */
.Bottom_Content {
    width: 100%;
    background: #f2f2f2;
    max-width: 1920px;
    margin: 0 auto;
}

.content_up {
    width: 80%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 58px 0 60px;
}

/* 左边内容 */
.content_ur {
    width: 60%;
}

.centent_uB {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.productsBottom, .aboutUsBottom, .supportBottom {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    font-size: 20px;
    /*font-family: "Regular";*/
    font-family: 思源黑体;
    max-width: 33%;
}

.pruducts, .aboutUS, .support {
    font-size: 22px;
    line-height: 18px;
    color: #333333;
    margin-bottom: 21px;
}

.productContent, .aboutUSContent, .supportContent {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

.productName, #companyProfile, #news, #contactUS, #QA, .download {
    color: #666666;
    line-height: 22px;
    margin-bottom: 22px;
    overflow-wrap: break-word;
}

.productName:hover, #companyProfile:hover, #news:hover, #contactUS:hover, #QA:hover, .download:hover {
    cursor: pointer;
    color: #C80025;
}

/*底部右边*/
.content_ul {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.subscribeBottom {
    display: flex;
    justify-content: end;
    transform: translateX(0px);
}

#subscribeId {
    display: inline-block;
    width: 255px;
    height: 40px;
    border: none;
    outline-style: none;
    border-radius: 6px;
    vertical-align: middle;
    font-size: 12px;
    font-family: 思源黑体;
    font-weight: 400;
    text-align: left;
    line-height: 14px;
    text-indent: 20px; /*首字母缩进*/
    transform: translateX(30px);
    z-index: -1;
}

#subscribeEmail {
    width: 30%;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    border: none;
    border-radius: 6px;
    background: #c80025;
    color: #fff;
    font-size: 16px;
    font-family: 思源黑体;
}

.content_logo {
    margin-top: 34px;
}

.LogoBottom {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.logob {
    display: inline-block;
    vertical-align: bottom;
}

.labelBottom {
    display: block;
    margin-top: 14px;
    vertical-align: bottom;
    font-size: 16px;
    line-height: 16px;
    font-family: 思源黑体;
    color: #3d3d3d;
}

.rightsReserved {
    margin-top: 14px;
    font-size: 16px;
    line-height: 20px;
    font-family: 思源黑体;
    color: #3b3b3b;
}

.content_facebook {
    width: 40px;
    height: 40px;
    font-size: 0;
    margin-top: 17px;
}

.content_facebook img {
    width: 100%;
    height: 100%;
}

/*底部结束*/

/*悬浮框*/
.personalInfoImgClick {
    cursor: pointer;
    opacity: .8;
}

.suspensionFrame {
    /*修改*/
    width: 60px;
    background: #ffffff;
    border: 1px solid #c80025;
    border-radius: 20px;
    overflow: hidden;
    z-index: 9999;
    position: fixed;
    right: 30px;
    bottom: 50px;
}

#suspensionTop, #suspensionBottom, .toTop, #suspensionContact {
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#emailImg, #phoneImg, #writeImg {
    width: 26px;
    height: 26px;
}

.toTop img {
    width: 26px;
    height: 30px;
}

.toTop span {
    font-size: 14px;
}

.suspensionGreyLine {
    border-top: 1px solid #c80025;
}

#emailCon, #phoneCon {
    width: 260px;
    height: 60px;
    background: #c80025;
    border: 1px solid #c80025;
    border-radius: 20px;
    overflow: hidden;
    position: fixed;
    right: 60px;
    caret-color: transparent; /*透明隐藏光标*/
    z-index: -1;
}

#emailCon {
    bottom: 111px;
}

#phoneCon {
    bottom: 50px;
}

#writetable {
    width: 512px;
    background: #FFFFFF;
    position: fixed;
    right: 100px;
    bottom: 50px;
    display: none;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.22);
}

#emailText, #phoneText {
    display: inline-block;
    width: 90%;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    font-family: 思源黑体;
    font-weight: 400;
    color: #3b3b3b;
    margin-left: 15px;
    padding-left: 16px;
    background: #fff;
    text-align: left;
    caret-color: transparent;
}

.toTop {
    font-size: 14px;
    font-family: 思源黑体;
    color: #3d3d3d;
}

/*新增询盘表格*/
.opentable {
    display: block;
}

.closewritetable {
    width: 20px;
    height: 20px;
    font-size: 0;
    position: absolute;
    right: 25px;
    top: 25px;
}

.closewritetable img {
    width: 100%;
}

.writetop {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.writetitle {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #3b3b3b;
}

.writecontent {
    width: 87%;
    margin: 20px auto 30px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #3b3b3b;
}

.formtable {
    width: 87%;
    margin: 0 auto;
}

.formtable .fullcompany, .formtable .phoneemial {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.formtable .fullname, .formtable .companyname, .formtable .phonenumber, .formtable .emailaddress {
    width: 44%;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #3b3b3b;
}

.formtable .fullname input, .formtable .companyname input, .formtable .phonenumber input, .formtable .emailaddress input {
    width: 100%;
    height: 37px;
    outline: none;
    margin: 14px auto 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    border: 1px solid #707070;
    border-radius: 6px;
}

.formtable .fullname p, .formtable .companyname P, .formtable .phonenumber p, .formtable .emailaddress p {
    white-space: nowrap;
}

.formtable .mess {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #3b3b3b;
}

.formtable #message {
    width: 100%;
    height: 139px;
    margin-top: 14px;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    border: 1px solid #707070;
    border-radius: 6px;
}

.formtable .btn {
    display: block;
    width: 396px;
    height: 37px;
    /*line-height: 37px;*/
    margin: 30px auto 32px;
    background: #c80025;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}
/*悬浮框结束*/

/*滑动验证码*/
.border1 {
    width: 400px;
    height: 500px;
    /*border: solid black 1px;*/
    background-color: #FFFFFF;
    position: absolute;
    z-index: 999;
    margin-top: -475px;
    margin-left: 5.5%;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.22);
}

#close {
    font-size: 25px;
    font-weight: bold;
    float: right;
    margin-top: 2px;
    margin-right: 14px;
    cursor: pointer;
}

#hint {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-top: 35px;
    color: #3b3b3b;
}

.rightValidate {
    width: 280px;
    margin: 0 auto;
    position: relative;
    line-height: 30px;
    height: 30px;
    text-align: center;
    z-index: 99;
    margin-top: 260px;
}

.v_rightBtn1 {
    position: absolute;
    left: 0;
    top: 0;
    /*height: 33px;*/
    width: 40px;
    background: #ddd;
    cursor: pointer;
}

.imgBtn1 {
    width: 44px;
    height: 171px;
    position: absolute;
    left: 0;
}

.imgBtn1 img {
    z-index: 99;
    align: center;
}

.imgBg {
    position: absolute;
    bottom: 15px;
    width: 280px;
    height: 210px;
    display: block;
    z-index: 9;
}

.imgBg_2 {
    position: absolute;
    bottom: -80px;
    bottom: 35px;
    width: 150px;
    height: 60px;
    display: block;
    z-index: 9;
}

.imgBg_3 {
    position: absolute;
    bottom: -80px;
    bottom: 35px;
    width: 170px;
    height: 60px;
    display: block;
    z-index: 9;
}

.hkinnerWrap {
    border: 1px solid #eee;
    z-index: 9999
}

.green {
    border-color: #34C6C2 !important;
}

.green .v_rightBtn1 {
    background: #34C6C2;
    color: #fff;
}

.red {
    border-color: red !important;
}

.red .v_rightBtn1 {
    background: red;
    color: #fff;
}

.refresh1 {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 4px;
    top: 4px;
    font-size: 12px;
    color: #fff;
    text-shadow: 0px 0px 9px #333;
    cursor: pointer;
    display: none;
}

.notSel {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
}

/*滑动验证码*/


/*手机导航栏样式*/
.navbarPhone, .openList, .langPh {
    display: none;
}

.menuPh {
    visibility: hidden;
    width: 0px;
    height: 0px;
}

/*自适应大屏幕pc*/
@media screen and (min-width: 1900px) {


    /*登录后*/
    .navbar3 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navbar2 ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar2 ul span {
        margin: 0 15px;
    }

    .navbar2 img {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    #search .search {
        height: 36px;
        background: #ffffff;
        border: 1px solid #c80025;
        border-radius: 19px;
        font-size: 14px;
        text-indent: 20px; /*缩进*/
        outline-style: none;
    }

    #search .img {
        transform: translateX(-30px);
        position: absolute;
        top: 50%;
        margin-top: -8px;
    }

    .memberAccount {
        max-width: 180px;
    }
}

@media screen and (min-width: 1921px) {
    .Nav {
        left: 50%;
        margin-left: -960px;
    }
}

/*修改登录注册的外边距*/
@media screen and (min-width: 1120px) {
    .navbar2 ul span {
        margin: 0 15px;
    }
}

/*平板*/
@media screen and (max-width: 1024px) {
    /*导航条*/
    .Nav {
        height: 106px;
        flex-wrap: wrap;
    }

    .navigation {
        height: 106px;
        flex-wrap: wrap;
    }

    #topImg {
        margin-right: 25%;
        height: 53px;
        line-height: 53px;
    }

    .navbar {
        margin-left: unset;
        order: 4;
        height: 53px;
        line-height: 53px;
        flex-grow: 2;
        border-top: 1px solid #f2f2f2;
    }

    .navbar li {
        height: 53px;
        line-height: 53px;
        padding: 0;
        font-size: 12px;
    }

    .navbar a {
        font-size: 12px;
        line-height: 53px;
        height: 53px;
    }

    .navbar li:hover a {
        font-size: 14px;
    }

    .Tophome {
        width: 75px;
        padding-right: 0;
    }

    .navbar li.Tophome:hover {
        width: 85px;
        padding-right: 0;
    }

    .TopProduct {
        width: 100px;
        padding: 0;
    }

    .navbar li.TopProduct:hover {
        width: 120px;
        padding: 0;
    }

    .navbar li.TopProduct:hover a {
        width: 96px;
        text-align: left;
    }

    .TopAbout {
        width: 70px;
        padding: 0;
    }

    .navbar li.TopAbout:hover {
        width: 100px;
        padding: 0;
    }

    .TopSupport {
        width: 80px;
        padding: 0;
    }

    .navbar li.TopSupport:hover {
        width: 100px;
        padding: 0;
    }

    .navbar li.TopSupport:hover a {
        width: 80px;
        text-align: left;
    }

    .TopContact {
        width: 80px;
        padding: 0;
    }

    .navbar li.TopContact:hover {
        width: 90px;
        padding: 0;
    }

    .TopMorenews {
        width: 70px;
        padding: 0;
    }

    .navbar li.TopMorenews:hover {
        width: 85px;
        padding: 0;
    }

    .navbar li.TopMorenews:hover a {
        width: 60px;
        text-align: left;
    }

    .TopAgent {
        width: 100px;
        padding: 0;
    }

    .navbar li.TopAgent:hover {
        width: 120px;
        padding: 0;
    }

    .navlist ul {
        width: 90%;
    }
    .navlist li {
        margin: 20px 0;
    }
    .navlist li a {
        font-size: 12px;
    }

    /*下拉选择图标*/
    .pro ul li img {
        max-height: 51px;
    }

    .sup img, .newul img {
        height: 30px;
    }

    #topLogo2 {
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #f2f2f2;
        border-bottom: 0;
        border-top: 0;
        transform: skewX(-30deg);
        order: 2;
        height: 53px;
        line-height: 53px;
    }

    #topLogo2 img {
        height: 24px;
        width: 24px;
        transform: skewX(30deg);
    }

    #search {
        width: unset;
        margin-right: 40px;
        height: 53px;
        line-height: 53px;
        position: relative;
    }

    #search .search {
        width: 282px;
        height: 24px;
        background: #ffffff;
        border: 1px solid #c80025;
        border-radius: 19px;
        font-size: 14px;
        text-indent: 1.5em; /*缩进*/
        outline-style: none;
    }

    #search .img {
        transform: translateX(-30px);
        position: absolute;
        top: 50%;
        margin-top: -8px;
    }

    .navbar2 {
        width: 20%;
        order: 3;
        height: 53px;
        line-height: 53px;
        text-align: center;
    }

    .navbar2 ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar2 li {
        height: 53px;
        line-height: 53px;
    }

    .navbar2 ul span {
        margin: 0 20px;
    }

    .navbar2 img {
        width: 20px;
        height: 20px;
    }

    .exitImg {
        width: 16px;
        height: 16px;
    }

    .navbar3 {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .switchLang {
        order: 5;
        width: 10%;
        height: 53px;
        line-height: 53px;
        text-align: center;
        display: inline-block;
        border-top: 1px solid #f2f2f2;
    }

    .switchLang select {
        width: 84px;
        font-size: 14px;
        text-align: center;
        margin: 0;
        background: url('../image/langPush.png') no-repeat 70px !important;
        border: none;
        outline: none;
        line-height: 40px;
        -webkit-appearance: none;
        -moz-appearance: none;
        color: #333;
    }

    /*悬浮框*/
    .suspensionFrame {
        width: 50px;
        border-radius: 16px;
        right: 10px;
        bottom: 30px;
    }

    #suspensionTop, #suspensionBottom, .toTop, #suspensionContact {
        height: 50px;
    }

    .toTop {
        font-size: 10px;
    }

    #emailImg {
        width: 25px;
        height: 19px;
    }

    #phoneImg {
        width: 25px;
        height: 25px;
    }

    #writeImg {
        width: 17px;
        height: 20px;
    }

    .toTop img {
        width: 25px;
        height: 30px;
    }


    #emailCon, #phoneCon {
        width: 240px;
        height: 50px;
        border-radius: 16px;
        right: 30px;
    }

    #emailCon {
        bottom: 81px;
    }

    #phoneCon {
        bottom: 31px;
    }

    #emailText, #phoneText {
        width: 90%;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        margin-left: 15px;
        padding-left: 10px;
    }

    /*新增询盘表格*/
    #writetable {
        width: 434px;
        right: 70px;
        bottom: 30px;
    }

    .closewritetable {
        width: 16px;
        height: 16px;
        right: 28px;
        top: 20px;
    }

    .writetitle {
        font-size: 20px;
    }

    .writecontent {
        width: 82%;
        margin: 20px auto;
        font-size: 14px;
        height: 57px;
    }

    .formtable {
        width: 86%;
    }

    .formtable .fullname, .formtable .companyname, .formtable .phonenumber, .formtable .emailaddress {
        width: 45%;
        font-size: 12px;
    }

    .formtable .fullname input, .formtable .companyname input, .formtable .phonenumber input, .formtable .emailaddress input {
        height: 26px;
        font-size: 12px;
    }

    .formtable .mess {
        font-size: 12px;
    }

    .formtable #message {
        height: 88px;
        font-size: 12px;
    }

    .formtable .btn {
        width: 375px;
        height: 30px;
        /*line-height: 30px;*/
        margin-bottom: 24px;
        font-size: 14px;
    }


    /*页尾*/
    .content_up {
        padding: 30px 0 52px;
        flex-direction: column-reverse;
        position: relative;
    }

    .content_ul, .content_ur {
        width: 100%;
    }

    .content_ul {
        flex-direction: row-reverse;
        align-items: center;
        justify-content: start;
        margin-bottom: 30px;
    }

    .centent_ub {
        margin-left: 50px;
    }

    .content_logo {
        margin-top: unset;
    }

    .LogoBottom {
        align-items: start;
    }

    .labelBottom, .rightsReserved {
        margin-top: 10px;
        font-size: 12px;
    }

    .content_facebook {
        position: absolute;
        right: 0;
        bottom: 40px;
    }

    /**/
    .pruducts, .aboutUS, .support {
        font-size: 14px;
        /*font-weight: 700;*/
        margin-bottom: 16px;
        line-height: 16px;
    }

    .productContent a, #companyProfile, #news, #contactUS, #QA, .download {
        font-size: 13px;
        font-family: 思源黑体;
        font-weight: 400;
        text-align: left;
        color: #3b3b3b;
        margin-bottom: 10px;
        line-height: 15px;
    }

    /*滑动验证码*/
    .border1 {
        margin-left: -2.5%;
    }

}

/*手机*/
@media screen and (max-width: 800px) {
    /*修改提示文字的大小和颜色*/
    input::-webkit-input-placeholder { /* WebKit browsers */
        width: 233px;
        height: 20px;
        font-size: 0.2rem;
        font-family: 思源黑体;
        font-weight: 400;
        text-align: left;
        color: #f2f2f2;
        line-height: 15px;
        padding-left: 0.1rem;
    }

    input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        font-size: 0.2rem;
        font-family: 思源黑体;
        font-weight: 400;
        text-align: left;
        color: #a9a9a9;
        line-height: 15px;
        padding-left: 0.1rem;
    }

    input::-moz-placeholder { /* Mozilla Firefox 19+ */
        font-size: 0.2rem;
        font-family: 思源黑体;
        font-weight: 400;
        text-align: left;
        color: #a9a9a9;
        line-height: 15px;
        padding-left: 0.1rem;
    }

    input:-ms-input-placeholder { /* Internet Explorer 10+ */
        font-size: 0.2rem;
        font-family: 思源黑体;
        font-weight: 400;
        text-align: left;
        color: #f2f2f2;
        line-height: 15px;
        padding-left: 0.1rem;
    }

    input::-webkit-input-placeholder {
        color: rgb(169, 169, 169);
        font-size: 0.2rem;
        text-indent: 10px;
        padding-left: 0.1rem;
    }


    /*导航条*/
    html {
        font-size: 50px;
    }

    body {
        overflow-x: hidden;
    }

    .navbar, .navbar2, .navbar3, .switchLang {
        display: none !important;
    }

    .Nav, .navigation {
        height: 60px;
        flex-wrap: nowrap;
        min-width: 375px;
    }

    #topImg {
        width: 35%;
        display: flex;
        align-items: center;
        margin: unset;
        height: unset;
        line-height: unset;
    }

    #topImg img {
        max-width: 100%;
    }

    #topLogo2 {
        width: 10%;
        padding: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        transform: unset;
        order: unset;
        height: unset;
        line-height: unset;
    }

    #topLogo2 img {
        transform: unset;
    }

    #search {
        width: 50%;
        height: 60px;
        line-height: 60px;
        position: relative;
        padding-right: 0;
    }

    #search .search {
        width: 100%;
        line-height: 24px;
        display: inline-block !important;
        border: 1px solid #c80025;
        border-radius: 12px;
        text-indent: 10px;
        outline-style: none;
    }

    #search .img {
        top: 24px;
        right: 6px;
        margin-top: unset;
        transform: unset;
    }

    /*切换语言*/
    .langPh {
        width: 10%;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .langPh img {
        height: 24px;
        cursor: pointer;
    }

    .chinapho {
        display: none
    }

    /*悬浮框*/
    .suspensionGreyLine {
        border-top: 1px solid #c80025;
    }

    .suspensionFrame {
        width: 40px;
        border-radius: 8px;
        right: 10px;
        bottom: 10px;
    }

    #suspensionTop, #suspensionBottom, .toTop, #suspensionContact {
        height: 40px;
    }

    .toTop {
        font-size: 10px;
    }

    #writeImg {
        width: 14px;
        height: 16px;
    }

    #emailImg {
        width: 16px;
        height: 12px;
    }

    #phoneImg {
        width: 16px;
        height: 16px;
    }

    .toTop img {
        width: 21px;
        height: 24px;
    }

    #emailCon, #phoneCon {
        width: 200px;
        height: 40px;
        border-radius: 14px;
        right: 30px;
    }

    #emailCon {
        bottom: 51px;
    }

    #phoneCon {
        bottom: 10px;
    }

    #emailText, #phoneText {
        width: 90%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin-left: 10px;
        padding-left: 10px;
    }


    /*新增询盘表格*/
    #writetable {
        width: 50%;
        right: 60px;
        bottom: 10px;
        border-radius: 0.2rem;
    }

    .closewritetable {
        width: 12px;
        height: 12px;
        right: 0.28rem;
        top: 0.2rem;
    }

    .writetop {
        margin-top: 20px;
    }

    .writetitle {
        font-size: 16px;
    }

    .writecontent {
        width: 90%;
        height: 100px;
        margin: 10px auto 0;
        font-size: 14px;
    }

    .formtable {
        width: 90%;
    }

    .formtable .fullname, .formtable .companyname, .formtable .phonenumber, .formtable .emailaddress {
        width: 45%;
        font-size: 12px;
    }

    .formtable .fullname p, .formtable .companyname P, .formtable .phonenumber p, .formtable .emailaddress p {
        white-space: normal;
        height: 36px;
        word-wrap: break-word;
    }

    .formtable .fullname input, .formtable .companyname input, .formtable .phonenumber input, .formtable .emailaddress input {
        height: 26px;
        margin: 15px auto 10px;
        font-size: 12px;
        border-radius: 6px;
    }

    .formtable .mess {
        font-size: 12px;
    }

    .formtable #message {
        height: 60px;
        font-size: 12px;
        border-radius: 0.06rem;
        margin-top: 10px;
    }

    .formtable .btn {
        width: 100%;
        height: 26px;
        font-size: 0.14rem;
        margin: 10px auto 15px;
    }


    /*打开手机侧边栏*/
    .menuPh {
        display: flex;
        align-items: center;
        margin-left: 20px;
        visibility: unset;
        width: 24px;
        height: 24px;
    }

    .menuPh img {
        width: 100%;
    }

    .openList {
        width: 100%;
        min-width: 375px;
        height: 100vh;
        display: block;
        position: fixed;
        top: 60px;
        z-index: 9999;
        background: #fff;
        transform: translateX(-100%);
        transition: all 0.5s ease;
        overflow-y: auto;
    }

    .openList-open {
        transform: translateX(0);
    }

    .list {
        display: flex;
        justify-content: space-between;
    }

    .list .listul {
        height: 80vh;
        display: inline-block;
        margin-top: 0.7rem;
        margin-left: 0.6rem;
        text-align: left;
        border-right: 1px solid #f2f2f2;
        min-height: 600px;
        position: relative;
        padding-right: 0.5rem;
    }

    .list .listul li {
        margin-bottom: 0.5rem;
        width: unset;
        padding: unset;
    }

    .list .listul li a {
        color: #3b3b3b;
        font-size: 0.2rem;
        font-family: 思源黑体;
        font-weight: 400;
        text-align: center;
    }

    .TopProduct a, .TopMorenews a, .TopSupport a {
        padding-bottom: 0.1rem;
        border-bottom: 1px solid #3b3b3b;
    }

    /*子列表*/
    .listPh {
        width: 5.1rem;
        margin-top: 0.7rem;
        color: #3b3b3b;
    }

    .proList, .aboutList, .supportList {
        display: none;
        width: 100%;
    }

    .listPh ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .proList li {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
        padding-bottom: 0.5rem;
    }

    .proList li:hover {
        color: #c80025;
    }

    .proList li div {
        width: 100%;
    }

    .proList li div img {
        max-width: 50%;
    }

    .proList li a {
        overflow-wrap: break-word;
    }

    #categoryNameZh, #categoryNameEn {
        margin-top: 0.3rem;
        font-size: 0.18rem;
    }

    .aboutList a, .supportList a {
        color: #3b3b3b;
    }

    .aboutList a:hover, .supportList a:hover {
        color: #c80025;
    }

    .TopCompanyProfile, .TopNews, .ToQA, .ToDown {
        display: flex;
        align-items: center;
        font-size: 0.18rem;
        padding-bottom: 0.6rem;
        margin-left: 1rem;
    }

    .TopCompanyProfile:hover a, .TopNews:hover a, .ToQA:hover a, .ToDown:hover a {
        color: #c80025;
    }

    .TopCompanyProfile img, .TopNews img, .ToQA img, .ToDown img {
        padding-right: 0.2rem;
        width: 0.6rem;
    }

    /*退出按钮*/
    .exitPh {
        position: absolute;
        left: 0;
        bottom: 80px;
        font-size: 0;
    }

    .exitPh img {
        width: 24px;
    }

    /*登录后样式*/
    .memberAccount {
        font-size: 0.2rem;
        line-height: 0.24rem;
        color: #3b3b3b;
        overflow: unset;
        white-space: unset;
        text-overflow: unset;
        word-break: break-all;
    }

    .NamePh, .ExitPh {
        display: flex;
        justify-content: left;
        align-items: center;
        margin-bottom: 20px;
    }

    .NamePh img {
        width: 24px;
    }

    .ExitPh img {
        width: 20px;
    }

    .exit {
        width: unset;
        font-size: 0.24rem !important;
    }


    /*页尾*/
    .content_up {
        width: 84%;
        position: relative;
        margin: 0 auto;
        padding: 1.4rem 0 0.42rem;
    }

    .content_ur {
        margin-top: 0.4rem;
    }

    .content_ul {
        margin: unset;
    }

    /*邮件*/
    .centent_ub {
        position: absolute;
        left: -0.3rem;
        top: 0.6rem;
        margin-left: unset;
    }

    #subscribeId {
        width: 2.8rem;
        height: 0.4rem;
        font-size: 10px;
        border-radius: 0.06rem;
        line-height: 0.4rem;
        text-indent: 0.2rem;
        transform: translateX(0.3rem);
    }

    #subscribeEmail {
        width: 1.6rem;
        height: 0.4rem;
        font-size: 12px;
        border-radius: 0.06rem;
    }


    /*logo*/
    .content_logo {
        /*position: absolute;*/
        /*left: 0;*/
        /*bottom: 0.6rem;*/
    }

    .content_facebook {
        width: 26px;
        height: 26px;
    }

    .bottomimg {
        width: 1.85rem;
    }

    .bottomimg img {
        width: 100%;
    }

    .labelBottom, .rightsReserved {
        margin-top: 0.1rem;
        font-size: 10px;
    }

    /*项目*/
    .centent_uB {
        flex-wrap: wrap;
    }

    .productsBottom, .aboutUsBottom, .supportBottom {
        width: 33%;
        max-width: unset;
        /*margin-bottom: 0.3rem;*/
    }

    .pruducts, .aboutUS, .support {
        font-size: 14px;
        margin-bottom: 0.2rem;
    }

    .productContent a, #companyProfile, #news, #contactUS, #QA, .download {
        font-size: 12px;
        line-height: unset;
    }

    /*滑动验证码*/
    .rightValidate {
        margin-top: 175px;
    }

    .border1 {
        width: 300px;
        height: 350px;
        margin-top: -347px;
        margin-left: -34.5%;
    }

    .imgBg {
        height: 170px;
    }

    #close {
        margin-top: -4px;
        margin-right: 6px;
    }

    .hkinnerWrap{
        margin-top: -20px;
    }

    #hint {
        font-size: 14px;
    }

}


@media screen and (max-width: 580px) {
    .proList li {
        width: 50%;
    }
}