.width980 {
    background: #f8fcff;
}

.video_trans_Banner {
    background: url(./../images/Transcode.jpg) no-repeat;
}

.c_shangwang_01 {
    width: 27%;
    height: auto;
    float: left;
    padding-top: 40px;
}

.c_shangwang {
    width: 60%;
    padding-top: 0px;
}

.c_shangwang p img {
    width: 16px !important;
    height: 16px;
    padding-right: 10px;
    padding-top: 7px;
}

.onlineDiv {
}

.banerBox {
    /* background: #f2f2f2; */
    margin-bottom: 10px;
    padding: 10px 0;
    height: 300px;
}

.tranicon {
    float: left;
    clear: both;
    width: 33%;
    position: absolute;
    right: 7.6%;
}

.transcode {
    width: 16.6%;
    float: left;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    padding-bottom: 20px;
}

.trantext {
    /* position: absolute; */
    /* right: 14%; */
    font-size: 18px;
    line-height: 40px;
    float: left;
    width: 50%;
    /* padding-top: 3%;*/
}

.online {
    font-size: 44px;
    font-weight: normal;
    color: #fff;
}

.onlineDiv {
    padding-top: 182px;
}

.auth_sub {
    color: #fff;
    font-size: 16px;
    margin-top: 12px;
    letter-spacing: 2px;
}

.bannerTop {
    width: 100%;
    min-width: 1200px;
    position: relative;
    height: 450px;
}

.breadcrumbs {
    padding: 20px 0;
    font-size: 14px;
}

.product_title {
    color: #000;
    font-size: 28px;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.product_sub_title {
    color: #808080;
    margin-bottom: 14px;
    letter-spacing: 1px;
}

.title_deco {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: #e52129;
    margin-bottom: 60px;
}

.product_info_box {
    position: relative;
    margin-bottom: 100px;
}

.productImg_01 {
    position: absolute;
    top: 20px;
    width: 300px;
}

.product_word_box {
    background: #f5f9ff;
    margin-left: 110px;
    padding: 40px 30px 40px 310px;
    height: 300px;
}

.product_word_title {
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;
}

.product_word {
    font-size: 14px;
    line-height: 22px;
    height: 226px;
}

.width1100 {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

.product_Features {
    background: #f8f7f8;
    padding: 80px 0;
}

.product_Features_inner {
    vertical-align: top;
}

.feature_pic {
    width: 532px;
    display: inline-block;
    margin: 0 8px;
    vertical-align: top;
    margin-bottom: 20px;
}

.feature_box {
    background: #fff;
    padding: 43px 22px;
    box-sizing: border-box;
    margin-bottom: 20px;
    height: 201px;
}

.feature_box_font {
    width: 69%;
    margin-right: 0;
    display: inline-block;
}

.feature_box_title {
    font-size: 18px;
    margin-bottom: 10px;
}

.feature_box_word {
    font-size: 14px;
    line-height: 1.5;
}

.video_pic_icon {
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
}

.VideoTranscode_F_right {
    width: 532px;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
}

.app_scenarios_box {
    background: #000e3d url(./../images/user_cases.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 100px 0;
}

.app_product_title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.app_product_sub_title {
    color: #ffffff;
    margin-bottom: 14px;
    letter-spacing: 1px;
}

.app_title_deco {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: #ffffff;
}

.vedio_bottom_box {
    background: #f5f9ff url(./../images/vedio_bottom_right.jpg) no-repeat right;
    padding: 20px;
    margin-bottom: 20px;
    background-size: contain;
    padding-right: 200px;
}

.vedio_bottom_title {
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
}

.vedio_bottom_font {
    color: #666666;
    font-size: 14px;
    line-height: 1.5;
}

.Topology_pic {
    width: 100%;
    background: #f5f9ff;
    padding: 60px 20px;
    box-sizing: border-box;
}

.Topology_title {
    position: absolute;
    left: 185px;
    top: 300px;
    font-size: 26px;
}

.access_bottom_line {
    background: #ebf3fe;
    display: inline-block;
    vertical-align: top;
    width: 374px;
    height: 211px;
    padding: 42px 29px 0;
    box-sizing: border-box;
}

.access_bottom_pic {
    vertical-align: top;
    display: inline-block;
    width: 662px;
    height: 211px;
}

.mr-20 {
    margin-right: 20px;
}

.mb_60 {
    margin-bottom: 60px;
}

.pt_80 {
    padding: 80px;
}

.gray_bg {
    background: #f8f7f8;
    padding: 80px 0 50px;
}

.access_bottom {
    margin-bottom: 30px;
}

.safeBox {
    display: flex;
}

.safeBox_line {
    background: #ebf3fe;
    display: inline-block;
    width: 25%;
    vertical-align: top;
}

.p_20 {
    padding: 40px 20px;
    box-sizing: border-box;
}

.p_85 {
    padding: 85px 20px;
    box-sizing: border-box;
}

.Border_security_Banner {
    background: url(./../images/Border_security_Banner.jpg) no-repeat;
}

.gray_light_blue {
    background: #EFF4FC;
    padding: 100px;
}

.ngf_advan {
    flex: 1;
    padding: 0 66px;
}

.ngf_advan_icon {
    display: block;
    margin: 0 auto 30px;
}

.ngf_advan_title {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}

.ngf_advan_font {
    line-height: 1.5;
    margin-bottom: 10px;
}

.mb_100 {
    margin-bottom: 100px;
}

.sdwan_bottom_title {
    text-align: center;
    font-size: 18px;
    line-height: 1.4;
}

.HG_bottom_line {
    background: #ebf3fe;
    display: inline-block;
    vertical-align: top;
    width: 430px;
    height: 211px;
    padding: 20px 20px 0;
    box-sizing: border-box;
}

.HG_bottom_pic {
    vertical-align: top;
    display: inline-block;
    width: 645px;
    height: 211px;
}

.HG_bottom_title {
    color: #000;
    font-size: 18px;
    margin-bottom: 10px;
}

.HG_bottom_font {
    color: #666666;
    font-size: 13px;
    line-height: 1.5;
}

.UACM_bottom_line {
    background: #ebf3fe;
    display: inline-block;
    vertical-align: top;
    width: 413px;
    height: 211px;
    padding: 16px 20px 0;
    box-sizing: border-box;
}

.UACM_bottom_font{
    color: #666666;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 4px;
}
.UACM_bottom_title{
    color: #000;
    font-size: 18px;
    margin-bottom: 8px;
}

.trans_bg {
    padding: 80px 0 50px;
}

.UACM_line {
    background: #ebf3fe;
    display: inline-block;
    width: 75%;
    vertical-align: top;
}
.content_banner {
    background: url(./../images/content_banner.jpg) no-repeat;
}