body{
    background: #e8e9eb;
}
input::-webkit-input-placeholder{
    color:#9aacb8;
}
input::-webkit-input-placeholder {
    color:#9aacb8;
}
input:-moz-placeholder {
    color:#9aacb8;
}
input::-moz-placeholder {
    color:#9aacb8;
}
input:-ms-input-placeholder {
    color:#9aacb8;
}
textarea::-webkit-input-placeholder{
    color:#9aacb8;
}
textarea::-webkit-input-placeholder {
    color:#9aacb8;
}
textarea:-moz-placeholder {
    color:#9aacb8;
}
textarea::-moz-placeholder {
    color:#9aacb8;
}
textarea:-ms-input-placeholder {
    color:#9aacb8;
}
.english{
    font-family: Arial;
}
@media (min-width: 1025px) {
    .header_mask{
        display: none;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 3;
        background: rgba(0,0,0,.8);
    }
    .submitbox{
        width:36%;
        height:20vw;
        background: #fff;
        border-radius: 4px;
        position: fixed;
        top:30vh;
        left:50%;
        margin-left:-18%;
        z-index: 9;
        display: none;
    }
    .submitbox .success{
        font-size: 3.125vw;
        color:#da251c;
        width:100%;
        text-align: center;
        margin-top:4vw;
    }
    .submitbox .tx{
        font-size: 1.25vw;
        color:#393939;
        width:100%;
        text-align: center;
        margin-top:2vw;
    }
    .submitbox .submitbtn{
        width:38%;
        height:3.125vw;
        color:#fff;
        text-align: center;
        line-height: 3.125vw;
        font-size: 1.25vw;
        background: #da251c;
        margin:4vw auto;
        border-radius: 4px;
        cursor: pointer;
    }
    .submitbox .close{
        width:1.875vw;
        position: absolute;
        right:1vw;
        top:1vw;
        cursor: pointer;
    }
    .submit{
        width:33vw;
        margin: 0 auto;
        height:3.125vw;
        background: #da251c;
        color:#fff;
        text-align: center;
        line-height: 3.125vw;
        font-size: 1.25vw;
        margin-top:4.16vw;
        cursor: pointer;
        border-radius: 4px;
    }

    #onlinesupport_buy .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
        margin-right:12px;
        margin-top: 0;
        margin-bottom: 0;
    }
    #civilian .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
        margin-right:12px;
        margin-top: 0;
        margin-bottom: 0;
    }
    #commercial .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
        margin-right:12px;
        margin-top: 0;
        margin-bottom: 0;
    }
   #civilian .content .content_list{
       width:100%;
       height:37.5vw;
   }
   #civilian .content .content_list li{
        width:50%;
        height:37.5vw;
        float: left;
        position: relative;
        cursor: pointer;
   }
   #civilian .content .content_list .content_list_1{
        background: url(../images/onlinesupport/civilianproduct/pc/list1.jpg) no-repeat center;
        background-size: 100% 100%;
   }
   #civilian .content .content_list .content_list_2{
        background: url(../images/onlinesupport/civilianproduct/pc/list2.jpg) no-repeat center;
        background-size: 100% 100%;
   }
    #civilian .content .content_list li .content_list_mask{
       width:100%;
       height:100%;
       position: absolute;
       top:0;
       left:0;
       background:#000;
       opacity:0;
       transition: opacity .4s;
   }
    #civilian .content .content_list li .title{
        width:100%;
        text-align: center;
        font-size: 1.875vw;
        color:#fff;
        font-weight: bold;
        position: absolute;
        top:13.5vw;
        left:0;
        opacity: 0;
        transition: opacity .4s;
    }
    #civilian .content .content_list li .learnmore{
        width:21%;
        height:3vw;
        border:1px solid #fff;
        border-radius: 5px;
        text-align: center;
        line-height: 3vw;
        color:#fff;
        font-size: 0.73vw;
        position: absolute;
        top:17vw;
        left:50%;
        margin-left:-10.5%;
        opacity: 0;
        transition: opacity .4s;
    }
    #civilian .content .content_list li:hover .content_list_mask{
        opacity:0.6;
    }
    #civilian .content .content_list li:hover .title{
        opacity:1;
    }
    #civilian .content .content_list li:hover .learnmore{
        opacity:1;
    }
    #civilian .content .content_list li .learnmore .icon{
        width:0.3125vw;
        height:0.625vw;
        background: url(../images/onlinesupport/civilianproduct/pc/right.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        top:1.1875vw;
        left:70%;
    }
    #civilian .content  .bottom{
        width:100%;
        height:12.2vw;
        padding-top:3.8vw;
        background: url(../images/onlinesupport/civilianproduct/pc/bcg.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #civilian .content  .bottom div{
        width:35%;
        height:3.65vw;
        margin: 0 auto;
    }
    #civilian .content  .bottom .Distributor{
        width:48%;
        height:3.65vw;
        border:1px solid #fff;
        color:#fff;
        text-align: center;
        line-height: 3.65vw;
        font-size: 1vw;
        border-radius: 3px;
        float: left;
        position: relative;
    }
    #civilian .content  .bottom .service{
        width:48%;
        height:3.65vw;
        border:1px solid #fff;
        color:#fff;
        text-align: center;
        line-height: 3.65vw;
        font-size: 1vw;
        border-radius: 3px;
        float: right;
        position: relative;
    }
    #civilian .content .bottom .Distributor .icon{
        width:0.3125vw;
        height:0.625vw;
        background: url(../images/onlinesupport/civilianproduct/pc/right.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        top:1.5125vw;
        left:70%;
    }
    #civilian .content .bottom .service .icon{
        width:0.3125vw;
        height:0.625vw;
        background: url(../images/onlinesupport/civilianproduct/pc/right.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        top:1.5125vw;
        left:70%;
    }
    #civilian .content .bottom .contact{
        width:100%;
        text-align: center;
        font-size: 1.5625vw;
        color:#fff;
        margin-top:2.6vw;
    }
    #commercial .content .content_list{
        width:100%;
        height:18.75vw;
    }
    #commercial .content .content_list li{
        width:50%;
        height:18.75vw;
        float: left;
        position: relative;
        cursor: pointer;
    }
    #commercial .content .content_list .content_list_1:hover{
        background-size: 110% 110%;
    }
    #commercial .content .content_list .content_list_1{
        background: url(../images/onlinesupport/commercial/pc/buy.jpg) no-repeat center;
        background-size: 100% 100%;
        transition:background-size 0.5s;
    }
    #commercial .content .content_list .content_list_2{
        background: url(../images/onlinesupport/commercial/pc/contact.jpg) no-repeat center;
        background-size: 100% 100%;
        transition:background-size 0.5s;
    }
    #commercial .content .content_list .content_list_2:hover{
        background-size: 110% 110%;
    }
    #commercial .content .content_list .content_list_1 .icon{
         width:5.36vw;
         height:3.3vw;
         background: url(../images/onlinesupport/commercial/pc/buyicon.png) no-repeat center;
         background-size: 100% 100%;
         position: absolute;
         left:50%;
         margin-left: -2.68vw;
         top:5.7vw;
     }
    #commercial .content .content_list .content_list_2 .icon{
        width:4.8vw;
        height:3vw;
        background: url(../images/onlinesupport/commercial/pc/contacticon.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        left:50%;
        margin-left: -2.4vw;
        top:5.7vw;
    }
    #commercial .content .content_list  .title{
        width:100%;
        text-align: center;
        font-size: 1.875vw;
        font-weight: bold;
        color:#fff;
        margin-top:10.5vw;
    }
    #commercial .content .process{
        width:100%;
        height:21.5vw;
        padding-top:3.5vw;
    }
    #commercial .content .process .h1{
        width:100%;
        font-size: 3.125vw;
        color:#222222;
        text-align: center;
        font-weight: 300;
    }
    #commercial .content .process  .process_ul{
        width:100%;
        margin-top:5.2vw;
    }
    #commercial .content .process  .process_ul li{
        width:23%;
        float: left;
        position: relative;
    }
    #commercial .content .process  .process_ul li .h2{
        width:100%;
        text-align: center;
        font-size: 1.25vw;
        color:#222222;
        margin-top:3.2vw;
    }
    #commercial .content .process  .process_ul .icon{
        width:1.35vw;
        height:2.1vw;
        background: url(../images/onlinesupport/commercial/pc/toright.png) no-repeat center;
        background-size: 100% 100%;
        float: left;
        margin-top:4vw;
    }
    #commercial .content .process  .process_ul .everyicon1{
        width:1.98vw;
        position: absolute;
        top:0;
        left:50%;
        margin-left:-0.99vw;
    }
    #commercial .content .process  .process_ul .everyicon2{
        width:2.24vw;
        position: absolute;
        top:0;
        left:50%;
        margin-left:-1.12vw;
    }
    #commercial .content .process  .process_ul .everyicon3{
        width:1.7vw;
        position: absolute;
        top:0;
        left:50%;
        margin-left:-0.85vw;
    }
    #commercial .content .process  .process_ul .everyicon4{
        width:1.67vw;
        position: absolute;
        top:0;
        left:50%;
        margin-left:-0.835vw;
    }
    #commercial .content .process  .process_ul li .cont{
        width:66%;
        margin: 0 auto;
        font-size: 0.83vw;
        color:#656565;
        text-align: center;
        margin-top:1.56vw;
        line-height: 1.3vw;
    }
    #commercial .content  .bottom{
        width:100%;
        height:3.8vw;
        background: url(../images/onlinesupport/commercial/pc/bcg.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
        padding-top:4.5vw;
    }
    #commercial .content  .bottom .icon{
        width:2.55vw;
        height:2vw;
        background: url(../images/onlinesupport/commercial/pc/email.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        left:50%;
        margin-left: -1.275vw;
        top:2vw;
    }
    #commercial .content  .bottom  .contact{
        width:100%;
        text-align: center;
        font-size: 1.5625vw;
        color:#fff;
    }
    #onlinesupport_buy .form{
        width:100%;
        min-height:44.32vw;
        background: #e8e9eb;
        padding-top:4.68vw;
        position: relative;
    }
    #onlinesupport_buy .form .left,.right{
        width:25%;
        float: left;
    }
    #onlinesupport_buy .form .left{
        margin-left:23%;
        margin-right:3.125vw;
    }
    #onlinesupport_buy .form .left input{
        height: 2.5vw;
        border: none;
        color: #000;
        font-size: 0.83vw;
        padding-left: 5%;
        width: 60%;
    }
    #onlinesupport_buy .form .right div{
        width:100%;
        height:2.86vw;
        position: relative;
        margin-bottom:1.56vw;
    }
    #onlinesupport_buy .form .right div p{
        width:95%;
        height:2.86vw;
        position: absolute;
        left:0;
        top:0;
        background: #fff;
        border-radius: 5px;
    }
    .select_child{
        width:100%;
        height:2.86vw;
        position: relative;
    }
    #onlinesupport_buy .form .right select{
        width:100%;
        height:2.86vw;
        border-radius: 5px;
        border:none;
        font-size: 0.83vw;
        color:#393939;
        padding-left:5%;
        padding-right:0;
        position: absolute;
        left:0;
        top:0;
        z-index: 2;
        filter:alpha(opacity=0);
        opacity: 0;
    }
    .select_child img{
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }
    #onlinesupport_buy .form .right .select_1_show{
        /*width: 90%;*/
        width:95%;
        height:2.86vw;
        line-height: 2.86vw;
        border-radius: 5px;
        border:none;
        font-size: 0.83vw;
        color:#000;
        padding-left:5%;
        padding-right:0;
        position: absolute;
        left:0;
        top:0;
        z-index: 1;
        background: url("../images/onlinesupport/commercial/mobile/select.png") no-repeat scroll right center transparent;
    }
    #onlinesupport_buy .form .right .select_2_show{
        /*width: 90%;*/
        width:95%;
        height:2.86vw;
        line-height: 2.86vw;
        border-radius: 5px;
        border:none;
        font-size: 0.83vw;
        color:#000;
        padding-left:5%;
        padding-right:0;
        position: absolute;
        left:0;
        top:0;
        z-index: 1;
        background: url("../images/onlinesupport/commercial/mobile/select.png") no-repeat scroll right center transparent;
    }
    #onlinesupport_buy .form .right .check{
        width:58%;
        height:2.7vw;
        border-radius: 5px;
        border:none;
        font-size: 0.83vw;
        color:#393939;
        padding-left:5%;
    }
    #onlinesupport_buy .form .right textarea{
        width:95%;
        height:12.3vw;
        background: #fff;
        border:none;
        border-radius: 5px;
        padding:1vw 0 0 5%;
        font-size: 0.83vw;
    }
    #onlinesupport_buy .form .btn{
        width:12.5%;
        height:2.86vw;
        position: absolute;
        left:50%;
        margin-left:-6.25%;
        bottom:8vw;
        background: #393939;
        font-size: 0.73vw;
        color:#fff;
        text-align: center;
        line-height: 2.86vw;
        border-radius: 5px;
        cursor: pointer;
    }
    #onlinesupport_buy .form  .righticon{
        width:0.3125vw;
        height:0.625vw;
        background: url(../images/onlinesupport/commercial/pc/right.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        left:70%;
        top:1.1175vw;
    }
    #onlinesupport_buy .form .title{
        width:100%;
        text-align: center;
        font-size: 1.875vw;
        color:#393939;
        margin-bottom:2vw;
    }
    #onlinesupport_buy .form .inputbox{
        width:100%;
        height: 2.86vw;
        background: #fff;
        border-radius: 8px;
        margin-bottom:1.56vw;
    }
    #onlinesupport_buy .form .right div .checkox{
        width:50%;
        height: 2.86vw;
        background: #fff;
        border-radius: 4px;
        margin-bottom:1.56vw;
    }
    #onlinesupport_buy .form .checkox span{
        display: block;
        float: left;
        height: 2.86vw;
        line-height: 2.86vw;
        padding-left:10%;
        color:#9aacb8;
        font-size: 0.83vw;
    }
    #onlinesupport_buy .form .left span{
        display: block;
        float: left;
        height: 2.86vw;
        line-height: 2.86vw;
        padding-left:5%;
        color:#9aacb8;
        font-size: 0.83vw;
    }
    select {
        /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
        border: solid 1px #000;
        /*很关键：将默认的select选择框样式清除*/
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        /*在选择框的最右侧中间显示小箭头图片*/
        background: url("../images/onlinesupport/commercial/pc/select.png") no-repeat scroll right center transparent;


        /*为下拉小箭头留出一点位置，避免被文字覆盖*/
        padding-right: 14px;
    }
    /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
    select::-ms-expand { display: none; }




     /*、、、、、、、、、、、、模拟下拉框*/
    .click_block{
        cursor: pointer;
        text-indent: 2.5vw;
    }
    #onlinesupport_buy .form .right div.box_fixed{
        width: 21.18vw;
        position: absolute;
        top: 3.3vw;
        background: #f9f9f9;
        cursor: pointer;
        border-radius: 3px;
        padding:0.573vw 0;
        height:auto;
        z-index: 3;
        cursor: pointer;
    }
    #onlinesupport_buy .form .right div.box_position{
        /*margin-left: 1vw;*/
        font-size: 0.73vw;
        line-height: 1.25vw;
        position: relative;
        width: 100%;
        text-align: center;
        height: auto;
        margin-bottom: 0;

    }

    .text_center{
        text-align: center;
        width:69%;
        display: block;
    }
    .font_select_color{
        color:#da251c;
    }

}


@media (max-width: 1024px) {
    #onlinesupport_buy .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
    }
    #onlinesupport_buy .icon_wb{
        margin-left: 6.9vw;
    }
    #onlinesupport_buy .icon_fb,#onlinesupport_buy .icon_wx,#onlinesupport_buy .icon_tw,#onlinesupport_buy .icon_ga{
        margin-left: 12px;
    }

    #commercial .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
    }
    #commercial .icon_wb{
        margin-left: 6.9vw;
    }
    #commercial .icon_fb,#commercial .icon_wx,#commercial .icon_tw,#commercial .icon_ga{
        margin-left: 12px;
    }

    #civilian .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{
        overflow: hidden;
        width: 25px;
        height: 25px;
        background-image: url(../images/footer/social_media_icon_ie8.png);
        float: left;
        padding-left:0;
    }
    #civilian .icon_wb{
        margin-left: 6.9vw;
    }
    #civilian .icon_fb,#civilian .icon_wx,#civilian .icon_tw,#civilian .icon_ga{
        margin-left: 12px;
    }

    #civilian .content .content_list{
        width:100%;
        height:160vw;
    }
    #civilian .content .content_list li{
        width:100%;
        height:80vw;
        position: relative;
        cursor: pointer;
    }
    #civilian .content .content_list .content_list_1{
        background: url(../images/onlinesupport/civilianproduct/mobile/list1.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #civilian .content .content_list .content_list_2{
        background: url(../images/onlinesupport/civilianproduct/mobile/list2.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #civilian .content .content_list li .title{
        width:100%;
        text-align: center;
        font-size: 8vw;
        color:#fff;
        position: absolute;
        top:26.7vw;
        left:0;
    }
    #civilian .content .content_list li .learnmore{
        width:50%;
        height:10.67vw;
        border:1px solid #fff;
        border-radius: 5px;
        text-align: center;
        line-height:10.67vw;
        color:#fff;
        font-size: 3.2vw;
        position: absolute;
        top:45vw;
        left:25%;
    }
    #civilian .content .content_list li .learnmore .icon{
        width:0.8vw;
        height:1.6vw;
        background: url(../images/onlinesupport/civilianproduct/pc/right.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        top:4.5vw;
        left:70%;
    }
    #civilian .content  .bottom{
        width:100%;
        height:35vw;
        padding-top:13vw;
        background: url(../images/onlinesupport/civilianproduct/mobile/bcg.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #civilian .content  .bottom div{
        width:90%;
        height:10.67vw;
        margin: 0 auto;
    }
    #civilian .content  .bottom .Distributor{
        width:37%;
        height:10.67vw;
        border:1px solid #fff;
        color:#fff;
        padding-left: 11%;
        line-height: 10.67vw;
        font-size: 3.2vw;
        border-radius: 5px;
        float: left;
        position: relative;
    }
    #civilian .content  .bottom .service{
        width:34%;
        height:10.67vw;
        border:1px solid #fff;
        color:#fff;
        padding-left: 14%;
        line-height: 10.67vw;
        font-size: 3.2vw;
        border-radius: 5px;
        float: right;
        position: relative;
    }
    #civilian .content .bottom .Distributor .icon{
        width:0.8vw;
        height:1.6vw;
        background: url(../images/onlinesupport/civilianproduct/pc/right.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        top:4.5vw;
        left:73%;
    }
    #civilian .content .bottom .service .icon{
        width:0.8vw;
        height:1.6vw;
        background: url(../images/onlinesupport/civilianproduct/pc/right.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        top:4.5vw;
        left:70%;
    }
    #civilian .content .bottom .contact{
        width:100%;
        text-align: center;
        font-size: 4vw;
        color:#fff;
        margin-top:5.3vw;
    }
    #commercial .content .content_list{
        width:100%;
        height:48vw;
    }
    #commercial .content .content_list li{
        width:50%;
        height:48vw;
        float: left;
        position: relative;
        cursor: pointer;
    }
    #commercial .content .content_list .content_list_1{
        background: url(../images/onlinesupport/commercial/mobile/buy.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #commercial .content .content_list .content_list_2{
        background: url(../images/onlinesupport/commercial/mobile/contact.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    #commercial .content .content_list .content_list_1 .icon{
        width:13.7vw;
        height:8.5vw;
        background: url(../images/onlinesupport/commercial/pc/buyicon.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        left:50%;
        margin-left: -6.85vw;
        top:14.7vw;
    }
    #commercial .content .content_list .content_list_2 .icon{
        width:12.4vw;
        height:7.7vw;
        background: url(../images/onlinesupport/commercial/pc/contacticon.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        left:50%;
        margin-left: -6.2vw;
        top:14.7vw;
    }
    #commercial .content .content_list  .title{
        width:100%;
        text-align: center;
        font-size: 4.8vw;
        font-weight: bold;
        color:#fff;
        margin-top:28vw;
    }
    #commercial .content .process{
        width:100%;
        min-height: 195.5vw;
        padding-top: 10vw;
    }
    #commercial .content .process .h1{
        width:66%;
        margin: 0 auto;
        text-align: center;
        font-size: 8vw;
        color:#222222;
        font-weight: 300;
    }
    #commercial .content .process  .process_ul{
        width:100%;
        margin-top:10vw;
    }
    #commercial .content .process  .process_ul li{
        width:100%;
        padding-bottom:6vw;
        float: left;
        position: relative;
    }
    #commercial .content .process  .process_ul li .h2{
        width:100%;
        text-align: center;
        font-size: 4.8vw;
        color:#222222;
        margin-top:14vw;
    }
    #commercial .content .process  .process_ul .icon{
        width:4.8vw;
        height:2.4vw;
        background: url(../images/onlinesupport/commercial/mobile/toright.png) no-repeat center;
        background-size: 100% 100%;
        float: left;
        margin-left:48%;
        margin-bottom:6vw;
    }
    #commercial .content .process  .process_ul .everyicon1_1{
        width:9.7vw;
        position: absolute;
        top:0;
        left:50%;
        margin-left:-4.85vw;
    }
    #commercial .content .process  .process_ul .everyicon1_2{
        width:12.4vw;
        position: absolute;
        top:0;
        left:50%;
        margin-left:-6.5vw;
    }
    #commercial .content .process  .process_ul .everyicon1_3{
        width:10vw;
        position: absolute;
        top:0;
        left:50%;
        margin-left:-5vw;
    }
    #commercial .content .process  .process_ul .everyicon1_4{
        width:9.7vw;
        position: absolute;
        top:0;
        left:50%;
        margin-left:-4.85vw;
    }
    #commercial .content .process  .process_ul li .cont{
        width:60%;
        margin: 0 auto;
        font-size: 3.2vw;
        color:#656565;
        text-align: center;
        line-height: 4.5vw;
        margin-top:2vw;
    }
    #commercial .content  .bottom{
        width:100%;
        height:16vw;
        background: url(../images/onlinesupport/commercial/mobile/bcg.jpg) no-repeat center;
        background-size: 100% 100%;
        position: relative;
        padding-top:25vw;
    }
    #commercial .content  .bottom .icon{
        width:13.6vw;
        height:10.6vw;
        background: url(../images/onlinesupport/commercial/mobile/email.png) no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        left:50%;
        margin-left: -6.8vw;
        top:10.67vw;
    }
    #commercial .content  .bottom  .contact{
        width:100%;
        text-align: center;
        font-size: 4.8vw;
        color:#fff;
    }
    #onlinesupport_buy .form{
        width:100%;
        min-height:207vw;
        background: #e8e9eb;
        padding-top:10.6vw;
        position: relative;
    }
    #onlinesupport_buy .form .left,.right{
        width:89%;
        margin: 0 auto;
    }
    #onlinesupport_buy .form .left{
        margin-bottom:10.6vw;
    }
    #onlinesupport_buy .form .left input{
        height:11vw;
        border:none;
        color:#000;
        font-size: 3.7vw;
        padding-left:5%;
        float: left;
        width: 60%;
    }
    #onlinesupport_buy .form .inputbox{
        width:100%;
        height:11vw;
        background: #fff;
        border-radius: 8px;
        margin-bottom:4vw;
        overflow: hidden;
    }
    #onlinesupport_buy .form .left span{
        display: block;
        float: left;
        height:11vw;
        line-height: 11vw;
        padding-left:5%;
        color:#9aacb8;
        font-size: 3.73vw;
    }
    #onlinesupport_buy .form .checkox span{
        display: block;
        float: left;
        height:11vw;
        line-height: 12vw;
        padding-left:10%;
        color:#9aacb8;
        font-size: 3.73vw;
    }
    #onlinesupport_buy .form .right div{
        width:100%;
        height: 11vw;
        position: relative;
        margin-bottom:4vw;
    }
    #onlinesupport_buy .form .right div p{
        width:90%;
        height: 11vw;
        position: absolute;
        left:0;
        top:0;
        background: #fff;
        border-radius: 5px;
    }
    #onlinesupport_buy .form .right div .checkox{
        width:50%;
        height:11vw;
        background: #fff;
        border-radius: 8px;
        margin-bottom:4vw;
        overflow: hidden;
    }
    #onlinesupport_buy .form .right select{
        width:100%;
        height: 11vw;
        border-radius: 5px;
        border:none;
        font-size: 3.7vw;
        color:#393939;
        padding-left:5%;
        padding-right:0;
        position: absolute;
        left:0;
        right:0;
        z-index: 2;
        filter:alpha(opacity=0);
        opacity: 0;
    }
    .select_child img{
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }
    #onlinesupport_buy .form .right .select_1_show{
        width: 90%;
        height:8vw;
        line-height: 8vw;
        border-radius: 5px;
        border:none;
        font-size: 3.7vw;
        color:#393939;
        padding-left:5%;
        padding-right:0;
        position: absolute;
        left:0;
        top:0;
        z-index: 1;
        /*background: url("../images/onlinesupport/commercial/mobile/select.png") no-repeat scroll right center transparent;*/
    }
    #onlinesupport_buy .form .right .select_2_show{
        width: 90%;
        height:8vw;
        line-height: 8vw;
        border-radius: 5px;
        border:none;
        font-size: 3.7vw;
        color:#393939;
        padding-left:5%;
        padding-right:0;
        position: absolute;
        left:0;
        top:0;
        z-index: 1;
        /*background: url("../images/onlinesupport/commercial/mobile/select.png") no-repeat scroll right center transparent;*/
    }
    #onlinesupport_buy .form .right .check{
        width:58%;
        height: 10.67vw;
        border-radius: 5px;
        border:none;
        font-size: 3.7vw;
        color:#9aacb8;
        padding-left:5%;
    }
    #onlinesupport_buy .form .right textarea{
        width:95%;
        height:45vw;
        background: #fff;
        border:none;
        font-size: 3.7vw;
        border-radius: 5px;
        padding:3vw 0 0 5%;
    }
    #onlinesupport_buy .form .btn{
        width:89%;
        height:10.6vw;
        position: absolute;
        left:5.5%;
        bottom:5vw;
        background: #393939;
        font-size: 3.2vw;
        color:#fff;
        text-align: center;
        line-height:10.6vw;
        border-radius: 5px;
    }
    input::-webkit-input-placeholder {
        　　color:#9aacb8;
    }
    input:-moz-placeholder {
        　　color:#9aacb8;
    }
    input::-moz-placeholder {
        　　color:#9aacb8;
    }
    input:-ms-input-placeholder {
        　　color:#9aacb8;
    }
    #onlinesupport_buy .form .title{
        width:100%;
        font-size: 6.67vw;
        color:#393939;
        margin-bottom:6vw;
    }
    .submitbox{
        width:89.3%;
        height:52.4vw;
        background: #fff;
        border-radius:8px;
        position: fixed;
        top:40vh;
        left:50%;
        margin-left:-44.65%;
        z-index: 50;
        display: none;
    }
    .submitbox .success{
        font-size: 8vw;
        color:#da251c;
        width:100%;
        text-align: center;
        margin-top:10.6vw;
    }
    .submitbox .tx{
        font-size: 3.7vw;
        color:#393939;
        width:88%;
        text-align: center;
        margin:5.3vw auto;
        line-height: 5vw;
    }
    .submitbox .submitbtn{
        width:72%;
        height:10.6vw;
        color:#fff;
        text-align: center;
        line-height: 10.6vw;
        font-size: 3.2vw;
        background: #da251c;
        margin:8vw auto;
        border-radius: 8px;
    }
    .submitbox .close{
        width:8vw;
        position: absolute;
        right:2.67vw;
        top:2.67vw;
        cursor: pointer;
    }
    select {
        /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
        border: solid 1px #000;
        /*很关键：将默认的select选择框样式清除*/
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        /*在选择框的最右侧中间显示小箭头图片*/
        background: url("../images/onlinesupport/commercial/mobile/select.png") no-repeat scroll right center transparent;


        /*为下拉小箭头留出一点位置，避免被文字覆盖*/
        padding-right: 14px;
    }
    /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
    select::-ms-expand { display: none; }
}